/* ==========================================================================
   MeyeVPN — help.css（常见问题页专属样式）
   仅本页使用：页首区 / 分类头 / 分类间距 / 尾段
   ========================================================================== */

/* ---------- 页首区 ---------- */
.help-lead{
  position:relative;
  overflow-x:clip;
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
  padding-top:56px;
  padding-bottom:40px;
}
.help-lead::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  max-width:100%;
  background:
    radial-gradient(520px 380px at 88% 6%,var(--glow-7),transparent 70%),
    radial-gradient(560px 420px at 6% 96%,var(--glow-5),transparent 70%);
}
.help-lead .wrap{position:relative}
.help-lead h1{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(30px,4.4vw,54px);
  line-height:1.12;
  letter-spacing:-.03em;
  margin:18px 0 16px;
  max-width:16em;
}
.help-lead .help-sub{
  font-size:17px;
  line-height:1.75;
  color:var(--muted);
  max-width:660px;
  margin-bottom:24px;
}
.help-lead .fact-strip{margin-bottom:8px}

/* ---------- 页首装饰描线 ---------- */
.help-flow{
  display:block;
  width:1120px;
  max-width:100%;
  height:auto;
  margin-top:36px;
  color:var(--accent);
}

/* ---------- 正文主列（.toc-tabs 的直接父元素，保证吸顶行程） ---------- */
.faq-main{
  display:block;
  padding-top:8px;
  padding-bottom:24px;
}

/* ---------- 分类区块 ---------- */
.faq-cat{
  padding-top:28px;
  padding-bottom:12px;
}
.faq-cat + .faq-cat{
  margin-top:24px;
  border-top:1px solid var(--border);
}
.faq-cat-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:20px;
}
.faq-cat-head .sq-ic{
  width:44px;
  height:44px;
  color:var(--accent);
  background:var(--tint-6);
}
.faq-cat-head h2{
  font-family:var(--font-display);
  font-size:clamp(21px,2.2vw,27px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.25;
  margin-bottom:4px;
}
.faq-cat-head p{
  font-size:14.5px;
  color:var(--muted);
  line-height:1.6;
}

/* 本页 FAQ 列表：两列排布，窄屏单列 */
.faq-cat .faq-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.faq-cat .faq-item{min-width:0}
.faq-cat .faq-item summary{font-size:15.5px}
.faq-cat .faq-item .faq-body{padding:0 20px 18px}

/* 分类内的锚点跳转补偿（toc-tabs 已由 components.css 处理，这里补一层保险） */
.faq-cat[id]{scroll-margin-top:calc(var(--head-h) + 76px)}

/* ---------- 尾段推广 ---------- */
.help-tail{padding-top:8px;padding-bottom:72px}
.help-tail .promo-block{margin:0}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .faq-cat .faq-list{grid-template-columns:1fr}
}
@media (max-width:768px){
  .help-lead{padding-top:40px;padding-bottom:28px}
  .help-lead h1{margin-top:14px;margin-bottom:12px}
  .help-lead .help-sub{font-size:16px;margin-bottom:20px}
  .help-flow{margin-top:24px}
  .faq-cat{padding-top:20px;padding-bottom:8px}
  .faq-cat + .faq-cat{margin-top:16px}
  .faq-cat-head{gap:12px;margin-bottom:16px}
  .faq-cat-head .sq-ic{width:40px;height:40px}
  .faq-cat .faq-item summary{font-size:15px;padding:14px 16px}
  .faq-cat .faq-item .faq-body{padding:0 16px 16px}
  .help-tail{padding-bottom:56px}
}
@media (max-width:640px){
  .help-lead h1{font-size:30px}
  .help-lead .help-sub{font-size:15.5px}
}