:root{--paper:#f3f1e9;--page:#fcfbf5;--ink:#243b3a;--muted:#586b65;--line:#d5d9ce;--accent:#ad5133}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8,"PingFang SC","Microsoft Yahei",sans-serif}.shell{max-width:1280px;margin:auto;padding:0 48px}a{color:inherit;text-underline-offset:5px}button,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 18px;border-radius:3px}button:hover{background:#e8ecdf}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--page);padding:12px;z-index:2}header{height:106px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}header>a:last-child{font-size:13px;text-decoration:none}.brand{display:flex;align-items:center;gap:17px;font:34px Georgia,serif;text-decoration:none}.brand span{font:16px Georgia,serif}.brand small{display:block;font:10px/2.5 "PingFang SC",sans-serif;letter-spacing:2px;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 285px;gap:50px;padding:60px 0 48px;align-items:end}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent)}h1{font:500 clamp(38px,4.5vw,62px)/1.25 "Songti SC","STSong",Georgia,serif;letter-spacing:-1px;margin:20px 0}.lead{font-size:16px;color:var(--muted);max-width:550px}.edition{border-top:2px solid var(--ink);padding-top:20px}.edition>span{font-size:13px}.edition p{font:23px/1.8 "Songti SC",serif}.edition small,small{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:start;border-top:1px solid var(--line);padding-top:28px}nav{position:sticky;top:20px}#catalog{display:grid}.course{display:grid;grid-template-columns:30px 1fr;gap:10px;text-decoration:none;padding:16px 8px;border-bottom:1px solid var(--line)}.course[aria-current=true]{background:var(--ink);color:var(--page)}.course b{font:20px Georgia,serif}.course strong{font-size:13px;font-weight:600;display:block}.course span{font-size:11px}.journal{padding:28px 8px}.journal strong{font-size:14px}.journal p{font-size:12px}.journal button{font-size:12px}.journal small{display:block;margin-top:12px}main{background:var(--page);padding:38px 48px;min-width:0;box-shadow:0 3px 0 #e7e8dd}.lesson-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}h2{font:500 clamp(28px,3vw,40px)/1.4 "Songti SC",serif;margin:22px 0 12px}.focus{color:var(--accent);font-size:14px;margin:0 0 28px}.steps{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.steps a{text-decoration:none}main section{scroll-margin-top:20px;margin-top:32px}h3{font-size:18px;font-weight:600;margin:0 0 20px}h3 span{font:15px Georgia,serif;color:var(--accent);margin-right:10px}p{margin:14px 0}h4{font-size:15px;margin-bottom:8px}.note{background:#ecefe1;padding:16px 20px;font-size:13px}.flow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:24px 0}.node{flex:1;min-width:100px;border:1px solid #9cae9f;padding:16px 12px;text-align:center;font-size:12px;background:#f3f5ed}.arrow{align-self:center;color:var(--accent)}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}legend{font-size:14px;margin-bottom:12px}.option{display:flex;align-items:start;gap:10px;border-bottom:1px solid var(--line);padding:14px 8px;cursor:pointer;font-size:14px}.option:has(input:checked){background:#ecefe1}.option input{margin-top:6px;accent-color:var(--ink)}textarea{display:block;resize:vertical;width:100%;background:var(--page);border:1px solid #aab6a5;color:var(--ink);padding:16px;font-size:14px;margin-top:12px}label[for=reason]{font-size:14px}.save-state{font-size:12px;color:var(--muted);min-height:22px}.primary{background:var(--ink);color:var(--page);border-color:var(--ink)}.primary:hover{background:#36514a}#source{font-size:13px;display:block;margin:22px 0 10px}#reference-content>small{display:block}#cautions{font-size:13px;padding-left:22px}.finish{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.finish label{font-size:14px;display:block}.finish input{accent-color:var(--ink)}.finish small{display:block;margin-left:22px}.lesson-footer{display:flex;justify-content:space-between;margin-top:24px}.site-footer{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px;margin:48px 0 28px}@media(max-width:900px){.shell{padding:0 24px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:20px}main{padding:30px 24px}.intro{gap:24px;grid-template-columns:1fr 230px}}@media(max-width:680px){.shell{padding:0 18px}header{height:84px}.brand{font-size:28px}.brand span{font-size:13px}.brand small{font-size:9px;letter-spacing:1px}.intro{grid-template-columns:1fr;padding:32px 0;gap:20px}.edition{padding-top:14px}.edition p{font-size:18px;margin:10px 0}.workspace{grid-template-columns:1fr}nav{position:static}#catalog{grid-template-columns:1fr 1fr;gap:0 12px}.course{padding:12px 8px}.course strong{font-size:12px}.journal{padding:18px 8px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.journal p{margin:0}.journal small{margin:0;width:100%}main{padding:28px 20px}.lesson-meta{font-size:10px}.steps{gap:18px}.flow{display:grid;grid-template-columns:1fr}.arrow{text-align:center;transform:rotate(90deg)}.site-footer{flex-direction:column;gap:4px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.diagram{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);background:#f5f6ee;margin:20px 0;max-width:100%}.diagram svg{display:block;min-width:620px;width:100%;height:auto}.diagram-hint{font-size:13px;color:var(--muted)}.edge-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;margin:18px 0}.edge-legend span{border-bottom:1px solid var(--line);padding:5px 0}.component-list{display:grid;gap:0}.component-row{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.component-row strong{font-weight:600}.component-row p{margin:0}details{margin:18px 0;font-size:14px}summary{cursor:pointer;color:var(--ink);padding:10px 0;text-underline-offset:5px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}details ol{padding-left:22px}details li{padding:7px 0}.table-wrap{overflow-x:auto;max-width:100%;margin:22px 0}table{border-collapse:collapse;width:100%;min-width:510px;font-size:13px;text-align:left}caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:12px}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#ecefe1}td:first-child{font-family:Georgia,serif;font-size:14px;overflow-wrap:anywhere}.mechanism,.failure{border-bottom:1px solid var(--line);padding:8px 0}.mechanism p,.failure p{font-size:14px}.failure h4:before{content:'故障 / ';color:var(--accent);font-size:11px}.exercise{font-size:16px;border-top:2px solid var(--ink);padding-top:18px}.tradeoffs{font-size:13px}.steps{gap:12px 18px}@media(max-width:680px){.component-row{grid-template-columns:1fr;gap:6px}.diagram:after{content:'可横向滑动查看完整图';display:block;position:sticky;left:0;padding:8px;font-size:11px;color:var(--muted)}.table-wrap:after{content:'可横向滑动查看完整数据表';font-size:11px;color:var(--muted)}}
[hidden]{display:none!important}.header-links{display:flex;gap:24px;font-size:13px}.header-links a{text-decoration:none}.start-link{display:inline-block;text-decoration:none;padding:12px 22px;font-size:14px;margin-top:20px;border:1px solid var(--ink)}.resume-link{display:block;margin-top:16px;font-size:13px}.course-promise{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:240px 1fr;gap:0 40px}.course-promise h2,.learning-method h2{font:26px/1.4 "Songti SC",serif;margin:0}.course-promise p{margin:0}.course-promise small{grid-column:2;margin-top:12px}.path-stage{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:40px 0;border-top:1px solid var(--line)}.stage-number{font:76px/1 Georgia,serif;color:#8d9b87}.path-stage h2{font:32px/1.3 "Songti SC",serif;margin:10px 0}.stage-result{color:var(--muted);font-size:14px;margin-bottom:26px}.path-lesson{display:grid;grid-template-columns:42px 1fr 100px;gap:12px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;align-items:center}.path-lesson:hover{background:#e9eddf}.path-number{font:20px Georgia,serif;color:var(--accent)}.path-lesson strong{font-weight:500;font-size:16px}.path-status{font-size:12px;text-align:right}.learning-method{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}.back-route{font-size:12px;display:block;margin:0 0 24px;text-decoration:none}.stage-label{font-size:11px;letter-spacing:1px;color:var(--accent);margin:24px 8px 4px}.course{padding:12px 8px}.course b{font-size:17px}.course span{font-size:10px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:0;padding:0;margin:24px 0 30px}.steps a{padding:10px 4px;text-align:center;border-bottom:2px solid var(--line);font-size:11px}.steps a[aria-current=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.step-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.step-heading h3{font:24px "Songti SC",serif;margin:0}.step-heading span{font-size:12px;color:var(--muted)}.lesson-outcomes{padding:18px 22px;background:#e9eedf}.lesson-outcomes ul{font-size:14px;padding-left:18px;margin:10px 0}.lesson-outcomes li{padding:4px 0}.bridge{font-size:14px;padding:14px 0;color:var(--muted)}.terms{display:grid;grid-template-columns:110px 1fr;font-size:14px;gap:12px 18px;margin:20px 0}.terms dt{font-weight:600}.terms dd{margin:0;color:var(--muted)}.worked-example{border-left:2px solid var(--accent);padding:8px 20px;font-size:14px}.understanding{padding:22px;background:#eef0e4}.understanding h3{font-size:17px}.understanding .option{border-color:#c5ccbf}.check-good{background:#dce8d4;padding:14px;font-size:14px}.check-revisit{background:#f0e1d3;padding:14px;font-size:14px}.understanding a{font-size:12px}.exit-ticket{padding-top:24px;border-top:1px solid var(--line)}.exit-ticket ul{padding-left:20px;font-size:14px}.exit-ticket p{font-size:13px;color:var(--muted)}.lesson-footer{align-items:center;border-top:1px solid var(--line);padding-top:20px}.lesson-footer span{font-size:10px;color:var(--muted);text-align:center;max-width:160px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}main section{margin-top:24px}.learning-panel{min-height:320px}@media(max-width:680px){.header-links{gap:12px;font-size:11px}.course-promise{grid-template-columns:1fr;gap:14px}.course-promise small{grid-column:1}.path-stage{grid-template-columns:48px 1fr;gap:16px;padding:26px 0}.stage-number{font-size:40px}.path-stage h2{font-size:26px}.path-lesson{grid-template-columns:28px 1fr;gap:10px}.path-status{grid-column:2;text-align:left}.stage-label{grid-column:1/-1}.terms{grid-template-columns:1fr;gap:4px}.terms dd{margin-bottom:12px}.steps a{font-size:10px;padding:10px 2px}.lesson-footer span{display:none}.course{grid-template-columns:24px 1fr}.lesson-outcomes{padding:14px 16px}.path-lesson strong{font-size:14px}.header-links a:last-child{display:none}}
.prerequisite-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;margin:0 0 24px}.prerequisite-links a{color:var(--accent)}
:root{--ink:#383e57;--accent:#8a4d34;--paper:#f2efe6;--page:#fffcf5;--muted:#5b6073}.course[aria-current=true],.primary{background:var(--ink)}.primary:hover{background:#4b5272}.path-status{font-size:11px}.path-lesson{grid-template-columns:42px 1fr 150px}.terms{display:grid;grid-template-columns:130px 1fr;gap:8px 18px}.terms dt{font-weight:600}.terms dd{margin:0}.steps a[aria-current=step]{font-weight:700;color:var(--accent);border-bottom:2px solid var(--accent)}#panel{min-height:340px}.step-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.step-heading span{font-size:11px;color:var(--muted)}@media(max-width:680px){.path-lesson{grid-template-columns:28px 1fr}.terms{grid-template-columns:1fr}.step-heading{display:block}.brand span{font-size:12px}}@media print{header,.workspace>nav,.steps,.lesson-footer,.site-footer{display:none}.workspace{display:block}.shell{padding:0}main{box-shadow:none}body{background:white}}
