/* ============================================================
   Clash官网 · clashlatest.com
   faq.css —— 常见问题页(help.html)专属样式
   分类抬头:登机口字牌 + 报站 kicker + 条数计数;锚点跳转留出
   吸顶页头高度。全部取值引用 base.css 设计令牌。
   ============================================================ */

/* 页顶区:标题 + 分类跳转 */
.faq-top{
  padding-top:64px;
  padding-bottom:36px;
}
.faq-h1{
  font-family:var(--font-display);
  font-size:clamp(26px,3.8vw,38px);
  font-weight:700;
  letter-spacing:.02em;
  margin-top:14px;
}
.faq-top .sec-lede{max-width:720px;}
.faq-top .toc-tabs{margin-top:26px;}

/* 导语内链 */
.faq-link{
  color:var(--c-accent);
  border-bottom:1px solid var(--c-accent-dark);
}
.faq-link:hover{
  color:var(--c-text);
  border-bottom-color:var(--c-text);
}

/* 锚点定位:避开吸顶页头 */
.faq-sec{scroll-margin-top:calc(var(--head-h) + 20px);}

/* 分类抬头:登机口字牌 + 标题 + 计数 */
.faq-cathead{
  display:flex;
  align-items:center;
  gap:18px;
}
.faq-cathead > *{min-width:0;}
.faq-gate{
  width:58px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-display);
  font-size:16px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--c-accent);
  background:var(--c-panel2);
  flex-shrink:0;
}
.faq-cathead .kicker{margin-top:0;}
.faq-cathead .sec-title{margin-top:8px;}
.faq-count{
  margin-left:auto;
  flex-shrink:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-muted);
  white-space:nowrap;
}

.faq-list{margin-top:26px;}

/* 底部续查面板 */
.faq-more .sec-lede{max-width:720px;}
.faq-more-acts{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

@media (max-width:640px){
  .faq-top{padding-top:44px;padding-bottom:28px;}
  .faq-cathead{gap:12px;}
  .faq-gate{width:48px;height:42px;font-size:14px;}
  .faq-count{display:none;}
}