@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root[data-theme=light]{--paper: #fbf9f4;--paper-2: #f3efe5;--paper-sunken: #ede8d9;--ink: #1a1815;--ink-2: #4a4640;--ink-3: #807a6d;--rule: #d6d0c0;--rule-soft: #e6e1d2;--accent-blue: oklch(.5 .14 250);--accent-red: oklch(.52 .18 25);--accent-green: oklch(.5 .13 150);--accent-amber: oklch(.62 .15 70);--grid-line: oklch(.85 .02 80);--grid-line-strong: oklch(.72 .02 80);--highlight: oklch(.92 .08 90);--shadow-sm: 0 1px 2px rgba(40, 30, 10, .05);--shadow-md: 0 4px 16px rgba(40, 30, 10, .08)}:root[data-theme=dark]{--paper: #0e1116;--paper-2: #161a21;--paper-sunken: #0a0d12;--ink: #e7e3d8;--ink-2: #b8b2a4;--ink-3: #7a7568;--rule: #2a2f38;--rule-soft: #1c2028;--accent-blue: oklch(.72 .14 250);--accent-red: oklch(.72 .16 25);--accent-green: oklch(.72 .13 150);--accent-amber: oklch(.78 .14 70);--grid-line: oklch(.25 .01 250);--grid-line-strong: oklch(.38 .01 250);--highlight: oklch(.3 .08 90);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:Crimson Pro,"Noto Serif SC",Georgia,serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","onum"}:lang(zh),[lang=zh]{font-family:"Noto Serif SC",Crimson Pro,Georgia,serif}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:280px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh;height:100vh}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--rule);background:var(--paper);z-index:10}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;letter-spacing:-.02em;padding:3px 8px;border:1px solid var(--ink);color:var(--ink);border-radius:2px}.brand-title{font-size:19px;font-weight:600;letter-spacing:-.01em}.brand-sub{font-size:13px;font-style:italic;color:var(--ink-3);margin-left:4px}.header-actions{display:flex;align-items:center;gap:8px}.iconbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;border:1px solid var(--rule);border-radius:2px;background:var(--paper);color:var(--ink-2);transition:all .15s;font-family:JetBrains Mono,monospace}.iconbtn:hover{border-color:var(--ink-2);color:var(--ink)}.iconbtn[data-active=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sidebar{grid-area:sidebar;border-right:1px solid var(--rule);background:var(--paper);overflow-y:auto;padding:18px 0 32px}.sidebar-section{padding:0 22px;margin-bottom:18px}.sidebar-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding:0 8px 8px;margin-top:4px}.chapter-list{list-style:none}.chapter-item{display:flex;align-items:baseline;gap:12px;padding:9px 8px;border-radius:2px;border-left:2px solid transparent;margin-bottom:1px;transition:background .12s;cursor:pointer;position:relative}.chapter-item:hover{background:var(--paper-2)}.chapter-item[data-active=true]{background:var(--paper-2);border-left-color:var(--ink)}.chapter-num{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--ink-3);flex-shrink:0;width:28px;letter-spacing:-.02em}.chapter-item[data-active=true] .chapter-num{color:var(--ink)}.chapter-title{font-size:14.5px;line-height:1.3;flex:1}.chapter-prio{font-family:JetBrains Mono,monospace;font-size:9px;padding:1px 5px;border-radius:2px;background:var(--paper-sunken);color:var(--ink-3);letter-spacing:.04em}.chapter-prio[data-prio=P0]{color:var(--accent-red);background:color-mix(in oklab,var(--accent-red) 10%,transparent)}.main{grid-area:main;overflow-y:auto;background:var(--paper)}.lesson{max-width:1280px;margin:0 auto;padding:36px 56px 80px}.lesson-head{border-bottom:1px solid var(--rule);padding-bottom:24px;margin-bottom:32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}.lesson-eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:8px}.lesson-title{font-size:38px;font-weight:600;letter-spacing:-.015em;line-height:1.1;font-feature-settings:"onum","kern"}.lesson-subtitle{font-style:italic;color:var(--ink-2);font-size:18px;margin-top:8px;max-width:60ch}.lesson-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3);text-align:right;line-height:1.7}.workbench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;margin-bottom:40px}.workbench[data-stack=true]{grid-template-columns:1fr}.figure{border:1px solid var(--rule);border-radius:3px;background:var(--paper);position:relative;overflow:hidden}.figure-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--rule);background:var(--paper-2)}.figure-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.figure-caption{font-size:12px;color:var(--ink-2);font-style:italic}.figure-body{padding:0;position:relative}.figure canvas{display:block;width:100%;height:100%}.figure-readout{position:absolute;top:50px;left:16px;right:16px;display:flex;gap:16px;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:11px;z-index:2}.readout-pill{background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(6px);border:1px solid var(--rule);padding:4px 8px;border-radius:2px;display:inline-flex;align-items:center;gap:6px}.readout-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.panel{display:flex;flex-direction:column;gap:22px}.panel-block{border:1px solid var(--rule);border-radius:3px;background:var(--paper)}.panel-head{padding:10px 16px;border-bottom:1px solid var(--rule);background:var(--paper-2);display:flex;justify-content:space-between;align-items:center}.panel-title{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.panel-body{padding:16px}.panel-body.tight{padding:12px 16px}.matrix-input{display:inline-grid;gap:6px;padding:8px 12px;border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink);position:relative}.matrix-input:before,.matrix-input:after{content:"";position:absolute;width:8px;height:1.5px;background:var(--ink)}.matrix-input:before{top:0;left:-1.5px;box-shadow:calc(100% + 9.5px) 0 0 var(--ink)}.matrix-input:after{bottom:0;left:-1.5px;box-shadow:calc(100% + 9.5px) 0 0 var(--ink),calc(100% + 9.5px) calc(-100% - .5px) 0 var(--ink)}.matrix-input input{width:56px;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:14px;text-align:center;border:1px solid transparent;border-radius:2px;background:var(--paper-2);color:var(--ink);transition:all .12s}.matrix-input input:hover{border-color:var(--rule)}.matrix-input input:focus{outline:none;border-color:var(--accent-blue);background:var(--paper)}.matrix-display{display:inline-grid;gap:4px 14px;padding:8px 14px;position:relative;font-family:JetBrains Mono,monospace;font-size:14px}.matrix-display:before,.matrix-display:after{content:"";position:absolute;top:0;bottom:0;width:1.5px;background:var(--ink)}.matrix-display:before{left:0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:6px}.matrix-display:after{right:0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:6px}.matrix-display .cell{text-align:right;min-width:48px;font-variant-numeric:tabular-nums}.matrix-display .cell[data-emph=true]{color:var(--accent-red);font-weight:600}.control-row{display:grid;grid-template-columns:80px 1fr 50px;gap:12px;align-items:center;padding:6px 0;font-size:14px}.control-row+.control-row{border-top:1px dashed var(--rule-soft)}.control-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-2)}.control-value{font-family:JetBrains Mono,monospace;font-size:12px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--rule);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--ink);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--ink);border-radius:50%;cursor:pointer;border:none}.tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:16px}.tab{padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--ink-2)}.tab[data-active=true]{color:var(--ink);border-bottom-color:var(--ink)}.steps{display:flex;gap:8px;align-items:center}.step-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule);border-radius:2px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-2);transition:all .15s}.step-btn:hover:not(:disabled){border-color:var(--ink-2);color:var(--ink)}.step-btn:disabled{opacity:.4;cursor:not-allowed}.step-btn[data-primary=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.step-btn[data-primary=true]:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2)}.step-track{flex:1;display:flex;gap:4px}.step-pip{flex:1;height:3px;background:var(--rule);border-radius:1px;transition:background .2s}.step-pip[data-done=true]{background:var(--ink)}.step-pip[data-active=true]{background:var(--accent-red)}.katex{font-size:1.05em!important;color:var(--ink)}.katex .mord{color:inherit}.equation-block{padding:14px 18px;background:var(--paper-2);border-left:3px solid var(--ink);margin:12px 0;overflow-x:auto;font-feature-settings:normal}.equation-inline{display:inline-block;padding:0 4px}.prose{max-width:68ch;font-size:17px;line-height:1.65;color:var(--ink-2)}.prose p+p{margin-top:14px}.prose strong{color:var(--ink);font-weight:600}.prose em{color:var(--ink)}.prose code{font-family:JetBrains Mono,monospace;font-size:.88em;background:var(--paper-2);padding:1px 5px;border-radius:2px;border:1px solid var(--rule-soft)}.section-heading{font-size:13px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:32px 0 14px;padding-bottom:6px;border-bottom:1px solid var(--rule-soft);display:flex;align-items:baseline;gap:10px}.section-heading:before{content:attr(data-num);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.lesson-foot{margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:24px}.foot-link{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:1px solid var(--rule);border-radius:2px;flex:1;max-width:280px;transition:all .15s}.foot-link:hover{border-color:var(--ink)}.foot-link[data-dir=next]{text-align:right}.foot-link-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.foot-link-title{font-size:14.5px;color:var(--ink);font-weight:500}.home-hero{padding:80px 56px 56px;max-width:1280px;margin:0 auto}.home-eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:16px}.home-title{font-size:64px;line-height:1.02;font-weight:600;letter-spacing:-.02em;max-width:18ch;margin-bottom:18px}.home-title em{color:var(--accent-red);font-style:italic}.home-lede{font-size:22px;font-style:italic;color:var(--ink-2);max-width:56ch;line-height:1.45;margin-bottom:40px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;margin-top:24px;border-top:1px solid var(--rule)}.home-card{padding:22px 24px 26px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);cursor:pointer;transition:background .15s;position:relative;display:flex;flex-direction:column;gap:8px;min-height:180px}.home-card:hover{background:var(--paper-2)}.home-card-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3);letter-spacing:.04em}.home-card-title{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.home-card-desc{font-size:13.5px;color:var(--ink-2);line-height:1.45;margin-top:auto}.home-card-prio{position:absolute;top:22px;right:24px;font-family:JetBrains Mono,monospace;font-size:9px;padding:2px 6px;border-radius:2px;letter-spacing:.04em;background:var(--paper-sunken);color:var(--ink-3)}.home-card-prio[data-prio=P0]{color:var(--accent-red);background:color-mix(in oklab,var(--accent-red) 10%,transparent)}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:48px 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.stat{padding:20px 24px;border-right:1px solid var(--rule)}.stat:last-child{border-right:none}.stat-num{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--ink-3);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.canvas-host{position:relative;aspect-ratio:1 / 1}.canvas-host[data-aspect=wide]{aspect-ratio:16 / 10}.legend{display:flex;gap:14px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-2)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.divider-v{width:1px;background:var(--rule);align-self:stretch}.construction{border:1px dashed var(--rule);padding:40px;border-radius:3px;text-align:center;background:var(--paper-2)}.construction-stripes{background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 14px,var(--paper-sunken) 14px,var(--paper-sunken) 28px);padding:60px 40px;border:1px solid var(--rule);border-radius:3px;text-align:center}.construction-title{font-size:24px;font-weight:600;margin-bottom:8px}.construction-sub{font-style:italic;color:var(--ink-2);font-size:16px;margin-bottom:16px}.construction-spec{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-3);background:var(--paper);display:inline-block;padding:8px 14px;border:1px solid var(--rule);border-radius:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:0;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.rank1-stack{display:flex;flex-direction:column;gap:8px}.rank1-piece{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--rule);border-radius:2px;background:var(--paper);font-family:JetBrains Mono,monospace;font-size:12px}.rank1-sigma{color:var(--accent-red);font-weight:600}.chip{display:inline-block;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--rule);border-radius:10px;color:var(--ink-3)}.chip[data-tone=blue]{color:var(--accent-blue);border-color:color-mix(in oklab,var(--accent-blue) 30%,transparent)}.chip[data-tone=red]{color:var(--accent-red);border-color:color-mix(in oklab,var(--accent-red) 30%,transparent)}@media (max-width: 1024px){.app{grid-template-columns:220px 1fr}.lesson{padding:28px 32px 60px}.workbench{grid-template-columns:1fr}.home-hero{padding:56px 32px 40px}.home-title{font-size:48px}}@media (max-width: 720px){.app{grid-template-columns:1fr;grid-template-areas:"header" "main"}.sidebar{display:none}.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats .stat:nth-child(2){border-right:none}}