/* 天狐落地页版式系统 v4（居中对称）
   宽度口径（仅 /kefu 引用）：
   ≤768        视口 - 48（左右各 24）
   ≥769        min(100vw - 260, 1560)，左右严格等宽
   1440 → 1180（左右各 130）；1920 → 1560（左右各 180）；≥1920 封顶 1560
   浮窗 #web_right 保持原样常驻，不收起
*/
:root{
  --lp-sec:96px;
  --lp-h2:36px;
  --lp-h2-lh:1.32;
  --lp-body:15px;
  --lp-body-lh:1.8;
  --lp-gap:40px;
  --lp-ink:#2b2b2b;
  --lp-muted:#6f6f6f;
  --lp-line:#e8e4da;
  --lp-gold:#b8942e;
  --lp-read:640px;     /* FAQ 答案行长 ≈40 字 */
  --lp-mbar:66px;      /* 手机底部固定电话条 */
}
@media (max-width:1199px){:root{--lp-sec:76px;--lp-h2:30px;--lp-body:14px;--lp-gap:32px}}
@media (max-width:767px){:root{--lp-sec:56px;--lp-h2:24px;--lp-gap:24px}}

/* ---------- 容器：居中，左右等宽 ---------- */
.wrap{
  width:100%;max-width:none;
  margin-left:auto;margin-right:auto;
  padding-left:24px;padding-right:24px;box-sizing:border-box;
}
@media (min-width:769px){
  .wrap{width:min(calc(100vw - 260px),1560px);padding-left:0;padding-right:0}
}

/* ---------- 区块节奏 ---------- */
.sec{padding-top:var(--lp-sec);padding-bottom:var(--lp-sec)}
.hero{padding-top:var(--lp-sec);padding-bottom:var(--lp-sec)}
.sec-h{margin-bottom:var(--lp-gap)}
.sec-h h2{font-size:var(--lp-h2);line-height:var(--lp-h2-lh);font-weight:700;color:var(--lp-ink)}
.sec-h p{font-size:var(--lp-body);line-height:var(--lp-body-lh);color:var(--lp-muted)}

/* ---------- 首屏 6:4 两栏 ---------- */
@media (min-width:1200px){
  .hero .wrap{
    display:grid;grid-template-columns:6fr 4fr;
    column-gap:56px;align-items:start;
  }
  .hero .kick{grid-column:1;grid-row:1}
  .hero h1{
    grid-column:1;grid-row:2/4;
    font-size:clamp(42px,3.35vw,56px);
    line-height:1.16;letter-spacing:-.02em;
  }
  .hero .lead{grid-column:2;grid-row:2;font-size:16px;line-height:2}
  .hero .badges{grid-column:2;grid-row:3;margin-top:28px}
  .hero .ha{grid-column:2;grid-row:4;margin-top:32px}
}

/* ---------- FAQ：整块跟随内容区，答案限宽 640 ---------- */
.kefu-faq{max-width:none;margin-left:0;margin-right:0}
.follow_page_faq .faq_sec p,
.kefu-faq .faq_sec p{max-width:var(--lp-read)}

/* ---------- 7 个 tab：撑满等宽 ---------- */
@media (min-width:768px){
  .kefu-faq .kf-pills{width:100%;gap:10px;justify-content:space-between;overflow:visible}
  .kefu-faq .kf-pill{flex:1 1 0;min-width:0;justify-content:center;padding:0 10px}
}

/* ---------- /kefu 自有 header（浅色 sticky，92+1=93px；与 city_info 无关） ---------- */
.hd .logo-link{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none}
.thc-city-badge{
  display:inline-block;flex:none;
  padding-left:8px;border-left:2px solid #fff;
  font-size:15px;font-weight:700;line-height:1;color:#e8d9a8;
  white-space:nowrap;vertical-align:middle;
}
@media (min-width:1440px){
  .hd .hdin{height:92px}
  .hd .logo{width:177px;height:auto}
  .hd nav{gap:28px}
  .hd .thc-city-badge{font-size:36px;line-height:50px;font-weight:700;color:#fff;border-left:2px solid #fff;padding-left:8px}
  .hd .phones{font-size:12px;gap:12px}
  .hd .phones .plab{font-size:12px}
  .hd .phones a{font-size:12px}
}
@media (min-width:1366px){
  .hd .hdin{gap:28px}
  .hd .thc-city-badge{font-size:36px;line-height:50px;font-weight:700;color:#fff;border-left:2px solid #fff;padding-left:8px}
}
@media (max-width:980px){
  .thc-city-badge{font-size:13px;padding-left:6px}
}

/* ---------- 跳过导航：键盘可见 ---------- */
.lp-skip{
  position:absolute;left:12px;top:-80px;z-index:300;
  display:inline-block;padding:10px 18px;border-radius:4px;
  background:#1f3a5f;color:#fff;font-size:14px;line-height:1;
  text-decoration:none;transition:none;
}
.lp-skip:focus,.lp-skip:focus-visible{top:12px;outline:2px solid #d4af37;outline-offset:2px}

/* ---------- 页内锚点（header 93px；手机 68px） ---------- */
html{scroll-behavior:smooth}
[id],section[id]{scroll-margin-top:101px}
@media (max-width:767px){[id],section[id]{scroll-margin-top:76px}}

/* ---------- 长列表：content-visibility（DOM 全量保留） ---------- */
.kefu-faq .list{content-visibility:auto;contain-intrinsic-size:auto 3600px}

/* ---------- 区块进场：淡入 + 上移 14px，单次触发 ---------- */
.thc-anim .lp-reveal{opacity:0;transform:translateY(14px)}
.thc-anim .lp-reveal.lp-in{
  opacity:1;transform:none;
  transition:opacity .5s ease,transform .5s ease;
}

/* ---------- 减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .thc-anim .lp-reveal{opacity:1!important;transform:none!important}
}

/* ---------- 手机底部安全区（电话条 66px + 4px 余量） ---------- */
@media (max-width:980px){
  body.vb{padding-bottom:calc(var(--lp-mbar) + 4px + env(safe-area-inset-bottom,0px)) !important}
}

/* 中文词组不拆行 ---------- */
.lp-nw{white-space:nowrap}

/* 1440–1520：浮窗左缘在 1270，右栏文字内收 44px，保证不被浮窗压住 */
@media (min-width:1440px) and (max-width:1520px){
  .hero .lead,.hero .badges,.hero .ha{max-width:calc(100% - 44px)}
  .kefu-faq .kf-bar{padding-right:44px}
  /* FAQ 折叠箭头原本落在浮窗下方，内收保证可见 */
  .kefu-faq .item .tit{padding-right:64px !important}
  /* 交付流程右侧时长标签（右对齐）内收，避免被浮窗压住 */
  .sc{padding-right:44px}
}

/* 资质条不再横向溢出 */
#certs .certs{margin-left:0;margin-right:0}