/* ============================================================
   Clash入门指南 · clashrumen.com
   faq.css —— FAQ 页(help.html)专属样式
   仅补充页首标题区与文末查阅面板的排版,组件全部复用共享层
   ============================================================ */

/* ---------- 页首标题区 ---------- */
.faq-hero{
  padding-top:64px;
  padding-bottom:36px;
}
.faq-hero h1{
  margin-top:18px;
  font-family:var(--font-display);
  font-size:clamp(30px,3.6vw,46px);
  font-weight:900;
  letter-spacing:.07em;
  line-height:1.2;
}
.faq-hero-lead{
  margin-top:16px;
  max-width:54em;
  font-size:15px;
  line-height:1.9;
  color:var(--chalk-dim);
}

/* ---------- 分册区块:压缩纵向节奏,四册连续排布 ---------- */
.sec--faq{
  padding-top:44px;
  padding-bottom:44px;
}
/* 锚点跳转落点留一点呼吸位 */
#basic,#install,#tips,#debug{
  scroll-margin-top:20px;
}

/* ---------- 文末查阅面板 ---------- */
.faq-next{
  padding-top:44px;
}
.faq-next-t{
  font-size:clamp(20px,2.2vw,26px);
  font-weight:800;
  letter-spacing:.06em;
}
.faq-next-d{
  margin-top:12px;
  max-width:48em;
  font-size:14px;
  line-height:1.9;
  color:var(--chalk-dim);
}
.faq-next-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

/* ---------- 窄屏 ---------- */
@media (max-width:640px){
  .faq-hero{
    padding-top:44px;
    padding-bottom:24px;
  }
  .sec--faq{
    padding-top:36px;
    padding-bottom:36px;
  }
}