/* ==========================================================================
   Clash测评 · faq.css(help.html 专属)
   分类锚点定位 / 问答区列表间距 / 答案内文链接 / 页尾引导面板
   ========================================================================== */

/* 锚点跳转落点留出呼吸空间 */
.faq-cat{scroll-margin-top:24px}

/* 顶部导航 + 提示区之间收紧一点 */
.faq-intro .toc-tabs{margin-bottom:14px}
.faq-intro .callout{margin-bottom:0}

/* 每个分类下的问答列表与标题的间距 */
.faq-list{margin-top:20px}

/* 答案内文链接:与 .prose a 同一语汇 */
.faq-link{
  color:var(--accent-dark);
  font-weight:700;
}
.faq-link:hover{color:var(--warn)}

/* 页尾引导面板:左文右按钮,窄屏纵排 */
.faq-tail{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}
.faq-tail-txt{
  flex:1 1 380px;
  min-width:0;
}
.faq-tail-title{
  font-size:19px;
  font-weight:900;
}
.faq-tail-sub{
  margin-top:8px;
  font-size:13.5px;
  line-height:1.75;
  color:color-mix(in srgb,var(--text) 74%,var(--bg-panel2));
}
.faq-tail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex:none;
}

@media (max-width:640px){
  .faq-tail{gap:14px}
  .faq-tail-actions{width:100%}
  .faq-tail-actions .btn-ghost{
    background:var(--bg);
  }
}