:root{color-scheme:light;--paper:#f4f6f0;--ink:#183a30;--muted:#65796e;--line:#dce5da;--accent:#087f72;--warm:#b87737;--soft:#eaf2e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans CJK SC','Microsoft YaHei',sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:8px 13px;background:#fff;font-size:12px}button:hover{border-color:var(--accent);background:#edf5e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:3px solid #2e9a9a;outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 36px;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:750;letter-spacing:-1px}.brand>span{font-weight:550}.brand small{font-size:10px;margin-left:10px;font-weight:500;letter-spacing:2px;color:var(--muted)}.site-header nav{display:flex;gap:25px;font-size:12px}.course-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:40px;max-width:1440px;margin:auto;padding:36px}.course-sidebar{align-self:start;position:sticky;top:24px}.eyebrow{font:600 10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;color:var(--accent)}.course-title h1{font-size:20px;margin:10px 0}.course-title>p{font-size:27px;font-weight:550;line-height:1.5;margin:12px 0 18px;letter-spacing:-1px}.edition{font-size:10px;color:var(--muted)}#chapter-nav{margin-top:24px;display:grid;gap:9px}.chapter-button{display:block;width:100%;text-align:left;background:transparent;border-color:transparent;padding:12px;font-size:13px}.chapter-button small{display:block;font-size:10px;color:var(--muted)}.chapter-button[aria-current=true]{background:#173f35;color:#f2f6df;border-color:#173f35}.chapter-button[aria-current=true] small{color:#bccec1}.chapter-button b{font:12px ui-monospace,monospace;margin-right:10px;opacity:.65}.course-progress{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.course-progress label{font-size:11px;display:flex;justify-content:space-between}.course-progress progress{width:100%;height:6px;accent-color:var(--accent)}.course-progress small{font-size:10px;color:var(--muted)}.roadmap{font-size:11px;color:var(--muted);margin-top:22px}.roadmap summary{cursor:pointer}.roadmap ol{padding-left:22px}.roadmap p{font-size:10px}main{min-width:0}.lesson-heading h2{font-size:clamp(26px,3.5vw,38px);line-height:1.4;margin:10px 0}.lesson-heading>p:last-child{font-size:16px;color:var(--muted);margin:12px 0 22px}#lesson-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}#lesson-tabs button{font-size:11px;background:transparent;padding:7px 10px}#lesson-tabs button[aria-current=step]{border-color:var(--accent);color:var(--accent);background:#e8f2e5}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:24px}.panel h3,.explanation h3{font-size:18px;font-weight:650;margin:5px 0 12px}.prediction{background:#edf3e7;padding:20px 24px}.prediction h3{font-size:16px}.quiz-options{display:flex;flex-wrap:wrap;gap:10px}.quiz-options button{font-size:12px;text-align:left}.quiz-options button[data-correct=true]{border-color:var(--accent);background:#dcefdc}.quiz-options button[data-correct=false]{border-color:#b87737;background:#fff0df}#quiz-feedback,#task-feedback{font-size:12px;color:var(--accent);margin:10px 0 0}#quiz-feedback:empty,#task-feedback:empty{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h3{margin-bottom:0}.helper{font-size:11px;color:var(--muted);margin:12px 0 18px}.room{background:#f4f8f1;border:1px solid #e4ecdf;border-radius:11px;padding:4px 10px 16px;margin-bottom:22px}.room svg{touch-action:pan-y;display:block;width:100%;max-height:230px;overflow:visible}.room svg text{font:11px sans-serif;fill:#647c6e}.room #room-hint{font-size:12px}#target-a,#target-b{cursor:ew-resize;touch-action:none}#target-a:focus-visible rect,#target-b:focus-visible rect{stroke:var(--accent);stroke-width:2}.room-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;padding:0 14px}.room-controls label{font-size:11px;color:var(--muted)}output{font-family:ui-monospace,monospace;color:var(--ink)}.room-controls output{float:right}.room-controls input{display:block;width:100%;accent-color:var(--accent);min-height:25px}.playback{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.playback button{padding:5px 9px;font-size:10px}.playback label{width:100%}.playback label span{float:right}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:23px}.plots{min-width:0}figure{margin:0 0 16px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fcfdf9}figcaption{display:flex;flex-direction:column;gap:2px;padding:12px 15px 0;font-size:12px}figcaption span{font-size:10px;color:var(--muted)}canvas{display:block;width:100%;height:225px}.plot-summary{font-size:11px;color:var(--muted);margin:0}.parameter-panel h4{font-size:11px;margin:0 0 14px}.parameter{margin-bottom:17px}.parameter label{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:5px}.parameter input{width:100%;accent-color:var(--accent);min-height:25px}.parameter select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px;font-size:12px}.parameter small{color:var(--muted);font-size:10px}#metrics{margin:20px 0 0;border-top:1px solid var(--line)}#metrics div{padding:11px 0;border-bottom:1px solid var(--line)}#metrics dt{font-size:10px;color:var(--muted)}#metrics dd{margin:2px 0 0;font:500 16px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.notice{font-size:11px;color:#945e2d;background:#fff3e6;border-radius:6px;padding:10px}.explanation{margin:30px 0}.explanation>h3{margin:5px 0 16px}#explanation-cards{display:grid;gap:12px}#explanation-cards p{margin:0;display:flex;gap:13px;color:#496155;font-size:13px;line-height:1.9}#explanation-cards b{flex-shrink:0;color:#76977e;font:12px/2 ui-monospace,monospace;padding-top:2px}.formula{margin-top:20px;padding:15px 19px;border:1px solid var(--line);border-radius:9px;font-size:12px;background:#edf2e8}.formula summary{cursor:pointer;color:var(--accent)}.formula-text{font:500 16px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}#formula-terms{color:var(--muted);font-size:12px}.task{border-left:4px solid #85a77b}.task p{font-size:13px}.task button{color:#fff;background:var(--accent);border-color:var(--accent)}.handoff{margin:24px 0;color:var(--muted);font-size:12px}.handoff span{font-size:10px;color:var(--accent)}.handoff p{margin:5px 0}.lesson-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0}.lesson-navigation span{font:11px ui-monospace,monospace;color:var(--muted)}#next{background:#173f35;color:#fff;border-color:#173f35}.references{font-size:11px;color:var(--muted);margin:18px 0}.references summary{cursor:pointer}.references a{text-decoration:underline}.references li{margin:7px 0}.references ul{padding-left:20px}footer{max-width:1368px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:fixed;left:12px;top:-80px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}
@media(max-width:1150px){.course-shell{grid-template-columns:190px minmax(0,1fr);gap:25px;padding:28px}.lab-grid{grid-template-columns:1fr}.parameter-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.parameter-panel h4{grid-column:1/-1}.parameter-panel #metrics{margin:0;border-top:0}.parameter-panel .notice{grid-column:1/-1}.room-controls{gap:15px}.course-title>p{font-size:24px}footer{margin:0 28px}}
@media(max-width:760px){.site-header{padding:16px 18px;gap:12px;flex-wrap:wrap}.brand{font-size:24px}.site-header nav{font-size:10px;gap:15px}.course-shell{display:block;padding:22px 17px}.course-sidebar{position:static;margin-bottom:26px}.course-title h1{font-size:15px;margin:4px 0}.course-title>p{font-size:24px;margin:6px 0;line-height:1.35}.course-title>p br{display:none}.edition{font-size:10px}#chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:16px}.chapter-button{padding:9px;font-size:11px;border-color:var(--line)}.chapter-button small{font-size:9px}.chapter-button b{margin-right:6px}.course-progress{margin-top:12px;padding-top:8px}.course-progress small{font-size:9px}.roadmap{margin-top:10px}.lesson-heading h2{font-size:26px}.lesson-heading>p:last-child{font-size:14px}.panel{padding:18px;margin-bottom:18px}.prediction{padding:16px}#lesson-tabs{gap:5px}#lesson-tabs button{font-size:10px;padding:6px 8px}.section-heading{align-items:flex-start;gap:10px}.section-heading h3{font-size:16px}.section-heading button{font-size:10px;flex-shrink:0;padding:6px 8px}.room{padding:2px 4px 12px}.room-controls{grid-template-columns:1fr;gap:10px;padding:0 9px}.playback label{flex:1;min-width:90px;width:auto}.room svg{min-height:150px}.lab-grid{gap:12px}canvas{height:205px}figcaption{padding:10px 10px 0}figcaption strong{font-size:11px}figcaption span{font-size:9px}.parameter-panel{gap:10px 17px}#metrics dd{font-size:14px}.parameter label{font-size:10px}.helper{font-size:10px}.explanation{margin:24px 0}#explanation-cards p{font-size:12px}.formula-text{font-size:14px}.quiz-options{gap:7px}.quiz-options button{font-size:11px}.lesson-navigation{gap:10px}footer{margin:0 17px;font-size:10px;gap:12px}.references{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}