@charset "utf-8";
/* ==========================================================================
   v2rayNG安卓版 · faq.css
   FAQ 页专属:页首简介、分类侧栏、问答正文补充排版、相关页面间距
   ========================================================================== */

/* ---------------------------------------------------------------
   页首简介
   --------------------------------------------------------------- */
.faq-intro{padding-top:56px;padding-bottom:44px}
.faq-intro h1{margin-top:16px}
.faq-lede{
  margin-top:18px;
  max-width:66ch;
  font-size:16.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.faq-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
  padding:0;
  list-style:none;
}
.faq-toc{margin-top:34px}

/* ---------------------------------------------------------------
   分类区块:左侧标题栏 + 右侧问答列
   --------------------------------------------------------------- */
.faq-cat{scroll-margin-top:20px}
.faq-cat-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:44px;
  align-items:start;
}
.faq-cat-grid > *{min-width:0}
.faq-cat-lede{
  margin-top:14px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.faq-cat-count{
  display:inline-flex;
  align-items:center;
  height:26px;
  margin-top:16px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  background:var(--bg);
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--text-muted);
}

/* ---------------------------------------------------------------
   问答正文补充排版(components.css 只定义了 .faq-body p + p)
   --------------------------------------------------------------- */
.faq-body ol,.faq-body ul{margin-top:12px;padding-left:20px}
.faq-body ol{list-style:decimal}
.faq-body ul{list-style:disc}
.faq-body li{margin-top:6px}
.faq-body li::marker{color:var(--text-muted)}
.faq-body code{
  padding:2px 6px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--bg-panel);
  font-size:.88em;
  color:var(--text);
}

/* ---------------------------------------------------------------
   相关页面
   --------------------------------------------------------------- */
.faq-related{margin-top:32px}

/* ---------------------------------------------------------------
   响应式
   --------------------------------------------------------------- */
@media (max-width:900px){
  .faq-cat-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:768px){
  .faq-intro{padding-top:36px;padding-bottom:32px}
  .faq-lede{font-size:15.5px}
  .faq-toc{margin-top:26px}
  /* 窄屏允许长标签折行,避免标签撑破版心 */
  .faq-chips .chip{height:auto;min-height:30px;padding-block:5px;white-space:normal}
}