/* ============================================================
   Clash中文社区 · deepdoc.css
   配置进阶手册页(troubleshooting.html)专属样式
   ============================================================ */

/* ---------- 页头装置(与首页版面表格同一纸面语言:双线错位边框) ---------- */
.doc-head{border:1px solid var(--line);background:var(--paper-raised);padding:6px}
.doc-head-in{border:1px solid var(--line)}
.doc-head-bar{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px 16px;flex-wrap:wrap;
  padding:10px 18px;
  background:var(--paper-sunk);border-bottom:1px solid var(--line);
}
.doc-head-tag{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.04em}
.doc-head-tag::before{
  content:"";display:inline-block;width:8px;height:8px;
  background:var(--cinnabar);margin-right:9px;vertical-align:1px;
}
.doc-head-meta{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  color:var(--ink-soft);
}
.doc-head-body{padding:26px 24px 28px}
.doc-lead{margin-top:14px;font-size:16px;line-height:1.8;max-width:46em}
.doc-lead strong{
  color:var(--navy-deep);font-weight:700;
  border-bottom:2px solid var(--navy);padding-bottom:1px;
}

/* ---------- 章节目录 ---------- */
.doc-toc{margin-top:22px}

/* ---------- 正文章节节奏 ---------- */
.doc-body{margin-top:44px}
.doc-chapter{scroll-margin-top:20px}
.doc-chapter + .doc-chapter{margin-top:60px}
.doc-chapter > h2:first-child{margin-top:0}
.doc-chapter .table-wrap{margin-top:1.2em}
.doc-chapter .callout a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.doc-chapter .callout a:hover{color:var(--navy-deep)}

/* ---------- 页尾相关页面 ---------- */
.doc-related{margin-top:64px}
.doc-related-title{font-size:14px;font-weight:700;color:var(--ink)}
.doc-related-title::before{
  content:"";display:inline-block;width:8px;height:8px;
  background:var(--navy);margin-right:9px;vertical-align:1px;
}
.doc-related-list{margin-top:8px}
.doc-related-list li{
  padding:7px 0;font-size:14px;color:var(--ink-soft);
  border-bottom:1px dashed var(--line);
}
.doc-related-list li:last-child{border-bottom:0}
.doc-related-list a{
  color:var(--navy);font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
}
.doc-related-list a:hover{color:var(--navy-deep)}

/* ---------- 窄屏 ---------- */
@media (max-width:640px){
  .doc-head-body{padding:20px 16px 22px}
  .doc-lead{font-size:14.5px}
  .doc-body{margin-top:36px}
  .doc-chapter + .doc-chapter{margin-top:48px}
}