:root{color-scheme:dark;--bg:#0b111a;--panel:#101a27;--line:#253346;--text:#e6eef7;--muted:#92a5ba;--mint:#5de4c7;--amber:#ffb66b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Segoe UI','Microsoft YaHei',sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #3a4c60;background:#182536;color:var(--text);border-radius:7px;padding:8px 14px;cursor:pointer;font-size:14px}button:hover{background:#263a4b;border-color:var(--mint)}button:focus-visible,a:focus-visible,select:focus-visible,.node:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.primary{background:var(--mint);color:#082b27;border-color:var(--mint);font-weight:700}.primary:hover{background:#8af5dc}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--muted);font-weight:600}header{height:78px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand span:not(.logo){font-weight:400;color:var(--muted);margin-left:8px}.logo{font-size:30px;color:var(--mint)}a{color:var(--mint);text-decoration:none;font-size:14px}a:hover{text-decoration:underline}main{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:28px 22px;border-right:1px solid var(--line)}nav{display:grid;gap:8px;margin-top:24px}nav button{text-align:left;border:0;background:none;color:var(--muted);padding:12px 8px}nav button.active{background:#18342f;color:var(--mint)}nav button small{margin-right:12px;color:#72869a}nav button.active small{color:var(--mint)}.side-note{margin-top:66px;border-top:1px solid var(--line);padding-top:24px;font-size:18px}.side-note p{font-size:13px;color:var(--muted)}.content{padding:28px 32px;min-width:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.intro .eyebrow{margin:0}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h2{font-size:24px;line-height:1.45;margin:10px 0 18px}h3{font-size:17px;margin:12px 0 8px}p{margin:8px 0 16px}.intro p:not(.eyebrow){color:var(--muted);margin:0;max-width:790px}.pill{font-size:12px;border:1px solid #365450;border-radius:30px;padding:5px 12px;color:var(--mint);white-space:nowrap}.lab{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.lab-head{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px}.live{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px}.muted,.small{color:var(--muted)}.small{font-size:13px}.workspace{display:grid;grid-template-columns:1fr 1.05fr}.world-panel,.tree-panel{padding:17px;min-width:0}.world-panel{border-right:1px solid var(--line)}.panel-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#b4c5d6;margin-bottom:10px}.panel-label span{font-size:12px;color:#72879c;letter-spacing:0}svg{width:100%;display:block}.svg-label{font-size:13px;fill:#9bb1c5}.scene-controls{display:flex;gap:7px;flex-wrap:wrap}.scene-controls button{font-size:12px;padding:6px 10px}.world-panel .small{margin:10px 0 0}.node{cursor:pointer}.node rect{fill:#192637;stroke:#41536a;stroke-width:1.4;transition:fill .2s,stroke .2s}.node text{font-size:14px;fill:#d3dfed;text-anchor:middle;pointer-events:none}.node text.sub{font-size:11px;fill:#98aec5}.node.active rect{fill:#17463e;stroke:var(--mint);stroke-width:2}.node.active text{fill:#8ff5da}.node.failed rect{stroke:#ff7e86;fill:#49272c}.node-info{font-size:13px;color:#b7c9dc;min-height:64px;border-left:2px solid #5de4c7;padding-left:12px}.transport{border-block:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:14px 18px;flex-wrap:wrap}.transport label{font-size:14px;color:var(--muted);margin-left:12px}select{background:#182536;color:white;border:1px solid #3a4c60;padding:6px;border-radius:6px}.status{margin-left:auto;font-size:14px;color:var(--mint)}.inspect{display:grid;grid-template-columns:1fr 1.05fr}.inspect>div{padding:18px}.inspect>div:first-child{border-right:1px solid var(--line)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #203044;padding:6px 0;font:13px/1.6 Consolas,monospace}dt{color:#96adc3}dd{margin:0;color:var(--amber)}#events{list-style:none;padding:0;margin:0;height:135px;overflow:auto;font-size:12px;color:#b0c4d7}#events li{padding:4px 0}#events time{color:#62849b;margin-right:10px}.lesson{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:35px 0;border-bottom:1px solid var(--line)}#lessonText{color:#b7c8d9;font-size:15px}#lessonText strong{color:var(--text)}.experiment{padding:24px;border-radius:10px;background:#152330}.experiment p{font-size:14px;color:#b7c8d9}.experiment .small{margin-bottom:0;font-size:12px}#guide{padding:30px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{border-top:1px solid var(--line);padding:18px 4px}.guide-grid b{font:22px Consolas,monospace;color:var(--mint)}.guide-grid p{font-size:14px;color:#9fb2c6}.quiz{border:1px solid #324856;padding:24px;border-radius:10px;background:#102029}.quiz h2{font-size:20px}.quiz #answers{display:flex;flex-wrap:wrap;gap:10px}#feedback{color:var(--mint);font-size:14px;margin:14px 0 0}footer{font-size:12px;color:var(--muted);padding:30px 0}footer div{display:flex;gap:20px;margin-top:10px}@media(min-width:1500px){.content{padding:36px 44px}}@media(max-width:1100px){main{grid-template-columns:180px 1fr}.content{padding:24px 20px}header>.eyebrow{display:none}.intro>.pill{display:none}.workspace{grid-template-columns:1fr}.world-panel{border-right:0;border-bottom:1px solid var(--line)}#world{max-height:300px}#tree{max-height:310px}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{height:66px;padding:0 16px}.brand{font-size:14px}.brand span:not(.logo){margin-left:4px}header>a{font-size:12px}main{display:block}aside{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}aside>.eyebrow,.side-note{display:none}nav{display:flex;overflow:auto;margin:0;gap:5px}nav button{white-space:nowrap;font-size:13px;padding:8px}nav button small{margin-right:5px}.content{padding:22px 14px}h1{font-size:26px}.intro p:not(.eyebrow){font-size:14px}.lab-head .muted{display:none}.inspect,.lesson{grid-template-columns:1fr}.inspect>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.lesson{gap:18px;padding:24px 0}.guide-grid{grid-template-columns:1fr}.status{width:100%;margin:0}.transport label{margin-left:0}.panel-label{letter-spacing:0}.quiz{padding:18px}.quiz button{width:100%;text-align:left}footer div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}