/* ==========================================================================
   ZaraVPN — deepdoc.css
   深度指南页（AI 加速手册）专属样式：阅读列、章节编号、小节标记、
   章末小结、页首两栏说明、章末互链清单。
   颜色 / 圆角 / 投影一律引用 base.css 的 :root 令牌，不出现硬编码色值。
   ========================================================================== */

/* 阅读列：长文比版心窄一点更好读 */
.manual-body{padding-bottom:12px}

/* 页首两栏说明：教程页与本页的分工 */
.manual-intro{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:20px 0 26px;
}
.manual-intro-card{
  min-width:0;
  padding:16px 18px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--sh-panel);
}
.manual-body .manual-intro-card p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-2);
}
.manual-body .manual-intro-k{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--ink-2);
}
.manual-intro-card a{color:var(--indigo)}

/* 章节编号：等宽小字压在 h2 上方，槽位只放数字 */
.manual-body h2{
  position:relative;
  padding-top:4px;
}
.manual-body h2::before{
  content:attr(data-ch);
  display:block;
  margin-bottom:8px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--ink-2);
}

/* 小节标题前的鼠尾草小方块 */
.manual-body h3{
  position:relative;
  padding-left:15px;
}
.manual-body h3::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:2px;
  background:var(--sage);
}

/* 章末小结：虚线描边的浅色账行 */
.manual-body .manual-recap{
  margin:22px 0 0;
  padding:13px 16px;
  background:var(--panel);
  border:1px dashed var(--line);
  border-radius:var(--r-md);
  font-size:14px;
  line-height:1.75;
  color:var(--ink-2);
}
.manual-body .manual-recap b{color:var(--ink)}

/* 表格下方注释 */
.manual-body .table-note{
  margin:10px 0 0;
  font-size:12.5px;
  line-height:1.6;
  color:var(--ink-2);
}

/* 代码块间距（横滑能力由 base.css 的 pre 提供） */
.manual-body pre{margin:18px 0 22px}

/* 章末互链清单 */
.manual-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:24px 0 0;
  padding:0;
}
.manual-body .manual-links a{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:14px 16px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--sh-ghost);
  color:var(--ink);
  font-size:14.5px;
  line-height:1.55;
  text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease;
}
.manual-body .manual-links a:hover{
  border-color:var(--indigo-22);
  background:var(--indigo-04);
}
.manual-body .manual-links span{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--ink-2);
}

/* 窄屏：两栏收成一栏，编号字号收一档 */
@media (max-width:768px){
  .manual-intro{grid-template-columns:1fr}
  .manual-links{grid-template-columns:1fr}
  .manual-body h2::before{font-size:10.5px}
  .manual-body h3{padding-left:13px}
}