/* ==========================================================================
   VPNAK — deepdoc.css
   manual.html(深度指南页)专属样式:文档头部、章节节奏、正文 prose、
   步骤序号、平台速查补充。全局令牌与通用组件定义在 base.css / components.css。
   ========================================================================== */

.doc{min-width:0}

/* ---- 文档头部 ---- */
.doc-head{max-width:840px;min-width:0}
.doc-head h1{margin:16px 0 14px}
.doc-head .lede{max-width:780px}
.doc-head .fact-row{margin-top:22px}
.doc-meta{
  display:flex;flex-wrap:wrap;gap:8px 20px;
  margin-top:18px;font-size:13px;color:var(--muted);
}
.doc-meta b{color:var(--text);font-weight:700}

/* ---- 章节节奏 ---- */
.doc-sec{padding-top:56px;padding-bottom:4px;min-width:0}
.doc-sec + .doc-sec{margin-top:8px;border-top:1px solid var(--border)}
.doc-sec > h2{margin-bottom:10px}
.sec-kicker{
  display:block;
  font-family:var(--font-mono);font-size:12px;font-weight:600;
  letter-spacing:.1em;color:var(--accent);
  margin-bottom:8px;
}
.doc-sec h3{font-size:19px;margin:30px 0 10px}
.doc-sec h3:first-of-type{margin-top:20px}

/* ---- 正文 ---- */
.prose{max-width:840px;min-width:0}
.prose p{font-size:15px;line-height:1.85;margin-bottom:14px}
.prose p:last-child{margin-bottom:0}
.prose a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.prose a:not(.btn):hover{color:var(--accent-dark)}
.prose ul{margin:0 0 16px}
.prose ul li{
  position:relative;padding-left:20px;margin-bottom:8px;
  font-size:14.5px;line-height:1.8;
}
.prose ul li::before{
  content:"";position:absolute;left:4px;top:11px;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);opacity:.55;
}
.prose ol.steps{
  counter-reset:step;list-style:none;
  display:flex;flex-direction:column;gap:12px;
  margin:18px 0 20px;
}
.prose ol.steps > li{
  position:relative;counter-increment:step;
  padding:14px 18px 14px 58px;
  background:var(--bg-panel);border:1px solid var(--border);
  border-radius:var(--radius-sm);
  font-size:14.5px;line-height:1.75;
  box-shadow:0 14px 30px -24px var(--shadow-tint),inset 0 1px 0 var(--highlight);
}
.prose ol.steps > li::before{
  content:counter(step);
  position:absolute;left:16px;top:14px;
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent);
  font-family:var(--font-mono);font-size:12.5px;font-weight:700;
}
.prose ol.steps > li b{display:block;margin-bottom:3px;font-weight:700}
.prose .callout{margin:18px 0}
.prose .callout p{margin-bottom:0;font-size:14px}
.prose .table-scroll{margin:18px 0 22px}
.prose pre{margin:16px 0 20px}
.prose .plan-grid,
.prose .pack-row,
.prose .plat-grid{margin:20px 0 24px}
.prose h4{font-size:15.5px;margin:22px 0 8px}

/* ---- 平台速查补充:Linux 用文本符号 ---- */
.plat-icon .plat-txt{
  font-family:var(--font-mono);
  font-size:16px;font-weight:700;letter-spacing:-.02em;
  color:var(--accent);
}

/* ---- 相关阅读区 ---- */
.doc-related{padding-top:56px;margin-top:56px;border-top:1px solid var(--border)}

/* ---- 响应式 ---- */
@media (max-width:768px){
  .doc-sec{padding-top:44px}
  .doc-sec h3{margin-top:26px}
}
@media (max-width:640px){
  .doc-head h1{margin:14px 0 12px}
  .doc-sec{padding-top:36px}
  .prose ol.steps > li{padding:12px 14px 12px 50px}
  .prose ol.steps > li::before{left:13px;top:12px;width:24px;height:24px;font-size:12px}
}