:root{color-scheme:dark;--bg: #07131f;--bg-soft: #0a1927;--surface: #0d2030;--surface-2: #11283a;--surface-3: #173247;--text: #eaf7ff;--muted: #8fa8b8;--quiet: #698696;--line: rgba(143, 201, 225, .14);--line-strong: rgba(83, 221, 231, .3);--cyan: #45d9e6;--blue: #4e86ff;--green: #5ee39d;--lime: #bcf36b;--orange: #ffb86b;--red: #ff6f7d;--shadow: 0 22px 60px rgba(0, 4, 10, .28);--sidebar: 270px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--bg: #edf4f6;--bg-soft: #e4eef1;--surface: #ffffff;--surface-2: #f4f9fa;--surface-3: #dcecef;--text: #112e3b;--muted: #55707d;--quiet: #78909a;--line: rgba(24, 77, 96, .13);--line-strong: rgba(0, 143, 160, .3);--cyan: #008fa0;--blue: #315ee8;--green: #168c58;--lime: #5c940d;--orange: #b45c00;--red: #c92b46;--shadow: 0 20px 50px rgba(26, 72, 88, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 75% 0%,rgba(24,119,162,.11),transparent 34%),linear-gradient(rgba(108,211,230,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(108,211,230,.025) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}p{line-height:1.75}::selection{background:#45d9e647;color:var(--text)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;z-index:200;left:16px;top:-60px;padding:10px 16px;border-radius:8px;background:var(--cyan);color:#031115;transition:top .2s}.skip-link:focus{top:16px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;overflow-y:auto;background:color-mix(in srgb,var(--bg-soft) 96%,transparent);border-right:1px solid var(--line);backdrop-filter:blur(18px)}.brand{min-height:86px;display:flex;align-items:center;gap:13px;padding:0 24px;border-bottom:1px solid var(--line)}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:18px;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.16em;color:var(--muted)}.chip-logo{position:relative;width:34px;height:34px;border:1px solid var(--cyan);border-radius:8px;box-shadow:inset 0 0 0 5px #45d9e60d,0 0 22px #45d9e61f}.chip-logo:before,.chip-logo:after{content:"";position:absolute;background:var(--cyan);opacity:.8}.chip-logo:before{width:8px;height:1px;top:16px;left:12px}.chip-logo:after{width:1px;height:8px;top:12px;left:16px}.chip-logo i{position:absolute;width:7px;height:2px;background:var(--cyan)}.chip-logo i:nth-child(1){top:7px;left:-5px}.chip-logo i:nth-child(2){bottom:7px;left:-5px}.chip-logo i:nth-child(3){top:7px;right:-5px}.chip-logo i:nth-child(4){bottom:7px;right:-5px}.sidebar-progress{margin:20px 16px 12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.sidebar-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.sidebar-progress strong{color:var(--cyan);font-variant-numeric:tabular-nums}.progress-track{height:5px;margin:10px 0 8px;overflow:hidden;background:var(--surface-3);border-radius:9px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));border-radius:inherit;transition:width .3s ease}.sidebar-progress small{color:var(--quiet);font-size:10px}.sidebar nav{display:flex;flex-direction:column;padding:4px 10px 20px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border-radius:10px;color:var(--muted)}.sidebar nav a:before{content:"";position:absolute;left:-10px;width:2px;height:24px;border-radius:2px;background:transparent}.sidebar nav a:hover{color:var(--text);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.sidebar nav a.active{color:var(--text);background:linear-gradient(90deg,#45d9e621,#45d9e609)}.sidebar nav a.active:before{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.sidebar nav a>i{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;font-style:normal;font:700 10px ui-monospace,monospace;color:var(--quiet)}.sidebar nav a.completed>i{color:#052118;background:var(--green);border-color:var(--green)}.sidebar nav a span{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar nav a strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav a small{font-size:9px;color:var(--quiet)}.sidebar-note{margin:auto 16px 18px;padding:14px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);color:var(--muted)}.sidebar-note span,.sidebar-note small{font-size:9px}.sidebar-note strong{font-size:12px;color:var(--text)}.page-column{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{position:sticky;z-index:30;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,58px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--quiet)}.breadcrumbs a:hover{color:var(--cyan)}.breadcrumbs strong{color:var(--muted);font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.search-trigger{border:1px solid var(--line);background:var(--surface);cursor:pointer}.icon-button{width:36px;height:36px;border-radius:10px;font-size:15px}.icon-button:hover,.search-trigger:hover{border-color:var(--line-strong);background:var(--surface-2)}.search-trigger{height:36px;display:flex;align-items:center;gap:9px;padding:0 8px 0 12px;border-radius:10px;color:var(--muted)}.search-trigger span{font-size:18px}.search-trigger em{font-style:normal;font-size:11px}.search-trigger kbd,.search-field kbd{padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--quiet);background:var(--bg-soft);font:9px ui-monospace,monospace}.menu-button{display:none}main{flex:1}footer{min-height:90px;padding:0 clamp(24px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--quiet);font-size:10px}.button{min-height:43px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:12px;cursor:pointer;transition:transform .18s ease,border-color .18s,background .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#042027;box-shadow:0 10px 30px #45d9e626}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.button.compact{min-height:34px;padding:0 11px;font-size:10px;gap:6px}.section-kicker{display:block;color:var(--cyan);font:800 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.home-page{overflow:hidden}.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(40px,7vw,100px);max-width:1280px;margin:0 auto;padding:78px clamp(30px,6vw,80px) 70px}.hero-label{display:flex;align-items:center;gap:8px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.17em}.hero-label i{width:7px;height:7px;border:1px solid var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.hero h1{margin:24px 0;font-size:clamp(45px,5.7vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:760}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),var(--green));background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:630px;margin:0;color:var(--muted);font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:34px}.platform-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;font-size:9px;color:var(--quiet)}.platform-line b{padding:5px 8px;color:var(--muted);border:1px solid var(--line);border-radius:5px;font-weight:600}.hero-board{position:relative;aspect-ratio:1 / .84;min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(145deg,#0b3341,#071c28 64%);box-shadow:var(--shadow),inset 0 0 80px #45d9e609}:root[data-theme=light] .hero-board{background:linear-gradient(145deg,#d2f1f2,#bcdde2)}.board-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(101,224,225,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(101,224,225,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle,#000,transparent 78%)}.board-chip{position:absolute;inset:27%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(132,238,231,.5);border-radius:14px;background:#07121b;box-shadow:0 0 0 10px #1567701f,0 20px 50px #00000057}.board-chip small{color:var(--green);font:700 8px ui-monospace,monospace}.board-chip strong{margin:5px 0;color:#f3fbff;font-size:clamp(18px,3vw,34px);letter-spacing:-.03em}.board-chip>span{color:#81aab4;font:9px ui-monospace,monospace}.chip-pins{position:absolute;inset-block:8px;display:flex;flex-direction:column;justify-content:space-around}.chip-pins.left{left:-21px}.chip-pins.right{right:-21px}.chip-pins i{width:20px;height:4px;background:linear-gradient(90deg,#a0bdc1,#566e73)}.chip-pins.right i{background:linear-gradient(90deg,#566e73,#a0bdc1)}.signal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.signal i{position:absolute;width:6px;height:6px;top:-2.5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:signalMove 2.5s linear infinite}.signal span{position:absolute;top:9px;color:#6ca5af;white-space:nowrap;font:8px ui-monospace,monospace}.signal-a{left:6%;right:62%;top:39%}.signal-b{left:60%;right:4%;top:58%}.signal-c{left:18%;right:56%;bottom:21%}.signal-b i{animation-delay:-.8s}.signal-c i{animation-delay:-1.4s}.board-stat{position:absolute;padding:10px 12px;display:flex;flex-direction:column;gap:3px;border:1px solid rgba(121,207,213,.16);border-radius:8px;background:#04171ea6}.board-stat span{color:#5c8f9a;font:7px ui-monospace,monospace}.board-stat strong{color:#cce9ed;font-size:10px}.board-stat.top{top:11%;right:8%}.board-stat.bottom{left:8%;bottom:10%}@keyframes signalMove{0%{left:0}to{left:calc(100% - 6px)}}.home-stats{max-width:1160px;margin:0 auto;padding:0 24px 65px;display:grid;grid-template-columns:repeat(4,1fr)}.home-stats div{min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);border-right:0;background:color-mix(in srgb,var(--surface) 62%,transparent)}.home-stats div:first-child{border-radius:12px 0 0 12px}.home-stats div:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.home-stats strong{color:var(--cyan);font:800 25px ui-monospace,monospace}.home-stats span{margin-top:6px;color:var(--muted);font-size:10px}.roadmap-section{padding:84px clamp(24px,7vw,100px) 100px;background:color-mix(in srgb,var(--bg-soft) 64%,transparent);border-block:1px solid var(--line)}.roadmap-section>.section-heading{max-width:1090px;margin-inline:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin:9px 0 8px;font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}.section-heading p{max-width:650px;margin:0;color:var(--muted);font-size:13px}.section-heading.compact{margin-bottom:25px}.roadmap-legend{display:flex;gap:14px;color:var(--quiet);font-size:9px;white-space:nowrap}.roadmap-legend span{display:flex;align-items:center;gap:6px}.roadmap-legend i{width:8px;height:8px;border:1px solid var(--quiet);border-radius:50%}.roadmap-legend i.done{background:var(--green);border-color:var(--green)}.roadmap-legend i.current{border-color:var(--cyan);box-shadow:0 0 8px var(--cyan)}.roadmap{max-width:1090px;margin:0 auto}.route-node{display:grid;grid-template-columns:62px 1fr;align-items:stretch}.route-index{position:relative;display:flex;justify-content:center;padding-top:25px}.route-index span{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--quiet);background:var(--bg-soft);font:700 9px ui-monospace,monospace}.route-index>i{position:absolute;top:55px;bottom:-25px;width:1px;background:var(--line)}.route-node.done .route-index span{color:#041b12;background:var(--green);border-color:var(--green)}.route-node.current .route-index span{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px #45d9e612,0 0 18px #45d9e633}.route-card{margin-bottom:18px;padding:24px 26px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s}.route-node:hover .route-card{transform:translate(4px);border-color:var(--line-strong);box-shadow:var(--shadow)}.route-node.current .route-card{border-color:#45d9e657;background:linear-gradient(105deg,rgba(69,217,230,.09),var(--surface) 36%)}.route-top{display:flex;justify-content:space-between;color:var(--cyan);font:700 8px ui-monospace,monospace;letter-spacing:.13em}.difficulty{padding:4px 8px;border:1px solid var(--line);border-radius:5px;font:700 8px ui-monospace,monospace;letter-spacing:.04em}.d-入门{color:var(--green)}.d-基础{color:var(--cyan)}.d-进阶{color:var(--orange)}.d-综合{color:var(--red)}.route-card h3{margin:9px 0 7px;font-size:21px}.route-card>p{margin:0 0 14px;color:var(--muted);font-size:12px}.route-meta{display:flex;flex-wrap:wrap;gap:9px 24px;color:var(--quiet);font-size:9px}.route-meta i{color:var(--cyan);font-style:normal}.route-goals{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.route-goals small{padding:4px 7px;color:var(--muted);background:var(--surface-2);border-radius:5px;font-size:8px}.route-footer{margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--quiet);font-size:9px}.route-footer strong{color:var(--cyan)}.safety-callout{max-width:1080px;margin:80px auto;padding:28px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid rgba(255,184,107,.28);border-radius:16px;background:linear-gradient(110deg,rgba(255,184,107,.09),var(--surface))}.safety-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--orange);border:1px solid var(--orange);border-radius:50%;font:800 15px ui-monospace,monospace;box-shadow:inset 0 0 20px #ffb86b14}.safety-callout h2{margin:5px 0 4px;font-size:19px}.safety-callout p{margin:0;color:var(--muted);font-size:11px}.chapter-hero{padding:74px clamp(28px,7vw,105px) 66px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,rgba(44,141,164,.12),transparent 32%)}.chapter-index{margin-bottom:26px;display:flex;align-items:center;gap:13px;color:var(--quiet);font:700 9px ui-monospace,monospace;letter-spacing:.2em}.chapter-index i{width:56px;height:1px;background:var(--line-strong)}.chapter-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;max-width:1120px;margin:auto}.chapter-hero h1{max-width:780px;margin:12px 0 15px;font-size:clamp(38px,5vw,63px);line-height:1.08;letter-spacing:-.045em}.chapter-hero p{max-width:720px;color:var(--muted);font-size:15px}.chapter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.chapter-tags>span{padding:6px 9px;color:var(--muted);border:1px solid var(--line);border-radius:6px;font-size:9px}.chapter-progress-card{align-self:center;padding:21px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.progress-orbit{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--line-strong);border-right-color:var(--cyan);border-radius:50%;color:var(--cyan);font:800 15px ui-monospace,monospace}.progress-orbit.done{color:#052319;background:var(--green);border-color:var(--green)}.chapter-progress-card>div:last-child{display:flex;flex-direction:column;gap:3px}.chapter-progress-card small{color:var(--quiet);font-size:8px}.chapter-progress-card strong{font-size:12px}.chapter-progress-card button{padding:0;margin-top:3px;color:var(--cyan);border:0;background:none;font-size:9px;text-align:left;cursor:pointer}.chapter-content{max-width:1150px;margin:0 auto;padding:0 clamp(26px,5vw,70px) 90px}.chapter-section{position:relative;display:grid;grid-template-columns:65px minmax(0,1fr);gap:18px;padding:78px 0 15px}.chapter-section+.chapter-section{border-top:1px solid var(--line)}.section-number{color:var(--line-strong);font:800 22px ui-monospace,monospace}.section-body{min-width:0}.why-card{position:relative;padding:25px 32px;overflow:hidden;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(69,217,230,.08),transparent)}.why-card>span{position:absolute;top:-22px;right:24px;color:#45d9e614;font:100px Georgia,serif}.why-card p{position:relative;margin:0;font-size:17px;color:var(--text)}.prereq-goals{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:20px}.prereq-goals>div{padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.prereq-goals h3{margin:0 0 12px;font-size:12px}.prereq-goals p{margin:6px 0;color:var(--muted);font-size:10px}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.concept-grid article{position:relative;min-height:165px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.concept-grid article>span{color:var(--cyan);font:700 9px ui-monospace,monospace}.concept-grid h3{margin:10px 0 6px;font-size:15px}.concept-grid p{margin:0;color:var(--muted);font-size:11px}.topology{padding:28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(69,217,230,.07),transparent 46%),var(--surface)}.topology-title{margin-bottom:25px;color:var(--cyan);font:700 9px ui-monospace,monospace;letter-spacing:.16em;text-align:center}.topology-nodes{min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px}.topology-nodes>div{display:flex;align-items:center;gap:8px}.topology-nodes span{min-height:58px;padding:10px 14px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--bg-soft);color:var(--muted);font-size:10px;text-align:center}.topology-nodes .core span{min-height:78px;color:var(--text);border-color:var(--cyan);box-shadow:0 0 22px #45d9e61a}.topology-nodes i{color:var(--cyan);font-style:normal}.topology>p{margin:23px 0 0;color:var(--quiet);font-size:9px;text-align:center}.hardware-notes{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hardware-notes>div{padding:13px 15px;display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.hardware-notes span{color:var(--cyan);font-size:9px}.hardware-notes div:last-child span{color:var(--orange)}.hardware-notes p{margin:0;color:var(--muted);font-size:10px}.software-flow{display:flex;flex-wrap:wrap;gap:7px}.software-flow>div{position:relative;min-width:128px;flex:1;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.software-flow span{display:block;margin-bottom:8px;color:var(--cyan);font:700 8px ui-monospace,monospace}.software-flow strong{font-size:10px;line-height:1.5}.software-flow i{position:absolute;right:-7px;top:50%;z-index:2;color:var(--cyan);font-style:normal;transform:rotate(-90deg)}.lab-frame{overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.lab-heading{min-height:72px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(69,217,230,.06),transparent)}.lab-heading h3{margin:4px 0 0;font-size:16px}.live-badge{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.animation-controls{padding:14px 18px;display:grid;grid-template-columns:auto minmax(120px,180px) minmax(200px,1fr);align-items:center;gap:16px;border-top:1px solid var(--line);background:var(--bg-soft)}.control-buttons{display:flex;gap:6px}.speed-control{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:8px}.speed-control input{width:100%;accent-color:var(--cyan)}.step-readout{min-height:44px;padding-left:14px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-left:1px solid var(--line)}.step-readout span{color:var(--cyan);font:700 8px ui-monospace,monospace}.step-readout strong{font-size:10px;line-height:1.4}.lab-explanation{margin:0;padding:12px 20px;color:var(--muted);background:#45d9e608;border-top:1px solid var(--line);font-size:9px}.flow-rail{padding:36px 22px;display:flex;align-items:center;gap:8px;overflow-x:auto}.flow-node{min-width:105px;min-height:72px;padding:11px;display:flex;flex-direction:column;gap:8px;color:var(--quiet);border:1px solid var(--line);border-radius:8px;font-size:9px}.flow-node span{color:var(--quiet);font:700 8px ui-monospace,monospace}.flow-node.active{color:var(--text);border-color:var(--cyan);box-shadow:0 0 20px #45d9e61a}.flow-node.active span{color:var(--cyan)}.flow-node.passed{border-color:#5ee39d4d;color:var(--muted)}.lab-form{display:grid;gap:10px}.lab-form label,.uart-input label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}.lab-form input,.lab-form select,.uart-input input{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);color:var(--text)}.bit-form{grid-template-columns:1fr 1fr 1fr;padding:20px}.bit-grid{margin:0 20px 20px;display:grid;grid-template-columns:70px repeat(8,minmax(22px,1fr));gap:5px}.bit-grid>span{height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--bg-soft);font:700 12px ui-monospace,monospace}.bit-grid .mask-bit{color:var(--blue)}.bit-grid span.on{color:#031912;background:var(--green);border-color:var(--green)}.bit-label{display:flex;align-items:center;color:var(--quiet);font:700 8px ui-monospace,monospace}.result-strip{min-height:56px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);background:#45d9e609;color:var(--muted);font:9px ui-monospace,monospace}.result-strip strong{color:var(--cyan);font-size:19px}.clock-layout{padding:22px;display:grid;grid-template-columns:270px 1fr;gap:25px}.clock-form{grid-template-columns:1fr 1fr}.clock-tree-visual{display:flex;align-items:center;justify-content:center}.clock-chip{min-width:100px;padding:15px 10px;text-align:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--bg-soft);font:10px ui-monospace,monospace}.clock-chip strong{color:var(--text);font-size:17px}.clock-chip small{font-size:7px}.clock-chip.active{border-color:var(--cyan);box-shadow:0 0 18px #45d9e61f}.signal-line{width:42px;height:1px;background:var(--cyan);position:relative}.signal-line:after{content:"›";position:absolute;right:0;top:-9px;color:var(--cyan)}.warning-banner{margin:0 22px 12px;padding:10px 13px;color:var(--orange);border:1px solid rgba(255,184,107,.26);border-radius:7px;background:#ffb86b12;font-size:9px}.metric-grid{padding:0 22px 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.metric{min-height:72px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft)}.metric span,.metric small{color:var(--quiet);font-size:7px}.metric strong{color:var(--cyan);font:700 12px ui-monospace,monospace}.metric.over{border-color:var(--red)}.metric.over strong,.metric.over small{color:var(--red)}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.segmented{margin:18px auto 0;padding:3px;width:fit-content;display:flex;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft)}.segmented button{padding:7px 12px;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;font-size:9px}.segmented button.active{color:#041e24;background:var(--cyan)}.segmented.wrap{flex-wrap:wrap;max-width:calc(100% - 30px)}.led-circuit{min-height:190px;padding:35px;display:flex;align-items:center;justify-content:center}.mcu-pin{min-width:120px;height:95px;padding:14px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--bg-soft)}.mcu-pin span,.mcu-pin small{color:var(--quiet);font-size:7px}.mcu-pin strong{margin:5px 0;font:700 13px ui-monospace,monospace}.wire{width:45px;height:2px;overflow:hidden;background:var(--quiet)}.wire i{display:block;width:14px;height:2px;background:var(--cyan);opacity:0;animation:currentFlow .8s linear infinite}.led-circuit.lit .wire{background:var(--cyan);box-shadow:0 0 8px #45d9e680}.led-circuit.lit .wire i{opacity:1}.resistor{padding:9px 8px;color:var(--orange);border:1px solid var(--orange);font:8px ui-monospace,monospace;transform:skew(-5deg)}.led-symbol{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}.led-symbol i{width:35px;height:35px;border:2px solid var(--quiet);border-radius:50% 50% 43% 43%;background:#26332f}.led-symbol span{position:absolute;top:43px;color:var(--quiet);font-size:8px}.led-circuit.lit .led-symbol i{background:#7bffae;border-color:var(--green);box-shadow:0 0 12px var(--green),0 0 35px #5ee39d8c}.led-circuit.lit .led-symbol span{color:var(--green)}.rail{min-width:48px;text-align:center;color:var(--muted);font:8px ui-monospace,monospace}.lab-actions{padding:0 20px 20px;display:flex;align-items:center;gap:15px}.lab-actions code{min-width:0;overflow-x:auto;color:var(--green);font:9px ui-monospace,monospace}@keyframes currentFlow{0%{transform:translate(-14px)}to{transform:translate(45px)}}.wave-panel{padding:28px 22px 16px;display:grid;grid-template-columns:50px 1fr;gap:10px 12px;align-items:center}.wave-label{color:var(--quiet);font:700 8px ui-monospace,monospace}.digital-wave{height:50px;display:flex;align-items:center}.digital-wave i{position:relative;flex:1;height:36px;border-top:2px solid transparent;border-bottom:2px solid transparent}.digital-wave i.high{border-top-color:var(--blue)}.digital-wave i.low{border-bottom-color:var(--blue)}.digital-wave i+i:before{content:"";position:absolute;left:0;height:36px;border-left:2px solid var(--blue);opacity:.6}.digital-wave.filtered i{border-color:transparent}.digital-wave.filtered i.high{border-top-color:var(--green)}.digital-wave.filtered i.low{border-bottom-color:var(--green)}.digital-wave.filtered i+i:before{border-left-color:var(--green)}.digital-wave i.cursor{background:#45d9e626;box-shadow:0 0 0 1px #45d9e64d}.toggle-row{width:fit-content;margin:0 22px 18px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.toggle-row input{accent-color:var(--cyan)}.interrupt-flow{padding:14px 20px 22px;display:flex;gap:4px}.interrupt-flow div{flex:1;padding:10px 8px;border:1px solid var(--line);border-radius:7px;color:var(--quiet);font-size:8px;text-align:center}.interrupt-flow div.active{color:var(--text);border-color:var(--cyan)}.interrupt-flow span,.architecture-flow span{float:right;color:var(--cyan)}.timer-layout{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.slider-stack{display:flex;flex-direction:column;gap:13px}.slider-stack label{display:grid;grid-template-columns:1fr auto;gap:7px;color:var(--muted);font-size:9px}.slider-stack b{color:var(--text);font:700 9px ui-monospace,monospace}.slider-stack input{grid-column:1 / -1;width:100%;accent-color:var(--cyan)}.pwm-viz{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.pwm-wave{width:100%;height:42px;display:flex;gap:7px}.pwm-wave i{position:relative;flex:1;border-bottom:2px solid var(--quiet)}.pwm-wave i:before{content:"";position:absolute;left:0;top:4px;width:var(--duty);height:25px;border:2px solid var(--cyan);border-bottom:0;background:#45d9e614}.motor-disc{width:48px;height:48px;position:relative;border:2px solid var(--green);border-radius:50%;animation:spin var(--spin-time) linear infinite}.motor-disc:before,.motor-disc:after,.motor-disc span{content:"";position:absolute;left:21px;top:4px;width:3px;height:38px;background:var(--green)}.motor-disc:after{transform:rotate(60deg)}.motor-disc span{transform:rotate(-60deg)}.pwm-viz small{color:var(--quiet);font-size:8px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.adc-layout{padding:24px;display:grid;grid-template-columns:1fr 220px;gap:35px}.quantizer{height:160px;position:relative;display:flex;align-items:flex-end;gap:13px;padding:15px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.analog-level{width:18px;max-height:100%;background:linear-gradient(var(--cyan),rgba(69,217,230,.15));transition:height .15s}.quant-stairs{height:100%;flex:1;display:flex;flex-direction:column-reverse;gap:2px}.quant-stairs i{flex:1;border-left:4px solid var(--line);border-bottom:1px solid var(--line)}.quant-stairs i.filled{border-color:var(--green);background:#5ee39d0d}.quantizer strong{position:absolute;right:15px;top:15px;color:var(--cyan);font:800 23px ui-monospace,monospace}.quantizer>span{position:absolute;right:15px;top:45px;color:var(--quiet);font:7px ui-monospace,monospace}.dma-flow{padding:12px 22px 22px;display:flex;align-items:center;gap:14px}.dma-flow>div:first-child{min-width:90px;padding:13px;border:1px solid var(--line);border-radius:8px;color:var(--quiet);font:8px ui-monospace,monospace;text-align:center}.dma-flow>div:first-child strong{color:var(--cyan);font-size:15px}.dma-flow>div.active{border-color:var(--cyan)}.dma-flow>span{color:var(--cyan);font:8px ui-monospace,monospace}.memory-array{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.memory-array i{min-width:0;padding:10px 2px;overflow:hidden;border:1px solid var(--line);color:var(--quiet);font:7px ui-monospace,monospace;text-align:center}.memory-array i.active{color:#032018;background:var(--green);border-color:var(--green)}.uart-input{padding:22px;display:flex;align-items:flex-end;gap:18px}.uart-input label{width:130px}.uart-input input{font:700 17px ui-monospace,monospace;text-align:center}.uart-input>div{display:flex;flex-direction:column;gap:2px}.uart-input span,.uart-input small{color:var(--quiet);font:7px ui-monospace,monospace}.uart-input strong{color:var(--cyan);font:800 18px ui-monospace,monospace}.uart-wave{padding:10px 22px 30px;display:grid;grid-template-columns:repeat(10,1fr);align-items:center}.uart-wave>div{height:75px;position:relative;border-bottom:2px solid var(--quiet)}.uart-wave>div.high{border-bottom:0;border-top:2px solid var(--blue)}.uart-wave>div+div:before{content:"";position:absolute;left:0;top:0;height:73px;border-left:1px solid rgba(78,134,255,.5)}.uart-wave>div.active{background:#45d9e621}.uart-wave>div.active:after{content:"";position:absolute;inset:-5px 0;border:1px solid var(--cyan)}.uart-wave span{position:absolute;left:50%;top:27px;color:var(--text);font:700 10px ui-monospace,monospace}.uart-wave small{position:absolute;left:50%;bottom:-17px;transform:translate(-50%);color:var(--quiet);font:6px ui-monospace,monospace}.bus-canvas{margin:18px 22px;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft)}.bus-line{min-height:43px;display:grid;grid-template-columns:48px repeat(14,1fr);align-items:center}.bus-line strong{color:var(--muted);font:8px ui-monospace,monospace}.bus-line i{height:30px;border-bottom:1px solid var(--quiet);opacity:.25}.bus-line i.high{border-top:1px solid var(--quiet);border-bottom:0}.bus-line i.sent{opacity:1;border-color:var(--cyan)}.protocol-card{margin:0 22px 20px;padding:15px;display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--cyan);background:#45d9e60d}.protocol-card span,.protocol-card small{color:var(--quiet);font-size:8px}.protocol-card strong{font-size:11px}.state-diagram{padding:30px 20px;display:flex;align-items:center;gap:5px;overflow-x:auto}.state-diagram>div{min-width:86px;position:relative;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;color:var(--quiet);text-align:center}.state-diagram span{font:700 7px ui-monospace,monospace}.state-diagram strong{font-size:8px}.state-diagram i{position:absolute;right:-8px;color:var(--cyan)}.state-diagram .passed{border-color:#5ee39d47}.state-diagram .active{color:var(--text);border-color:var(--cyan);box-shadow:0 0 18px #45d9e61a}.power-meter{margin:0 22px 22px;display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:12px;color:var(--muted);font-size:8px}.power-meter>div{height:8px;overflow:hidden;background:var(--bg-soft);border-radius:10px}.power-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));transition:width .25s}.power-meter strong{color:var(--cyan)}.rtos-grid{padding:25px 20px 15px;overflow-x:auto}.rtos-row{min-width:650px;display:grid;grid-template-columns:65px repeat(7,1fr);gap:3px;margin-bottom:3px}.rtos-row strong{display:flex;align-items:center;color:var(--muted);font:8px ui-monospace,monospace}.rtos-row span{min-height:31px;display:grid;place-items:center;border:1px solid var(--line);color:var(--quiet);font-size:7px}.rtos-row span.运行{color:#032018;background:var(--green)}.rtos-row span.就绪{background:#4e86ff17}.rtos-row span.阻塞{background:#69869612}.rtos-row span.current{outline:1px solid var(--cyan);outline-offset:1px}.legend{padding:0 20px 20px;display:flex;gap:12px;color:var(--quiet);font-size:7px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid var(--line)}.legend .run:before{background:var(--green)}.legend .ready:before{background:#4e86ff4d}.diagnostic-stack{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diagnostic-stack>div{min-height:92px;padding:13px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:8px}.diagnostic-stack span{color:var(--quiet);font:700 8px ui-monospace,monospace}.diagnostic-stack strong{font-size:9px}.diagnostic-stack small{color:var(--quiet);font-size:7px;line-height:1.5}.diagnostic-stack .passed{border-color:#5ee39d4d}.diagnostic-stack .active{border-color:var(--cyan);background:#45d9e60f}.project-selector{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.project-selector button{min-height:68px;padding:12px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--bg-soft);cursor:pointer;text-align:left}.project-selector span{color:var(--quiet);font:700 8px ui-monospace,monospace}.project-selector strong{font-size:10px}.project-selector button.active{color:var(--text);border-color:var(--cyan)}.architecture-flow{padding:10px 20px 22px;display:flex;gap:7px}.architecture-flow>div{flex:1;padding:13px 10px;border:1px solid var(--line);border-radius:7px;color:var(--quiet);font-size:8px}.architecture-flow>div.active{color:var(--text);border-color:var(--green)}.acceptance{margin:0 20px 20px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-left:2px solid var(--green);background:#5ee39d0d}.acceptance span{color:var(--quiet);font-size:8px}.acceptance strong{font-size:10px}.code-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#07121b;box-shadow:var(--shadow)}.code-toolbar{min-height:55px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(143,201,225,.12);background:#0a1823}.file-meta{display:flex;align-items:center;gap:11px}.file-dots{display:flex;gap:4px}.file-dots i{width:6px;height:6px;border-radius:50%;background:#ef6d75}.file-dots i:nth-child(2){background:#eeb45b}.file-dots i:nth-child(3){background:#57c988}.file-meta strong{color:#d7edf5;font:700 10px ui-monospace,monospace}.file-meta small{padding:4px 6px;color:#7f9aa7;border:1px solid rgba(143,201,225,.14);border-radius:4px;font-size:7px}.copy-button{padding:7px 10px;border:1px solid rgba(143,201,225,.16);border-radius:6px;color:#9bb1bc;background:#0d202e;cursor:pointer;font-size:8px}.copy-button:hover{color:var(--cyan);border-color:var(--cyan)}.code-tabs{display:flex;padding:10px 14px 0;gap:4px;background:#07121b}.code-tabs button{padding:8px 11px;color:#72909e;border:0;border-bottom:1px solid transparent;background:transparent;cursor:pointer;font-size:8px}.code-tabs button.active{color:#56dce7;border-color:#56dce7}.assumption{margin:10px 14px;padding:9px 11px;display:flex;gap:10px;border:1px solid rgba(255,184,107,.16);border-radius:6px;color:#a9bbc3;background:#ffb86b09;font-size:8px}.assumption strong{flex:0 0 auto;color:#ffb86b}.code-view{max-height:480px;margin:0;padding:15px 0 20px;overflow:auto;color:#cfe1e7;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.code-line{min-width:max-content;display:flex;padding-right:20px}.code-line:hover{background:#45d9e609}.code-line>i{width:48px;padding-right:13px;flex:0 0 auto;color:#3f5d69;font-style:normal;text-align:right;user-select:none}.code-line>b{font-weight:400;white-space:pre}.tok-comment{color:#587982;font-style:italic}.tok-string{color:#b9e981}.tok-number{color:#efae76}.tok-pre{color:#c68ee8}.tok-keyword{color:#65a7ff}.tok-hal{color:#55dbe6}.register-note{min-height:250px;padding:40px;display:flex;align-items:flex-start;gap:22px;color:#c9dce3}.register-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #56dce7;border-radius:9px;color:#56dce7;font:700 9px ui-monospace,monospace}.register-note h4{margin:0 0 10px;font-size:15px}.register-note p{max-width:720px;color:#91aab4;font-size:10px}.register-note p.quiet{color:#5f7b86}.line-notes{padding:18px;display:grid;grid-template-columns:130px repeat(3,1fr);gap:8px;border-top:1px solid rgba(143,201,225,.12);background:#0a1823}.line-notes>.section-kicker{padding-top:9px}.line-notes>div{display:flex;gap:8px}.line-notes i{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(69,217,230,.3);border-radius:50%;color:#55dbe6;font:700 7px ui-monospace,monospace}.line-notes p{margin:0;color:#8aa1ab;font-size:8px;line-height:1.6}.step-list{margin:0;padding:0;list-style:none;counter-reset:config}.step-list li{min-height:58px;padding:10px 0;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.step-list li span{width:30px;height:30px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line-strong);border-radius:7px;font:700 8px ui-monospace,monospace}.step-list p{margin:0;color:var(--muted);font-size:11px}.config-note{margin-top:16px;padding:15px;display:flex;gap:16px;border:1px solid rgba(255,184,107,.18);border-radius:9px;background:#ffb86b0d}.config-note strong{flex:0 0 auto;color:var(--orange);font-size:10px}.config-note span{color:var(--muted);font-size:9px;line-height:1.7}.experiment-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.experiment-grid>div{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.experiment-grid h3{margin:0 0 14px;font-size:13px}.experiment-grid ol{margin:0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.9}.expected-card{background:linear-gradient(145deg,rgba(94,227,157,.08),var(--surface))!important;border-color:#5ee39d33!important}.expected-card>span{color:var(--green);font:700 8px ui-monospace,monospace;letter-spacing:.14em}.expected-card h3{margin-top:8px}.expected-card p{color:var(--muted);font-size:9px}.error-table{overflow:hidden;border:1px solid var(--line);border-radius:11px}.error-row{min-height:57px;padding:13px 17px;display:grid;grid-template-columns:1fr 2.2fr;align-items:center;gap:18px;border-top:1px solid var(--line);background:var(--surface)}.error-row:first-child{border-top:0}.error-row.header{min-height:38px;color:var(--quiet);background:var(--bg-soft);font:700 8px ui-monospace,monospace}.error-row strong{color:var(--orange);font-size:10px}.error-row p{margin:0;color:var(--muted);font-size:9px}.quiz-card{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-question{padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.quiz-question h4{min-height:44px;margin:0 0 12px;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6}.quiz-question h4>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;color:var(--cyan);border:1px solid var(--line-strong);border-radius:50%;font:700 7px ui-monospace,monospace}.quiz-options{display:grid;gap:6px}.quiz-options button{min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--bg-soft);cursor:pointer;text-align:left;font-size:9px}.quiz-options button:hover{border-color:var(--line-strong)}.quiz-options button.correct{color:var(--green);border-color:var(--green)}.quiz-options button.wrong{color:var(--red);border-color:var(--red)}.quiz-feedback{margin-top:10px;padding:10px;display:flex;flex-direction:column;gap:4px;border-radius:7px;background:#5ee39d0f;font-size:8px}.quiz-feedback.correct strong{color:var(--green)}.quiz-feedback.wrong{background:#ff6f7d0f}.quiz-feedback.wrong strong{color:var(--red)}.quiz-feedback span{color:var(--muted);line-height:1.5}.recap-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recap-card>div{min-height:105px;padding:18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(69,217,230,.05),var(--surface))}.recap-card span{color:var(--cyan);font:800 16px ui-monospace,monospace}.recap-card p{margin:9px 0 0;color:var(--muted);font-size:10px}.chapter-navigation{margin-top:80px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.chapter-navigation>*{min-height:83px;padding:17px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left}.chapter-navigation span{color:var(--quiet);font-size:8px}.chapter-navigation strong{color:var(--text);font-size:11px}.chapter-navigation .next{text-align:right}.chapter-navigation button{align-items:center;text-align:center}.chapter-navigation button.done{border-color:#5ee39d40}.chapter-navigation button.done span{color:var(--green)}.search-overlay{position:fixed;z-index:100;inset:0;padding:11vh 20px 20px;display:flex;align-items:flex-start;justify-content:center;background:#020a0fb8;backdrop-filter:blur(9px)}.search-dialog{width:min(680px,100%);overflow:hidden;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface);box-shadow:0 30px 100px #00000073}.search-field{min-height:64px;padding:0 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.search-field>span{color:var(--cyan);font-size:24px}.search-field input{flex:1;min-width:0;color:var(--text);border:0;outline:0;background:transparent;font-size:14px}.search-results{max-height:65vh;padding:14px;overflow-y:auto}.search-results>.section-kicker{padding:3px 8px 10px}.search-results button{width:100%;padding:11px 10px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;color:var(--muted);border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.search-results button:hover{background:var(--surface-2);color:var(--text)}.search-results button>i{color:var(--cyan);font:700 9px ui-monospace,monospace}.search-results button>span{display:flex;flex-direction:column;gap:4px}.search-results button strong{font-size:11px}.search-results button small{max-width:530px;overflow:hidden;color:var(--quiet);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.search-results button b{color:var(--cyan)}.empty-search{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.empty-search span{color:var(--quiet);font-size:9px}@media(max-width:1050px){:root{--sidebar: 240px}.hero{grid-template-columns:1fr 380px;gap:40px}.hero h1{font-size:53px}.metric-grid{grid-template-columns:repeat(3,1fr)}.animation-controls{grid-template-columns:1fr 140px}.step-readout{grid-column:1 / -1;padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}.line-notes{grid-template-columns:1fr}.line-notes>.section-kicker{padding-bottom:4px}}@media(max-width:820px){:root{--sidebar: 270px}.sidebar{transform:translate(-101%);transition:transform .23s ease}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #00000059}.menu-scrim{position:fixed;z-index:35;inset:0;border:0;background:#01080c8c}.page-column{margin-left:0}.menu-button{display:grid;place-items:center}.topbar{padding:0 18px}.breadcrumbs{margin-right:auto;margin-left:12px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:650px}.hero-board{max-width:520px;width:100%;margin:auto}.home-stats{padding-inline:20px}.roadmap-section{padding-inline:25px}.section-heading{align-items:flex-start;flex-direction:column}.roadmap-legend{white-space:normal}.chapter-hero{padding-inline:30px}.chapter-hero-grid{grid-template-columns:1fr;gap:25px}.chapter-progress-card{max-width:280px}.chapter-content{padding-inline:24px}.chapter-section{grid-template-columns:1fr;gap:10px}.section-number{font-size:14px}.clock-layout,.timer-layout,.adc-layout{grid-template-columns:1fr}.clock-tree-visual{padding:20px 0}.adc-layout{grid-template-columns:1fr}.quantizer{max-width:330px;width:100%;margin:auto}.topology-nodes{align-items:stretch;flex-direction:column}.topology-nodes>div{flex-direction:column;width:100%}.topology-nodes span{width:100%;min-height:48px}.topology-nodes i{transform:rotate(90deg)}.safety-callout{margin-inline:25px;grid-template-columns:auto 1fr}.safety-callout .button{grid-column:1 / -1}}@media(max-width:600px){.topbar{height:56px}.breadcrumbs span,.breadcrumbs a{display:none}.breadcrumbs strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger{width:36px;justify-content:center;padding:0}.search-trigger em,.search-trigger kbd{display:none}.hero{padding:44px 20px 45px}.hero h1{font-size:41px}.hero-copy>p{font-size:13px}.hero-actions{align-items:stretch;flex-direction:column}.hero-board{border-radius:17px}.board-chip{inset:25%}.home-stats{grid-template-columns:repeat(2,1fr);gap:7px}.home-stats div{border:1px solid var(--line);border-radius:9px!important}.roadmap-section{padding:60px 15px 70px}.route-node{grid-template-columns:44px 1fr}.route-index span{width:28px;height:28px}.route-card{padding:19px 17px}.route-meta{flex-direction:column;gap:6px}.route-goals{display:none}.route-card h3{font-size:18px}.safety-callout{margin:50px 15px;padding:20px;grid-template-columns:1fr}.safety-icon{width:45px;height:45px}.chapter-hero{padding:45px 20px}.chapter-hero h1{font-size:36px}.chapter-hero p{font-size:13px}.chapter-content{padding-inline:15px}.chapter-section{padding-top:58px}.section-heading h2{font-size:27px}.why-card{padding:20px}.why-card p{font-size:14px}.prereq-goals,.concept-grid,.hardware-notes,.experiment-grid,.quiz-card,.recap-card{grid-template-columns:1fr}.concept-grid article{min-height:0}.software-flow{display:grid;grid-template-columns:1fr 1fr}.software-flow i{display:none}.lab-heading{min-height:64px}.live-badge{display:none}.animation-controls{grid-template-columns:1fr}.control-buttons{flex-wrap:wrap}.speed-control{width:100%}.step-readout{grid-column:auto}.bit-form{grid-template-columns:1fr}.bit-grid{grid-template-columns:48px repeat(8,minmax(16px,1fr));gap:2px;margin-inline:12px}.bit-grid>span{height:29px;font-size:9px}.clock-layout{padding:15px}.clock-form{grid-template-columns:1fr 1fr}.clock-tree-visual{overflow-x:auto;justify-content:flex-start}.clock-chip{min-width:82px}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,1fr);padding-inline:15px}.led-circuit{padding:28px 10px}.mcu-pin{min-width:85px}.wire{width:20px}.lab-actions{align-items:stretch;flex-direction:column}.interrupt-flow{overflow-x:auto}.interrupt-flow div{min-width:90px}.timer-layout{padding:18px 15px}.dma-flow{align-items:flex-start;flex-wrap:wrap}.memory-array{width:100%;flex-basis:100%;grid-template-columns:repeat(4,1fr)}.uart-wave{padding-inline:10px}.uart-wave small{font-size:5px;transform:translate(-50%) rotate(-45deg);transform-origin:top}.bus-canvas{margin-inline:10px;padding:10px;overflow-x:auto}.bus-line{min-width:520px}.diagnostic-stack,.project-selector{grid-template-columns:1fr}.architecture-flow{flex-direction:column}.acceptance,.result-strip{align-items:flex-start;flex-direction:column}.code-toolbar{align-items:flex-start;padding-block:12px;gap:10px}.file-meta{align-items:flex-start;flex-direction:column;gap:4px}.file-dots{display:none}.assumption{align-items:flex-start;flex-direction:column}.register-note{padding:25px 18px;flex-direction:column}.config-note{flex-direction:column}.error-row{grid-template-columns:1fr;gap:5px}.error-row.header{display:none}.chapter-navigation{grid-template-columns:1fr}.chapter-navigation .next{text-align:left}footer{align-items:flex-start;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}