/*
 * 北海明珠官网 V4.11.0 正式稳定版
 * 全站 CSS / 图层 / 标题 / 弹层最终审查。
 * 必须在全部历史样式之后加载，仅做安全覆盖，不改变已确认的白+蓝商务主视觉与蓝金页脚。
 */

:root{
  --bhmz-z-sticky:80;
  --bhmz-z-header:100;
  --bhmz-z-floating:180;
  --bhmz-z-panel:240;
  --bhmz-z-modal:2000;
  --bhmz-z-lightbox:2200;
}

/* 防止历史模块宽度、transform 或装饰伪元素制造横向滚动条。 */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
main,section,article,aside,.container{min-width:0}
img,video,picture,svg{max-width:100%}

/* ---------- 全站层级 ---------- */
.site-header{z-index:var(--bhmz-z-header)!important}
.bhmz-floating-tools,.ai-float{z-index:var(--bhmz-z-floating)!important}
.ai-panel{z-index:var(--bhmz-z-panel)!important}

.activity-modal,
.booking-inquiry-modal,
.booking-success-modal,
.share-qr-modal,
.mobile-phone-modal,
.footer-license-modal,
.footer-qr-modal{z-index:var(--bhmz-z-modal)!important}

.hall-lightbox,
.dining-space-modal,
.junren-lightbox,
.junren-video-modal{z-index:var(--bhmz-z-lightbox)!important}

/* ---------- Hero 图层：全部改成正层级，避免父级背景/隔离上下文变化后图片消失 ---------- */
.activity-center-hero,
.activity-detail-hero,
.record-detail-hero,
.bhmz-id-article .bhmz-article-hero,
.home-activity-feature,
.home-brand-story{position:relative;isolation:isolate}

.activity-center-hero:before,
.activity-detail-hero:before,
.activity-detail-hero-media,
.record-detail-hero-media,
.bhmz-id-article .bhmz-article-hero-media,
.home-activity-feature::before,
.home-activity-feature::after{z-index:0!important}

.activity-center-hero-shade,
.activity-detail-hero-shade,
.record-detail-shade,
.bhmz-id-article .bhmz-article-hero-shade,
.home-activity-feature-shade,
.home-brand-story-shade{z-index:1!important;pointer-events:none}

.activity-center-hero>.container,
.activity-detail-hero-inner,
.record-detail-hero-inner,
.bhmz-id-article .bhmz-article-hero-inner,
.home-activity-feature-inner,
.home-brand-story-inner{position:relative;z-index:2!important}

/* 装饰负层保持在自己的卡片内，不允许穿到页面底层。 */
.hotel-updates-card-cover,
.information-filter-section,
.hall-choice-section,
.hall-choice-panel,
.halls-index-hero{isolation:isolate}

/* ---------- 标题：正式版进一步收敛，长标题不再压满首屏 ---------- */
body .page-hero h1,
body .hub-hero h1,
body .content-list-hero h1,
body .information-center-hero h1,
body .records-center-hero h1,
body .activity-center-hero h1,
body .dining-v47-hero h1,
body .dining-rooms-hero h1,
body .halls-index-hero h1,
body .hall-focus-hero h1,
body .hall-photo-archive-hero h1,
body .about-v5-hero h1,
body .hi-hero h1,
body .bs-hero h1,
body .junren-slide-copy h1,
body .junren-slide-copy h2{
  font-size:clamp(30px,2.8vw,42px)!important;
  line-height:1.2!important;
  max-width:860px!important;
}

body.bhmz-id-article .bhmz-article-hero h1,
body.activity-detail-page .activity-detail-hero h1,
body.banquet-record-detail-page .record-detail-hero h1,
body .detail-heading-section h1{
  font-size:clamp(28px,2.45vw,38px)!important;
  line-height:1.24!important;
  max-width:920px!important;
}

body.home-redesign-page .home-hero h1{
  font-size:clamp(34px,3.35vw,48px)!important;
}

body main h2{line-height:1.28}
body .section-title h2,
body .home-section-title h2,
body .halls-section-heading h2,
body .hall-focus-intro h2,
body .hall-records-heading h2,
body .dining-section-heading h2,
body .records-section-heading h2,
body .about-v5-section-title h2,
body .about-v5-section-head h2,
body .hi-section-heading h2,
body .hi-now-copy h2,
body .hi-story-bridge h2,
body .bs-section-heading h2,
body .junren-section-head h2,
body .junren-story-copy h2{
  font-size:clamp(25px,2.1vw,32px)!important;
}

/* 军人专栏：非首张轮播标题改 h2 后保持与首张相同视觉，不再产生多个 H1。 */
.junren-slide-copy .junren-slide-title{margin:0;color:inherit}

/* ---------- Sticky / 卡片 / 联系区域 ---------- */
.record-detail-sidebar,
.activity-detail-sidebar{z-index:3}

/* 两个座机并列时允许自然换行，避免小屏溢出。 */
.bhmz-phone-panel a,
.footer-contact-phones a{overflow-wrap:anywhere}

/* ---------- 移动端 ---------- */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body .page-hero h1,
  body .hub-hero h1,
  body .content-list-hero h1,
  body .information-center-hero h1,
  body .records-center-hero h1,
  body .activity-center-hero h1,
  body .dining-v47-hero h1,
  body .dining-rooms-hero h1,
  body .halls-index-hero h1,
  body .hall-focus-hero h1,
  body .hall-photo-archive-hero h1,
  body .about-v5-hero h1,
  body .hi-hero h1,
  body .bs-hero h1,
  body .junren-slide-copy h1,
  body .junren-slide-copy h2{
    font-size:clamp(28px,7vw,33px)!important;
    line-height:1.24!important;
  }
  body.bhmz-id-article .bhmz-article-hero h1,
  body.activity-detail-page .activity-detail-hero h1,
  body.banquet-record-detail-page .record-detail-hero h1,
  body .detail-heading-section h1{
    font-size:clamp(27px,6.8vw,32px)!important;
  }
  body.home-redesign-page .home-hero h1{font-size:clamp(31px,8vw,36px)!important}
  body .section-title h2,
  body .home-section-title h2,
  body .halls-section-heading h2,
  body .hall-focus-intro h2,
  body .hall-records-heading h2,
  body .dining-section-heading h2,
  body .records-section-heading h2,
  body .about-v5-section-title h2,
  body .about-v5-section-head h2,
  body .hi-section-heading h2,
  body .hi-now-copy h2,
  body .hi-story-bridge h2,
  body .bs-section-heading h2,
  body .junren-section-head h2,
  body .junren-story-copy h2{font-size:clamp(23px,6.2vw,28px)!important}
}