/* ============================================================
   VPNWS — help.css(帮助中心页专属)
   只承载本页特有布局:页头、分类分节、收尾面板与装饰
   共享组件一律复用 base.css / components.css
   ============================================================ */

/* ---------- 页头 ---------- */
.help-hero{
  position:relative;overflow-x:clip;max-width:100%;
  padding-top:var(--sp-7);padding-bottom:var(--sp-6);
}
.help-hero::before{
  content:"";position:absolute;inset:-60px 0 auto 0;height:430px;
  background:radial-gradient(ellipse 58% 62% at 20% 0%,var(--accent-glow) 0%,rgba(184,81,42,.03) 46%,rgba(184,81,42,0) 76%);
  pointer-events:none;z-index:0;
}
.help-hero .wrap{position:relative;z-index:1}
.help-head{max-width:46em}
.help-head h1{margin:14px 0 12px}
.help-head .lead{max-width:56em}
.help-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-5)}
.help-facts li{display:flex;min-width:0}
.help-rule{
  width:min(320px,62%);height:34px;margin-top:var(--sp-5);
  color:var(--accent);opacity:.55;
}

/* 页头右侧氛围光斑(纯装饰,移动端隐藏) */
.decor-orb{
  position:absolute;right:-120px;top:-40px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle at 42% 42%,rgba(184,81,42,.14),rgba(184,81,42,0) 70%);
  pointer-events:none;z-index:0;
}

/* ---------- 文档容器与分节 ---------- */
.help-doc{display:block;min-width:0}
.help-sec{padding-top:var(--sp-8);padding-bottom:var(--sp-2)}
.help-sec-head{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  margin-bottom:var(--sp-3);
}
.help-sec-head h2{font-size:clamp(24px,2.8vw,32px)}
.help-count{
  font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;
  color:var(--text-soft);white-space:nowrap;
}
.help-sec-intro{
  max-width:64ch;font-size:16px;color:var(--text-muted);
  margin-bottom:var(--sp-5);
}
.help-sec .callout{margin-top:var(--sp-4)}

/* ---------- 收尾面板 ---------- */
.help-foot{padding-top:var(--sp-8)}
.help-cta{
  text-align:center;
  padding-top:var(--sp-7);padding-bottom:var(--sp-7);padding-inline:var(--sp-6);
}
.help-cta h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:var(--sp-3)}
.help-cta p{max-width:56ch;margin:0 auto;color:var(--text-muted)}
.help-cta-row{margin-top:var(--sp-5);margin-bottom:0}

/* ---------- 断点 ---------- */
@media (max-width:960px){
  .help-hero{padding-top:var(--sp-6)}
  .help-sec{padding-top:var(--sp-7)}
}
@media (max-width:768px){
  .decor-orb{display:none}
  .help-rule{width:70%;height:28px}
}
@media (max-width:640px){
  .help-cta{padding-inline:var(--sp-5)}
  .help-cta-row{margin-top:var(--sp-4)}
}