/* ==========================================================================
   V2Ray Mac客户端 · faq.css —— 常见问题页专属样式
   页头渐变面板 / 事实行 / 目录间距 / 分类标题行 / 分类列表 / 页尾导航卡
   通用 FAQ 折叠项样式在 components.css，本文件不重复定义
   ========================================================================== */

/* ---------- 1. 页头面板 ---------- */
.faq-hero{
  position:relative;
  overflow:hidden;
  padding:42px 44px 38px;
  border:1px solid var(--border);
  border-radius:var(--r-panel);
  background:var(--grad-panel);
  box-shadow:var(--sh-stage);
  color:var(--text);
}
.faq-hero .eyebrow{margin-bottom:12px;}
.faq-hero h1{max-width:26ch;}
.faq-hero .lede{margin-top:16px;max-width:66ch;}
.faq-hero__dots{
  position:absolute;
  right:26px;
  top:26px;
  width:132px;
  height:132px;
  background-image:radial-gradient(var(--mint) 1.6px,transparent 1.6px);
  background-size:15px 15px;
  opacity:.55;
  pointer-events:none;
}

/* ---------- 2. 事实行 ---------- */
.faq-facts{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:24px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--text-muted);
}
.faq-facts__sep{
  width:1px;
  height:12px;
  flex-shrink:0;
  background:var(--border);
}

/* ---------- 3. 目录 ---------- */
.faq-toc{margin-top:20px;}

/* ---------- 4. 分类区块 ---------- */
.faq-cat{scroll-margin-top:24px;}
.faq-cat__head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:12px 14px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}
.faq-cat__no{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.12em;
  color:var(--accent-dark);
}
.faq-cat__count{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding-inline:10px;
  flex-shrink:0;
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  background:var(--bg);
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  white-space:nowrap;
}
.faq-cat__intro{
  margin-top:16px;
  max-width:74ch;
  font-size:15px;
  color:var(--text-muted);
}
.faq-cat__list{margin-top:22px;}

/* ---------- 5. 页尾导航卡 ---------- */
.faq-next{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:28px 30px;
  border:1px solid var(--border);
  border-radius:var(--r-panel);
  background:var(--grad-panel);
  box-shadow:var(--sh-stage);
  color:var(--text);
}
.faq-next__title{
  font-family:var(--font-display);
  font-size:19px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--text);
}
.faq-next__desc{
  margin-top:6px;
  max-width:56ch;
  font-size:14.5px;
  color:var(--text-muted);
}
.faq-next__actions{display:flex;flex-wrap:wrap;gap:10px;}

/* ---------- 6. 响应式 ---------- */
@media (max-width:768px){
  .faq-hero{padding:28px 22px 26px;}
  .faq-hero h1{max-width:none;}
  .faq-hero__dots{display:none;}
  .faq-next{padding:22px 20px;}
}
@media (max-width:640px){
  .faq-facts__sep{display:none;}
}