/* ==========================================================================
   VPNDN — tutorial.css
   页面专属样式:教程页(步骤节奏 / 平台 tab / 卡点速查)
   只补充本页特有结构,不重复定义 base.css 与 components.css 的组件
   ========================================================================== */

/* 吸顶目录条收窄到与正文同栏,避免宽条与窄栏错位 */
.tut .toc-tabs{max-width:860px}

/* ---------------------------------------------------------- 步骤块 */
.tut-step{padding-block:38px}
.tut-step + .tut-step{border-top:1px solid var(--border)}
.tut-step:first-of-type{padding-top:4px}

.tut-num{
  display:inline-flex;align-items:center;gap:9px;
  margin-bottom:12px;
  font:600 11.5px/1 var(--font-mono);letter-spacing:.14em;
  color:var(--accent-dark);
}
.tut-num::before{
  content:"";width:20px;height:2px;border-radius:var(--r-pill);
  background:var(--accent);flex:none;
}

.tut-step h2{letter-spacing:-.025em}
.tut-step > .prose{margin-top:14px}
.tut-step > .callout{margin-top:20px}

.tut-cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-top:22px;
}

/* ---------------------------------------------------------- 平台 tab */
.tut-tabs{margin-top:24px}
.tut-tabs .tabs-panel{padding-top:6px;min-width:0}
.tut-tabs .tabs-panel p{font-size:14.5px;line-height:1.8;color:var(--ink)}
.tut-tabs .tabs-panel p + p{margin-top:12px}
.tut-tabs .tabs-panel code{
  font-family:var(--font-mono);font-size:.92em;
  background:var(--panel-2);padding:2px 6px;border-radius:6px;
}

/* ---------------------------------------------------------- 卡点速查 */
.tut-fix{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}
.tut-fix > li{
  min-width:0;padding:14px 18px;border-radius:var(--r-md);
  background:var(--panel);
  box-shadow:inset 0 0 0 1px var(--border),var(--shadow-lift);
  font-size:14px;line-height:1.75;color:var(--muted);
}
.tut-fix strong{color:var(--ink)}

/* ---------------------------------------------------------- 局部微调 */
.callout a{color:var(--accent-dark);text-underline-offset:3px}

@media (max-width:640px){
  .tut .toc-tabs{max-width:100%}
  .tut-step{padding-block:28px}
  .tut-step:first-of-type{padding-top:0}
  .tut-cta .link-arrow{min-height:32px}
}