/* ==========================================================================
   Shadowrocket 官方下载站 · 常见问题页专属样式
   仅 faq.html 使用:分类分组、分类标题行、折叠卡厚度、正文内代码与列表
   ========================================================================== */

/* 页顶分类跳转:与 .toc 之间的间距 */
.faq-jump{margin-top:34px;}

/* 四类问答的整体节奏 */
.faq-groups{
  display:flex;
  flex-direction:column;
  gap:52px;
  margin-top:56px;
}

/* 分类标题行:等宽编号 + 衬线标题 + 等宽注脚 */
.faq-group-head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 14px;
  padding-bottom:14px;
  margin-bottom:18px;
  border-bottom:1px solid var(--border-light);
}
.faq-group-num{
  flex-shrink:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--accent-dark);
}
.faq-group-title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.25rem;
  font-weight:700;
  line-height:1.3;
}
.faq-group-note{
  margin:0;
  max-width:100%;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.02em;
  color:var(--text-on-light-muted);
}

/* 白底分区里的折叠卡加一层柔光,与纯白背景拉开厚度 */
.faq-deck .faq-item--light{box-shadow:var(--shadow-soft);}

/* 答案里的有序步骤与行内代码 */
.faq-body ul,
.faq-body ol{
  margin:.6em 0 0;
  padding-left:1.3em;
  font-size:14.5px;
  line-height:1.85;
}
.faq-body li{margin-bottom:.4em;}
.faq-body li:last-child{margin-bottom:0;}

.faq-body code{
  padding-block:2px;
  padding-inline:6px;
  border-radius:6px;
  background-color:var(--bg-light-panel);
  border:1px solid var(--border-light);
  color:var(--text-on-light);
  font-size:.9em;
}

/* 收尾提示块与分类列表之间的间距 */
.faq-tail{margin-top:44px;}

@media (max-width:900px){
  .faq-groups{gap:44px;margin-top:44px;}
}

@media (max-width:720px){
  .faq-jump{margin-top:28px;}
  .faq-groups{gap:38px;margin-top:36px;}
  .faq-group-title{font-size:1.125rem;}
  .faq-tail{margin-top:34px;}
}