/* ============================================================
   clashsdk.com · tutorial.css
   教程页(guide.html)专属:引言区节奏 / 步骤编号标 / 锚点偏移
   仅补充,不覆盖 base.css / components.css 已有组件。
   ============================================================ */

.guide-intro{padding-top:36px;padding-bottom:8px}
.guide-intro h1{margin-bottom:12px}
.guide-lede{
  font-size:14.5px;
  max-width:72ch;
  margin-bottom:14px;
}
.guide-intro .badge-row{margin-bottom:4px}

/* 步骤 h2 前的等宽编号标(引用设计令牌,无硬编码颜色) */
.step-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:400;
  color:var(--accent);
  background:var(--bg-panel);
  border:1px solid var(--accent-dark);
  border-radius:var(--radius);
  padding:2px 9px;
  margin-right:10px;
  vertical-align:3px;
}

/* 粘性页头下的锚点定位偏移 */
.prose h2[id],
.guide-next[id]{
  scroll-margin-top:calc(var(--head-h) + 18px);
}

/* 步骤内三级标题稍微收紧,贴近平台小节的密度 */
.prose h3{color:var(--text)}

/* 尾部引导卡 */
.guide-next{padding-top:10px;padding-bottom:8px}
.guide-next h2{margin-bottom:8px}
.guide-next .sub{
  font-size:13.5px;
  max-width:78ch;
  margin-bottom:16px;
}

@media (max-width:640px){
  .guide-intro{padding-top:26px}
  .step-no{font-size:12px;padding:1px 7px;margin-right:8px}
}