.tutorial-steps{counter-reset:eleven-step}
.tutorial-step{counter-increment:eleven-step}
.tutorial-step-heading>span{font-size:0}
.tutorial-step-heading>span::before{content:counter(eleven-step,decimal-leading-zero);font:11px var(--mono)}

/* 内页通用骨架 */
.cms-page{padding:150px 0 90px;min-height:100svh}
.cms-head{margin-bottom:44px}
.cms-kicker{display:block;font:10px var(--mono);letter-spacing:3px;color:var(--t127);margin-bottom:14px}
.cms-title{font-size:clamp(28px,4vw,44px);font-weight:650;line-height:1.4;margin:0}
.cms-lead{margin:16px 0 0;font-size:13px;line-height:2;color:var(--muted);max-width:620px}
.cms-crumb{display:flex;gap:8px;align-items:center;font:10px var(--mono);letter-spacing:1px;color:var(--t129);margin-bottom:22px;flex-wrap:wrap}
.cms-crumb a{color:var(--t283);text-decoration:none}
.cms-crumb a:hover{color:var(--t284)}

/* 列表 */
.cms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.cms-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,var(--t285),var(--t286));text-decoration:none;color:inherit;transition:transform .25s,border-color .25s}
.cms-card:hover{transform:translateY(-4px);border-color:var(--t287)}
.cms-card-meta{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1px;color:var(--t127)}
.cms-card h3{margin:0;font-size:18px;line-height:1.6;font-weight:600}
.cms-card p{margin:0;font-size:12px;line-height:2;color:var(--muted)}
.cms-card-more{margin-top:auto;font:11px var(--mono);letter-spacing:1px;color:var(--t288)}

/* 详情 */
.cms-article{min-width:76px;padding:34px 32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,var(--t285),var(--t286))}
.cms-article h1{margin:0 0 18px;font-size:clamp(24px,3vw,32px);line-height:1.5;font-weight:650}
.cms-meta{display:flex;gap:14px;flex-wrap:wrap;font:10px var(--mono);letter-spacing:1px;color:var(--t127);padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.cms-body{font-size:13px;line-height:2.1;color:var(--t195)}
.cms-body p{margin:0 0 18px}
.cms-body img{max-width:100%;height:auto;border-radius:10px;margin:6px 0 18px}
.cms-body ol,.cms-body ul{padding-left:22px;margin:0 0 18px}
.cms-body li{margin-bottom:10px}
.cms-body a{color:var(--t289)}
.cms-body pre{background:var(--t290);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow:auto;font:12px/1.8 var(--mono)}
.cms-pic{margin:0 0 22px}
.cms-pic img{width:100%;height:auto;border-radius:12px}

/* 分页 */
.cms-pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px;font:11px var(--mono)}
.cms-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--t283);text-decoration:none}
.cms-pager a:hover{border-color:var(--t287);color:var(--t284)}
.cms-pager span.is-current{background:var(--t291);border-color:var(--t292);color:var(--t284)}

/* 空状态 */
.cms-empty{padding:60px 0;text-align:center;color:var(--muted);font-size:13px}

@media(max-width:650px){
  .cms-page{padding:120px 0 60px}
  .cms-article{padding:24px 20px}
  .cms-grid{grid-template-columns:1fr}
}