/* =========================================================
   quickstart.html 教程页专属样式
   依赖 base.css / components.css 的设计令牌与组件
   ========================================================= */

.guide-hero{padding-bottom:20px}
.guide-hero .sec-desc{max-width:720px}
.guide-link{color:var(--c-accent-dark);font-weight:600}
.guide-link:hover{text-decoration:underline}
.guide-toc{margin-top:26px}
.guide-note{margin-top:22px;max-width:820px}
.guide-note a{color:var(--c-accent-dark);font-weight:600}
.guide-note a:hover{text-decoration:underline}

.step-anchor{scroll-margin-top:24px}

.step-panel{max-width:900px}
.step-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-mono);font-size:12px;font-weight:700;
  letter-spacing:.16em;color:var(--c-accent-dark);
}
.step-tag::before{
  content:"";width:7px;height:7px;border-radius:2px;
  background:var(--c-accent);flex-shrink:0;
}
.step-panel h2{margin-top:10px}
.step-panel .prose{margin-top:6px}
.step-panel .callout{margin-top:22px}
.step-panel .cmd-box{margin-top:16px}

.next-grid{margin-top:28px}
.next-grid .card{display:flex;flex-direction:column;gap:10px}
.next-desc{font-size:14px;line-height:1.8;color:var(--c-muted)}
.next-go{
  margin-top:auto;display:inline-flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:700;color:var(--c-accent-dark);
}
.next-go:hover{text-decoration:underline}

@media (max-width:640px){
  .guide-toc{border-radius:var(--r-md)}
  .step-panel{max-width:none}
}