/*
 * 北海明珠全站标题结构
 * 规则：主标题在上，解释/副标题在下；不再用 JS 强制缩放或把文案挤在标题右侧。
 */
:root{
  --bhmz-page-title-max:48px;
  --bhmz-page-title-mobile:34px;
}

/* 页面首屏一级标题：统一控制字号与行距。 */
body .page-hero h1,
body .detail-heading-section h1,
body .bhmz-article-hero h1,
body .hub-hero h1,
body .content-list-hero h1,
body .dining-hero h1,
body .about-contact-hero h1,
body .hi-hero h1,
body .bs-hero h1,
body .information-center-hero h1,
body .halls-index-hero h1,
body .hall-focus-hero h1,
body main>section:first-child h1{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:12px 0 14px!important;
  font-size:clamp(32px,3.2vw,var(--bhmz-page-title-max))!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  text-wrap:balance;
}

/* 清除旧版“必须单行”的分块规则，不再依赖自动缩字 JS。 */
body main h1>span,
body main h1>em,
body .page-hero h1>span,
body .page-hero h1>em{
  display:inline!important;
}
body main h1 br,
body .page-hero h1 br{
  display:none!important;
}

/* 主标题下面的解释/副标题统一另起一行。 */
body .page-hero h1+p,
body .detail-heading-section h1+.detail-lead,
body .bhmz-article-hero h1+.bhmz-article-lead,
body .hub-hero h1+p,
body .content-list-hero h1+p,
body .dining-hero h1+p,
body .about-contact-hero h1+p,
body .hi-hero h1+p,
body .bs-hero h1+p,
body .information-center-hero h1+p,
body .halls-index-hero h1+p,
body .hall-focus-hero h1+p{
  display:block!important;
  width:100%!important;
  max-width:820px!important;
  margin:0!important;
  font-size:clamp(14px,1.15vw,17px)!important;
  line-height:1.85!important;
  letter-spacing:0!important;
}

/* 正文中的 H1 不跟首屏标题抢视觉权重。 */
body .article-content h1,
body .bhmz-article-content h1{
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:1.35!important;
  white-space:normal!important;
}

@media(max-width:760px){
  body .page-hero h1,
  body .detail-heading-section h1,
  body .bhmz-article-hero h1,
  body .hub-hero h1,
  body .content-list-hero h1,
  body .dining-hero h1,
  body .about-contact-hero h1,
  body .hi-hero h1,
  body .bs-hero h1,
  body .information-center-hero h1,
  body .halls-index-hero h1,
  body .hall-focus-hero h1,
  body main>section:first-child h1{
    font-size:var(--bhmz-page-title-mobile)!important;
    line-height:1.2!important;
  }
}
