:root{color-scheme:light;--ink:#253750;--blue:#365885;--paper:#f8f6f1;--card:#fffefa;--line:#d4dce5;--muted:#536680;--orange:#ac581f;--tint:#e9eef4;font-family:Arial,"PingFang HK","Noto Sans TC",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b66a32;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;z-index:50;background:#fff;padding:12px}.skip:focus{top:10px}.site-header{height:78px;border-bottom:1px solid var(--line);background:var(--card);padding:0 max(24px,calc((100vw - 1192px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-size:21px;color:var(--ink);white-space:nowrap}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);border-radius:10px;box-shadow:3px 3px #c5cfdd;color:#fff;font-size:32px;line-height:1;margin-right:5px}.year{font-size:12px;letter-spacing:1.2px;color:var(--blue)}main{max-width:1256px;margin:auto;padding:38px 32px 30px;min-height:calc(100vh - 157px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;margin-bottom:14px}h2{font-size:26px;line-height:1.3}h3{font-size:21px;line-height:1.4}p{line-height:1.75}small,.meta{font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:var(--blue);margin-bottom:12px}.zh{display:block;font-size:16px;line-height:1.75;color:var(--muted);margin-top:5px}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:30px}.intro p{margin-bottom:0}.intro-aside{border-left:1px solid var(--line);padding-left:22px;max-width:270px;font-size:14px}.intro-aside strong{display:block;font-size:32px;font-weight:500;margin-bottom:5px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chapter-card{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:28px;display:flex;flex-direction:column;min-width:0}.chapter-card:nth-child(2){background:#ecf0f4}.chapter-card h2{font-size:30px;margin-bottom:6px}.chapter-card .zh{margin-bottom:22px}.chapter-figure{background:#f4f1e9;border-radius:14px;margin:2px 0 24px;height:160px}.chapter-figure svg{width:100%;height:100%}.chapter-card:nth-child(2) .chapter-figure{background:#dfe6ee}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.tags span{padding:7px 11px;background:#e8edf3;border-radius:30px;font-size:14px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:10px;padding:12px 19px;min-height:46px;font-size:16px;line-height:1.5;font-weight:600;gap:8px}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#293f61;text-decoration:none}.secondary{background:var(--card);color:var(--blue);border-color:#becbdc}.secondary:hover{background:#edf2f8;text-decoration:none}.chapter-card .primary{align-self:start;margin-top:auto}.breadcrumb{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;margin-bottom:25px}.breadcrumb span{border-left:1px solid var(--line);padding-left:14px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:27px;min-width:0}.diagram{background:#f5f6f8;border:1px solid #dee3eb;border-radius:13px;overflow:hidden}.diagram svg{display:block;width:100%;height:auto}.diagram svg text,.chapter-figure svg text{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-style:italic;fill:var(--ink);paint-order:stroke;stroke:#f5f6f8;stroke-width:4px;stroke-linejoin:round}.figure-label{font-size:14px;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.formula{font:26px/1.7 Georgia,"Times New Roman",serif;color:var(--blue);background:var(--tint);padding:15px 20px;border-radius:10px;margin:18px 0;overflow-wrap:anywhere}.reason{font-size:16px;font-style:normal;font-family:Arial,sans-serif;display:block;color:var(--muted)}.callout{border-left:3px solid var(--orange);padding:12px 16px;background:#f9f0e5;line-height:1.7;margin-top:24px}.slider-row{margin-top:23px}.slider-row label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:600;line-height:1.5}.slider-row input{width:100%;accent-color:var(--blue);margin:17px 0;min-height:30px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.notice{border:1px dashed #b2bed0;border-radius:12px;padding:16px 20px;font-size:14px;line-height:1.7;margin-top:26px;color:var(--muted)}.tabs{display:flex;gap:12px;margin:25px 0}.tabs a{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.tabs a[aria-current=page]{background:var(--blue);color:#fff}.tabs a .zh{font-size:14px;color:inherit;margin-top:2px}.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.topic .primary{margin-top:8px}.topic p{font-size:16px}.topic h2{font-size:23px}.topic-number{font-size:14px;color:var(--blue);display:block;margin-bottom:15px}footer{max-width:1192px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.proof summary{cursor:pointer;color:var(--blue);font-weight:600;line-height:1.5}.proof p{margin:16px 0 0}
@media(max-width:800px){.lesson-layout{grid-template-columns:1fr}.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-aside{display:none}.catalog{gap:18px}.chapter-card{padding:23px}.chapter-card h2{font-size:26px}footer{margin:0 24px}.year{max-width:125px;line-height:1.6;text-align:right}}
@media(max-width:550px){.site-header{height:70px;padding:0 18px}.brand{font-size:17px}.year{font-size:12px;letter-spacing:0;max-width:95px}.mark{width:30px;height:30px;font-size:27px}main{padding:26px 18px}.catalog,.topics{grid-template-columns:1fr}.chapter-card{padding:24px}.intro{margin-bottom:25px}h1{letter-spacing:-.7px}.panel{padding:20px}.tabs{gap:8px}.tabs a{padding:12px;font-size:15px}.formula{font-size:23px;padding:14px}.figure-label{flex-wrap:wrap}footer{font-size:12px;line-height:1.5}.diagram svg text{font-size:23px}.chapter-figure{height:150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.section-block{margin-top:38px;border-top:1px solid var(--line);padding-top:30px}.section-heading h2{margin-bottom:7px}.section-heading p{margin-bottom:18px}.section-block .topics{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.example-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.example-links>span{font-size:14px;color:var(--muted);margin-right:8px}.example-links a{border:1px solid var(--line);border-radius:7px;background:white;padding:9px 13px}.source-note{font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0 0}.learning-note{display:flex;gap:30px;justify-content:space-between;align-items:center;margin:38px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-note>div{max-width:700px}.learning-note h2{font-size:23px;margin-bottom:8px}.learning-note p{margin-bottom:0}.learning-note>a{flex-shrink:0}.library summary{cursor:pointer;line-height:1.5;font-weight:600}.library>p{margin-top:18px;font-size:14px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-grid>div{padding:15px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:8px;font-size:15px}.library-grid .meta{color:var(--muted);font-size:11px;letter-spacing:1px}.speed{display:flex;align-items:center;gap:8px;font-size:14px}.speed select{padding:9px 8px;border:1px solid var(--line);background:white;border-radius:8px;max-width:100px}.reason-box{border-radius:9px;background:var(--tint);padding:15px;color:var(--blue);font:18px/1.6 Georgia,serif}.related{margin-top:25px}.quick-check{margin-top:25px}.quick-check h2{font-size:23px}.choices{display:flex;flex-wrap:wrap;gap:12px}.correct,.try-again{padding:15px;border-radius:8px;margin:18px 0 0;line-height:1.6}.correct{background:#e4efe6;color:#2b5738}.try-again{background:#f9eee3;color:#874c20}#feedback:empty{display:none}.example-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.example-top h1{margin-bottom:9px}.example-picker{max-width:430px;min-width:200px;font-size:13px;color:var(--muted);display:block;flex:1}.example-picker select{display:block;width:100%;margin-top:8px;padding:13px 35px 13px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--card);font-size:15px}.example-nav{display:flex;justify-content:space-between;margin:12px 0 22px;gap:20px;font-size:14px}.example-nav span{color:var(--muted)}.example-layout{align-items:start}.question{font-size:17px;line-height:1.8}.figure-button{display:block;width:100%;border:1px solid var(--line);background:white;border-radius:12px;margin-top:20px;padding:14px}.figure-button img{display:block;max-width:100%;width:auto;height:auto;max-height:300px;margin:auto;object-fit:contain}.figure-button span{display:block;text-align:right;color:var(--blue);font-size:12px;margin-top:8px}.question-panel .proof{margin-top:22px}.mode-switch{display:flex;padding:4px;background:#e8edf3;border-radius:11px;gap:3px;margin-bottom:25px}.mode-switch button{border:0;border-radius:8px;background:transparent;padding:12px 10px;font-size:15px;flex:1;line-height:1.5;color:var(--muted)}.mode-switch button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 2px 5px #1a304515;font-weight:700}#coach-body h2{font-size:24px}.full-solution{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.full-solution summary{cursor:pointer;font-weight:600;color:var(--blue);line-height:1.6}.solution-step{display:flex;gap:13px;margin-top:24px}.solution-step>div{min-width:0;flex:1}.step-number{flex:0 0 27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-size:13px;margin-top:3px}.math{font:22px/1.65 Georgia,"Times New Roman",serif;overflow-wrap:anywhere;margin-bottom:7px}.solution-step .reason{font:14px/1.6 Arial,sans-serif;background:var(--tint);border-radius:5px;padding:6px 9px;margin-bottom:9px}.solution-step .zh{font-size:15px;margin-bottom:0}.answer{font:21px/1.6 Georgia,serif;border-left:3px solid var(--blue);padding:12px 16px;background:var(--tint);margin-top:22px;overflow-wrap:anywhere}.step-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted)}progress{height:7px;max-width:40%;accent-color:var(--blue)}.coach-actions{margin-top:27px}.text-button{border:0;background:none;color:var(--blue);padding:12px;font-size:14px;min-height:44px}.related-concepts{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;display:flex;flex-direction:column;gap:10px;font-size:14px}.related-concepts>span{color:var(--muted);font-size:12px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.reason-grid h2{font-size:22px}dialog{border:1px solid var(--line);border-radius:16px;padding:20px;width:min(850px,95vw);max-height:94vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#15273b9e}dialog form{text-align:right}dialog img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;min-width:min(600px,100%);object-fit:contain;margin:auto}dialog p{margin:12px 0}.site-header{gap:12px}footer{font-size:12px}.formula small{font-size:15px}.topic h3{margin-bottom:10px}.topic .zh{min-height:28px}.question-panel{position:sticky;top:20px}
@media(max-width:1000px){.learning-note{display:block}.learning-note>a{margin-top:20px}.intro-aside{max-width:240px}.intro h1{font-size:39px}}
@media(max-width:800px){.question-panel{position:static}.example-top{align-items:flex-start}.example-top h1{font-size:32px}.reason-grid{grid-template-columns:1fr}}
@media(max-width:550px){.example-top{display:block}.example-picker{max-width:none;width:100%;margin:18px 0}.library-grid{grid-template-columns:1fr}.intro h1{font-size:34px}.learning-note{margin:26px 0;padding:24px 0}.section-block{margin-top:30px}.mode-switch button{font-size:14px;padding:10px 7px}.coach-actions{gap:8px}.coach-actions .primary,.coach-actions .secondary{font-size:14px;padding:10px 12px}.math{font-size:21px}.panel{padding:19px}.figure-button img{max-height:260px}dialog{padding:14px}.quick-check h2{font-size:21px}.speed{flex-wrap:wrap}.formula{font-size:22px}.choices>button{width:100%;text-align:left;justify-content:start}}
.zoom-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.zoom-toolbar button{font-size:14px;padding:9px 12px}.zoom-area{max-height:70vh;overflow:auto;border:1px solid var(--line);background:white}.zoom-area img{max-height:none;min-width:0;width:100%;max-width:100%;height:auto}.zoom-area.zoomed img{width:200%;max-width:none}