:root{color-scheme:light;--ink:#152139;--muted:#5a677d;--line:#dce3ef;--blue:#4359ca;--orange:#a95412;--surface:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#f3f6fc;color:var(--ink);line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;padding:9px 16px;border:1px solid #cad3e3;background:#fff;color:var(--ink);border-radius:9px;font-size:.9375rem;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#edf1fb}button:disabled{opacity:.45;cursor:default}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6384f5;outline-offset:3px}code,pre,kbd,.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}code{font-size:.92em}p{margin:0}h1,h2,h3,h4{line-height:1.4;margin:0;font-weight:680}h1{font-size:2rem;letter-spacing:-.03em}h2{font-size:1.25rem}h3{font-size:1rem}small{font-size:.8125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:99;top:-60px;left:20px;background:var(--ink);color:white;padding:10px 15px}.skip:focus{top:10px}[hidden]{display:none!important}.sidebar{position:fixed;width:264px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:26px 18px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:1.12rem;font-weight:730;line-height:1.35;margin:0 6px 23px}.brand small{display:block;font-size:.66rem;letter-spacing:.10em;color:var(--muted);margin-top:4px}.brand-icon{background:#121c32;border-radius:10px;color:#b9c5ff;width:39px;height:39px;display:grid;place-items:center;font:650 23px Consolas,monospace}.search-wrap{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#f8faff}.search-wrap span{font-size:23px;color:var(--muted)}.search-wrap input{border:0;background:none;width:100%;min-width:0;padding:9px 0;color:var(--ink);font-size:.875rem;min-height:43px;outline-offset:0}.search-wrap kbd{border:1px solid var(--line);border-radius:3px;padding:0 4px;color:#8a95a8;font-size:.75rem}.map-link{display:flex;align-items:center;gap:9px;margin:15px 0 9px;padding:10px 11px;border-radius:8px;text-decoration:none;color:#344461;font-weight:650;font-size:.9375rem}.map-link:hover,.map-link.active{background:#ecf0ff;color:#354cad}.lesson-count{margin-left:auto;color:#7b89a2;font-size:.8125rem}#lesson-nav{flex:1;overflow-y:auto;overscroll-behavior:contain;margin:0 -5px;padding:0 5px;scrollbar-width:thin}.nav-group{margin:14px 0 4px;padding-left:10px;color:#76839b;font-size:.75rem;letter-spacing:.055em;font-weight:650}.lesson-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:#506078;border-radius:7px;padding:9px 10px;font-size:.875rem;line-height:1.5;min-height:42px}.lesson-link:hover{background:#f3f6fc}.lesson-link.active{color:#344ba9;background:#edf0ff;font-weight:650}.nav-num{font:500 .75rem Consolas,monospace;min-width:20px;color:#96a2b8}.lesson-link.active .nav-num{color:var(--blue)}.nav-complete{margin-left:auto;color:#297357;font-size:.875rem}.local-progress{padding:18px 9px 0;border-top:1px solid var(--line);margin-top:16px;font-size:.8125rem}.local-progress>div{display:flex;justify-content:space-between}.local-progress strong{font-weight:600;color:var(--blue)}progress{height:5px;border:0;border-radius:5px;background:#edf1f7;width:100%;accent-color:var(--blue);display:block;margin:10px 0}progress::-webkit-progress-bar{background:#edf1f7;border-radius:5px}progress::-webkit-progress-value{background:#6378d9;border-radius:5px}.local-progress p{font-size:.75rem;color:#8792a5}.mobile-head{display:none}main{margin-left:264px;padding:31px 36px 22px;max-width:1720px;outline:0}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:.8125rem;color:#6b7890;margin-bottom:21px}.breadcrumb a{color:#6b7890;text-decoration:none}.breadcrumb .slash{color:#acb7c9}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{font-size:.75rem;letter-spacing:.11em;font-weight:700;color:var(--muted);margin-bottom:8px}.intro{margin-top:10px;color:var(--muted);max-width:780px;line-height:1.8}.lesson-meta{display:flex;gap:8px;align-items:center;white-space:nowrap;flex-wrap:wrap;font-size:.8125rem;color:#64728c;padding-top:7px}.tag{border:1px solid #d7dfec;border-radius:6px;padding:4px 9px;display:inline-block}.section-jumps{display:flex;gap:23px;border-bottom:1px solid var(--line);margin:22px 0 23px;overflow-x:auto}.section-jumps a{padding:11px 0;color:#64728a;font-size:.9375rem;text-decoration:none;white-space:nowrap}.section-jumps a:first-child{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:650}.lab-label{display:flex;justify-content:space-between;gap:15px;font-size:.8125rem;color:#75829a;margin:0 0 13px}.lab-label strong{color:#465a7d;font-weight:600}.scenario-picker{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.scenario-picker button{background:#e8edf6;border-color:transparent;color:#566781;font-size:.875rem}.scenario-picker button[aria-pressed=true]{background:white;color:var(--ink);border-color:#b9c6de;box-shadow:0 1px 3px #22365c0c}.scenario-description{font-size:.9375rem;color:#61718b;margin:0 0 17px}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0}.playback{display:flex;gap:8px;flex-wrap:wrap}.primary{background:var(--ink);border-color:var(--ink);color:white;min-width:124px}.primary:hover:not(:disabled){background:#2a3c60}.quiet{color:#64738a;background:transparent}.speed-control{display:flex;align-items:center;gap:7px;font-size:.8125rem;color:#65728a}.speed-control select{padding:7px 6px;border:1px solid #cfd8e8;border-radius:7px;background:white;color:var(--ink);min-height:42px}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;align-items:stretch}.visual-column{min-width:0}.state-board{background:#121c32;color:white;border-radius:14px;padding:23px 24px}.state-heading{font-size:.75rem;letter-spacing:.08em;color:#a9b7d1;display:flex;justify-content:space-between;gap:10px}.state-summary{font-size:1.48rem;font-weight:650;line-height:1.5;margin:14px 0 19px;min-height:36px}.state-metrics{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #33405a;padding-top:14px}.metric{display:flex;align-items:baseline;gap:9px}.metric>span{font-size:.8125rem;color:#a6b5d0}.metric>b{font-size:1rem;font-weight:550;color:#e2e8ff}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;position:relative}.lane{min-width:0;background:white;border:1px solid var(--line);border-radius:11px;padding:16px 13px;position:relative;transition:border-color .15s,background .15s}.lane.active{border-color:#8598e5;background:#f9faff;box-shadow:0 0 0 1px #8b9ae922}.lane:nth-child(3).active{border-color:#d8a565;background:#fffaf4}.lane-head{display:flex;gap:7px;align-items:flex-start;font-size:.875rem;font-weight:600;color:#50617c;line-height:1.5}.lane-mark{width:22px;height:22px;min-width:22px;display:grid;place-items:center;background:#e8ecff;color:#4359b5;border-radius:5px;font:600 .75rem Consolas,monospace}.lane:nth-child(2) .lane-mark{background:#edf1f7;color:#697995}.lane:nth-child(3) .lane-mark{background:#fff0dc;color:#a95412}.lane-value{font-size:1rem;font-weight:600;line-height:1.7;margin:15px 0 2px;min-height:54px;overflow-wrap:anywhere}.lane-state{height:4px;border-radius:4px;background:#edf1f7;margin-top:14px}.lane.active .lane-state{background:#889bea}.lane:nth-child(3).active .lane-state{background:#e6b06f}.event-card{background:#e8eef9;border:1px solid #d7e0f1;border-radius:11px;padding:18px 20px;margin-top:15px;min-height:121px}.event-card.warning{background:#fff0dd;border-color:#eecfa6}.event-card.success{background:#e7f4ee;border-color:#b9d8cb}.event-kicker{font-size:.75rem;font-weight:700;letter-spacing:.035em;color:#586b90;margin-bottom:7px}.event-detail{font-size:1rem;color:#465c80;line-height:1.8}.event-card.warning .event-detail{color:#87521c}.event-card.success .event-detail{color:#2e6554}.timeline-panel{border:1px solid var(--line);border-radius:14px;background:white;padding:21px 19px;min-width:0;display:flex;flex-direction:column}.timeline-panel header{display:flex;align-items:center;justify-content:space-between}.timeline-panel h2{font-size:1rem}.step-count{font-size:.8125rem;color:#68778f;font-family:Consolas,monospace}.step-list{list-style:none;padding:0;margin:8px 0 0;max-height:375px;overflow-y:auto;scrollbar-width:thin}.step-list li{border-bottom:1px solid #eef2f8}.trace-step{display:flex;align-items:center;gap:11px;border:0;border-radius:6px;width:100%;padding:11px 7px;text-align:left;font-size:.875rem;font-weight:400;color:#7c879a;min-height:48px}.trace-step .step-index{font:500 .75rem Consolas,monospace;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border-radius:5px;background:#f0f3f9;color:#8b97ae}.trace-step.past{color:#50627f}.trace-step.past .step-index{color:#3d6f60;background:#e9f4ef}.trace-step.current{background:#eef2ff;color:#32458d;font-weight:550}.trace-step.current .step-index{background:#dce4ff;color:#3c53b1}.timeline-foot{font-size:.75rem;color:#7d899e;margin-top:auto;padding-top:15px}.boundary-note{font-size:.8125rem;color:#6d7e99;border-left:2px solid #c6d2e9;padding-left:12px;margin:16px 0 5px;line-height:1.75}.lesson-section{scroll-margin-top:25px;margin-top:35px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title .section-number{font:400 .8125rem Consolas,monospace;color:#8491a6;margin-right:10px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.concept{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px 21px}.concept h3{margin-bottom:9px}.concept p{color:var(--muted);line-height:1.85;font-size:1rem}.code-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:20px}.code-card{background:#152139;color:#dce5fa;border-radius:12px;overflow:hidden;min-width:0}.code-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1c2b45;border-bottom:1px solid #34405a;font-size:.75rem;color:#aab9d5;gap:10px}.code-head button{background:transparent;border:1px solid #50607c;color:#d0dbef;font-size:.8125rem;min-height:34px;padding:5px 10px}.code-card pre{font-size:.8125rem;line-height:1.8;margin:0;padding:20px;overflow-x:auto;tab-size:4}.pitfalls{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.pitfalls h3{margin-bottom:14px}.pitfalls ul{padding-left:20px;margin:0}.pitfalls li{font-size:1rem;color:#62718a;margin:0 0 12px;line-height:1.85}.pitfalls li::marker{color:#b77a3d}.quiz{border:1px solid #d3dcee;background:#edf2fb;border-radius:12px;padding:23px}.quiz h3{font-size:1.125rem;margin:5px 0 15px}.quiz-label{font-size:.75rem;color:#6c7d9b;font-weight:650;letter-spacing:.06em}.quiz-options{display:grid;gap:8px}.quiz-option{text-align:left;font-weight:400;display:flex;gap:11px;align-items:center;border-color:#d3dded;background:#fff;line-height:1.6}.quiz-option .letter{font:600 .8125rem Consolas,monospace;color:#7487aa}.quiz-option.correct{background:#e7f4ee;border-color:#78b59a}.quiz-option.incorrect{background:#fff0df;border-color:#d5a06e}.quiz-feedback{margin-top:14px;color:#4c6385;font-size:1rem}.source-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8125rem}.source-links a{color:#667b9f}.references{font-size:.8125rem;color:#8190a7;margin:25px 0 22px}.references p{margin-bottom:7px}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;gap:15px;margin-top:29px}.completion{display:flex;gap:12px;align-items:center}.completion button[aria-pressed=true]{background:#e7f4ee;border-color:#97c3af;color:#286b53}.bottom-nav{display:flex;gap:8px}.bottom-nav a{font-size:.875rem;min-height:44px;padding:10px 15px;background:#fff;border:1px solid #cad3e3;border-radius:9px;text-decoration:none;color:#4d5e7b}.site-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:19px 0 0;margin-top:31px;font-size:.75rem;color:#8693a8;flex-wrap:wrap}.legacy-frame{border:0;width:100%;display:block;min-height:830px}.original-link{font-size:.8125rem;text-align:right}.map-intro{color:var(--muted);max-width:800px;margin-top:10px}.map-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:23px 0 28px}.route-card{background:#121c32;color:#e5ebfb;border-radius:13px;padding:24px}.route-card p{color:#aebdd9;margin-top:9px;font-size:.9375rem;line-height:1.85}.route-card h2{font-size:1.3rem}.route-nodes{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.route-nodes a{color:#d8e1fb;border:1px solid #455575;border-radius:7px;text-decoration:none;padding:7px 11px;font-size:.875rem}.map-note{border:1px solid var(--line);background:white;border-radius:13px;padding:22px}.map-note h3{margin-bottom:9px}.map-note p{color:#657690;font-size:.9375rem;line-height:1.85}.map-group{margin-top:28px}.map-group-title{display:flex;gap:12px;align-items:center;margin-bottom:14px}.map-group-title>span{width:29px;height:29px;border:1px solid #ccd7eb;border-radius:7px;display:grid;place-items:center;font:500 .8125rem Consolas,monospace;color:#667dab}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.lesson-card{display:block;min-width:0;background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px;text-decoration:none;color:var(--ink);transition:border-color .15s}.lesson-card:hover{border-color:#879dde}.lesson-card .card-top{display:flex;justify-content:space-between;font-size:.75rem;color:#8493ae;margin-bottom:12px}.lesson-card h3{margin-bottom:7px}.lesson-card p{font-size:.875rem;color:#6b7c96;line-height:1.75}.lesson-card .card-foot{margin-top:16px;font-size:.75rem;color:#8a97ad}.no-results{padding:24px 10px;color:#8793a7;font-size:.875rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#152139;color:white;padding:12px 22px;border-radius:9px;z-index:80;box-shadow:0 4px 30px #17284125;font-size:.9375rem}.pool-sandbox{background:white;border:1px solid #ccd9eb;border-radius:13px;padding:23px;margin-top:28px}.pool-sandbox h3{font-size:1.125rem}.pool-description{color:#76859b;font-size:.875rem;margin-top:5px}.pool-settings{display:flex;gap:12px 18px;flex-wrap:wrap;margin:18px 0}.pool-settings label{display:flex;align-items:center;gap:7px;color:#677892;font-size:.875rem}.pool-settings select{border:1px solid #d0daeb;border-radius:6px;background:#f8faff;padding:6px 9px;min-height:40px}.pool-visual{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.pool-region{border:1px dashed #c5d1e7;border-radius:9px;padding:15px;min-height:115px}.pool-region h4{font-size:.8125rem;color:#7486a3;font-weight:600}.worker-list,.queue-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.worker{border:1px solid #c8d5f3;border-radius:7px;padding:8px 10px;font-size:.8125rem;background:#edf2ff;color:#3b5599;min-height:54px}.worker b{display:block;font-size:.9375rem}.worker:disabled{opacity:1;color:#8b99af;background:#f5f7fb}.queue-item{background:#fff1df;border:1px solid #edd3ad;color:#976125;padding:9px 12px;border-radius:7px;font:600 .875rem Consolas,monospace;display:inline-flex;align-items:center}.pool-empty{color:#9aa6ba;font-size:.875rem}.pool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.pool-message{font-size:.9375rem;background:#edf2fa;border-radius:8px;padding:13px 16px;margin-top:14px;color:#435d83}.pool-stats{display:flex;gap:15px;flex-wrap:wrap;font-size:.8125rem;color:#7a89a3;margin-top:12px}.pool-stats strong{font-weight:650;color:#405b88}.search-summary{font-size:.75rem;margin:7px 10px;color:#8896ad}
@media(min-width:1600px){main{margin-right:auto;padding-left:44px;padding-right:44px}.workspace{grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr)}}
@media(max-width:1160px){.sidebar{width:235px;padding-left:13px;padding-right:13px}main{margin-left:235px;padding-left:25px;padding-right:25px}.workspace{grid-template-columns:1fr}.timeline-panel{padding:18px}.step-list{display:grid;grid-template-columns:1fr 1fr;max-height:none;column-gap:12px}.timeline-foot{margin-top:4px}.state-summary{font-size:1.35rem}.code-layout{grid-template-columns:1fr}.map-grid{grid-template-columns:1fr 1fr}.lesson-meta{white-space:normal}.page-head{display:block}.lesson-meta{margin-top:10px}.map-overview{grid-template-columns:1fr}.legacy-frame{min-height:1060px}}
@media(max-width:760px){.mobile-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25;padding:9px 16px;border-bottom:1px solid var(--line);background:#fff;gap:12px;font-size:.9375rem;font-weight:650}.mobile-head button{border:0;background:#edf1f9;min-height:39px;padding:6px 11px;font-size:.875rem}.mobile-count{color:#8493aa;font:400 .75rem Consolas,monospace}.sidebar{transform:translateX(-100%);width:280px;max-width:85vw;transition:transform .18s;padding-top:23px}.sidebar.open{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;z-index:29;background:#16243d66;border:0;border-radius:0;width:100%;height:100%}main{margin-left:0;padding:22px 18px 18px}.breadcrumb{margin-bottom:17px;font-size:.75rem}h1{font-size:1.72rem}.intro{font-size:1rem}.eyebrow{font-size:.75rem}.section-jumps{gap:22px;margin-top:17px;margin-bottom:18px}.controls{flex-wrap:wrap;gap:11px}.playback{width:100%;gap:6px;flex-wrap:nowrap}.playback button{padding:9px 11px;min-width:0;flex:1;font-size:.875rem}.playback .primary{flex:1.5}.speed-control{margin-left:auto}.scenario-picker{gap:6px}.scenario-picker button{padding:9px 11px;flex:1;font-size:.8125rem}.lab-label{font-size:.75rem}.lab-label span{text-align:right}.lane-grid{gap:8px}.lane{padding:13px 10px}.lane-head{font-size:.8125rem;display:block}.lane-mark{margin-bottom:8px}.lane-value{font-size:.875rem;min-height:69px}.state-board{padding:19px}.state-summary{font-size:1.25rem}.state-metrics{gap:15px}.metric{gap:6px}.metric b{font-size:.9375rem}.metric span{font-size:.75rem}.event-card{padding:17px;min-height:117px}.event-detail{font-size:1rem}.step-list{display:block;max-height:290px}.trace-step{font-size:.875rem}.concept-grid{grid-template-columns:1fr}.concept{padding:19px}.lesson-section{scroll-margin-top:80px;margin-top:29px}.quiz{padding:19px}.code-card pre{font-size:.8125rem;padding:17px}.lesson-bottom{display:block}.bottom-nav{margin-top:16px;justify-content:space-between}.bottom-nav a{flex:1;text-align:center}.site-footer{font-size:.75rem}.map-grid{grid-template-columns:1fr}.map-overview{margin:19px 0}.route-card{padding:21px}.legacy-frame{min-height:1140px}.pool-sandbox{padding:18px}.pool-visual{grid-template-columns:1fr}.pool-settings{gap:9px 13px}.pool-settings label{font-size:.8125rem}.pool-actions button{flex:1;padding:9px;font-size:.875rem}.pool-stats{gap:8px 13px}.code-head{font-size:.75rem}.completion{justify-content:center}.references{font-size:.75rem}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.lane-grid{grid-template-columns:1fr}.lane{display:flex;align-items:center;gap:12px}.lane-head{display:flex;min-width:100px;max-width:45%;align-items:center}.lane-mark{margin:0}.lane-value{margin:0;min-height:0;flex:1}.lane-state{display:none}.playback button{font-size:.8125rem;padding:9px 7px}.mobile-head{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.code-card pre{max-height:560px}.code-head span{overflow-wrap:anywhere}.page-head>div{min-width:0}.lane-mark{letter-spacing:-.04em}

.lifecycle-sample{display:flex;flex-direction:column;gap:8px;margin:0 0 26px;padding:25px;background:#edf3eb;border:1px solid #b7cbbd;border-radius:15px;color:#173d3a;text-decoration:none}.lifecycle-sample span{font-size:12px;letter-spacing:1px}.lifecycle-sample strong{font-size:23px}.lifecycle-sample small{font-size:13px}