:root{--bg:#f5f3ed;--paper:#fffefa;--ink:#23312e;--muted:#697570;--line:#dce2d9;--accent:#166b59;--light:#eaf2ec;--gold:#a66b20;--shadow:0 12px 38px #23312e08;color-scheme:light;font-size:17px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;line-height:1.95}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--gold)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);border-radius:8px;color:var(--ink);padding:6px 12px}button:hover{background:var(--light)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dfaa57;outline-offset:3px}.top{position:sticky;top:0;z-index:10;background:#fffefaef;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 4vw;display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:.82rem}.brand{font-weight:700;letter-spacing:.06em;text-decoration:none}.tools{display:flex;gap:7px;flex-wrap:wrap}.layout{max-width:1440px;margin:auto;padding:42px 4vw 80px;display:grid;grid-template-columns:230px minmax(0,850px);gap:46px;justify-content:center}aside{position:sticky;top:90px;align-self:start;max-height:80vh;overflow:auto;font-size:.79rem;padding-right:12px}aside h2{font-size:.82rem;color:var(--muted);letter-spacing:.12em}aside a{display:block;padding:6px 10px;margin:3px 0;text-decoration:none;border-radius:6px}aside a:hover,aside a.active{background:var(--light)}aside .chapnum{font-size:.7rem;color:var(--muted)}main{min-width:0}.hero{padding:12px 0 30px;border-bottom:1px solid var(--line);margin-bottom:28px}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{font-family:Georgia,'Noto Serif CJK SC','Songti SC','Microsoft YaHei',serif;font-size:2.3rem;line-height:1.45;font-weight:650;letter-spacing:-.02em;margin:14px 0}h2{font-size:1.3rem;line-height:1.55;margin:0 0 20px}h3{font-size:1.08rem;line-height:1.65;margin:0 0 12px}p{margin:12px 0}.lead{font-size:1.07rem;color:#3b5149;line-height:1.95}.meta{font-size:.8rem;color:var(--muted)}.pill{display:inline-block;border:1px solid var(--line);padding:1px 10px;border-radius:20px;margin:3px 7px 3px 0;font-size:.72rem}.note{background:#fff4de;border-left:3px solid #c49a53;padding:14px 18px;font-size:.82rem;margin:22px 0}.orientation{background:var(--light);padding:22px 25px;border-radius:12px;margin:26px 0}.orientation ol{margin:10px 0;padding-left:22px}.section{background:var(--paper);padding:28px 32px;border:1px solid var(--line);border-radius:14px;margin:22px 0;box-shadow:var(--shadow);scroll-margin-top:90px}.question{font-size:1.13rem;font-weight:600;margin:20px 0 16px;line-height:1.8}.qnum{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.1em}.hint{background:var(--light)}details{border:1px solid var(--line);border-radius:8px;padding:0 16px;margin:12px 0}summary{padding:11px 0;cursor:pointer;font-size:.88rem;font-weight:600}details p{margin:0 0 16px}details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:13px}.formula{background:#f1f5f0;border-radius:8px;padding:17px 20px;margin:18px 0;line-height:2.7;overflow-x:auto}.formula .katex{white-space:nowrap}.follow{border-top:1px dashed var(--line);margin-top:20px;padding-top:12px;font-size:.91rem}.follow strong{color:var(--gold)}.bridge{font-size:.87rem;color:var(--muted)}.exercise{border-top:3px solid var(--accent)}.exercise .source{font-size:.75rem;color:var(--muted)}.exercise h3{margin-top:8px}.scratch{font-size:.8rem}.scratch textarea{display:block;width:100%;min-height:120px;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:8px;line-height:1.6;resize:vertical;color:var(--ink)}.save-state{font-size:.7rem;color:var(--muted)}.answer{background:#fffaf0}.checklist label{display:block;margin:12px 0;font-size:.88rem}.checklist input{accent-color:var(--accent);width:17px;height:17px;margin-right:8px}.bottomnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.bottomnav a{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:15px;text-decoration:none;font-size:.86rem}.bottomnav a:last-child{text-align:right}footer{font-size:.74rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.katex{font-size:1.06em;line-height:1.3}.katex-display{overflow:auto;padding:5px 0}.lab{background:#eaf2ec;border:1px solid #cbdcd0;padding:22px;border-radius:14px;margin:25px 0}.lab canvas{width:100%;height:auto;background:#fffefa;border:1px solid var(--line);border-radius:9px;display:block}.lab label{display:flex;align-items:center;gap:14px;font-size:.85rem;margin:14px 0;flex-wrap:wrap}.lab input{flex:1;accent-color:var(--accent);min-width:120px}.lab output{font-size:.85rem}.lab .legend{font-size:.75rem;color:var(--muted)}.wide{max-width:1100px;margin:auto;padding:48px 5vw 90px}.wide .hero{max-width:880px}.stats{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.stat{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 25px;flex:1;min-width:140px}.stat b{font:2rem Georgia;color:var(--accent);display:block}.stat span{font-size:.78rem;color:var(--muted)}.search{width:100%;padding:12px 18px;border-radius:9px;border:1px solid var(--line);background:var(--paper);margin:18px 0;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:transform .15s}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card h3{font-size:1.05rem;margin:8px 0}.card p{font-size:.8rem;color:var(--muted);line-height:1.8;margin:6px 0}.stage{margin:35px 0 14px;font-size:1.15rem}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 13px;vertical-align:top}th{background:var(--light)}.hidden{display:none!important}body.focus aside{display:none}body.focus .layout{grid-template-columns:minmax(0,900px)}.print-note{display:none}.noscript{background:#fff4de;padding:12px;font-size:.8rem}.toc-inline{display:none}
@media(max-width:980px){.layout{grid-template-columns:190px minmax(0,1fr);gap:24px;padding:30px 3vw}h1{font-size:2rem}.section{padding:24px}}
@media(max-width:720px){:root{font-size:16px}.top{padding:8px 14px;align-items:flex-start;gap:8px}.brand{max-width:140px;line-height:1.5}.tools{justify-content:flex-end}.tools button{padding:4px 8px;font-size:.72rem}.layout{display:block;padding:22px 16px 55px}aside{display:none}.hero{padding-top:4px}h1{font-size:1.8rem}.section{padding:22px 18px;border-radius:10px}.question{font-size:1.06rem}.formula{padding:12px}.wide{padding:25px 16px}.grid{grid-template-columns:1fr}.bottomnav{grid-template-columns:1fr}.bottomnav a:last-child{text-align:left}.toc-inline{display:block}.lab{padding:15px}}
@media print{:root{font-size:11pt}body{background:white}.top,aside,.tools,.scratch,.lab input,.bottomnav,.search,.save-state{display:none!important}.layout,.wide{display:block;max-width:none;padding:0}main{width:100%}.section,.orientation,.lab{box-shadow:none;break-inside:auto;border:1px solid #ddd}.section h2,.section h3,summary{break-after:avoid}details{display:block}details> *{display:block}h1{font-size:23pt}.hero{margin:0;padding:0 0 12px}.grid{display:block}.card{display:block;margin:10px 0;break-inside:avoid}.print-note{display:block}a{color:inherit;text-decoration:none}.katex{font-size:1em}}