#main:focus{outline:none}
:root{color-scheme:light;--bg:#fff;--fg:#172035;--muted:#64748b;--surface:#f5f7fb;--panel:#fff;--line:#e5eaf1;--blue:#2563eb;--blue-soft:#eef4ff;--blue-text:#1d4ed8;--code:#121b2d;--code-fg:#e4ebf7;--warning:#fff8eb;--warning-line:#f2ce82;--shadow:0 14px 42px #1720350b;--radius:14px;--content:1160px;font-family:Inter,'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1421;--fg:#e8edf7;--muted:#9aa8bd;--surface:#151e2e;--panel:#111b2a;--line:#273244;--blue:#72a4ff;--blue-soft:#172948;--blue-text:#9ebeff;--code:#080e19;--code-fg:#e4ebf7;--warning:#2b2417;--warning-line:#775e2f;--shadow:0 14px 42px #00000024}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-size:1rem;line-height:1.75}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}::selection{background:var(--blue-soft);color:var(--blue-text)}.skip-link{position:absolute;top:-70px;left:20px;z-index:99;background:var(--bg);padding:10px 20px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{height:82px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:var(--bg)}.header-inner{max-width:1280px;padding:0 36px;margin:auto;display:flex;align-items:center;gap:42px;height:100%}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0;line-height:1.15}.brand-mark{background:var(--blue);color:var(--bg);border-radius:9px;display:grid;place-content:center;width:39px;height:39px;font-size:17px;font-weight:700;letter-spacing:-1px}.brand-mark span{font-size:12px;margin-left:1px}.brand-copy{font-weight:700;font-size:17px;letter-spacing:.4px}.brand-copy>span{font-weight:400;font-size:12px;display:block;color:var(--muted);margin-top:5px;letter-spacing:2px}.header-inner nav{display:flex;gap:29px}.header-inner nav a{font-size:.875rem;position:relative;white-space:nowrap;padding:28px 0}.header-inner nav a.active{color:var(--blue-text);font-weight:600}.header-inner nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.header-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.search-trigger{background:var(--surface);border:1px solid var(--line);display:flex;gap:9px;align-items:center;padding:7px 12px;border-radius:7px;font-size:.875rem;color:var(--muted)}kbd{font-family:inherit;font-size:12px;border:1px solid var(--line);padding:0 5px;border-radius:4px;margin-left:20px}.icon-button{border:0;background:transparent;width:36px;height:36px;display:grid;place-content:center;border-radius:7px;font-size:25px}.icon-button:hover{background:var(--surface)}.container{max-width:var(--content);margin:auto;padding:0 24px}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:1.2px;color:var(--blue-text);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--blue)}.intro{padding:58px 0 52px;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.intro h1{font-size:clamp(2rem,3.55vw,3rem);font-weight:700;letter-spacing:-1.6px;line-height:1.38;margin:17px 0}.intro h1 span{color:var(--blue-text)}.intro p{max-width:490px;color:var(--muted);line-height:1.85}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:500;padding:10px 18px;border:1px solid var(--line);border-radius:7px;background:var(--panel);line-height:1.5}.button.primary{background:var(--blue);border-color:var(--blue);color:var(--bg)}.button:hover{filter:brightness(.96)}.intro-note{font-size:.8125rem;margin-top:19px;color:var(--muted)}.terminal{background:var(--code);color:var(--code-fg);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #10204315}.terminal-head{display:flex;align-items:center;gap:6px;padding:15px 19px;border-bottom:1px solid #ffffff14;font-size:12px;color:#9aa8bd}.terminal-head i{width:6px;height:6px;border-radius:50%;background:#66748c}.terminal-head>span{margin-left:9px;letter-spacing:.6px}.terminal-body{padding:24px;font:13px/1.9 Consolas,'Courier New',monospace;overflow-x:auto}.terminal-body .prompt{color:#8cb5ff}.terminal-body .comment{color:#8e9db5}.terminal-bottom{border-top:1px solid #ffffff14;padding:16px 23px;display:flex;gap:18px;flex-wrap:wrap;color:#b8c7de;font-size:12px}.terminal-bottom span{display:flex;gap:7px;align-items:center}.terminal-bottom b{color:#8cb5ff;font-size:12px;font-weight:500}.section{padding:41px 0 48px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:1.625rem;letter-spacing:-.6px;line-height:1.4;font-weight:600}.section-heading p{font-size:.875rem;color:var(--muted);margin-top:8px}.text-link{font-size:.875rem;color:var(--blue-text);font-weight:500;white-space:nowrap}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px 20px;transition:transform .18s,border-color .18s}.step-card:hover{transform:translateY(-3px);border-color:var(--blue)}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.step-number{font-size:.8125rem;font-weight:600;color:var(--muted);letter-spacing:1px}.step-icon{width:35px;height:35px;background:var(--blue-soft);color:var(--blue-text);display:grid;place-content:center;border-radius:9px}.step-card h3{font-size:1.0625rem;font-weight:600;margin-bottom:9px}.step-card p{font-size:.875rem;color:var(--muted);min-height:50px;line-height:1.7}.step-meta{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:.75rem;color:var(--muted)}.step-meta span{background:var(--surface);padding:1px 7px;border-radius:4px;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:42px}.compact-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.compact-heading h2{font-size:1.375rem;font-weight:600}.topic-list{display:grid;gap:0}.topic-item{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}.topic-item:first-child{padding-top:0}.topic-item:last-child{border-bottom:0}.topic-index{font-size:12px;color:var(--muted);font-weight:500;margin-top:4px}.topic-item h3{font-size:1rem;font-weight:500}.topic-item p{font-size:.875rem;color:var(--muted);margin-top:3px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{padding:20px;background:var(--surface);border-radius:12px;min-height:113px;transition:background .15s}.quick-card:hover{background:var(--blue-soft)}.quick-card svg{color:var(--blue-text);margin-bottom:8px}.quick-card h3{font-size:.9375rem;font-weight:500}.quick-card p{font-size:.8125rem;color:var(--muted);margin-top:3px}.section .route-note{background:var(--blue-soft);border-radius:10px;padding:22px 26px;display:flex;align-items:center;gap:24px;margin-top:36px}.route-note>strong{font-size:.9375rem;flex-shrink:0;font-weight:500}.route-note p{color:var(--muted);font-size:.875rem}.site-footer{border-top:1px solid var(--line);max-width:var(--content);margin:auto;padding:27px 24px 32px;font-size:.75rem;color:var(--muted)}.site-footer>div{display:flex;justify-content:space-between}.site-footer>div span:first-child{font-weight:500;color:var(--fg)}.site-footer p{margin-top:8px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:10px 18px;border-radius:8px;background:var(--fg);color:var(--bg);font-size:.875rem;opacity:0;pointer-events:none;transition:.18s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:15px;width:min(570px,calc(100% - 32px));padding:25px;background:var(--panel);color:var(--fg);box-shadow:0 25px 100px #0004;max-height:80vh;overflow:auto}dialog::backdrop{background:#0d14216b;backdrop-filter:blur(3px)}.search-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.search-heading h2{font-size:1.125rem;font-weight:500}#search-input{width:100%;padding:11px 14px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:7px;font-size:1rem}.search-result{display:block;padding:14px 8px;border-bottom:1px solid var(--line)}.search-result:hover{background:var(--surface)}.search-result h3{font-size:.9375rem;font-weight:500}.search-result p,.search-empty,.dialog-hint{font-size:.8125rem;color:var(--muted)}.search-result p{margin-top:3px}.search-empty{padding:23px 0}.dialog-hint{margin-top:17px}.page-header{padding:45px 0 29px}.page-header h1{font-size:2rem;letter-spacing:-.7px;font-weight:600;margin:11px 0}.page-header p{color:var(--muted)}.no-script{padding:30px}.loading-message{padding:64px;text-align:center;color:var(--muted)}
.small-label{font-size:.8125rem;color:var(--muted)}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:730px}.advanced-grid .step-card p{min-height:0}.document-layout{max-width:1320px;margin:auto;padding:35px 36px 60px;display:grid;grid-template-columns:205px minmax(0,1fr) 155px;gap:38px;align-items:start}.document-sidebar{position:sticky;top:110px;min-width:0}.chapter-menu>summary{display:none}.chapter-menu-body{padding-right:10px}.back-link{font-size:.8125rem;color:var(--muted);display:block;padding:4px 12px 14px}.sidebar-label{font-size:.75rem;letter-spacing:.7px;color:var(--muted);margin:14px 12px 9px}.chapter-link{display:flex;align-items:flex-start;gap:10px;font-size:.8125rem;padding:9px 12px;border-radius:7px;line-height:1.6}.chapter-link>span{color:var(--muted);font-size:12px;margin-top:1px}.chapter-link:hover{background:var(--surface)}.chapter-link.selected{background:var(--blue-soft);color:var(--blue-text);font-weight:500}.sidebar-footer{border-top:1px solid var(--line);margin:25px 12px 0;padding-top:17px;font-size:.8125rem}.sidebar-footer>span{font-size:.75rem;color:var(--muted);display:block;margin-top:13px}.document-article{border-left:1px solid var(--line);padding-left:35px;min-width:0}.breadcrumb{display:flex;gap:11px;color:var(--muted);font-size:.8125rem;margin-bottom:21px}.breadcrumb a:hover{color:var(--blue-text)}.article-heading h1{font-size:2.125rem;line-height:1.45;letter-spacing:-.8px;font-weight:600}.article-heading>p{color:var(--muted);font-size:.9375rem;margin-top:12px}.article-meta{display:flex;gap:17px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-top:19px}.article-meta span:last-child{color:var(--blue-text)}.prerequisites{background:var(--surface);border-radius:10px;padding:21px 24px;margin:28px 0 37px;display:grid;gap:15px;font-size:.875rem}.prerequisites>div>span{font-size:.75rem;color:var(--muted);font-weight:500;display:block;margin-bottom:5px}.prerequisites ul{padding-left:18px;margin:0}.prerequisites li{margin:4px 0}.article-section{margin-bottom:38px;scroll-margin-top:112px}.article-prose h2{font-weight:600;font-size:1.375rem;letter-spacing:-.4px;line-height:1.6;margin-bottom:17px}.article-prose p{margin:13px 0;line-height:1.95}.article-prose ul,.article-prose ol{padding-left:23px;margin:14px 0;line-height:1.9}.article-prose li{margin:8px 0}.article-prose strong{font-weight:600}.article-prose p code,.article-prose li code{font-size:.875rem;background:var(--surface);color:var(--blue-text);border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.code-block{background:var(--code);color:var(--code-fg);border-radius:9px;overflow:hidden;margin:19px 0;max-width:100%}.code-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 17px;border-bottom:1px solid #ffffff14;font-size:.75rem;color:#afbed3}.copy-button{border:1px solid var(--line);background:var(--panel);font-size:.75rem;border-radius:5px;padding:3px 10px;white-space:nowrap;line-height:1.7;flex-shrink:0}.copy-button:hover{color:var(--blue-text)}.code-block .copy-button{border-color:#ffffff24;background:#ffffff07;color:#dce7f8}.code-block .copy-button:hover{background:#ffffff14}.code-block pre{margin:0;padding:19px 18px;overflow-x:auto;font:13px/1.95 Consolas,'Courier New',monospace;tab-size:2}.code-block pre code{font:inherit;color:inherit}.callout{border-left:3px solid var(--blue);background:var(--blue-soft);padding:17px 20px;border-radius:0 8px 8px 0;margin:21px 0;font-size:.875rem}.callout>strong{color:var(--blue-text);font-size:.875rem}.callout>p{margin:7px 0 0!important;line-height:1.85!important}.callout.warning{background:var(--warning);border-color:var(--warning-line)}.callout.warning>strong{color:var(--fg)}.comparison-table{overflow-x:auto;margin:19px 0}table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}th{font-weight:500;background:var(--surface)}th,td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top}td:first-child{min-width:104px}.check-list{list-style:none;padding-left:0!important}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:'✓';color:var(--blue-text);position:absolute;left:0;font-weight:600}.mini-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;margin:18px 0;overflow:hidden}.mini-process>div{padding:17px 13px;border-right:1px solid var(--line)}.mini-process>div:last-child{border-right:0}.mini-process span{font-size:.75rem;color:var(--blue-text);display:block;margin-bottom:7px}.mini-process strong{font-size:.9375rem}.mini-process p{font-size:.8125rem;color:var(--muted);margin:7px 0 0!important;line-height:1.75!important}.sources{padding-top:23px;border-top:1px solid var(--line);margin-top:39px}.sources a{color:var(--blue-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sources ul{font-size:.875rem}.sources>p{font-size:.8125rem;color:var(--muted)}.article-pagination{border-top:1px solid var(--line);padding-top:25px;margin-top:37px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-pagination a{padding:16px;border:1px solid var(--line);border-radius:9px;line-height:1.7}.article-pagination a:hover{border-color:var(--blue)}.article-pagination span{font-size:.75rem;color:var(--muted);display:block}.article-pagination strong{font-size:.875rem;font-weight:500;display:block;margin-top:5px}.document-toc{position:sticky;top:118px;font-size:.75rem;padding-top:3px}.document-toc>p{font-weight:500;margin-bottom:14px}.document-toc>a{display:block;padding:7px 0 7px 12px;border-left:1px solid var(--line);line-height:1.65;color:var(--muted)}.document-toc>a.active{border-color:var(--blue);color:var(--blue-text)}.document-toc>a:hover{color:var(--blue-text)}.toc-note{margin-top:31px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}.toc-note>span{color:var(--fg);font-size:.75rem}.toc-note p{margin-top:8px;line-height:1.8}.reference-nav{display:flex;gap:9px;flex-wrap:wrap;margin:1px 0 29px}.reference-nav a{padding:7px 13px;font-size:.875rem;border:1px solid var(--line);border-radius:6px}.reference-nav a:hover{background:var(--blue-soft);color:var(--blue-text)}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.reference-grid>div{min-width:0}.reference-grid h3{font-size:.9375rem;font-weight:500;margin-bottom:12px}.reference-grid .code-block{margin:0}.command-table{overflow-x:auto}.command-table code{font:13px/1.8 Consolas,'Courier New',monospace;overflow-wrap:anywhere}.command-table td:last-child{width:75px}.issue-list{border-top:1px solid var(--line)}.issue{border-bottom:1px solid var(--line);padding:0 5px}.issue summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;list-style:none;font-size:.9375rem}.issue summary::-webkit-details-marker{display:none}.issue summary small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:3px}.issue summary b{font-size:20px;font-weight:400;color:var(--muted)}.issue[open] summary b{transform:rotate(45deg)}.issue>p{font-size:.9375rem;line-height:1.9;max-width:820px;margin:0 0 14px}.issue>a{display:inline-block;margin-bottom:20px}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.resource-link{padding:23px 20px;background:var(--surface);border-radius:10px}.resource-link:hover{background:var(--blue-soft)}.resource-link>span{font-size:.75rem;color:var(--blue-text)}.resource-link h3{font-weight:500;font-size:1rem;margin-top:11px}.resource-link p{font-size:.8125rem;color:var(--muted);margin-top:8px}.reference-section{scroll-margin-top:116px}
@media(max-width:1100px){.document-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;max-width:1010px;padding-left:24px;padding-right:24px}.document-toc{display:none}.document-article{padding-left:25px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.document-layout{display:block;padding:23px 20px 38px}.document-sidebar{position:static;margin-bottom:26px}.chapter-menu{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.chapter-menu>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;cursor:pointer;font-size:.875rem;list-style:none}.chapter-menu>summary::-webkit-details-marker{display:none}.chapter-menu[open]>summary>span{transform:rotate(45deg)}.chapter-menu-body{padding:5px 10px 17px}.chapter-menu .sidebar-footer{margin-top:17px}.document-article{padding:0;border-left:0}.article-heading h1{font-size:1.75rem}.article-prose h2{font-size:1.2rem}.article-meta{gap:13px}.prerequisites{padding:19px 20px}.article-section{scroll-margin-top:141px}.code-label{padding:10px 13px}.code-block pre{font-size:13px;padding:15px 13px}.article-pagination{gap:12px}.article-pagination a{padding:13px}.mini-process>div{padding:15px 10px}.mini-process strong{font-size:.8125rem}.reference-grid{grid-template-columns:1fr;gap:22px}.reference-section{scroll-margin-top:147px}.advanced-grid{grid-template-columns:1fr}.command-table table{min-width:510px}.resource-grid{gap:12px}.resource-link{padding:19px 16px}.page-header{padding:31px 0 24px}.page-header h1{font-size:1.75rem}}
@media(max-width:380px){.mini-process{grid-template-columns:1fr}.mini-process>div{border-right:0;border-bottom:1px solid var(--line)}.mini-process>div:last-child{border-bottom:0}.resource-grid{grid-template-columns:1fr}.article-pagination{grid-template-columns:1fr}.article-pagination>span:empty{display:none}}
@media(min-width:1500px){.intro{gap:90px}}
@media(max-width:1000px){.header-inner{gap:28px;padding:0 24px}.header-inner nav{gap:22px}.search-trigger kbd{display:none}.intro{gap:32px}.step-grid{gap:12px}.step-card{padding:22px 16px}.split-section{gap:28px}}
@media(max-width:760px){.site-header{height:auto}.header-inner{padding:16px 20px 0;flex-wrap:wrap;gap:14px}.header-inner nav{order:3;width:100%;justify-content:center;gap:34px}.header-inner nav a{padding:10px 0 13px}.header-actions{gap:6px}.search-trigger{border:0;background:transparent;padding:7px}.search-trigger span{display:none}.intro{padding:35px 0;grid-template-columns:1fr;gap:28px}.intro h1{font-size:2.15rem}.intro p{max-width:none}.terminal{max-width:100%}.terminal-body{padding:18px}.step-grid{grid-template-columns:repeat(2,1fr)}.step-card p{min-height:48px}.split-section{grid-template-columns:1fr;gap:34px}.section{padding:32px 0}.container{padding:0 20px}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.4rem}.section .route-note{flex-direction:column;align-items:flex-start;gap:7px;padding:20px}.site-footer{padding:24px 20px}.terminal-bottom{padding:14px 18px;gap:15px}.site-footer>div{gap:12px;flex-wrap:wrap}}
@media(max-width:380px){.brand-copy{font-size:15px}.header-inner nav{gap:26px}.intro h1{font-size:1.9rem}.step-grid{grid-template-columns:1fr}.step-card p{min-height:0}.step-top{margin-bottom:17px}.step-meta{margin-top:15px}.quick-grid{grid-template-columns:1fr}.button-row .button{flex:1}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.route-note{background:var(--blue-soft);border-radius:10px;padding:22px 24px;margin:24px 0 30px;line-height:1.8}.route-note>strong{display:block}.route-note p{margin-top:8px}.route-note .button-row{margin-top:15px;align-items:center}.route-note>.text-link{display:inline-block;margin-top:12px}.article-prose a{color:var(--blue-text);text-decoration:underline;text-underline-offset:3px}.article-prose kbd{margin-left:0;font-size:.875rem}.article-prose td code{font:13px/1.8 Consolas,"Courier New",monospace;overflow-wrap:anywhere}

/* ===== 教程正文：步骤、预期结果、修改前后对照 ===== */
.article-prose .comparison-table table{border:1px solid var(--line);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}
.article-prose .comparison-table th{background:var(--surface);font-weight:600;font-size:.8125rem;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.article-prose .comparison-table td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.75}
.article-prose .comparison-table tr:last-child td{border-bottom:0}
.article-prose .comparison-table td code{background:var(--surface);color:var(--fg);border-radius:4px;padding:1px 5px;white-space:nowrap;font-size:.8125rem}
.article-prose .comparison-table td:last-child{width:auto}
.article-prose .do-steps{counter-reset:step;list-style:none;padding-left:0;margin:18px 0}
.article-prose .do-steps>li{counter-increment:step;position:relative;padding-left:38px;margin-bottom:14px}
.article-prose .do-steps>li::before{content:counter(step);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--blue-soft);color:var(--blue-text);font-size:.8125rem;font-weight:600;display:grid;place-items:center;line-height:1}
.article-prose .do-steps .code-block,.article-prose .do-steps .comparison-table{margin:10px 0 4px}
.callout.ok{background:color-mix(in srgb,#3f9a6b 9%,var(--bg));border-color:#3f9a6b}
.callout.ok>strong{color:color-mix(in srgb,#2f7d55 75%,var(--fg))}
.callout-code{margin:10px 0 2px;padding:8px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font:13px/1.7 ui-monospace,'SF Mono',Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}
.callout-code code{font:inherit;color:var(--fg)}
.code-block.is-view{margin:12px 0}
.code-block.is-view pre{white-space:pre}
.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.diff-grid .code-block{margin:0}
.diff-grid>div:last-child .code-label span{color:#7cc59b}
.article-prose .aside-text{font-size:.875rem;color:var(--muted);line-height:1.8}
.article-prose .check-list li{margin-bottom:6px}
.article-prose li .code-block code,.article-prose li .callout-code code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}
.diff-grid .code-block.is-view pre{white-space:pre-wrap;word-break:break-all}