/* ============================================================
   Clash开源网 · faq.css —— help.html 专属
   页顶介绍区 / 分类区节奏 / 收尾引导,全部引用 base.css 设计令牌
   ============================================================ */

.faq-hero{
  padding-top:44px;
  padding-bottom:6px;
}
.faq-hero .kicker{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--ok);
  margin-bottom:10px;
}
.faq-hero h1{
  font-size:clamp(28px,3.8vw,42px);
}
.faq-hero p{
  margin-top:12px;
  max-width:760px;
  font-size:14.5px;
  line-height:1.85;
  color:var(--muted);
}
.faq-hero p a{
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}
.faq-hero p a:hover{color:var(--accent)}

.faq-toc{
  margin-top:24px;
}

.faq-cat{
  padding-top:6px;
  padding-bottom:36px;
}
.faq-cat .peek{
  margin-top:10px;
  margin-bottom:16px;
}

.faq-body a{
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}
.faq-body a:hover{color:var(--accent)}

.faq-next{
  padding-top:4px;
  padding-bottom:56px;
}
.faq-next-title{
  font-size:17px;
  margin-bottom:6px;
}
.faq-next-desc{
  font-size:13.5px;
  line-height:1.75;
  color:var(--muted);
  margin-bottom:14px;
  max-width:640px;
}

@media (max-width:640px){
  .faq-hero{padding-top:30px}
  .faq-cat{padding-bottom:28px}
}