.pg-article .progress-top{transform-origin:0;background:var(--grad);z-index:30;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.pg-article .a-head{padding:var(--page-top) 0 var(--sp-8);border-bottom:1px solid var(--line)}.pg-article .a-head .inner{max-width:820px}.pg-article .a-head h1{letter-spacing:-.02em;margin:var(--sp-4) 0;font-size:clamp(32px,4.6vw,54px);line-height:1.15}.pg-article .a-head .sub{font-size:var(--fs-xl);color:var(--muted);margin-bottom:var(--sp-6)}.pg-article .byline{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.pg-article .author-ava{background:var(--grad);color:#fff;border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.pg-article .byline b{font-size:var(--fs-md);display:block}.pg-article .byline small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.pg-article .byline .sep{flex:1}.pg-article .a-layout{gap:var(--sp-12);padding:var(--sp-12) 0 var(--sp-10);grid-template-columns:220px minmax(0,720px) 240px;justify-content:center;display:grid}.pg-article .toc,.pg-article .rail{top:calc(var(--sticky-top) + var(--sp-2));align-self:start;position:sticky}.pg-article .toc h4,.pg-article .rail h4{font-family:var(--display);font-size:var(--fs-md);color:var(--ink);margin-bottom:var(--sp-3);font-weight:600}.pg-article .toc ol{border-left:1px solid var(--soft);flex-direction:column;gap:2px;list-style:none;display:flex}.pg-article .toc a{padding:var(--sp-2) 0 var(--sp-2) var(--sp-3);font-size:var(--fs-ui);color:var(--muted);border-left:1px solid #0000;margin-left:-1px;line-height:1.4;display:block}.pg-article .toc a:hover{color:var(--ink)}.pg-article .toc a.on{color:var(--ink);border-left-color:var(--volt);font-weight:600}.pg-article .prose{font-size:var(--fs-lg);color:var(--ink-soft);max-width:70ch;line-height:1.9}.pg-article .prose>*+*{margin-top:1.1em}.pg-article .prose h2{font-size:var(--fs-3xl);color:#fff;scroll-margin-top:calc(var(--sticky-top) + var(--sp-3));letter-spacing:-.01em;margin-top:2.2em;line-height:1.35}.pg-article .prose h3{font-size:var(--fs-2xl);margin-top:1.6em}.pg-article .prose code:not(pre code){font-family:var(--mono);background:var(--soft);padding:2px var(--sp-1);border-radius:var(--r-sm);font-size:.86em}.pg-article .prose ul,.pg-article .prose ol{padding-left:1.4em}.pg-article .prose li+li{margin-top:.4em}.pg-article .prose strong{font-weight:700}.pg-article .copy{align-items:center;gap:var(--sp-1);background:var(--code-bg);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:var(--r-sm);padding:2px var(--sp-2);font-family:var(--mono);font-size:var(--fs-xs);display:inline-flex}.pg-article .copy:hover{border-color:var(--volt);color:var(--ink)}.pg-article .callout{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5) var(--sp-4) var(--sp-12);background:var(--card);font-size:var(--fs-md);line-height:1.7;position:relative}.pg-article .callout:before{left:var(--sp-4);top:var(--sp-4);font-family:var(--mono);border-radius:var(--r-sm);width:26px;height:26px;font-weight:700;font-size:var(--fs-ui);place-items:center;display:grid;position:absolute}.pg-article .callout.tip:before{content:"i";background:var(--grad);color:#fff}.pg-article .callout.warn{box-shadow:var(--shadow)}.pg-article .callout.warn:before{content:"!";background:var(--signal);color:#fff}.pg-article .callout b{margin-bottom:var(--sp-1);display:block}.pg-article .diagram{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:var(--sp-5)}.pg-article .lanes{gap:var(--sp-3);grid-template-columns:1fr 1fr 1fr;display:grid}.pg-article .lane{border:1px dashed var(--line);border-radius:var(--r-md);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;min-height:150px;display:flex}.pg-article .lane h5{font-family:var(--display);font-size:var(--fs-md);color:var(--ink);font-weight:600}.pg-article .lane .task{font-family:var(--mono);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);animation:.25s pop}.pg-article .lane.micro .task{background:var(--grad);color:#fff;border-color:#0000}.pg-article .lane.macro .task{color:var(--sky-soft);background:#5b8cff29;border-color:#5b8cff66}@keyframes pop{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.pg-article .lane .task{animation:none}}.pg-article .d-ctrl{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.pg-article .d-ctrl .out{font-family:var(--mono);font-size:var(--fs-ui)}.pg-article .d-ctrl .out span{color:var(--muted)}.pg-article .d-step{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted)}.pg-article .d-btns{gap:var(--sp-2);display:flex}.pg-article .d-btns .btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-ui)}.pg-article .d-note{margin-top:var(--sp-2);font-size:var(--fs-md);min-height:26px}.pg-article .play{border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.pg-article .play textarea{resize:vertical;background:var(--code-bg);width:100%;min-height:170px;color:var(--code-fg);font-family:var(--mono);font-size:var(--fs-ui);padding:var(--sp-3) var(--sp-4);tab-size:2;border:none;line-height:1.7}.pg-article .play textarea:focus{outline:none}.pg-article .play .console{border-top:1px solid var(--line);padding:var(--sp-3) var(--sp-4);font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink-soft);min-height:64px}.pg-article .play .console .idle{color:var(--muted)}.pg-article .play .console .ln:before{content:"› ";color:var(--volt)}.pg-article .play .console .err{color:var(--signal)}.pg-article .run{align-items:center;gap:var(--sp-1);background:var(--grad);color:#fff;border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);border:none;font-weight:700;display:inline-flex}.pg-article .xp-card{padding:var(--sp-4)}.pg-article .xp-card .big{font-family:var(--mono);font-size:var(--fs-4xl);color:var(--volt-hi);font-weight:700;line-height:1}.pg-article .xp-card p{font-size:var(--fs-ui);color:var(--muted);margin:var(--sp-2) 0 var(--sp-3)}.pg-article .checks{gap:var(--sp-2);font-size:var(--fs-ui);flex-direction:column;list-style:none;display:flex}.pg-article .checks li{gap:var(--sp-2);align-items:center;display:flex}.pg-article .checks li:before{content:"";border-radius:var(--r-sm);border:1px solid var(--line);flex:none;width:16px;height:16px}.pg-article .checks li.ok:before{background:var(--grad);border-color:#0000}.pg-article .rail-actions{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.pg-article .rail-actions .btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-ui);justify-content:center}.pg-article .rail-actions .btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pg-article #quiz{scroll-margin-top:calc(var(--sticky-top) + var(--sp-3))}.pg-article .quiz-wrap{max-width:820px;margin:var(--sp-6) auto 0}.pg-article .qz-head h2{align-items:center;gap:var(--sp-2);display:inline-flex}.pg-article .qz-head h2 svg{color:var(--volt)}.pg-article .quiz-box{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.pg-article .qz-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.pg-article .qz-head h2{font-size:var(--fs-2xl)}.pg-article .qz-head .mono{font-size:var(--fs-sm);color:var(--muted)}.pg-article .qz-bar{background:var(--soft);height:6px}.pg-article .qz-bar i{background:var(--grad);transform-origin:0;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.pg-article .qz-body{padding:var(--sp-6) var(--sp-6)}.pg-article .qz-intro{gap:var(--sp-6);grid-template-columns:1fr auto;align-items:center;display:grid}.pg-article .qz-intro ul{gap:var(--sp-5);font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-2);flex-wrap:wrap;list-style:none;display:flex}.pg-article .qz-intro p{font-size:var(--fs-lg)}.pg-article .qz-q{font-size:var(--fs-xl);margin-bottom:var(--sp-4);font-weight:600;line-height:1.5}.pg-article .qz-body pre{color:var(--code-fg);background:var(--code-bg);margin-bottom:var(--sp-4)}.pg-article .qz-opts{gap:var(--sp-2);display:grid}.pg-article .qz-opt{gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font-size:var(--fs-md);align-items:center;transition:transform .12s,box-shadow .12s;display:flex}.pg-article .qz-opt:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-2px)}.pg-article .qz-opt .key{font-family:var(--mono);font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-sm);border:1px solid var(--line);flex:none;place-items:center;width:28px;height:28px;display:grid}.pg-article .qz-opt code{font-family:var(--mono);font-size:var(--fs-ui)}.pg-article .qz-opt:disabled{cursor:default}.pg-article .qz-opt.right{color:var(--ok-soft);background:#34d39924;border-color:#34d39999}.pg-article .qz-opt.right .key{border-color:#34d39999}.pg-article .qz-opt.wrong{border-color:var(--signal);color:var(--signal)}.pg-article .qz-opt.wrong .key{border-color:var(--signal)}.pg-article .qz-opt.dim{opacity:.5}.pg-article .qz-explain{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px dashed var(--line);font-size:var(--fs-md);line-height:1.7}.pg-article .qz-explain b.ok{color:var(--ok-soft)}.pg-article .qz-explain b.bad{color:var(--signal)}.pg-article .qz-explain a{text-decoration:underline}.pg-article .qz-foot{margin-top:var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.pg-article .qz-foot .mono{font-size:var(--fs-sm);color:var(--muted)}.pg-article .result{text-align:center}.pg-article .ring{width:150px;height:150px;margin:0 auto var(--sp-4);position:relative}.pg-article .ring svg{transform:rotate(-90deg)}.pg-article .ring b{font-family:var(--mono);font-size:var(--fs-4xl);place-items:center;display:grid;position:absolute;inset:0}.pg-article .result h3{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.pg-article .result>p{color:var(--muted)}.pg-article .res-stats{border:1px solid var(--line);border-radius:var(--r-lg);margin:var(--sp-6) 0;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.pg-article .res-stats div{padding:var(--sp-4);border-right:1px solid var(--line)}.pg-article .res-stats div:last-child{border-right:none}.pg-article .res-stats b{font-family:var(--mono);font-size:var(--fs-2xl);display:block}.pg-article .res-stats span{font-size:var(--fs-sm);color:var(--muted)}.pg-article .review{text-align:left;gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.pg-article .review a{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border:1px solid var(--signal);border-radius:var(--r-md);font-size:var(--fs-md);display:flex}.pg-article .review a small{align-items:center;gap:var(--sp-1);font-family:var(--mono);color:var(--signal);white-space:nowrap;display:inline-flex}.pg-article .res-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.pg-article .after{max-width:820px;margin:var(--sp-16) auto var(--sp-24);gap:var(--sp-10);flex-direction:column;display:flex}.pg-article .author-box{gap:var(--sp-4);padding:var(--sp-6);grid-template-columns:64px 1fr;display:grid}.pg-article .author-box .author-ava{width:64px;height:64px;font-size:var(--fs-2xl)}.pg-article .author-box p{color:var(--muted);font-size:var(--fs-md);margin-top:var(--sp-1)}.pg-article .author-box a{color:var(--volt);text-underline-offset:3px;text-decoration:underline}.pg-article .pn{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.pg-article .pn a{padding:var(--sp-4) var(--sp-5)}.pg-article .pn small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.pg-article .pn b{margin-top:var(--sp-1);line-height:1.4;display:block}.pg-article .pn small{align-items:center;gap:var(--sp-1);display:inline-flex}.pg-article .pn a:last-child{text-align:right}.pg-article .related h3{font-size:var(--fs-2xl);margin-bottom:var(--sp-4)}.pg-article .rel-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.pg-article .rel-grid a{padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.pg-article .rel-grid b{line-height:1.4}@media (max-width:1180px){.pg-article .a-layout{grid-template-columns:minmax(0,720px) 240px}.pg-article .toc{display:none}}@media (max-width:900px){.pg-article .a-layout{grid-template-columns:minmax(0,1fr)}.pg-article .rail{order:-1;position:static}.pg-article .rail .xp-card{gap:var(--sp-1) var(--sp-5);grid-template-columns:auto 1fr;align-items:center;display:grid}.pg-article .rail .xp-card .checks,.pg-article .rail .xp-card .rail-actions{grid-column:1/-1}.pg-article .rail-actions{flex-flow:wrap}}@media (max-width:600px){.pg-article .prose{font-size:var(--fs-lg)}.pg-article .prose h2{font-size:var(--fs-2xl)}.pg-article .lanes{grid-template-columns:1fr}.pg-article .lane{min-height:0}.pg-article .qz-intro,.pg-article .pn,.pg-article .rel-grid{grid-template-columns:1fr}.pg-article .res-stats b{font-size:var(--fs-xl)}.pg-article .pn a:last-child{text-align:left}}.pg-article .prose{counter-reset:h2}.pg-article .prose h2:before{counter-increment:h2;content:counter(h2, decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-md);color:var(--volt);margin-bottom:var(--sp-1);display:block}.pg-article [data-rehype-pretty-code-figure]{border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.pg-article [data-rehype-pretty-code-title]{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.pg-article .code-frame{position:relative}.pg-article .code-frame .copy{top:var(--sp-2);right:var(--sp-2);z-index:1;opacity:0;transition:opacity .15s var(--ease);position:absolute}.pg-article .code-frame:hover .copy,.pg-article .code-frame .copy:focus-visible{opacity:1}@media (hover:none){.pg-article .code-frame .copy{opacity:1}.pg-article .code-frame pre{padding-top:var(--sp-10)}}.pg-article .code-frame pre{background:var(--code-bg);color:var(--code-fg);font-size:var(--fs-ui);border-radius:0;margin:0}.pg-article .code-frame pre code{display:grid}.pg-article [data-rehype-pretty-code-figure]+*{margin-top:1.1em}.pg-article .prose>.code-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pg-article .prose table{border-collapse:collapse;width:100%;font-size:var(--fs-md);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.pg-article .prose th,.pg-article .prose td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px dashed var(--soft)}.pg-article .prose th{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);border-bottom:1px solid var(--line)}.pg-article .play .bar{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.pg-article .d-btns .btn[disabled]{opacity:.45;cursor:default}.pg-article .pn>span{display:block}