:root{color:#1e2528;background:#f4f6f4;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}button.chapter-card{color:inherit;font:inherit;text-align:left}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9f7e0;border-bottom:1px solid rgba(28,38,43,.12);display:flex;gap:22px;height:64px;justify-content:flex-end;padding:0 clamp(18px,4vw,52px);position:sticky;top:0;z-index:10}.topbar div,.brand-button{align-items:center;display:flex;font-weight:800;gap:8px;margin-right:auto}.brand-button,.nav-button{background:transparent;border:0;color:#1e2528;padding:0}.topbar a,.nav-button{color:#2e3a40;font-size:14px;font-weight:700;text-decoration:none}.nav-button{margin-left:auto}.hero{background:radial-gradient(circle at 75% 30%,rgba(15,159,143,.2),transparent 28%),linear-gradient(135deg,#101817,#233634 54%,#192326);color:#fff;min-height:calc(100vh - 64px);overflow:hidden}.scope{align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1180px;min-height:calc(100vh - 64px);padding:56px clamp(20px,4vw,48px) 90px}.hero-copy h1{font-size:clamp(44px,8vw,86px);letter-spacing:0;line-height:1;margin:0}.hero-copy p:not(.eyebrow){color:#ffffffc7;font-size:18px;line-height:1.8;max-width:620px}.eyebrow{color:#0f9f8f;font-size:13px;font-weight:900;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.ghost-action{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;min-height:46px;padding:0 18px;text-decoration:none}.primary-action{background:#18b99f;border:1px solid #18b99f;color:#071413}.ghost-action{background:#ffffff14;border:1px solid rgba(255,255,255,.24);color:#fff}.small{border:0;min-height:38px}.lab-panel .ghost-action{background:#eef2ef;border-color:#dfe5e2;color:#1e2528}.chip-stage{aspect-ratio:1.1;min-height:420px;position:relative}.chip{align-items:center;background:#121719;border:2px solid #41575b;border-radius:8px;box-shadow:0 30px 80px #00000073,inset 0 0 0 10px #192123;color:#d5e6df;display:flex;font-size:34px;font-weight:900;height:210px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:310px}.chip i{background:#d7c896;height:18px;position:absolute;width:8px}.chip i:nth-child(n+2):nth-child(-n+10){left:calc((var(--pin) - 1) * 34px + 2px);top:-20px}.chip i:nth-child(n+11){bottom:-20px;left:calc((var(--pin) - 10) * 34px + 2px)}.trace{background:#18b99f;box-shadow:0 0 20px #18b99f;height:4px;position:absolute}.trace-a{left:4%;top:29%;width:40%}.trace-b{right:2%;top:61%;width:39%}.trace-c{bottom:18%;left:30%;transform:rotate(90deg);width:44%}.pulse-dot{animation:pulseMove 2.2s linear infinite;background:#f8d36b;border-radius:50%;box-shadow:0 0 22px #f8d36b;height:14px;position:absolute;width:14px}.dot-a{left:4%;top:calc(29% - 5px)}.dot-b{animation-delay:.7s;right:38%;top:calc(61% - 5px)}.logic-readout{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:8px;bottom:22px;font-family:Consolas,monospace;font-size:24px;font-weight:800;left:50%;padding:14px 18px;position:absolute;transform:translate(-50%)}@keyframes pulseMove{0%{transform:translate(0);opacity:.25}20%{opacity:1}to{transform:translate(190px);opacity:.25}}main{margin:0 auto;max-width:1220px;padding:0 clamp(18px,4vw,48px) 76px}.section{padding-top:74px}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0}.labs-stack{display:grid;gap:18px}.lab-panel,.chapter-card,.quiz-card,.plan-list article,.learning-block{background:#fff;border:1px solid rgba(30,37,40,.1);border-radius:8px;box-shadow:0 18px 42px #1b272a14}.lab-panel{overflow:hidden;padding:22px}.panel-title{align-items:flex-start;display:flex;gap:12px;margin-bottom:18px}.panel-title svg{color:#0f9f8f;flex:0 0 auto;margin-top:3px}.panel-title h3,.chapter-card h3,.quiz-card h3,.plan-list h3{margin:0}.panel-title p,.chapter-card p,.plan-list p,.quiz-card p{color:#667176;line-height:1.7;margin:6px 0 0}.segmented{background:#eef2ef;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);padding:6px}.segmented button{background:transparent;border:0;border-radius:6px;font-weight:900;min-height:36px}.segmented .active{background:#1e2528;color:#fff}.segmented.two{grid-template-columns:repeat(2,1fr)}.segmented.three{grid-template-columns:repeat(3,1fr)}.gate-layout{align-items:stretch;display:grid;gap:18px;grid-template-columns:180px 1fr 210px;margin-top:18px}.switch-bank{display:grid;gap:12px}.toggle,.bit{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;min-height:88px;text-align:left}.toggle span,.bit span{color:#667176;display:block;font-size:13px;font-weight:800}.toggle b,.bit strong{color:#1e2528;display:block;font-size:24px;margin-top:8px}.toggle.on,.bit.on,.ff.on{background:#e4fbf5;border-color:#18b99f}.gate-svg{align-items:center;background:#101817;border-radius:8px;color:#fff;display:grid;gap:14px;grid-template-columns:1fr 150px 1fr;min-height:220px;padding:22px}.wire{align-items:center;border-top:4px solid #667176;color:#9aa7a8;display:flex;font-family:Consolas,monospace;font-weight:900;min-height:40px}.wire.on{border-color:#18b99f;color:#d6fff6;text-shadow:0 0 14px #18b99f}.gate-body{align-items:center;background:#243234;border:2px solid #789194;border-radius:8px;display:flex;font-size:26px;font-weight:900;height:118px;justify-content:center}.lamp{align-items:center;background:#293134;border-radius:50%;display:flex;font-size:32px;font-weight:900;height:86px;justify-content:center;justify-self:center;width:86px}.lamp.on{background:#f8d36b;box-shadow:0 0 36px #f8d36b;color:#1e2528}.truth{border-collapse:collapse;overflow:hidden;width:100%}.truth th,.truth td{border-bottom:1px solid #e2e7e4;font-family:Consolas,monospace;font-size:18px;padding:11px;text-align:center}.truth .selected td{background:#fff5d6;font-weight:900}.bit-row,.flipflops,.counter-controls,.dual-labs,.quiz-grid{display:grid;gap:14px}.bit-row{grid-template-columns:repeat(3,1fr)}.bit{padding:16px;text-align:center}.bit strong{font-size:42px}.equation-board{align-items:center;background:#101817;border-radius:8px;color:#fff;display:flex;gap:18px;justify-content:space-between;margin-top:14px;padding:18px}.formula{font-family:Consolas,monospace;font-size:clamp(20px,3vw,34px);font-weight:900}.result{background:#374145;border-radius:8px;font-weight:900;padding:12px 16px}.result.on{background:#f8d36b;color:#1e2528}.stepper{align-items:center;background:#eef2ef;border-radius:8px;display:grid;gap:12px;grid-template-columns:42px 1fr 42px;margin-top:14px;padding:10px}.stepper button{align-items:center;background:#fff;border:1px solid #dfe5e2;border-radius:8px;display:flex;height:42px;justify-content:center}.stepper p{line-height:1.6;margin:0}.counter-controls{align-items:center;grid-template-columns:auto auto 1fr}.count-readout{font-family:Consolas,monospace;font-size:42px;font-weight:900;justify-self:end}.count-readout span{color:#667176;font-size:18px;margin-left:10px}.flipflops{grid-template-columns:repeat(4,1fr);margin-top:16px}.ff{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;padding:16px;text-align:center}.ff span{color:#667176;display:block;font-weight:900}.ff b{display:block;font-size:34px;margin-top:6px}.waveform{background:#101817;border-radius:8px;display:grid;gap:8px;margin-top:16px;padding:16px}.wave-row{align-items:center;display:grid;gap:12px;grid-template-columns:42px 1fr}.wave-row span{color:#cbd8d8;font-family:Consolas,monospace;font-weight:900}.cells{display:grid;gap:3px;grid-template-columns:repeat(16,1fr)}.cells i{background:#344044;border-radius:3px;height:18px}.cells i.high{background:#18b99f;box-shadow:0 0 10px #18b99fd9}.dual-labs{grid-template-columns:1fr 1fr}.slider{display:block;margin:16px 0}.slider span{display:block;font-weight:800;margin-bottom:8px}.slider input{accent-color:#0f9f8f;width:100%}.pulse-box,.adc-stage{align-items:center;background:#101817;border-radius:8px;color:#fff;display:grid;gap:16px;min-height:150px;padding:18px}.square-wave{animation:waveFlash var(--speed) linear infinite;background:linear-gradient(90deg,transparent 0 8%,#18b99f 8% 10%,#18b99f 10% 36%,transparent 36% 38%,transparent 38% 58%,#18b99f 58% 60%,#18b99f 60% 88%,transparent 88%),linear-gradient(#18b99f,#18b99f);background-position:center;background-repeat:repeat-x;background-size:180px 80px,100% 4px;height:80px}@keyframes waveFlash{0%{background-position:0 center,center}to{background-position:180px center,center}}.adc-stage{grid-template-columns:70px 1fr}.meter{align-items:end;background:#344044;border-radius:8px;display:flex;height:120px;padding:6px}.meter i{background:#f8d36b;border-radius:5px;display:block;width:100%}.adc-code{font-family:Consolas,monospace;font-size:42px;font-weight:900}.quant{color:#cbd8d8;grid-column:2}.chapter-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.chapter-card{border-top:5px solid var(--accent);padding:18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.chapter-card:hover,.chapter-card.selected{border-color:color-mix(in srgb,var(--accent) 45%,white);box-shadow:0 20px 46px #1b272a24;transform:translateY(-3px)}.chapter-no{color:var(--accent);font-family:Consolas,monospace;font-size:32px;font-weight:900}.chapter-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chapter-meta span{background:#f1f4f2;border-radius:8px;color:#445056;font-size:12px;font-weight:900;padding:7px 9px}.lab-pill{background:#eef2ef;border-radius:8px;color:#1e2528;display:inline-flex;font-size:13px;font-weight:900;padding:8px 10px}.chapter-detail{padding-top:32px}.chapter-page{padding-top:26px}.detail-hero{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,white),#fff 60%);border:1px solid rgba(30,37,40,.1);border-radius:8px;display:flex;gap:24px;justify-content:space-between;margin-top:20px;padding:clamp(22px,4vw,34px)}.detail-hero h2{font-size:clamp(30px,5vw,52px);line-height:1.12;margin:0}.detail-hero p:not(.eyebrow){color:#5f6b70;line-height:1.7;margin:10px 0 0}.detail-badge{background:#101817;border-radius:8px;color:#fff;flex:0 0 auto;font-weight:900;padding:14px 18px}.detail-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.learning-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.learning-block{padding:20px}.learning-block h3{margin:0 0 12px}.learning-block ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.learning-block li{align-items:flex-start;background:#f7f8f7;border:1px solid #e2e7e4;border-radius:8px;display:flex;gap:10px;padding:12px}.learning-block li span{align-items:center;background:var(--accent);border-radius:6px;color:#fff;display:flex;flex:0 0 28px;font-family:Consolas,monospace;font-weight:900;height:28px;justify-content:center}.learning-block li p{color:#445056;line-height:1.65;margin:0}.learning-block.chips li{background:color-mix(in srgb,var(--accent) 12%,white);border-color:color-mix(in srgb,var(--accent) 26%,white);font-weight:800}.chapter-lab-slot{margin-top:16px}.chapter-one,.chapter-two{display:grid;gap:16px}.simulation-index{align-items:center;background:#fff;border-radius:8px;box-shadow:0 14px 34px #1b272a12;display:grid;gap:16px;grid-template-columns:260px 1fr;padding:20px}.simulation-index h3{margin:0 0 12px}.index-pills{display:flex;flex-wrap:wrap;gap:10px}.index-pills span{background:color-mix(in srgb,var(--accent) 12%,white);border:1px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:8px;font-weight:900;padding:10px 12px}.simulation-panel{border-top:4px solid var(--accent)}.sim-controls{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.signal-stage{background:#101817;border-radius:8px;margin-top:12px;padding:14px}.signal-stage svg{display:block;width:100%}.grid-line{stroke:#ffffff1a;stroke-width:1}.analog-wave{fill:none;stroke:#f8d36b;stroke-linecap:round;stroke-width:4}.sample-line{stroke:#18b99f99;stroke-dasharray:5 5;stroke-width:2}.sample-dot{fill:#18b99f;filter:drop-shadow(0 0 8px rgba(24,185,159,.9))}.code-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.code-strip span{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#d9fffa;font-family:Consolas,monospace;font-weight:900;padding:6px 8px}.timer-controls{align-items:center;display:grid;gap:12px;grid-template-columns:auto auto 1fr}.timer-controls strong{font-family:Consolas,monospace;font-size:44px;justify-self:end}.system-flow{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;margin-top:16px}.timer-circuit{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;margin-top:16px}.timer-circuit button{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;min-height:92px;padding:14px}.timer-circuit button.active{background:#e4fbf5;border-color:#18b99f;box-shadow:inset 0 0 0 2px #18b99f38}.timer-circuit span,.timer-circuit b{display:block}.timer-circuit span{color:#667176;font-weight:900}.timer-circuit b{font-family:Consolas,monospace;margin-top:10px;overflow-wrap:anywhere}.timer-circuit>i{background:#18b99f;height:4px;position:relative}.timer-circuit>i:after{background:#18b99f;content:"";height:12px;position:absolute;right:0;top:-4px;transform:rotate(45deg);width:12px}.timer-schematic{background:#c3e4e2;border:1px solid #6f8b8e;border-radius:8px;display:grid;gap:10px;grid-template-columns:1.2fr 30px 1.05fr 1.2fr 30px .9fr 1.2fr 1.1fr;margin-top:16px;padding:16px}.timer-schematic button{background:#ffffff38;border:2px solid #31484d;color:#102326;min-height:118px;padding:12px}.timer-schematic button.active,.timer-displays:hover{box-shadow:inset 0 0 0 4px #18b99f73}.timer-schematic span,.timer-schematic b{display:block}.timer-schematic span{font-size:18px;font-weight:900;line-height:1.3}.timer-schematic b{color:#20309c;font-family:Consolas,monospace;margin-top:10px}.timer-source span,.timer-counter span,.decoder-block span{writing-mode:vertical-rl}.timer-source span{color:#f13f20;font-size:28px;letter-spacing:.1em}.timer-counter span,.decoder-block span{color:#2835a8;font-size:28px}.bcd-stack,.display-stack{display:grid;gap:8px}.bcd-stack button,.display-stack button{min-height:88px}.schematic-arrow,.timer-schematic>i{align-self:center;background:#102326;height:3px;position:relative}.schematic-arrow:after,.timer-schematic>i:after{border-bottom:5px solid transparent;border-left:8px solid #102326;border-top:5px solid transparent;content:"";position:absolute;right:-1px;top:-4px}.timer-displays{background:#ffffff2e;border:2px solid #31484d;border-radius:8px;cursor:pointer;display:grid;gap:10px;padding:12px}.timer-displays .seven-seg{height:142px;justify-self:center;width:88px}.timer-displays .seven-seg .a,.timer-displays .seven-seg .d,.timer-displays .seven-seg .g{height:10px;left:18px;width:52px}.timer-displays .seven-seg .a{top:8px}.timer-displays .seven-seg .g{top:66px}.timer-displays .seven-seg .d{bottom:8px}.timer-displays .seven-seg .b,.timer-displays .seven-seg .c,.timer-displays .seven-seg .e,.timer-displays .seven-seg .f{height:48px;width:10px}.timer-displays .seven-seg .b{right:8px;top:22px}.timer-displays .seven-seg .c{bottom:22px;right:8px}.timer-displays .seven-seg .e{bottom:22px;left:8px}.timer-displays .seven-seg .f{left:8px;top:22px}.mini-pulse{display:flex;gap:8px;margin-top:18px}.mini-pulse i{border-left:2px solid #102326;border-top:2px solid #102326;height:24px;width:14px}.flow-node{background:#101817;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#cbd8d8;min-height:94px;padding:14px}.flow-node.active{box-shadow:inset 0 0 0 2px #18b99f59}.flow-node span,.flow-node b{display:block}.flow-node span{color:#9aa7a8;font-weight:900;margin-bottom:10px}.flow-node b{color:#f8d36b;font-family:Consolas,monospace;overflow-wrap:anywhere}.flow-arrow{height:4px;position:relative}.flow-arrow:before,.flow-arrow:after{background:#18b99f;content:"";position:absolute}.flow-arrow:before{height:4px;left:0;right:2px;top:0}.flow-arrow:after{height:12px;right:0;top:-4px;transform:rotate(45deg);width:12px}.seven-seg-row{background:#101817;border-radius:8px;display:flex;gap:18px;justify-content:center;margin-top:16px;padding:18px}.seven-seg{height:150px;position:relative;width:86px}.seven-seg i{background:#304044;border-radius:8px;opacity:.8;position:absolute}.seven-seg i.on{background:#f05b43;box-shadow:0 0 18px #f05b43cc}.seven-seg .a,.seven-seg .d,.seven-seg .g{height:12px;left:16px;width:54px}.seven-seg .a{top:4px}.seven-seg .g{top:68px}.seven-seg .d{bottom:4px}.seven-seg .b,.seven-seg .c,.seven-seg .e,.seven-seg .f{height:52px;width:12px}.seven-seg .b{right:4px;top:18px}.seven-seg .c{bottom:18px;right:4px}.seven-seg .e{bottom:18px;left:4px}.seven-seg .f{left:4px;top:18px}.oscilloscope,.dac-example{background:#101817;border-radius:8px;color:#fff;margin-top:16px;padding:16px}.oscilloscope>div:first-child span,.dac-example p{color:#9aa7a8}.oscilloscope>div:first-child strong{display:block;font-size:20px;margin-top:4px}.scope-grid{display:grid;gap:8px;margin-top:14px}.wide-scope{overflow:hidden}.waveform-svg{background:#071413;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:block;margin-top:14px;width:100%}.scope-baseline{stroke:#ffffff29;stroke-width:1}.scope-trace{fill:none;stroke:#18b99f;stroke-linejoin:round;stroke-width:3}.scope-trace.active{stroke:#f8d36b;filter:drop-shadow(0 0 6px rgba(248,211,107,.9))}.waveform-svg text{fill:#cbd8d8;font-family:Consolas,monospace;font-size:14px;font-weight:900}.waveform-svg text.active-label{fill:#f8d36b}.scope-channel-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:14px}.scope-mini{background:#071413;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px}.scope-mini.active{border-color:#f8d36b;box-shadow:inset 0 0 0 1px #f8d36b59}.scope-mini span{color:#cbd8d8;display:block;font-family:Consolas,monospace;font-weight:900;margin-bottom:6px}.scope-mini.active span{color:#f8d36b}.scope-mini svg{display:block;width:100%}.scope-readout{display:flex;gap:10px;margin-top:10px}.scope-readout strong{color:#f8d36b;font-family:Consolas,monospace}.scope-row{align-items:center;display:grid;gap:8px;grid-template-columns:48px repeat(20,1fr)}.scope-row b{color:#cbd8d8;font-family:Consolas,monospace}.scope-row i{background:#344044;border-radius:3px;height:22px}.scope-row i.high{background:#18b99f;box-shadow:0 0 10px #18b99fe6}.dac-example h4{margin:0}.dac-flow{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.analog-lamp{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:16px}.analog-lamp:after{background:rgba(248,211,107,calc(.18 + var(--light) * .82));border-radius:50%;box-shadow:0 0 calc(10px + var(--light) * 34px) #f8d36be6;content:"";display:block;height:68px;margin-top:14px;width:68px}.analog-lamp span,.analog-lamp b{display:block}.dac-schematic{align-items:center;display:grid;gap:12px;grid-template-columns:1.1fr 28px 1.8fr 28px 1.2fr 120px}.dac-schematic button{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;min-height:94px;padding:14px}.dac-schematic button.active{border-color:#18b99f;box-shadow:inset 0 0 0 2px #18b99f52}.dac-schematic button span,.dac-schematic button b{display:block}.dac-input-bank{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.dac-input-bank button{min-height:70px}.dac-network{min-height:160px}.dac-ladder{display:block;margin-top:12px;width:100%}.ladder-wire,.ladder-bit,.resistor{fill:none;stroke:#cbd8d8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.ladder-bit.on{stroke:#f8d36b;filter:drop-shadow(0 0 6px rgba(248,211,107,.9))}.dac-ladder text{fill:#cbd8d8;font-family:Consolas,monospace;font-size:14px;font-weight:900}.dac-network em{color:#9aa7a8;display:block;font-size:13px;font-style:normal;line-height:1.5;margin-top:8px}.opamp-block{min-height:120px}.dac-schematic button b{color:#f8d36b;font-family:Consolas,monospace;font-size:22px;margin-top:8px}.dac-schematic>i{background:#18b99f;height:4px;position:relative}.dac-schematic>i:after{border-bottom:5px solid transparent;border-left:8px solid #18b99f;border-top:5px solid transparent;content:"";position:absolute;right:-1px;top:-3px}.dac-extra{background:#101817;border-radius:8px;color:#fff;margin-top:16px;padding:16px}.dac-extra h4{margin:0}.dac-extra p{color:#9aa7a8}.dac-extra-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.dac-bit-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.dac-extra-controls{display:grid;gap:14px;grid-template-columns:auto 1fr}.audio-system-svg{background:#071413;border:1px solid rgba(255,255,255,.14);border-radius:8px;display:block;margin-top:14px;min-height:210px;width:100%}.audio-system-svg .wire-path,.audio-system-svg .switch-blade,.audio-system-svg .mic-symbol path,.audio-system-svg .mic-symbol rect,.audio-system-svg .amp-symbol,.audio-system-svg .speaker-symbol{fill:none;stroke:#cbd8d8;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.audio-system-svg .switch-node{fill:#071413;stroke:#cbd8d8}.audio-system-svg .audio-block{fill:#18b99f1a;stroke:#18b99f;stroke-width:2}.audio-system-svg text{fill:#e8f3f2;font-family:Microsoft YaHei,sans-serif;font-size:18px;font-weight:900}.audio-system-svg .sound-wave{fill:none;stroke:#ffffff3d;stroke-width:3}.audio-system-svg .sound-wave.on{stroke:#f8d36b;filter:drop-shadow(0 0 6px rgba(248,211,107,.85))}.audio-system-svg .sound-wave.mid{stroke-width:2}.sample-stem{stroke:#cbd8d847;stroke-linecap:round;stroke-width:2}.sample-stem.on{stroke:#f8d36bc2}.sample-dot{fill:#334044;stroke:#cbd8d8;stroke-width:2}.sample-dot.on{fill:#f8d36b;stroke:#fff5d6}.node-scope text{fill:#9aa7a8;font-size:14px}.audio-chain{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr;margin-top:14px}.audio-node{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;min-height:82px;padding:12px}.audio-node span,.audio-node b{display:block}.audio-node span{color:#cbd8d8;font-weight:900}.audio-node b{color:#f8d36b;font-family:Consolas,monospace;margin-top:8px}.audio-chain>i{background:#18b99f;height:4px;position:relative}.audio-chain>i:after{border-bottom:5px solid transparent;border-left:8px solid #18b99f;border-top:5px solid transparent;content:"";position:absolute;right:-1px;top:-3px}.number-input{display:grid;gap:8px;margin-bottom:14px}.number-input span{color:#667176;font-weight:900}.number-input input{border:1px solid #dfe5e2;border-radius:8px;font-family:Consolas,monospace;font-size:24px;font-weight:900;min-height:52px;padding:8px 12px}.radix-grid,.encoding-grid,.signed-grid,.law-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.radix-card,.law-grid div,.parity-board,.kmap-result{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;padding:16px}button.radix-card{color:inherit;text-align:left;width:100%}.radix-card.active{background:#e4fbf5;border-color:#18b99f;box-shadow:inset 0 0 0 2px #18b99f2e}.radix-card span,.law-grid span,.kmap-result span,.parity-board span{color:#667176;display:block;font-size:13px;font-weight:900;margin-bottom:8px}.radix-card strong,.law-grid strong,.kmap-result strong,.parity-board strong{color:#1e2528;display:block;font-family:Consolas,monospace;font-size:clamp(20px,3vw,32px);overflow-wrap:anywhere}.weight-board{background:#101817;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));margin-top:14px;padding:14px}.weight-board div{background:#2d393c;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#cbd8d8;padding:10px;text-align:center}.weight-board div.active{background:#18b99f;color:#071413}.weight-board strong,.weight-board span{display:block;font-family:Consolas,monospace}.weight-board strong{font-size:24px}.weight-board span{font-size:12px;margin-top:4px}.weight-board em{display:block;font-family:Consolas,monospace;font-size:12px;font-style:normal;margin-top:4px;opacity:.78}.conversion-process{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;margin-top:14px;padding:16px}.process-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.process-note{color:#667176;line-height:1.6;margin:12px 0 0}.radix-tabs{margin-bottom:14px}.code-table{border-collapse:collapse;margin:14px 0;width:100%}.code-table th,.code-table td{border-bottom:1px solid #e2e7e4;font-family:Consolas,monospace;padding:10px;text-align:center}.code-table th{color:#667176}.code-table .selected td{background:#fff5d6;font-weight:900}.parity-board{align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.number-line{background:#eef2ef;border-radius:8px;height:76px;margin-top:16px;padding:38px 12px 0;position:relative}.number-line:before{background:#aab5b3;content:"";height:4px;left:18px;position:absolute;right:18px;top:28px}.number-line i{background:#cc3d5a;border-radius:50%;box-shadow:0 0 14px #cc3d5a99;height:18px;position:absolute;top:21px;transform:translate(-50%);width:18px}.number-line span{color:#667176;display:inline-block;font-family:Consolas,monospace;font-weight:900;width:33.33%}.number-line span:nth-of-type(2){text-align:center}.number-line span:nth-of-type(3){text-align:right}.law-grid{grid-template-columns:repeat(2,1fr);margin-top:14px}.gate-picker{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:14px}.gate-picker button{background:#eef2ef;border:1px solid #dfe5e2;border-radius:8px;font-weight:900;min-height:42px}.gate-picker button.active{background:#101817;color:#fff}.gate-deep-grid{display:grid;gap:14px;grid-template-columns:1fr 1.4fr 230px;margin-top:14px}.switch-circuit,.logic-symbol{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;padding:16px}.switch-circuit>span,.logic-symbol>span{color:#667176;display:block;font-weight:900;margin-bottom:12px}.circuit-line{align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr;margin-bottom:12px}.circuit-line i{background:#aab5b3;height:5px}.circuit-line.on i{background:#18b99f;box-shadow:0 0 12px #18b99fcc}.circuit-lamp{align-items:center;background:#293134;border-radius:50%;color:#fff;display:flex;font-family:Consolas,monospace;font-size:30px;font-weight:900;height:76px;justify-content:center;margin-top:16px;width:76px}.circuit-lamp.on{background:#f8d36b;box-shadow:0 0 28px #f8d36be6;color:#1e2528}.switch-circuit p{color:#667176;line-height:1.6}.switch-svg{background:#fff8f8;border:1px solid #ecdede;border-radius:8px;display:block;min-height:220px;width:100%}.wire-path,.switch-blade{fill:none;stroke:#111;stroke-linecap:round;stroke-width:4}.switch-blade.closed{stroke:#18b99f}.switch-node,.battery{fill:#fff8f8;stroke:#111;stroke-width:3}.switch-node{fill:#fff8f8}.battery{stroke-linecap:round}.bulb{fill:#fff;stroke:#111;stroke-width:4}.bulb.on{fill:#f8d36b;filter:drop-shadow(0 0 12px rgba(248,211,107,.9))}.bulb-mark{fill:none;stroke:#111;stroke-width:3}.gate-hint,.switch-svg text{fill:#111;font-family:Times New Roman,serif;font-size:18px;font-weight:700}.gate-hint{font-family:Microsoft YaHei,sans-serif;font-size:14px}.circuit-caption{color:#5a3530;display:flex;flex-wrap:wrap;font-size:14px;font-weight:800;gap:8px;line-height:1.4;margin-top:8px}.circuit-caption span{background:#fff3ee;border:1px solid #f0d5cc;border-radius:6px;padding:6px 8px}.inverter-stage rect{fill:#fff;stroke:#111;stroke-width:2}.inverter-stage circle{fill:#fff8f8;stroke:#111;stroke-width:2}.logic-gate-svg,.law-symbol-svg{background:#fff;border:1px solid #dfe5e2;border-radius:8px;color:#1e2528;display:block;min-height:160px;width:100%}.symbol-wire{fill:none;stroke:#667176;stroke-linecap:round;stroke-width:4}.symbol-wire.on{stroke:#18b99f;filter:drop-shadow(0 0 5px rgba(24,185,159,.65))}.gate-shape{fill:#fff;stroke:#6e8184;stroke-linejoin:round;stroke-width:3}.gate-shape.extra{fill:none}.gate-bubble{fill:#fff;stroke:#6e8184;stroke-width:3}.logic-gate-svg text,.law-symbol-svg text{fill:#1e2528;font-family:Consolas,monospace;font-size:17px;font-weight:900}.logic-gate-svg .lamp{fill:#293134;stroke:#1e2528;stroke-width:3}.logic-gate-svg .lamp.on{fill:#f8d36b;filter:drop-shadow(0 0 10px rgba(248,211,107,.9))}.symbol-result-box{fill:#f7f8f7;stroke:#dfe5e2;stroke-width:2}.logic-symbol>strong{display:block;font-family:Consolas,monospace;font-size:24px;margin-top:12px}.law-formula-strip{align-items:center;background:#e4fbf5;border-color:#18b99f;border:1px solid #18b99f;border-radius:8px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-top:14px;padding:14px 16px}.law-formula-strip span{color:#0f6f66;font-weight:900}.law-formula-strip strong,.law-formula-strip b{color:#1e2528;font-family:Consolas,monospace;font-weight:900}.law-formula-strip strong{font-size:26px;overflow-wrap:anywhere}.law-formula-strip b{background:#101817;border-radius:6px;color:#f8d36b;padding:8px 10px}.law-explain{background:#fff5d6;border:1px solid #efd27d;border-radius:8px;margin-top:12px;padding:14px 16px}.law-explain strong,.law-explain p{display:block;margin:0}.law-explain p{color:#5f5530;line-height:1.65;margin-top:6px}.law-tabs{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.law-tabs button{background:#eef2ef;border:1px solid #dfe5e2;border-radius:8px;font-weight:900;min-height:44px}.law-tabs button.active{background:#18b99f;color:#071413}.law-workbench{display:grid;gap:14px;grid-template-columns:1.1fr 1.1fr 320px;margin-top:14px}.law-circuit-svg{background:#fff8f8;border:1px solid #ecdede;border-radius:8px;display:block;min-height:240px;width:100%}.law-circuit-svg .switch-label-bg{fill:#fff8f8;opacity:.94}.law-circuit-svg .law-switch text{fill:#111;font-family:Consolas,monospace;font-size:16px;font-weight:900}.law-circuit-svg .switch-node.on{fill:#18b99f}.law-truth th,.law-truth td{font-size:15px;padding:8px}.law-grid p{background:#101817;border-radius:6px;color:#f8d36b;display:inline-block;font-family:Consolas,monospace;font-size:24px;font-weight:900;margin:12px 0 0;padding:8px 10px}.logic-operation-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:14px}.logic-operation-grid div{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;min-height:180px;padding:16px}.logic-operation-grid div.on{background:#e4fbf5;border-color:#18b99f}.logic-operation-grid span,.logic-operation-grid strong,.logic-operation-grid b{display:block}.logic-operation-grid span{color:#667176;font-weight:900}.logic-operation-grid strong{font-family:Consolas,monospace;font-size:24px;margin-top:8px}.logic-operation-grid b{align-items:center;background:#101817;border-radius:50%;color:#f8d36b;display:flex;font-family:Consolas,monospace;font-size:34px;height:64px;justify-content:center;margin-top:14px;width:64px}.logic-operation-grid p{color:#667176;line-height:1.5;margin:12px 0 0}.device-lab-grid{display:grid;gap:16px;grid-template-columns:minmax(360px,1.4fr) minmax(260px,.8fr);margin-top:14px}.device-switch-svg{background:#fff8f8;border:1px solid #ecdede;border-radius:8px;display:block;min-height:260px;width:100%}.device-wire,.device-symbol,.device-resistor{fill:none;stroke:#5d686c;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.device-wire.on,.device-symbol.on{stroke:#18b99f;filter:drop-shadow(0 0 7px rgba(24,185,159,.65))}.device-switch-svg text{fill:#1e2528;font-family:Consolas,Microsoft YaHei,monospace;font-size:16px;font-weight:900}.device-lamp{fill:#293134;stroke:#1e2528;stroke-width:3}.device-lamp.on{fill:#f8d36b;filter:drop-shadow(0 0 12px rgba(248,211,107,.9))}.drive-meter rect:first-child{fill:#dde5e2}.drive-meter rect.on{fill:#18b99f}.device-readout{display:grid;gap:12px}.device-readout p,.family-note p,.noise-result p{color:#667176;line-height:1.65;margin:0}.device-tabs{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.device-tabs button,.device-compare-grid button{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;color:#1e2528;min-height:72px;padding:12px;text-align:left}.device-tabs button.active,.device-compare-grid button.active{background:color-mix(in srgb,var(--accent) 15%,white);border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.device-tabs b,.device-tabs span,.device-compare-grid span,.device-compare-grid strong{display:block}.device-tabs b,.device-compare-grid strong{font-weight:900}.device-tabs span,.device-compare-grid span{color:#667176;font-size:13px;font-weight:800;margin-top:6px}.device-lab-grid{grid-template-columns:minmax(420px,1.35fr) minmax(280px,.8fr)}.device-diagram{background:#101817;border-radius:8px;color:#fff;display:grid;gap:14px;grid-template-columns:170px 1fr 120px;min-height:330px;padding:18px}.device-analogy,.device-output{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px}.device-analogy span,.device-output span,.device-flow-row span,.main-current span{color:#cbd8d8;display:block;font-weight:900}.device-analogy strong{align-items:center;background:#f8d36b;border-radius:50%;color:#101817;display:flex;font-family:Consolas,monospace;font-size:34px;font-weight:900;height:96px;justify-content:center;margin:18px auto;width:96px}.device-analogy p,.device-output p,.device-compare-grid p{line-height:1.55;margin:0}.device-flow-board{display:grid;gap:14px}.device-flow-row{display:grid;gap:8px}.device-flow-line{background:#2d393c;border-radius:999px;height:38px;overflow:hidden;position:relative}.device-flow-line i{background:linear-gradient(90deg,#4f7bd9,#18b99f);border-radius:inherit;display:block;height:100%;width:var(--level)}.device-flow-line b{color:#fff;font-family:Consolas,monospace;font-size:14px;left:14px;position:absolute;top:9px}.device-core-row{align-items:center;display:grid;gap:12px;grid-template-columns:74px 1fr 74px}.node{align-items:center;background:#2d393c;border:1px solid rgba(255,255,255,.14);border-radius:8px;display:flex;font-family:Consolas,monospace;font-weight:900;height:74px;justify-content:center}.device-core{align-items:center;border:3px solid #667176;border-radius:8px;display:grid;gap:8px;min-height:132px;padding:14px;position:relative;text-align:center}.device-core:before,.device-core:after{background:#667176;content:"";height:4px;position:absolute;top:50%;width:28px}.device-core:before{left:-31px}.device-core:after{right:-31px}.device-diagram.on .device-core,.device-diagram.on .device-core:before,.device-diagram.on .device-core:after{border-color:#18b99f;box-shadow:0 0 24px #18b99f59}.device-diagram.on .device-core:before,.device-diagram.on .device-core:after{background:#18b99f}.device-core span,.device-core strong{display:block}.device-core span{color:#cbd8d8;font-weight:900}.device-core strong{color:#f8d36b;font-size:46px;line-height:1}.device-core.diode{border-radius:999px 8px 8px 999px}.device-core.bjt{border-radius:999px}.device-core.mos{border-style:double;border-width:6px}.main-current{background:#071413;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px}.main-current i{background:#39464a;border-radius:999px;display:block;height:12px;margin:12px 0;position:relative}.main-current.on i{background:#18b99f;box-shadow:0 0 16px #18b99fbf}.main-current b{color:#f8d36b;font-family:Consolas,monospace}.device-output{align-items:center;display:grid;justify-items:center;text-align:center}.device-output strong{align-items:center;background:#293134;border-radius:50%;color:#9aa7a8;display:flex;font-family:Consolas,monospace;font-size:46px;font-weight:900;height:82px;justify-content:center;width:82px}.device-output.high strong{background:#f8d36b;box-shadow:0 0 28px #f8d36be6;color:#101817}.threshold-strip{align-items:center;display:grid;gap:10px;grid-column:1 / -1;grid-template-columns:auto 1fr auto}.threshold-strip span{color:#cbd8d8;font-family:Consolas,monospace;font-weight:900}.threshold-strip div{background:#2d393c;border-radius:999px;height:18px;position:relative}.threshold-strip b{background:#18b99f;border-radius:999px;display:block;height:100%}.threshold-strip i{background:#f8d36b;border-radius:3px;bottom:-6px;display:block;position:absolute;top:-6px;transform:translate(-50%);width:5px}.device-state-card{background:color-mix(in srgb,var(--accent) 12%,white);border:1px solid color-mix(in srgb,var(--accent) 28%,white);border-radius:8px;padding:16px}.device-state-card span,.device-state-card strong{display:block}.device-state-card span,.device-difference-list span{color:#667176;font-size:13px;font-weight:900}.device-state-card strong{font-family:Consolas,monospace;font-size:32px;margin:8px 0}.device-difference-list{display:grid;gap:10px}.device-difference-list div{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;padding:12px}.device-difference-list b{display:block;line-height:1.55;margin-top:6px}.device-compare-note{background:#fff5d6;border:1px solid #efd27d;border-radius:8px;padding:14px}.device-compare-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:14px}.device-compare-grid p{color:#667176;margin-top:8px}.gate-circuit-toolbar{display:grid;gap:12px;grid-template-columns:1.2fr .8fr}.gate-mode-tabs{background:#eef2ef;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:6px}.gate-mode-tabs button{background:transparent;border:0;border-radius:6px;font-weight:900;min-height:48px}.gate-mode-tabs button.active{background:#101817;color:#fff}.circuit-input-row{grid-template-columns:repeat(2,minmax(150px,1fr));margin-top:14px;max-width:420px}.gate-circuit-layout{display:grid;gap:16px;grid-template-columns:minmax(520px,1.35fr) minmax(280px,.75fr);margin-top:14px}.real-circuit-svg{background:#fffdfb;border:1px solid #eaded8;border-radius:8px;display:block;min-height:410px;width:100%}.circuit-title,.supply-label,.small-circuit-label,.input-label,.output-text,.circuit-note{fill:#1e2528;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-weight:900}.circuit-title{font-size:22px}.small-circuit-label,.supply-label{font-size:17px}.input-label{fill:#667176;font-size:18px}.input-label.hot{fill:#0f9f8f}.circuit-note{fill:#cc3d5a;font-size:18px}.circuit-wire,.circuit-device,.ground-symbol{fill:none;stroke:#556266;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.circuit-device{fill:#ffffffd1}.circuit-wire.hot,.circuit-device.hot,.ground-symbol.hot{stroke:#18b99f;filter:drop-shadow(0 0 7px rgba(24,185,159,.75))}.circuit-device.hot{fill:#18b99f14}.supply-node{fill:#fffdfb;stroke:#1e2528;stroke-width:3}.inverter-box{fill:#eef2ef;stroke:#667176;stroke-width:3}.output-lamp{fill:#293134;stroke:#1e2528;stroke-width:3}.output-lamp.on{fill:#f8d36b;filter:drop-shadow(0 0 16px rgba(248,211,107,.9))}.output-text{fill:#fff;font-family:Consolas,monospace;font-size:24px}.output-lamp.on+.output-text{fill:#101817}.circuit-explain-panel{display:grid;gap:12px}.device-state-card.active{background:#e4fbf5;border-color:#18b99f}.family-controls{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.family-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.family-note{background:#fff5d6;border:1px solid #efd27d;border-radius:8px;margin-top:12px;padding:14px 16px}.family-note strong{display:block;margin-bottom:6px}.noise-grid{display:grid;gap:16px;grid-template-columns:1.4fr 260px;margin-top:14px}.voltage-rail{background:#101817;border-radius:8px;color:#fff;min-height:190px;padding:26px 18px}.rail-track{background:#2d393c;border-radius:999px;height:46px;margin:42px 8px 18px;position:relative}.rail-track i{display:block;height:100%;position:absolute;top:0}.low-zone{background:#18b99f;border-radius:999px 0 0 999px;left:0}.mid-zone{background:#f8d36b}.high-zone{background:#4f7bd9;border-radius:0 999px 999px 0}.rail-track b{background:#fff;border-radius:6px;color:#1e2528;font-size:12px;padding:5px 7px;position:absolute;transform:translate(-50%);white-space:nowrap}.vin-mark{top:-36px}.noise-mark{bottom:-38px}.rail-labels{color:#cbd8d8;display:flex;font-family:Consolas,monospace;font-weight:900;justify-content:space-between}.noise-result{border-radius:8px;min-height:190px;padding:18px}.noise-result.ok{background:#e4fbf5;border:1px solid #18b99f}.noise-result.danger{background:#fff5d6;border:1px solid #efd27d}.noise-result span,.noise-result strong{display:block}.noise-result span{color:#667176;font-weight:900}.noise-result strong{font-family:Consolas,monospace;font-size:76px;line-height:1;margin:14px 0}.delay-chain{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(15,auto);margin:12px 0;overflow-x:auto;padding-bottom:4px}.delay-chain i{background:#18b99f;height:4px;min-width:24px;position:relative}.delay-chain i:after{border-bottom:5px solid transparent;border-left:8px solid #18b99f;border-top:5px solid transparent;content:"";position:absolute;right:-1px;top:-3px}.delay-gate{align-items:center;background:#101817;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;display:grid;flex:0 0 auto;font-family:Consolas,monospace;font-size:24px;font-weight:900;height:74px;justify-items:center;min-width:82px;padding:10px}.delay-gate span{color:#f8d36b;font-size:13px}.kmap-layout{display:grid;gap:16px;grid-template-columns:minmax(340px,1fr) 340px}.kmap{background:#101817;border-radius:8px;display:grid;gap:6px;grid-template-columns:54px repeat(4,1fr);padding:14px}.kmap b{align-items:center;color:#cbd8d8;display:flex;font-family:Consolas,monospace;justify-content:center}.kmap button{background:#2d393c;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#cbd8d8;min-height:82px;padding:8px}.kmap button.one{background:#18b99f;box-shadow:0 0 18px #18b99f8c;color:#071413}.kmap button span,.kmap button strong,.kmap button em{display:block}.kmap button span,.kmap button em{font-family:Consolas,monospace;font-size:12px;font-style:normal;opacity:.75}.kmap button strong{font-family:Consolas,monospace;font-size:30px;margin:3px 0}.kmap-result{align-self:stretch}.kmap-result p{color:#667176;line-height:1.7}.quiz-grid{grid-template-columns:repeat(3,1fr)}.quiz-card{padding:18px}.quiz-card button{background:#f7f8f7;border:1px solid #dfe5e2;border-radius:8px;display:block;margin-top:10px;min-height:42px;padding:10px;text-align:left;width:100%}.quiz-card button.right{background:#e4fbf5;border-color:#18b99f}.quiz-card button.wrong{background:#ffe9e1;border-color:#e28c6f}.plan-list{display:grid;gap:12px}.plan-list article{align-items:flex-start;display:grid;gap:14px;grid-template-columns:54px 1fr;padding:16px}.plan-list span{align-items:center;border-radius:8px;color:#fff;display:flex;font-family:Consolas,monospace;font-weight:900;height:44px;justify-content:center}@media(max-width:920px){.scope,.gate-layout,.dual-labs,.chapter-grid,.quiz-grid,.learning-grid,.simulation-index,.sim-controls,.radix-grid,.encoding-grid,.signed-grid,.law-grid,.logic-operation-grid,.kmap-layout,.system-flow,.timer-controls,.timer-schematic,.dac-schematic,.dac-extra-controls,.dac-extra-grid,.audio-chain,.law-workbench,.device-lab-grid,.family-controls,.family-grid,.noise-grid,.device-tabs,.device-compare-grid,.device-diagram,.gate-circuit-toolbar,.gate-circuit-layout{grid-template-columns:1fr}.flow-arrow,.timer-schematic>i,.dac-schematic>i,.audio-chain>i{display:none}.hero,.scope{min-height:auto}.chip-stage{min-height:340px}.detail-hero{align-items:flex-start;flex-direction:column}.timer-controls strong{justify-self:start}}@media(max-width:620px){.topbar{gap:12px;height:auto;min-height:64px}.topbar a{display:none}.segmented{grid-template-columns:repeat(2,1fr)}.gate-svg,.counter-controls,.equation-board,.adc-stage{grid-template-columns:1fr}.flipflops,.bit-row{grid-template-columns:repeat(2,1fr)}.count-readout{justify-self:start}}