/* ==========================================================================
   VPNDM — help.css
   帮助中心页专属：分类锚点导航落点补偿 / 分类区块节奏 / 页尾引导条
   ========================================================================== */

html{scroll-padding-top:calc(var(--header-h) + 96px)}

/* ---------- 页首 ---------- */
.help-hero{
  position:relative;
  padding-top:56px;
  padding-bottom:30px;
  background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 100%);
}
.help-hero .block-head{max-width:900px;margin-bottom:0}
.help-hero h1{font-size:clamp(30px,4.2vw,48px)}
.help-hero .block-head p{margin-top:16px;font-size:15.5px}
.help-hero .cta-stack{justify-content:center;margin-top:26px}
.help-hero .chip-row{justify-content:center;margin-top:20px}

/* ---------- 文档容器（toc-tabs 的直接父元素，覆盖全部章节） ---------- */
.help-doc{position:relative;padding-bottom:24px}

.help-sec{
  padding-top:36px;
  padding-bottom:36px;
  border-top:1px solid var(--border);
}
.help-sec:first-of-type{border-top:0;padding-top:20px}
.help-sec .help-section{gap:36px}
.help-sec .faq-list{max-width:none;margin:0}

.help-lead{
  margin:0 0 18px;
  max-width:760px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--muted);
}

/* ---------- 页尾引导条 ---------- */
.help-tail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:26px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--r);
  background:var(--panel);
  box-shadow:var(--shadow-soft);
}
.help-tail .help-tail-copy{flex:1 1 300px;min-width:0}
.help-tail b{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:17px;
  letter-spacing:-.015em;
  color:var(--ink);
}
.help-tail p{margin-top:8px;font-size:13.5px;line-height:1.75}
.help-tail .btn{flex-shrink:0;white-space:nowrap}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .help-sec .help-section{gap:18px}
}
@media (max-width:768px){
  .help-hero{padding-top:40px;padding-bottom:24px}
  .help-sec{padding-top:28px;padding-bottom:28px}
  .help-sec:first-of-type{padding-top:16px}
  .help-tail{padding:20px 18px}
  .help-tail .btn{width:100%}
}
@media (max-width:640px){
  .help-hero .cta-stack .btn{width:100%}
}