/* ============================================================
   香满棠官网 · 子页滚动模式覆盖（brand / menu / join / ai 引入）
   ------------------------------------------------------------
   子页不使用首页的整屏翻页（deck），而是普通滚动流：
   把 deck 骨架还原为静态布局，并隐藏翻页专属元素。
   ============================================================ */

/* ---------- 解锁滚动（覆盖 common.css 的 deck 锁定） ---------- */
html{scroll-behavior:smooth;scroll-padding-top:86px}
html,body{height:auto;overflow:visible;overflow-x:hidden}
body{background:#fff}

/* ---------- deck 骨架 → 静态文档流 ---------- */
.deck{position:static;inset:auto;overflow:visible}
.track{position:static;width:auto;display:block;transform:none!important;transition:none}
.slide{display:flex;flex-direction:column;height:auto;overflow:visible;contain:none}
.slide>.pg-bg{position:absolute;inset:0;transform:none!important;transition:none}
.slide>.pg-fg{position:relative;z-index:2;width:100%;height:auto;flex:1;transform:none!important;transition:none}

/* ---------- 翻页专属元素隐藏 ---------- */
.shade{display:none}
.dots{display:none}

/* ---------- 子页 Hero 定位上下文 ---------- */
.hero-inner,
.about-inner{position:relative}

/* ---------- 子页 Hero / 海报墙响应式（4 个子页一致） ---------- */
/* 移动端（<=900px） */
@media (max-width:900px){
  .hero-inner{padding:96px 24px 44px;justify-content:flex-start}
  .hero-title{font-size:clamp(28px,8.2vw,42px);letter-spacing:2px}
  .hero-sub{font-size:13px;letter-spacing:1px}
  .lb-inner{padding:72px 22px 36px;justify-content:flex-start}
  .lb-grid{grid-template-columns:1fr;gap:14px}
  .lb-card img{height:190px}
}
/* 桌面矮窗口（<=700px 高，如 1280×577 投屏） */
@media (max-height:700px) and (min-width:901px){
  .hero-title{font-size:clamp(28px,4.2vw,56px)}
  .hero-inner{padding:80px clamp(24px,6vw,104px) 60px}
  .lb-card img{height:clamp(110px,18vh,160px)}
  .lb-card.wide img{height:clamp(88px,14vh,120px)}
}

/* ===== 移动端紧凑化：取消满屏伪装，收紧屏间留白 ===== */
@media (max-width:900px){
  .slide,
  .slide>.pg-fg{min-height:auto}
  .hero-poster{padding-bottom:0}
  .strength-inner,
  .about-inner,
  .join-inner,
  .contact-inner,
  .menu-inner,
  .ai-inner,
  .lb-inner{padding-top:72px}
  .support-list{justify-content:flex-start}
  .eyebrow .en{display:none}
  .strength-head,
  .menu-title,
  .about-title,
  .ai-title,
  .lb-head h2{letter-spacing:1px}
}