/* V5.2.7 北海明珠官网移动端深度适配
 * 目标：公众号浏览器 / 小程序 web-view / 手机浏览器统一为高端蓝白风格。
 * 仅 max-width:850px 生效；桌面端现有布局与导航保持不变。
 */
@media (max-width:850px){
  :root{--m-navy:#082f63;--m-blue:#0b4f9f;--m-blue2:#1768b2;--m-ink:#152d48;--m-text:#40566d;--m-muted:#7f8fa0;--m-line:#e4ebf2;--m-bg:#f5f8fb;--m-soft:#edf4fb}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:#f5f8fb!important;color:#152d48!important;-webkit-text-size-adjust:100%}
  body{font-size:16px;line-height:1.7}
  .container{width:100%!important;max-width:none!important;margin:0 auto!important;padding-left:16px!important;padding-right:16px!important}
  img,picture,video,iframe,canvas,svg{max-width:100%!important}
  .bhmz-floating-tools{display:none!important}

  /* 顶部导航：手机端保持轻、稳、白，不压内容。 */
  .site-header{height:64px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e6ecf2!important;box-shadow:0 5px 20px rgba(23,54,85,.05)!important;backdrop-filter:blur(18px)!important}
  .site-header .header-inner{height:64px!important;width:100%!important;padding:0 14px!important;gap:8px!important}
  .site-header .brand{min-width:0!important;display:flex!important;align-items:center!important}
  .site-header .brand img{width:126px!important;max-height:44px!important;object-fit:contain!important}
  .site-header .menu-toggle{width:42px!important;height:42px!important;margin-left:auto!important;border:1px solid #e1e8ef!important;border-radius:12px!important;background:#fff!important}
  .site-header .header-booking{height:42px!important;min-width:auto!important;padding:0 12px!important;border-radius:12px!important;background:#0b4f9f!important;color:#fff!important;font-size:14px!important;white-space:nowrap!important}
  .site-header .header-booking svg{width:16px!important;height:16px!important}
  .site-header .main-nav{top:64px!important;max-height:calc(100vh - 64px)!important;background:#fff!important;border-top:1px solid #edf1f5!important;box-shadow:0 20px 40px rgba(20,50,80,.12)!important}
  .site-header .main-nav>a,.site-header .nav-group>a{color:#173551!important;font-size:16px!important}

  /* 所有手机首屏克制化，不再用 PC 超大高度。 */
  .page-hero,.content-hero,.records-hero,.information-hero,.activity-hero,.about-v5-hero,.brand-hero{min-height:280px!important;height:auto!important;padding:52px 0 38px!important;background-position:center!important}
  .hi-hero,.hd10-hero,.halls-hero,.dining-hero,.dr31-hero{min-height:390px!important;height:auto!important;padding:54px 0 40px!important;background-position:center!important}
  .page-hero h1,.content-hero h1,.records-hero h1,.information-hero h1,.activity-hero h1,.about-v5-hero h1,.brand-hero h1,
  .hi-hero h1,.hd10-hero h1,.halls-hero h1,.dining-hero h1,.dr31-hero h1{max-width:100%!important;margin-left:0!important;margin-right:0!important;font-size:clamp(30px,8vw,39px)!important;line-height:1.2!important;letter-spacing:-.02em!important;word-break:keep-all!important}
  .page-hero p,.content-hero p,.records-hero p,.information-hero p,.activity-hero p,.about-v5-hero p,.brand-hero p,
  .hi-hero p,.hd10-hero p,.halls-hero p,.dining-hero p,.dr31-hero p{max-width:100%!important;font-size:16px!important;line-height:1.75!important}

  /* 一级列表页：轻背景 + 高级白卡 */
  .cards-grid,.article-grid,.records-grid,.halls-grid,.dining-grid,.room-grid,.activity-grid,.hi-card-grid{grid-template-columns:1fr!important;gap:14px!important}
  .article-card,.record-card,.hall-card,.activity-card,.dining-card,.content-card{overflow:hidden!important;border:1px solid #e4ebf2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(25,56,87,.055)!important}
  .article-cover,.record-cover,.hall-cover,.activity-cover{aspect-ratio:16/9!important;height:auto!important}

  /* 文章 / 资讯 / 宴会实录：手机原生阅读感。 */
  .content-detail-page .detail-main-section .detail-content-grid,
  .bhmz-id-article .bhmz-article-layout,
  .about-v5-contact-grid,.about-company-grid,.hi-grid,.hi-profile-grid,
  .dr31-explore-grid,.dr31-bottom-grid,.dining-room-grid,.hall-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .bhmz-id-article .bhmz-article-layout,.content-detail-page .detail-main-section .detail-content-grid{padding-top:18px!important}
  .bhmz-id-article .bhmz-article-sidebar,.content-detail-page .detail-sidebar{position:static!important;top:auto!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin-top:8px!important}
  .bhmz-id-article .bhmz-article-sidebar-shell{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .article-detail-card,.article-detail-content,.content-detail-page .article-detail-card,.content-detail-page .detail-main{padding:18px!important;border:1px solid #e4ebf2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(25,56,87,.045)!important}
  .article-detail-content,.article-content,.rich-content,.page-content,.content-detail-page .detail-content{font-size:17px!important;line-height:1.9!important;color:#344b61!important;word-break:break-word!important;overflow-wrap:anywhere!important}
  .article-detail-content p,.article-content p,.rich-content p,.page-content p{margin:0 0 1.2em!important}
  .article-detail-content h1,.article-content h1{font-size:28px!important;line-height:1.3!important;color:#172f49!important}
  .article-detail-content h2,.article-content h2,.rich-content h2{margin:1.45em 0 .65em!important;font-size:23px!important;line-height:1.4!important;color:#173b60!important}
  .article-detail-content h3,.article-content h3,.rich-content h3{font-size:20px!important;line-height:1.45!important;color:#173b60!important}
  .article-detail-content img,.article-content img,.rich-content img,.detail-content img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:15px auto!important;border:1px solid #edf1f5!important;border-radius:14px!important}
  .article-detail-content table,.article-content table,.rich-content table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .article-meta,.detail-meta,.content-meta{flex-wrap:wrap!important;gap:7px 12px!important;color:#8795a5!important;font-size:13px!important}

  /* 宴会厅详情：保留官网视觉，但缩成真正的手机页面。 */
  .hd10-hero{min-height:430px!important;background-position:center!important}
  .hd10-hero .container{padding-top:20px!important;padding-bottom:22px!important}
  .hd10-hero-copy,.hd10-copy{max-width:100%!important;padding-right:0!important}
  .hd10-hero-actions,.hall-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .hd10-hero-actions a,.hd10-hero-actions button,.hall-detail-actions a,.hall-detail-actions button{min-height:44px!important;flex:1 1 145px!important;justify-content:center!important}
  .hd10-stats,.hall-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .hd10-gallery,.hall-gallery-grid{grid-template-columns:1fr!important;gap:12px!important}

  /* 包间目录：设计稿同款横向高质感卡片。 */
  .dr31-page{background:#f5f8fb!important}
  .dr31-directory{padding-top:34px!important;padding-bottom:40px!important}
  .dr31-section-head{display:block!important;margin-bottom:16px!important}
  .dr31-section-head>div>span,.dr31-subhead>span{color:#0b4f9f!important;letter-spacing:.12em!important}
  .dr31-section-head h2,.dr31-subhead h2{font-size:28px!important;color:#173550!important;line-height:1.25!important}
  .dr31-section-head p,.dr31-subhead p{font-size:15px!important;color:#788a9c!important}
  .dr31-floor-tabs,.dining-floor-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 0 10px!important;white-space:nowrap!important;scrollbar-width:none!important}
  .dr31-floor-tabs::-webkit-scrollbar,.dining-floor-tabs::-webkit-scrollbar{display:none!important}
  .dr31-floor-tabs button,.dining-floor-tabs button{flex:0 0 auto!important;min-width:92px!important;min-height:44px!important;padding:8px 12px!important;border:1px solid #dbe5ee!important;border-radius:13px!important;background:#fff!important;color:#61758a!important;box-shadow:none!important}
  .dr31-floor-tabs button.active,.dining-floor-tabs button.active{border-color:#0b4f9f!important;background:#0b4f9f!important;color:#fff!important}
  .dr32-filterbar{display:block!important;margin:4px 0 15px!important;padding:13px!important;border:1px solid #e2e9f0!important;border-radius:15px!important;background:#fff!important}
  .dr32-capacity-filter{display:flex!important;gap:7px!important;overflow-x:auto!important;white-space:nowrap!important}
  .dr32-capacity-filter>span{display:none!important}
  .dr32-capacity-filter button{flex:0 0 auto!important;min-height:36px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid #dfe7ef!important;background:#f8fafc!important;color:#65788b!important}
  .dr32-capacity-filter button.is-active{border-color:#c8dcf0!important;background:#eaf3fb!important;color:#0b4f9f!important;font-weight:800!important}
  .dr31-room-grid,.dining-room-full-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .dr31-room-card,.dining-room-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;min-height:126px!important;padding:10px!important;border:1px solid #e2e9f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 20px rgba(24,55,86,.05)!important;text-align:left!important}
  .dr31-room-card .dining-room-photo,.dining-room-card .dining-room-photo{width:132px!important;height:106px!important;border-radius:12px!important;overflow:hidden!important}
  .dr31-room-card .dining-room-photo img,.dining-room-card .dining-room-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
  .dr31-room-card .dining-room-copy,.dining-room-card .dining-room-copy{padding:2px 2px 0 13px!important;min-width:0!important}
  .dr31-room-card .dining-room-copy small,.dining-room-card .dining-room-copy small{display:inline-flex!important;padding:3px 7px!important;border-radius:999px!important;background:#edf5fc!important;color:#0b4f9f!important;font-size:11px!important;font-style:normal!important}
  .dr31-room-card .dining-room-copy strong,.dining-room-card .dining-room-copy strong{display:block!important;margin-top:5px!important;color:#173550!important;font-size:18px!important;line-height:1.25!important}
  .dr31-room-card .dining-room-copy em,.dining-room-card .dining-room-copy em{display:block!important;margin-top:5px!important;color:#64798e!important;font-size:13px!important;font-style:normal!important}
  .dr32-services{display:flex!important;gap:5px!important;overflow:hidden!important;margin-top:6px!important;white-space:nowrap!important}
  .dr32-services span{font-size:11px!important;color:#75879a!important}
  .dr31-room-card .dining-room-copy>i,.dining-room-card .dining-room-copy>i{display:block!important;margin-top:7px!important;color:#0b4f9f!important;font-size:12px!important;font-style:normal!important;font-weight:800!important}

  /* 包间弹窗：手机上变成接近原生详情页的全屏底部卡。 */
  .dining-space-modal{padding:8px!important;align-items:flex-end!important;background:rgba(6,24,45,.52)!important}
  .dining-space-dialog{display:block!important;width:100%!important;max-width:none!important;max-height:calc(100vh - 16px)!important;border:0!important;border-radius:22px 22px 14px 14px!important;background:#fff!important;box-shadow:0 -12px 50px rgba(7,30,55,.22)!important;overflow-y:auto!important}
  .dining-space-gallery{padding:10px!important;background:linear-gradient(145deg,#e6eef7,#f6f3ed)!important}
  .dining-space-main-image{height:min(48vh,390px)!important;border-radius:16px!important;overflow:hidden!important;background:#e5ecf3!important}
  .dining-space-main-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .dining-space-thumbs{gap:8px!important;padding-top:9px!important;overflow-x:auto!important;white-space:nowrap!important}
  .dining-space-thumbs button{flex:0 0 76px!important;width:76px!important;height:56px!important;border-radius:10px!important}
  .dining-space-detail{padding:22px 18px calc(22px + env(safe-area-inset-bottom))!important}
  .dining-space-floor{padding:5px 9px!important;border-radius:999px!important;background:#eaf3fb!important;color:#0b4f9f!important;font-size:12px!important;font-weight:800!important}
  .dining-space-detail h2{margin:9px 0 0!important;color:#173550!important;font-size:30px!important;line-height:1.2!important}
  .dining-space-detail-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:15px!important}
  .dining-space-detail-meta span{padding:8px 10px!important;border:1px solid #e1e8ef!important;border-radius:11px!important;background:#fff!important;color:#536b83!important}
  .dining-space-detail>p{margin-top:16px!important;color:#61758a!important;font-size:15px!important;line-height:1.8!important}
  .dining-space-feature-list{gap:7px!important;margin-top:13px!important}
  .dining-space-feature-list span{padding:6px 9px!important;border-radius:999px!important;background:#eef3f8!important;color:#617286!important;font-size:12px!important}
  .dining-space-detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:19px!important}
  .dining-space-detail-actions a,.dining-space-detail-actions button{width:100%!important;min-height:46px!important;border-radius:13px!important}
  .dining-space-close{top:17px!important;right:17px!important;width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}

  /* 菜品、到店用餐 */
  .dining-menu-grid,.dining-dish-grid,.dining-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .dining-menu-card,.dining-dish-card{border:1px solid #e4ebf2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(24,55,86,.045)!important}
  .dining-menu-card img,.dining-dish-card img{aspect-ratio:4/3!important;width:100%!important;height:auto!important;object-fit:cover!important}

  /* 表单 */
  .booking-inquiry-form,.dining-booking-form,.booking-grid,.form-grid{grid-template-columns:1fr!important;gap:12px!important}
  input,select,textarea{max-width:100%!important;font-size:16px!important}
  .primary-btn,.secondary-btn,.outline-btn,.booking-btn,button[type=submit]{min-height:44px!important;border-radius:12px!important}

  /* 页脚在手机端收紧。 */
  .site-footer{margin-top:40px!important}
  .site-footer .footer-grid,.site-footer .footer-main{grid-template-columns:1fr!important;gap:20px!important}
  .site-footer .footer-inner{padding-left:16px!important;padding-right:16px!important}

  /* 清理 PC 内联固定宽度。 */
  [style*="width: 1180"],[style*="width:1180"],[style*="width: 1550"],[style*="width:1550"],[style*="min-width: 900"],[style*="min-width:900"]{width:100%!important;min-width:0!important;max-width:100%!important}
}

@media (max-width:420px){
  .site-header .brand img{width:112px!important}
  .site-header .header-booking span{font-size:13px!important}
  .dr31-room-card,.dining-room-card{grid-template-columns:118px minmax(0,1fr)!important}
  .dr31-room-card .dining-room-photo,.dining-room-card .dining-room-photo{width:118px!important;height:100px!important}
  .dining-menu-grid,.dining-dish-grid,.dining-featured-grid{grid-template-columns:1fr!important}
}

/* 小程序 web-view 嵌入模式：去掉网站自己的顶栏/页脚，避免双导航。 */
@media (max-width:850px){
  body.bhmz-mobile-embed .site-header,
  body.bhmz-mobile-embed .site-footer,
  body.bhmz-mobile-embed .bhmz-floating-tools,
  body.bhmz-mobile-embed .cms-front-toolbar{display:none!important}
  body.bhmz-mobile-embed{padding-top:0!important}
  body.bhmz-mobile-embed .page-hero,
  body.bhmz-mobile-embed .content-hero,
  body.bhmz-mobile-embed .records-hero,
  body.bhmz-mobile-embed .information-hero,
  body.bhmz-mobile-embed .activity-hero,
  body.bhmz-mobile-embed .hi-hero,
  body.bhmz-mobile-embed .hd10-hero,
  body.bhmz-mobile-embed .halls-hero,
  body.bhmz-mobile-embed .dining-hero,
  body.bhmz-mobile-embed .dr31-hero{padding-top:34px!important}
  body.bhmz-mobile-embed main{margin-top:0!important}
}

/* V5.2.8：手机端不显示网站右侧栏/侧边栏板块，正文全宽阅读。 */
@media (max-width:850px){
  .bhmz-id-article .bhmz-article-sidebar,
  .bhmz-id-article .bhmz-article-sidebar-shell,
  .content-detail-page .detail-sidebar,
  .record-detail-sidebar,
  .activity-detail-sidebar,
  .article-sidebar,
  .content-sidebar,
  .sidebar-area,
  .hotel-updates-sidebar,
  .about-contact-side,
  .hotel-intro-side{
    display:none!important;
  }
  .bhmz-id-article .bhmz-article-layout,
  .content-detail-page .detail-main-section .detail-content-grid,
  .record-detail-layout,
  .activity-detail-layout,
  .hotel-updates-layout,
  .about-v5-contact-grid,
  .hotel-intro-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}