/* ==========================================================================
   guides.html — 新手指引页专属样式
   颜色 / 圆角 / 阴影一律引用 :root 令牌,不新增色值
   ========================================================================== */

.guide-shell{
  max-width:900px;
  margin-inline:auto;
  min-width:0;
}
.guide-head{max-width:760px}
.guide-head h1{margin-top:0}

.guide-body{min-width:0}
.guide-body > .callout{margin-bottom:var(--sp-5)}

/* TOC 在 .prose 内,需压过 .prose a 的下划线与配色 */
.guide-body .toc-tabs a{
  color:var(--text-muted);
  border-bottom:0;
}
.guide-body .toc-tabs a:hover{
  color:var(--text);
  background:var(--bg-panel-2);
}
.guide-body .toc-tabs a.is-current{
  color:var(--on-accent);
  background:linear-gradient(135deg,var(--accent),var(--accent-rose));
}

.guide-body > section{padding-top:var(--sp-6)}
.guide-body > section:first-of-type{padding-top:var(--sp-4)}

/* ---------- 步骤标题:序号胶囊 + 标题(标题本身不做 flex 容器) ---------- */
.step-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:var(--sp-3);
}
.step-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-width:42px;
  height:26px;
  padding:0 9px;
  border-radius:var(--pill);
  border:1px solid var(--border);
  background:var(--accent-tint);
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:0.08em;
}
.guide-body .step-head h2{
  margin:0;
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.2;
}

.step-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:var(--sp-5);
}

/* ---------- 平台导入小节 ---------- */
.plat-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:1.3em 0;
}
.plat-step{
  min-width:0;
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--bg-panel);
  box-shadow:var(--shadow-soft);
}
.guide-body .plat-step h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.4;
}
.guide-body .plat-step p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--text-muted);
}
.plat-path{
  display:block;
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.6;
  color:var(--accent);
  overflow-wrap:anywhere;
}

/* ---------- 页内价格表(窄屏横滑,不撑宽整页) ---------- */
.guide-body .table-scroll{margin:1.2em 0}
.guide-body .table-scroll table{
  min-width:420px;
  margin:0;
}
.guide-body .table-scroll caption{
  text-align:left;
  padding:12px 16px;
}

.guide-body pre{margin:1.1em 0}

@media (max-width:768px){
  .plat-steps{grid-template-columns:1fr}
  .step-actions .btn-primary,
  .step-actions .btn-ghost,
  .step-actions .btn-secondary{width:100%}
}