/* ============================================================
   Clash中文社区 · faq.css
   help.html 专属样式:页头装置 / 分类区块节奏 / 折叠项内列表
   设计令牌全部引用 :root 变量,不散落硬编码颜色。
   ============================================================ */

/* 页头:双线错位边框面板,与首屏装置同一纸面层次 */
.faq-hero{margin-bottom:18px}
.faq-kicker{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--cinnabar);
  margin-bottom:10px;
}
.faq-lead{
  margin-top:12px;
  font-size:15px;
  line-height:1.8;
  max-width:44em;
}
.faq-meta{
  margin-top:14px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--ink-soft);
}

/* 分类区块节奏;锚点落位避开吸顶跳转条(条高 40 + top 12 + 余量) */
.faq-cat{
  margin-top:40px;
  scroll-margin-top:76px;
}

/* 折叠项正文内的列表(全局重置清了 list-style,这里按 prose 语言补回) */
.faq-body ol{
  list-style:decimal;
  padding-left:1.6em;
}
.faq-body ol li{margin-top:.35em}
.faq-body ul li{
  position:relative;
  padding-left:1.2em;
  margin-top:.35em;
}
.faq-body ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  background:var(--navy);
}

/* 页尾引导区:指向教程 / 配置进阶 / 下载 */
.faq-more{margin-top:48px}

@media (max-width:640px){
  .faq-cat{margin-top:32px}
  .faq-more{margin-top:40px}
}