/* ==========================================================================
   CKVPN · tutorial.css
   快速上手页(setup.html)专属:步骤刻度标 / 页内节奏微调
   ========================================================================== */

/* 步骤刻度标:等宽小字压在每个 h2 之上,呼应海深分层带的刻度语言 */
.prose .step-k{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:3em;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--accent);
}
.prose .step-k::after{
  content:"";
  flex:1;
  max-width:120px;
  height:1px;
  background:var(--border);
}
.prose .step-k:first-child{margin-top:.4em}
.prose .step-k + h2{margin-top:.55em}

/* 锚点跳转落点:让刻度标不被顶条遮住 */
.prose .step-k:target{
  scroll-margin-top:calc(var(--head-h) + 28px);
}

/* 页首 toc 与 callout 的间距节奏 */
.toc-tabs{margin-top:28px}
.toc-tabs + .callout{margin-top:18px}

/* 平台小节标题:左侧加一枚描边小方块,区别于主线步骤 */
.prose h3[id^="import-"]{
  display:flex;
  align-items:center;
  gap:10px;
}
.prose h3[id^="import-"]::before{
  content:"";
  width:8px;
  height:8px;
  border:1px solid var(--accent-dark);
  flex-shrink:0;
}
</style-guard>