/* ============================================================
   Clash配置教程 · 系统教程页(advanced.html)专属样式
   仅补充文档头排版与锚点滚动定位,组件一律复用 base/components
   ============================================================ */

.doc-top{
  max-width:880px;
  margin-bottom:26px;
}
.doc-top .page-t{
  margin-top:10px;
  margin-bottom:16px;
}
.doc-lead{
  font-size:15px;
  line-height:1.9;
  color:var(--text-soft);
}
.doc-lead + .doc-lead{
  margin-top:.9em;
}
.doc-lead a{
  color:var(--text);
  border-bottom:1px solid var(--metal);
}
.doc-lead a:hover{
  border-bottom-color:var(--text);
}

/* 事实胶囊行:等宽丝印 + LED 点,语义色仅出现在 LED */
.doc-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.doc-facts span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--muted);
  border:1px solid var(--border);
  background:var(--panel);
  padding:6px 12px;
  max-width:100%;
  overflow:hidden;
}
.doc-facts .led-dot{
  width:5px;
  height:5px;
}

/* 章节锚点跳转:留出粘性页头高度 */
.prose h2[id]{
  scroll-margin-top:calc(var(--head-h) + 18px);
}

@media (max-width:640px){
  .doc-top{margin-bottom:18px}
}