:root{--r-ink:#24313d;--r-muted:#59635f;--r-blue:#415a77;--r-sage:#44755d;--r-amber:#b76c1f;--r-red:#a9433d;--r-line:#ddd1c4;--r-paper:#fffdfc;--r-bg:#f7f1e8}
body.resistance-page.xinyu-tool:not(.classroom-screen) .control-panel .mode-tab,body.resistance-page.xinyu-tool:not(.classroom-screen) .control-panel .case-button{border-color:#8f7f70!important;color:#24313d!important;background:#fffdfc!important;background-image:none!important;box-shadow:none!important;opacity:1!important}body.resistance-page.xinyu-tool:not(.classroom-screen) .control-panel .mode-tab.active,body.resistance-page.xinyu-tool:not(.classroom-screen) .control-panel .case-button.active{border-color:#315f4a!important;color:#244c3b!important;background:#eaf4ee!important;background-image:none!important;box-shadow:inset 0 -3px #44755d!important}
body.resistance-page.xinyu-tool:not(.classroom-screen) .action-row .primary-action{border:1px solid #315f4a;color:#fff;background:#44755d;opacity:1}body.resistance-page.xinyu-tool:not(.classroom-screen) .action-row .reset-button{border:1px solid #d5cabd;color:#334f61;background:#fffdfc;opacity:1}body.resistance-page.xinyu-tool:not(.classroom-screen) .action-row .primary-action:disabled{border-color:#7b7f7b;color:#525b57;background:#d8d6d0;cursor:default}body.resistance-page.xinyu-tool:not(.classroom-screen) :where(.mode-tab,.case-button,.action-row button,.site-nav a,.resource-strip .strip-button,.resource-modal button):focus-visible{outline:3px solid #8a3f29!important;outline-offset:2px!important}
body.resistance-page.xinyu-tool .site-nav a,body.resistance-page.xinyu-tool .resource-strip .strip-button,body.resistance-page.xinyu-tool .resource-modal button{min-height:44px!important}body.resistance-page.xinyu-tool .modal-close{min-width:44px!important;min-height:44px!important}
*{box-sizing:border-box}body.resistance-page{margin:0;min-height:100vh;overflow-x:hidden;color:var(--r-ink);background:linear-gradient(180deg,#f7f1e8,#f3ecdf);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.resistance-main{width:min(1380px,calc(100% - 28px));margin:auto;padding:8px 0 22px}.resistance-page .tool-heading{text-align:center;padding:2px 0 8px}.resistance-page .eyebrow{margin:0 0 2px;color:#526c87;font-size:11px;font-weight:900}.resistance-page .tool-heading h1{margin:0;color:#24313d;font-size:clamp(25px,2.7vw,38px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.resistance-page .lead{margin:4px auto 0;max-width:900px;color:var(--r-muted);font-size:12px;font-weight:650}.resistance-page .chips{display:flex;justify-content:center;gap:6px;margin-top:6px}.resistance-page .chip{padding:3px 9px;border:1px solid #d9cec1;border-radius:999px;color:#415a77;background:#fffdfc;font-size:10px;font-weight:850}
.resistance-lab{display:grid;grid-template-columns:minmax(0,1fr) 310px;overflow:hidden;border:1px solid var(--r-line);border-radius:18px;background:var(--r-paper);box-shadow:0 18px 48px rgba(65,55,42,.12)}.resistance-lab .stage{min-width:0;border-right:1px solid #e5dbcf}.resistance-lab .stage-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 14px;color:#24313d;background:#f2eadf}.stage-kicker{margin:0 0 2px;color:#315f4a;font-size:9px;font-weight:900;letter-spacing:.04em}.resistance-lab .stage-title{margin:0;font-size:18px}.resistance-lab .stage-meta{margin:0;color:#485b67;font-size:10px;font-weight:850;text-align:right}.safety-note{margin:6px 12px 0;padding:5px 9px;border-left:3px solid var(--r-amber);border-radius:8px;color:#5d4a35;background:#fff5e4;font-size:9px;line-height:1.35;font-weight:750}
.visual-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8px;height:286px;padding:6px 12px 0}.circuit-card,.meters-card{min-width:0;overflow:hidden;border:1px solid #ded4c8;border-radius:12px;background:#fffaf3}.circuit-card>header,.meters-card>header{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;color:#52616a;background:#f3ece3;font-size:9px;font-weight:850}.circuit-card>header strong,.meters-card>header strong{color:#29485c;font-size:10px}.circuit-svg{display:block;width:100%;height:250px}.circuit-svg text,.meter-svg text{font-family:inherit}.bench{fill:#fffaf3;stroke:#ded4c8;stroke-width:2}.wire{fill:none;stroke:#526c7d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.contact{fill:#fff;stroke:#3f5667;stroke-width:4}.switch-blade{stroke:#3f5667;stroke-width:6;stroke-linecap:round;transition:all .18s linear}.power line{stroke:#374f60;stroke-width:5;stroke-linecap:round}.power .positive{stroke-width:7}.power text,.label{fill:#344d5e;font-size:14px;font-weight:900;text-anchor:middle}.junction{fill:#415a77;stroke:#fffaf3;stroke-width:2}.ammeter-symbol circle:first-child,.voltmeter-symbol circle:first-child{fill:#fffdfc;stroke:#405a6c;stroke-width:5}.ammeter-symbol text,.voltmeter-symbol text{fill:#314c61;font-size:27px;font-weight:900;text-anchor:middle}.terminal{stroke:#fff;stroke-width:2}.terminal.red{fill:#ad413c}.terminal.black{fill:#222b31}.resistor{fill:#e5eee9;stroke:#44755d;stroke-width:3}.rheostat rect{fill:#e9e1d6;stroke:#566c79;stroke-width:3}.rheostat circle{fill:#fff;stroke:#415a77;stroke-width:3}.rheostat .slider{stroke:#b76c1f;stroke-width:5;stroke-linecap:round}.route-note{fill:#536b78;font-size:13px;font-weight:850;text-anchor:middle}
.meters{display:grid;gap:2px}.meter-svg{display:block;width:100%;height:116px;background:#fff}.dial{fill:none;stroke:#7f929e;stroke-width:3}.tick{stroke:#516977;stroke-width:1.3}.tick.major{stroke-width:2.8}.unit{fill:#314957;font-size:19px;font-weight:900;text-anchor:middle}.pointer{stroke:#2e566d;stroke-width:4;stroke-linecap:round}.pivot{fill:#273d4b;stroke:#fff;stroke-width:2}.scale-zero,.scale-max{fill:#435b69;font-size:11px;font-weight:800}
.records{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:7px;margin:7px 12px 8px}.record-scroll{overflow-x:auto;border:1px solid #ded4c8;border-radius:9px;background:#fff}.record-scroll:focus-visible{outline:3px solid #8a3f29;outline-offset:2px}.records table{width:100%;min-width:510px;border-collapse:collapse;font-size:10px}.records caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.records th,.records td{height:25px;padding:3px 7px;border-bottom:1px solid #eee4d8;text-align:center}.records thead th{color:#314e61;background:#f3ece3}.records tbody th{color:#315f4a}.average,.result-panel{display:grid;align-content:center;padding:7px 9px;border:1px solid #b7d5cc;border-radius:9px;color:#245d47;background:#eaf5ef;font-size:9px;line-height:1.35;font-weight:800}.average[hidden],.result-panel[hidden]{display:none}.result-panel{margin:0 12px 8px;min-height:40px}.result-panel:not([hidden]){display:grid}.resistance-lab[data-mode="diagnose"] .result-panel{border-color:#dfb4af;color:#8d342f;background:#fff0ed}
.control-panel{min-width:0;padding:13px;background:#faf7f1}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.mode-tab,.case-button{min-height:44px;border:1px solid #d5cabd;border-radius:9px;color:#314e61;background:#fffdfc;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.mode-tab.active,.case-button.active{border-color:#44755d;box-shadow:inset 0 -3px #44755d;color:#244c3b;background:#eaf4ee}.control-title span{color:#52705f;font-size:10px;font-weight:900}.control-title h2{margin:3px 0 10px;color:#263f50;font-size:20px;line-height:1.2}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.case-grid[hidden]{display:none}.action-row{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:7px}.action-row button{min-height:46px;border-radius:9px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.primary-action{border:1px solid #315f4a;color:#fff;background:#44755d}.reset-button{border:1px solid #d5cabd;color:#334f61;background:#fffdfc}.mode-tab:focus-visible,.case-button:focus-visible,.action-row button:focus-visible{outline:3px solid #8a3f29;outline-offset:2px}.primary-action:disabled{border-color:#a9aaa5;color:#f5f3ee;background:#8e9691;cursor:default}.question{min-height:68px;display:grid;place-items:center;margin:9px 0 0;padding:8px;border-radius:9px;color:#455c67;background:#edf2ee;font-size:10px;line-height:1.42;font-weight:800;text-align:center}.resistance-page .classroom-screen-toggle{min-height:44px}.resistance-page .fullscreen-button{width:44px;height:44px;flex-basis:44px}
@media(max-width:1050px){.resistance-lab{grid-template-columns:1fr}.resistance-lab .stage{border-right:0;border-bottom:1px solid #e5dbcf}.control-panel{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px 12px}.mode-tabs{grid-row:1/3}.question{grid-column:1/-1;margin-top:0}}
@media(max-width:720px){.resistance-main{width:calc(100% - 18px)}.visual-grid{grid-template-columns:1fr;height:auto}.circuit-card{min-height:280px}.circuit-svg{height:250px}.meters-card{min-height:270px}.meter-svg{height:118px}.records{grid-template-columns:1fr}.control-panel{display:block}.question{margin-top:8px}.resistance-page .tool-heading h1{font-size:23px}}
@media(max-width:430px){.resistance-main{width:calc(100% - 12px);padding-top:6px}.resistance-page .tool-heading h1{font-size:21px}.resistance-page .lead{font-size:10px}.resistance-lab{border-radius:14px}.resistance-lab .stage-head{padding:8px 9px}.resistance-lab .stage-title{font-size:15px}.resistance-lab .stage-meta{max-width:100px}.safety-note{margin:6px 7px 0;font-size:10px}.visual-grid{padding:6px 7px 0}.circuit-card>header,.meters-card>header{font-size:10px}.circuit-svg{height:230px}.circuit-svg .power text,.circuit-svg .label,.circuit-svg .route-note{font-size:18px}.meter-svg .scale-zero,.meter-svg .scale-max{font-size:12px}.records{margin:6px 7px}.average,.result-panel{font-size:10px}.result-panel{margin:0 7px 7px}.control-panel{padding:10px}.control-title h2{font-size:18px}.question{min-height:54px}}
@media(prefers-reduced-motion:reduce){.switch-blade{transition:none}}
@media(max-width:430px){body.resistance-page.xinyu-tool .circuit-svg .power text,body.resistance-page.xinyu-tool .circuit-svg .label,body.resistance-page.xinyu-tool .circuit-svg .route-note{font-size:22px!important}body.resistance-page.xinyu-tool .meter-svg .scale-zero,body.resistance-page.xinyu-tool .meter-svg .scale-max{font-size:13px!important}body.resistance-page.xinyu-tool .site-nav a,body.resistance-page.xinyu-tool .resource-strip .strip-button,body.resistance-page.xinyu-tool .resource-modal button{min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}body.resistance-page.xinyu-tool .resource-modal .modal-close{min-width:44px!important;min-height:44px!important}}
body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .stage-head{color:#24313d;background:#f2eadf;background-image:none}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .stage-kicker{color:#315f4a}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .stage-title{color:#24313d}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .stage-meta{color:#485b67}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .classroom-screen-toggle,body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .fullscreen-button{border-color:#6f5f50;color:#24313d;background:#fffdfc;box-shadow:0 1px 2px rgba(65,55,42,.08)}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .classroom-screen-toggle:hover:not(:disabled),body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .fullscreen-button:hover:not(:disabled){border-color:#315f4a;color:#244c3b;background:#e7eee9}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .classroom-screen-toggle:focus-visible,body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .fullscreen-button:focus-visible{outline:3px solid #8a3f29!important;outline-offset:2px!important}body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .classroom-screen-toggle:disabled,body.resistance-page.xinyu-tool:not(.classroom-screen) .resistance-lab .classroom-toolbar .fullscreen-button:disabled{border-color:#7b7f7b;color:#525b57;background:#e5dfd6;box-shadow:none}
