/* ============================================================
   Clash中文下载站 · 深文档页(故障排查大全)专属样式 deepdoc.css
   依赖 base.css / components.css 的设计令牌,不单独定义颜色。
   ============================================================ */

/* 锚点跳转时给固定页头留出呼吸空间 */
.prose h2[id]{scroll-margin-top:calc(var(--header-h) + 24px)}

/* 章节容器 */
.doc-chapter{min-width:0}

/* ---------- 分层定位图(第一章 L1~L4) ---------- */
.layer-flow{
  display:flex;flex-direction:column;
  margin:1.6em 0;
}
.layer-row{
  display:flex;align-items:center;gap:16px;
  background:var(--bg-panel-2);border-radius:16px;padding:16px 20px;
  box-shadow:0 8px 22px var(--shadow-card);
  transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.layer-row:hover{
  transform:translateX(6px);
  background:var(--bg-panel-2-soft);
  box-shadow:0 12px 28px var(--shadow-card),0 0 30px var(--glow-board);
}
.layer-no{
  flex:none;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--ink);
  background:linear-gradient(180deg,var(--plate-1),var(--plate-2));
  padding:5px 10px;border-radius:8px;box-shadow:0 3px 8px var(--shadow-cap);
}
.layer-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.layer-name{font-size:15px;font-weight:700}
.layer-desc{font-size:13px;color:var(--text-muted);line-height:1.8}
.layer-join{
  width:3px;height:16px;margin-left:33px;border-radius:2px;flex:none;
  background:linear-gradient(180deg,var(--plate-2),var(--accent-dark));
  box-shadow:0 0 10px var(--glow-accent-mid);
}

/* ---------- 响应式 ---------- */
@media (max-width:560px){
  .layer-row{gap:12px;padding:14px 16px}
  .layer-join{margin-left:29px;height:14px}
}