/* ============================================================
   Clash for Android · clash-android.com
   faq.css —— help.html 专属:页顶说明 / 分类段落 / 底部指引面板
   ============================================================ */

/* 页顶说明区 */
.faq-top{padding-bottom:8px;}
.faq-top h1{margin:16px 0 14px;}
.faq-lead{
  max-width:760px;
  font-size:16.5px;
  line-height:1.9;
  color:var(--text-muted);
  margin-bottom:24px;
}
.faq-lead a{
  color:var(--text);
  font-weight:700;
  border-bottom:2px solid var(--accent-dark);
}
.faq-lead a:hover{background:var(--bg-panel2);}

/* 分类段落:锚点跳转时避开 sticky 顶栏 */
.faq-cat{scroll-margin-top:92px;padding-top:36px;padding-bottom:36px;}
.faq-cat-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:20px;
  border-bottom:2px dashed var(--border);
  padding-bottom:12px;
}
.faq-cat-code{
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--text-muted);
  background:var(--bg-panel);
  border:1.5px solid var(--border);
  border-radius:6px;
  padding:3px 10px;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
}

/* 折叠体内链接 */
.faq-body a{
  font-weight:700;
  border-bottom:2px solid var(--accent-dark);
}
.faq-body a:hover{background:var(--bg-panel2);}

/* 底部指引面板 */
.faq-more{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.faq-more-txt{min-width:0;max-width:620px;}
.faq-more-txt h2{margin-bottom:8px;}
.faq-more-txt p{font-size:14.5px;line-height:1.9;}
.faq-more-txt a{
  color:var(--text);
  font-weight:700;
  border-bottom:2px solid var(--accent-dark);
}
.faq-more-txt a:hover{background:var(--bg-panel2);}
.faq-more-act{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

@media (max-width:640px){
  .faq-cat{padding-top:26px;padding-bottom:26px;}
  .faq-more{flex-direction:column;align-items:flex-start;}
}