/* ==========================================================================
   VPNHF · 帮助中心(help.html)页面专属样式
   只补充 base / components 未覆盖的版式;颜色、圆角、投影一律引用 :root 令牌
   ========================================================================== */

.help-hero{
  position:relative;
  overflow-x:clip;
  padding-top:52px;
  padding-bottom:26px;
}

.help-hero h1{
  margin:16px 0 0;
  font-size:clamp(30px, 3.4vw, 44px);
}

.help-lead{
  max-width:64ch;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.78;
  color:var(--text-muted);
}

.help-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

/* —— 正文主列:目录条与全部章节共用一个容器 —— */

.help-doc{
  max-width:960px;
  margin-inline:auto;
  padding-bottom:4px;
}

.help-cat{
  padding-top:40px;
  padding-bottom:8px;
  border-top:1px dashed var(--border);
}

.help-cat:first-of-type{
  border-top:0;
  padding-top:10px;
}

.help-cat-head{
  margin:0 0 18px;
}

.help-cat-head h2{
  margin:6px 0 0;
  font-size:clamp(22px, 2.4vw, 30px);
}

.help-cat-sub{
  margin:10px 0 0;
  max-width:62ch;
  font-size:14px;
  line-height:1.72;
  color:var(--text-muted);
}

.help-cat .faq-list{
  margin-top:4px;
}

.help-cat .callout{
  margin-top:16px;
}

/* —— 收尾支持块 —— */

.help-foot{
  margin-top:44px;
  padding:24px 22px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--bg-panel);
  box-shadow:var(--shadow-card);
}

.help-foot h2{
  margin:0;
  font-size:clamp(20px, 2.2vw, 26px);
}

.help-foot p{
  margin:10px 0 0;
  max-width:58ch;
  font-size:14px;
  line-height:1.75;
  color:var(--text-muted);
}

.help-foot p a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}

.help-foot .btn-row{
  margin-top:18px;
}

@media (max-width:768px){
  .help-hero{
    padding-top:34px;
    padding-bottom:20px;
  }
  .help-cat{
    padding-top:32px;
  }
  .help-foot{
    margin-top:34px;
    padding:20px 18px;
  }
}