/* ================================================================
   H5 统一层 · Mobile Unification
   ----------------------------------------------------------------
   目标：六个页面在手机上共用同一套字号阶梯、同一套间距节奏、
   同一套按钮与卡片规格；桌面端完全不受影响。

   为什么全部带 body.og-site 前缀：
   页面自己的 <style> 在外链 CSS 之后，同特异度下页面赢。
   加一级选择器（0,2,0 起）才能稳定盖住各页的局部移动端规则。
   ================================================================ */
/* 横向溢出兜底（与 shared-nav.css 同一条，放这里是因为新文件不会被旧缓存挡住）。
   clip 不创建滚动容器，不会废掉任何 position:sticky。 */
html, body.og-site { overflow-x: clip; }

@media (max-width: 760px) {

  /* ---------- 1 · 版心与栅格 ---------- */
  body.og-site .wrap,
  body.og-site .og-wrap { width: min(100%, calc(100% - 36px)) !important; margin-inline: auto; }

  /* ---------- 2 · 字号阶梯（全站唯一一套） ----------
     行高统一 1.42 / 1.9：标题紧、正文松，是中文长句在小屏最耐读的组合 */
  body.og-site h1,
  body.og-site .nhero h1,
  body.og-site .pt-hero h1,
  body.og-site .mp-hero h1,
  body.og-site .hero-h {
    font-size: clamp(25px, 7.4vw, 31px) !important;
    line-height: 1.34 !important;
    letter-spacing: -0.035em !important;
  }
  body.og-site h2,
  body.og-site .nh2, body.og-site .pf-h2, body.og-site .mp-h2, body.og-site .o3-h2,
  body.og-site .final h2 {
    font-size: clamp(21px, 5.9vw, 25px) !important;
    line-height: 1.4 !important;
    letter-spacing: -0.03em !important;
  }
  body.og-site h3 { font-size: 15.5px !important; line-height: 1.5 !important; }

  body.og-site .lede, body.og-site .nlede,
  body.og-site .hero-sub, body.og-site .final-sub, body.og-site p.lede {
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.005em;
  }
  body.og-site .eyebrow, body.og-site .nkicker, body.og-site .mp-kicker,
  body.og-site .pt-badge, body.og-site .og-eyebrow {
    font-size: 10.5px !important; letter-spacing: 0.16em !important;
  }

  /* 中文长句在小屏的断行策略：
     balance 让浏览器把几行摊匀，天然消掉「末行只剩两个字」；
     pretty 只保末行不孤，行长仍然可能一长一短，标题类不够用。 */
  body.og-site h1, body.og-site h2, body.og-site h3,
  body.og-site .lede, body.og-site .nlede, body.og-site .hero-sub,
  body.og-site .hero-tagline, body.og-site .final-sub {
    text-wrap: balance;
    word-break: normal;
    overflow-wrap: break-word;
  }

  /* ---------- 3 · 纵向节奏 ---------- */
  body.og-site .nsec, body.og-site .pf-sec, body.og-site .mp-sec, body.og-site .o3-sec {
    padding: clamp(52px, 12vw, 68px) 0 !important;
  }
  body.og-site .nhead, body.og-site .pf-head, body.og-site .mp-head, body.og-site .o3-head {
    margin-bottom: clamp(26px, 6.5vw, 36px) !important;
  }
  body.og-site .final { padding: clamp(40px, 9vw, 54px) 0 34px !important; }

  /* ---------- 4 · 卡片规格统一 ---------- */
  body.og-site .glass, body.og-site .nfeat, body.og-site .card,
  body.og-site .pain-card, body.og-site .fq-hot, body.og-site .price-card {
    padding: 20px 18px !important;
    border-radius: 14px !important;
  }
  body.og-site .nfeats, body.og-site .grid-4, body.og-site .c3, body.og-site .pain-grid,
  body.og-site .fq-hot-grid, body.og-site .pt-four .wrap {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* ---------- 5 · 按钮：整宽、可点 ---------- */
  body.og-site .btn, body.og-site .og-button {
    min-height: 46px !important;
    padding: 0 20px !important;
    font-size: 14.5px !important;
    border-radius: 11px !important;
  }
  body.og-site .nhero-cta, body.og-site .pt-cta, body.og-site .mp-hero-cta,
  body.og-site .final-cta, body.og-site .hero-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100%;
  }
  body.og-site .nhero-cta .btn, body.og-site .pt-cta .btn, body.og-site .mp-hero-cta .btn,
  body.og-site .final-cta .btn, body.og-site .hero-cta .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* ---------- 6 · 首屏：留白收敛，内容上提 ---------- */
  body.og-site .nhero, body.og-site .pt-hero, body.og-site .mp-hero {
    min-height: 0 !important;
    max-height: none !important;
    padding: clamp(40px, 10vw, 60px) 0 clamp(34px, 8vw, 46px) !important;
  }
  /* 手机上不显示「向下滚动」——本来就是滑动操作，多余的提示只是噪音 */
  body.og-site .nhero-cue { display: none !important; }
  /* 配图退成极淡的氛围，绝不与文字抢 */
  body.og-site .nhero-art { opacity: .2 !important; }

  /* ---------- 7 · 通栏数据轨：两列，别挤成一条 ---------- */
  body.og-site .mp-rail, body.og-site .pt-rail {
    grid-template-columns: 1fr 1fr !important;
  }
  /* 各页原本按「一列」写了 nth-child 的上边框与上外边距，
     改成两列后会让第 2 项凭空下沉一截，这里全部归零重来 */
  body.og-site .mp-rail div, body.og-site .pt-rail div {
    padding: 18px 10px 0 !important;
    text-align: left !important;
    margin-top: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }
  body.og-site .mp-rail div:nth-child(n+3),
  body.og-site .pt-rail div:nth-child(n+3) {
    margin-top: 16px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--line, rgba(255,255,255,.07)) !important;
  }
  body.og-site .mp-rail b, body.og-site .pt-rail b { font-size: 21px !important; }
  body.og-site .mp-rail span, body.og-site .pt-rail span { font-size: 11.5px !important; }

  /* ---------- 8 · 装饰降噪 ---------- */
  /* 首页背景的场景词滚动在小屏会直接压在标题上，压到几乎不可见 */
  body[data-page="home"] .hero-field { opacity: .085 !important; }
  body[data-page="home"] .hf-row span { font-size: 15px !important; }
  /* 平台能力的方格底纹在小屏太密 */
  body.og-site .pt-grid-bg { background-size: 54px 54px !important; opacity: .6; }


  /* ---------- 10 · 首页首屏：手机上不做整屏，收成一段紧凑的开场 ---------- */
  body[data-page="home"] .hero {
    min-height: 0 !important;
    padding: clamp(30px, 8vw, 46px) 0 clamp(26px, 7vw, 38px) !important;
  }
  body[data-page="home"] .hero-sub { margin-top: 14px !important; }
  body[data-page="home"] .hero-tagline { margin-top: 10px !important; }
  body[data-page="home"] .hero-news { margin-top: 22px !important; }
  /* 三条卖点在小屏排成一列，不要折成「| 一单回本」这种断头行 */
  body[data-page="home"] .cta-note {
    display: grid !important;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 9px !important;
    margin-top: 20px !important;
  }
  body[data-page="home"] .cta-note::before,
  body[data-page="home"] .cta-note::after { display: none !important; }
  body[data-page="home"] .cnote-item { font-size: 12.5px !important; }
  body[data-page="home"] .cnote-item + .cnote-item::before { display: none !important; }

  /* ---------- 9 · 触控与滚动体验 ---------- */
  body.og-site a, body.og-site button { -webkit-tap-highlight-color: rgba(226,189,85,.16); }
  body.og-site input, body.og-site select, body.og-site textarea { font-size: 16px !important; }  /* 防 iOS 聚焦时自动放大 */
  body.og-site { -webkit-text-size-adjust: 100%; }
}

/* 极窄屏再降一档，保证十字标题仍能一行放下 */
@media (max-width: 360px) {
  body.og-site h1, body.og-site .nhero h1, body.og-site .pt-hero h1,
  body.og-site .mp-hero h1, body.og-site .hero-h { font-size: 23px !important; }
  body.og-site .wrap, body.og-site .og-wrap { width: calc(100% - 28px) !important; }
}