@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{--paper:#f7f7f4;--white:#fff;--ink:#202722;--secondary:#59645d;--muted:#8c968f;--line:#dfe3de;--blue:#315f9a;--blue-soft:#eaf0f8;--red:#b4493f;--red-soft:#f8ece9;--violet:#655290;--violet-soft:#f0edf7;--orange:#a5652a;--orange-soft:#f7efe5;--green:#367254;--green-soft:#eaf3ed;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:13px Manrope,Microsoft YaHei,sans-serif;overflow:hidden}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #376ea8;outline-offset:2px}svg{width:18px;height:18px}.app{height:100vh;min-height:720px;display:flex;flex-direction:column}.appbar{height:64px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#ffffffeb;padding:0 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;width:286px}.brand>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--ink);color:#fff}.brand b{font-size:16px;letter-spacing:-.3px}.brand small{display:block;font:7px var(--mono);letter-spacing:1.2px;color:var(--muted);margin-top:3px}.global-search{width:360px;height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f2f3f0;padding:0 10px;position:relative}.global-search svg{width:14px;color:var(--muted)}.global-search input{border:0;outline:0;background:none;width:100%;font-size:11px}.search-menu{position:absolute;left:0;right:0;top:38px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px #222d261f;padding:6px;z-index:50}.search-menu button{display:block;width:100%;text-align:left;padding:9px;font-size:11px}.search-menu button:hover{background:#f1f3ef}.search-menu small{display:block;font:7px var(--mono);color:var(--muted);margin-bottom:3px}.appbar nav{margin-left:auto;display:flex;height:100%;gap:6px}.appbar nav button{display:flex;align-items:center;gap:7px;padding:0 13px;color:var(--secondary);font-size:10px;border-bottom:2px solid transparent}.appbar nav button svg{width:14px}.appbar nav .active{border-color:var(--ink);color:var(--ink)}.workspace{flex:1;min-height:0;display:flex}.rail{width:52px;flex:none;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:7px;z-index:10}.rail button{width:34px;height:34px;display:grid;place-items:center;color:var(--muted)}.rail button svg{width:16px}.rail button.active{background:var(--ink);color:#fff}.rail i{width:20px;height:1px;background:var(--line);margin:4px}.viewport{position:relative;flex:1;min-width:0;overflow:hidden;background-color:#f7f7f4;background-image:radial-gradient(#cfd5cf .7px,transparent .8px);background-size:18px 18px;touch-action:none;cursor:grab}.viewport:active{cursor:grabbing}.world{position:absolute;transform-origin:0 0;width:2200px;height:1400px;will-change:transform}.board-content{position:relative;width:2200px;height:1400px}.board-lines{position:absolute;inset:0;pointer-events:none}.board-lines path{fill:none;stroke:#b9c1bb;stroke-width:1.5;stroke-dasharray:5 8}.board-lines .bridge{stroke:#9bad9e;stroke-width:2;stroke-dasharray:2 10}.board-title{position:absolute;left:28px;top:24px;pointer-events:none}.board-title small{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.board-title h1{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:5px 0}.board-title p{margin:0;color:var(--secondary);font-size:10px}.continent-label{position:absolute;display:flex;align-items:center;gap:12px}.continent-label>span{font:26px var(--mono);color:#b9c2bb}.continent-label b{font:500 10px var(--mono);letter-spacing:1px}.continent-label small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.ics-label{left:270px;top:88px}.ds-label{left:250px;top:820px}.chapter-card{position:absolute;min-height:500px;background:#fffffff5;border:1px solid var(--line);padding:18px;box-shadow:0 5px 20px #29372e0d;cursor:pointer;transition:transform .15s,box-shadow .15s}.chapter-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #29372e1a}.chapter-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:currentColor}.chapter-card.blue{color:var(--blue)}.chapter-card.red{color:var(--red)}.chapter-card.violet{color:var(--violet)}.chapter-card.orange{color:var(--orange)}.chapter-card header{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.7px}.chapter-card header small{color:var(--muted)}.chapter-card h2{color:var(--ink);font-size:22px;font-weight:500;letter-spacing:-.8px;margin:20px 0 4px}.chapter-card>p{margin:0;color:var(--secondary);font-size:11px}.chapter-topics{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 8px}.chapter-topics span{padding:5px 7px;background:#f3f4f1;color:var(--secondary);font-size:8px}.chapter-visual{height:270px;margin:8px -3px 10px;display:grid;place-items:center;color:var(--ink)}.chapter-card>button,.ds-node>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0 2px;border-top:1px solid var(--line);color:currentColor;font-size:9px}.chapter-card button svg,.ds-node button svg{width:13px}.overview-art{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:100%;position:relative}.program-sheet{width:74px;height:93px;border:1px solid #9aa9a0;padding:9px;background:#fff;box-shadow:4px 4px #e6eae5}.program-sheet b{font:8px var(--mono)}.program-sheet i{display:block;height:3px;margin-top:10px;background:#cbd4cd}.down-flow{font:7px var(--mono);color:var(--muted);text-align:center;line-height:2}.machine-slab{display:grid;gap:4px}.machine-slab span{width:78px;padding:12px 5px;text-align:center;border:1px solid #9cad9f;background:#edf2ed;font:7px var(--mono)}.network-wave{position:absolute;bottom:30px;right:30px;font:7px var(--mono);color:var(--blue)}.bits-art{width:270px}.bit-index,.bit-row{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.bit-index small{text-align:center;font:7px var(--mono);color:var(--muted)}.bit-row span{height:34px;display:grid;place-items:center;border:1px solid #d0d6d1;background:#f0f2ef;font:12px var(--mono)}.bit-row .on{color:#fff;background:var(--red);border-color:var(--red)}.interpret{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font:7px var(--mono)}.interpret b{display:block;color:var(--ink);font-size:10px;margin-top:4px}.cpu-art{width:360px;height:230px;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:9px;position:relative}.cpu-art>div:not(.cpu-core){border:1px solid #cbd2cc;background:#fff;z-index:2}.register-file header,.main-memory header{padding:8px;border-bottom:1px solid #dfe3de;font:7px var(--mono)}.register-file header em{float:right;color:var(--muted);font-style:normal}.register-file>div{display:grid;grid-template-columns:1fr 1fr;padding:5px}.register-file span{padding:4px;border-bottom:1px solid #eff1ee;font:7px var(--mono)}.register-file span b{font-weight:500}.register-file span small{display:none}.register-file .hot{color:var(--violet);background:var(--violet-soft)}.cpu-core{display:grid;gap:7px;z-index:2}.cpu-core>div{display:grid;place-items:center;border:1px solid #c4ccc6;background:#eef1ed;text-align:center;font:7px var(--mono)}.alu{clip-path:polygon(0 0,100% 16%,80% 50%,100% 84%,0 100%,20% 50%)}.alu strong{font-size:19px}.alu small,.control small{color:var(--muted)}.pc{padding:6px}.main-memory span{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:1px solid #edf0ec;font:6px var(--mono)}.main-memory span b{font-weight:400}.cpu-art>svg{position:absolute;width:100%;height:100%;z-index:3;pointer-events:none}.cpu-art>svg path{fill:none;stroke:var(--violet);stroke-width:1.5}.cpu-art>svg circle{fill:var(--violet)}.stack-art{position:relative;width:230px}.stack-address{font:7px var(--mono);color:var(--muted);margin-bottom:5px}.stack-address.bottom{text-align:right;margin-top:5px}.frames>div{height:37px;border:1px solid #cbd2cc;border-bottom:0;padding:6px 9px;background:#fff;display:flex;justify-content:space-between;font:7px var(--mono)}.frames>div:last-child{border-bottom:1px solid #cbd2cc}.frames small{color:var(--muted)}.frames .return{background:var(--orange-soft);border-color:#d9b78e}.frames .current{background:#f2f3ef}.rsp{position:absolute;right:-41px;bottom:25px;font:8px var(--mono);color:var(--orange)}.cpp-bridge{position:absolute;left:520px;top:738px;width:1120px;height:70px;border-top:1px solid #9bad9e;border-bottom:1px solid #9bad9e;background:#eff4efd9;display:flex;align-items:center;padding:0 24px;gap:22px}.cpp-bridge span{font:8px var(--mono);letter-spacing:1px;color:var(--green)}.cpp-bridge b{font-size:11px;font-weight:500}.cpp-bridge small{margin-left:auto;color:var(--muted);font-size:9px}.ds-node{position:absolute;width:360px;min-height:280px;background:#fff;border:1px solid var(--line);padding:18px;color:var(--green);display:grid;grid-template-columns:42px 1fr;column-gap:12px;cursor:pointer}.ds-node:hover{border-color:#7fa18d}.ds-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green-soft)}.ds-node h2{font-size:21px;font-weight:500;color:var(--ink);margin:4px 0}.ds-node p{margin:0;color:var(--secondary);font-size:10px}.ds-node>div small{font:7px var(--mono);color:var(--muted)}.ds-items{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:22px 0}.ds-items span{padding:9px;background:#f3f6f3;color:var(--secondary);font:8px var(--mono)}.ds-node>button{grid-column:1/3}.template-rack{position:absolute;left:1600px;top:930px;width:390px;background:#26312b;color:#edf5ef;padding:14px 18px}.template-rack header{height:38px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.12);font:8px var(--mono);letter-spacing:1px}.template-rack header svg{width:15px}.template-rack div{display:grid;grid-template-columns:30px 1fr 35px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font:9px var(--mono)}.template-rack div span,.template-rack div small{color:#829087}.detail-panel{width:310px;flex:none;border-left:1px solid var(--line);background:#fff;padding:0 22px;overflow:auto;z-index:12}.detail-panel>header{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:8px var(--mono);color:var(--muted);letter-spacing:.8px}.detail-panel header button{padding:7px}.detail-panel header svg{width:14px}.detail-panel h1{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:28px 0 10px}.detail-panel>p{font-size:11px;line-height:1.8;color:var(--secondary);margin:0 0 25px}.detail-panel section{border-top:1px solid var(--line);padding:19px 0}.detail-panel h3{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;margin:0 0 13px}.detail-panel h3 svg{width:13px;color:var(--muted)}.source-file{display:flex;align-items:center;gap:10px;padding:11px;background:#f3f5f2;font-size:9px}.source-file svg{width:15px}.source-file small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.detail-panel ol{margin:0;padding-left:25px}.detail-panel li{padding:5px 0 8px;color:var(--secondary);font-size:10px;line-height:1.5}.detail-panel li::marker{font:8px var(--mono);color:var(--muted)}.attachment-button{display:flex;justify-content:space-between;width:100%;padding:9px 0;border-bottom:1px solid #edf0ec;font-size:9px}.attachment-button span{color:var(--muted)}.enter-scene{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ink);color:#fff;padding:12px 13px;margin:17px 0 25px;font-size:9px}.enter-scene svg{width:13px}.zoom-control{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px #222d2614;z-index:9}.zoom-control button{width:34px;height:34px;display:grid;place-items:center}.zoom-control button svg{width:14px}.zoom-control span{width:46px;text-align:center;font:8px var(--mono);color:var(--secondary)}.legend{position:absolute;right:18px;bottom:18px;display:flex;gap:14px;padding:10px 12px;background:#ffffffe6;border:1px solid var(--line);font:8px var(--mono);color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px}.legend .ics{background:var(--blue)}.legend .ds{background:var(--green)}.legend .code{background:var(--ink)}.scene{height:100vh;display:grid;grid-template:132px 1fr/1fr 290px;background:#f6f7f4}.scene-head{grid-column:1/3;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:38px}.scene-head>button{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--secondary)}.scene-head>button svg{width:14px}.scene-head>div small{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.scene-head h1{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:5px 0}.scene-head p{margin:0;color:var(--secondary);font-size:10px}.scene-head>span{margin-left:auto;font:8px var(--mono);color:var(--muted);letter-spacing:1px}.scene-canvas{position:relative;display:grid;place-items:center;min-width:0;overflow:auto;background-image:linear-gradient(#e7eae6 1px,transparent 1px),linear-gradient(90deg,#e7eae6 1px,transparent 1px);background-size:28px 28px}.scene-index{border-left:1px solid var(--line);background:#fff;padding:22px;overflow:auto}.scene-index>span{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--muted);padding-bottom:15px;border-bottom:1px solid var(--line)}.scene-index button{width:100%;display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #edf0ec;text-align:left;font-size:10px;line-height:1.5}.scene-index button small{font:8px var(--mono);color:var(--muted)}.scene .bits-art.large{width:min(680px,72%);margin-top:-120px}.bits-art.large .bit-row span{height:74px;font-size:22px}.bits-art.large .bit-index small,.bits-art.large .interpret{font-size:9px}.bits-art.large .interpret b{font-size:16px}.lesson-notes{position:absolute;left:8%;right:8%;bottom:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lesson-notes article{background:#fff;border:1px solid var(--line);padding:15px}.lesson-notes small{font:7px var(--mono);color:var(--muted)}.lesson-notes b{display:block;font:500 15px var(--mono);margin:7px 0}.lesson-notes p{font-size:9px;line-height:1.6;color:var(--secondary);margin:0}.cpu-art.detail{width:min(870px,88%);height:410px;grid-template-columns:1.25fr .8fr 1fr}.cpu-art.detail .register-file span{padding:7px;font-size:9px}.cpu-art.detail .register-file span small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.cpu-art.detail .main-memory span{padding:15px;font-size:8px}.cpu-art.detail .cpu-core>div{font-size:9px}.cpu-art.detail>svg{height:100%}.instruction-strip{position:absolute;bottom:25px;left:7%;right:7%;display:flex;align-items:center;background:#fff;border:1px solid var(--line)}.instruction-strip span{flex:1;padding:12px}.instruction-strip small{display:block;font:7px var(--mono);color:var(--muted);margin-bottom:4px}.instruction-strip b{font:500 9px var(--mono)}.instruction-strip i{font:7px var(--mono);color:var(--violet)}.stack-art.detail{width:430px;transform:scale(1.18);margin-left:-170px}.stack-art.detail .frames>div{height:55px;padding:10px 14px;font-size:9px}.call-sequence{position:absolute;right:5%;width:280px;display:grid;background:#fff;border:1px solid var(--line)}.call-sequence span{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:10px}.call-sequence small{font:8px var(--mono);color:var(--orange)}.system-layers{width:70%;display:flex;flex-direction:column;align-items:center;gap:8px}.system-layers span{padding:17px 22px;border:1px solid #bac4bc;background:#fff;font:500 11px var(--mono);display:flex;justify-content:space-between}.system-layers small{color:var(--muted)}.segment-art{width:620px;text-align:center}.tree-level{display:flex;justify-content:space-around;margin-bottom:35px;position:relative}.tree-level:after{content:"";position:absolute;left:15%;right:15%;top:52px;border-top:1px solid #90a095}.tree-level span{background:#fff;border:1px solid #9bab9f;padding:12px 18px;font:9px var(--mono);min-width:120px;z-index:2}.tree-level span b{color:var(--green)}.array-row{display:flex;justify-content:center;margin-top:48px}.array-row i{width:48px;height:42px;display:grid;place-items:center;border:1px solid #aab5ad;border-right:0;background:#fff;font:10px var(--mono);font-style:normal}.array-row i:last-child{border-right:1px solid #aab5ad}@media(max-width:1000px){.detail-panel{width:260px}.global-search{width:280px}.appbar nav button{padding:0 7px}.scene{grid-template-columns:1fr 240px}}@media(max-width:720px){body{overflow:auto}.app{height:auto;min-height:100vh}.appbar{padding:0 10px}.brand{width:auto}.brand small,.appbar nav,.rail{display:none}.global-search{margin-left:auto;width:48vw}.workspace{height:calc(100vh - 64px)}.detail-panel{position:absolute;right:0;top:64px;bottom:0;width:min(310px,88vw);box-shadow:-10px 0 25px #2027221f}.board-title h1{font-size:18px}.scene{height:auto;min-height:100vh;display:block}.scene-head{height:auto;padding:20px;display:grid;grid-template-columns:auto 1fr}.scene-head>span{display:none}.scene-canvas{min-height:670px}.scene-index{border-left:0;border-top:1px solid var(--line)}.lesson-notes{grid-template-columns:1fr;position:static;margin:380px 20px 20px}.cpu-art.detail{width:680px;transform:scale(.65)}.instruction-strip{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.board-content,.world{width:2150px;height:1450px}.board-intro{position:absolute;left:55px;top:42px;width:590px}.board-intro small,.detail-kind{font:8px var(--mono);letter-spacing:1.1px;color:var(--muted)}.board-intro h1{font-size:31px;font-weight:500;letter-spacing:-1.2px;margin:9px 0 8px}.board-intro p{margin:0;color:var(--secondary);font-size:11px}.system-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.system-links path{fill:none;stroke:#b9c2ba;stroke-width:2;stroke-dasharray:3 9}.system-card{position:absolute;min-height:365px;padding:23px;background:#fffffff7;border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:0 9px 28px #2630280b}.system-card header{display:flex;gap:15px;align-items:flex-start}.system-card header>span{font:24px var(--mono);color:var(--accent);opacity:.66}.system-card header small{font:7px var(--mono);letter-spacing:1px;color:var(--muted)}.system-card h2{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:4px 0 1px}.system-card header p{font-size:9px;color:var(--muted);margin:0}.system-summary{height:40px;margin:17px 0 16px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.7;color:var(--secondary)}.node-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.knowledge-node{position:relative;min-height:66px;padding:10px 28px 9px 12px;text-align:left;background:#f4f5f2;border:1px solid transparent;transition:.16s}.knowledge-node:hover{transform:translateY(-1px);background:#fff;border-color:var(--accent)}.knowledge-node span{display:block;font:500 9px var(--mono)}.knowledge-node small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.knowledge-node svg{position:absolute;right:8px;top:24px;width:12px;color:var(--accent)}.knowledge-node.dim{opacity:.18;filter:grayscale(1)}.flow-caption{position:absolute;padding:8px 13px;border:1px solid #cbd1cb;background:var(--paper);color:#68716a;font:8px var(--mono)}.flow-caption.a{left:535px;top:518px}.flow-caption.b{left:970px;top:1035px}.flow-caption.c{left:1170px;top:470px}.route-switcher{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:4px;padding:5px;background:#fffffff2;border:1px solid var(--line);box-shadow:0 5px 18px #26302812;z-index:9}.route-switcher>span{padding:0 9px;font:7px var(--mono);letter-spacing:.8px;color:var(--muted)}.route-switcher button{padding:7px 10px;font-size:9px;color:var(--secondary)}.route-switcher button.active{background:var(--ink);color:#fff}.detail-kind{margin-top:27px}.detail-panel h2{margin:-5px 0 13px;color:var(--muted);font-size:11px;font-weight:400}.resource-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 9px;margin-bottom:5px;background:#f3f5f2;text-align:left;font-size:9px}.resource-row span{display:flex;align-items:center;gap:8px}.resource-row small{font:7px var(--mono);color:var(--muted)}.resource-row svg{width:11px;color:var(--muted)}.legend i.route{background:#fff;border:2px solid #6b7770}.mechanism{height:100vh;display:flex;flex-direction:column;background:#f5f6f3}.mechanism>header{height:112px;display:flex;align-items:center;gap:45px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.mechanism>header button{font-size:9px;color:var(--secondary)}.mechanism>header small{font:7px var(--mono);letter-spacing:1px;color:var(--muted)}.mechanism>header h1{margin:5px 0;font-size:24px;font-weight:500}.mechanism-canvas{flex:1;display:grid;place-items:center;background-image:linear-gradient(#e4e8e3 1px,transparent 1px),linear-gradient(90deg,#e4e8e3 1px,transparent 1px);background-size:28px 28px}.cpu-machine{width:min(1000px,90%);display:grid;grid-template-columns:1.3fr auto .75fr auto 1fr;gap:18px;align-items:center}.cpu-machine>section{background:#fff;border:1px solid #bdc6be}.cpu-machine h3{margin:0;padding:13px;border-bottom:1px solid var(--line);font:9px var(--mono)}.cpu-machine h3 small{float:right;color:var(--muted)}.cpu-machine section>div{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #edf0ec;font:8px var(--mono)}.cpu-machine section>div.hot{background:#ece9f4;color:#665584}.cpu-machine>i{font:7px var(--mono);font-style:normal;color:var(--muted)}.cpu-machine .core{display:grid;gap:9px;background:none;border:0}.cpu-machine .core>div{height:82px;display:grid;place-items:center;background:#fff;border:1px solid #bfc8c0;font:9px var(--mono)}.cpu-machine .core small{display:block;color:var(--muted)}.cpu-machine .memory>div{padding:17px 10px}.bit-machine{width:min(800px,86%)}.bit-machine>div{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.bit-machine span{height:100px;display:grid;place-items:center;background:#fff;border:1px solid #bdc6be;font:24px var(--mono)}.bit-machine span small{align-self:start;margin-top:8px;color:var(--muted);font-size:8px}.bit-machine span.on{background:#9a4d47;color:#fff}.bit-machine p{display:flex;justify-content:space-around}.bit-machine p b{font:11px var(--mono)}.stack-machine{width:480px}.stack-machine div{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border:1px solid #bfc8c0;border-bottom:0;font:10px var(--mono)}.stack-machine div:last-child{border-bottom:1px solid #bfc8c0}.stack-machine div.hot{background:#f3e9dd}.stack-machine small{color:#9a6633}.tree-machine{width:760px;text-align:center}.tree-machine>span,.tree-machine div span{display:inline-block;min-width:140px;margin:20px 45px;padding:15px;background:#fff;border:1px solid #9dac9f;font:10px var(--mono)}.system-card{padding-bottom:60px}.system-enter{position:absolute;left:23px;right:23px;bottom:17px;width:calc(100% - 46px);display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);color:var(--accent);font:8px var(--mono);letter-spacing:.4px}.system-enter svg{width:12px}.breadcrumb{position:absolute;left:18px;top:18px;z-index:9;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#fffffff5;border:1px solid var(--line);box-shadow:0 5px 18px #26302812;font:8px var(--mono)}.breadcrumb button{color:#54705f}.breadcrumb span{color:var(--muted)}.breadcrumb b{font-weight:500}.system-world{width:1800px;height:1150px}.sub-board{position:relative;width:1800px;height:1150px}.sub-intro{position:absolute;left:90px;top:65px;width:700px;padding-left:17px;border-left:4px solid var(--accent)}.sub-intro small{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.sub-intro h1{margin:7px 0 1px;font-size:34px;font-weight:500;letter-spacing:-1px}.sub-intro h2{margin:0 0 10px;font-size:12px;font-weight:400;color:var(--muted)}.sub-intro p{margin:0;color:var(--secondary);font-size:11px}.sub-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sub-links path{fill:none;stroke:#abb7ad;stroke-width:2;stroke-dasharray:4 9}.topic-card{position:absolute;width:430px;min-height:310px;padding:21px;background:#fffffff7;border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:0 10px 30px #2630280f}.topic-card header{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:var(--muted)}.topic-card header>span{color:var(--accent);font-size:16px}.topic-card h2{margin:21px 0 2px;font-size:22px;font-weight:500;letter-spacing:-.6px}.topic-card>p{margin:0;color:var(--muted);font-size:10px}.topic-card>div{display:grid;gap:5px;margin:20px 0}.topic-card>div span{padding:8px 10px;background:#f3f5f2;font:8px var(--mono)}.topic-card footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted)}.topic-card footer button{display:flex;align-items:center;gap:7px;color:var(--accent)}.topic-card footer svg{width:11px}.sub-guide{position:absolute;left:420px;top:1040px;width:1000px;padding:15px 20px;background:#27312b;color:#edf3ef}.sub-guide small{font:7px var(--mono);letter-spacing:1px;color:#8f9d94}.sub-guide b{display:block;margin:7px 0;font:500 9px var(--mono)}.sub-guide p{margin:0;color:#9eaaa2;font-size:8px}.paper-board{font-family:Manrope,Microsoft YaHei,sans-serif}.paper-board:before{content:"SYSTEM FIGURE / REV. 01";position:absolute;right:80px;top:70px;color:#9aa29c;font:7px var(--mono);letter-spacing:1.5px}.paper-diagram{position:absolute;inset:0;width:1600px;height:1050px;overflow:visible}.paper-diagram path{fill:none;stroke:#77847b;stroke-width:1.35;stroke-dasharray:5 7}.paper-diagram path.feedback{stroke:#a1aaa3;stroke-dasharray:2 8}.paper-diagram circle{fill:#f7f7f4;stroke:var(--accent);stroke-width:1.5}.paper-diagram text{fill:#526058;font:9px var(--mono)}.paper-diagram .figure-core{fill:#fff;stroke:var(--accent);stroke-width:1.7}.paper-diagram .figure-sub{fill:#929b94;font-size:7px;letter-spacing:1.5px}.paper-diagram .figure-note{fill:#929b94;font-size:7px}.paper-topic{position:absolute;width:330px;padding:0 0 12px;text-align:left;background:transparent;border-top:2px solid var(--accent);border-bottom:1px solid #bbc3bd;color:var(--ink)}.paper-topic:hover{background:#ffffffa3}.paper-topic>span{display:inline-block;margin-top:9px;color:var(--accent);font:12px var(--mono)}.paper-topic>small{float:right;margin-top:11px;color:#9aa39c;font:6px var(--mono);letter-spacing:.6px}.paper-topic h3{margin:18px 0 2px;font:500 18px Manrope,Microsoft YaHei,sans-serif;letter-spacing:-.45px}.paper-topic>p{margin:0 0 12px;color:#7e8981;font-size:9px}.paper-topic>div{display:flex;flex-wrap:wrap;gap:4px}.paper-topic i{padding:5px 7px;background:#ffffffb8;border:1px solid #dbe0dc;color:#59665e;font:normal 7px var(--mono)}.paper-topic footer{margin-top:12px;color:#7e8981;font:7px var(--mono);letter-spacing:.4px}.figure-caption{position:absolute;left:110px;bottom:38px;width:850px;padding-top:11px;border-top:1px solid #aeb7b0;color:#667169;font:8px/1.7 var(--mono)}.figure-caption b{color:#313a34}.margin-note{position:absolute;right:50px;top:135px;width:220px;padding:14px 16px;border-left:1px solid #aeb7b0;background:#ffffff6b}.margin-note small{display:block;margin-bottom:11px;color:#8d9790;font:7px var(--mono);letter-spacing:1px}.margin-note span{display:block;padding:6px 0;border-bottom:1px solid #d9deda;color:#566159;font:7px var(--mono)}