:root{--paper:#f4f1e8;--ink:#242820;--muted:#73776c;--line:#d5d6ca;--orange:#c95029;--green:#e6e9dc;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.7}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0}header{height:92px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:12px;font-size:21px}.mark{background:var(--ink);color:var(--paper);width:35px;height:35px;text-align:center;font-size:23px;font-weight:400}.brand-en{font:9px/1.3 sans-serif;letter-spacing:.15em;max-width:92px;font-weight:600;border-left:1px solid var(--line);padding-left:12px}.header-right{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.05em}.icon-button{background:transparent;border:1px solid var(--ink);padding:9px 16px;font-size:12px}.hero{max-width:1440px;margin:auto;min-height:610px;padding:70px 6% 64px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}.eyebrow{font:10px/1.6 sans-serif;letter-spacing:.15em;font-weight:600;display:flex;align-items:center;gap:10px}.tiny-line{height:1px;width:26px;background:var(--orange)}h1{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(42px,4.9vw,76px);line-height:1.35;letter-spacing:-.04em;font-weight:600;margin:26px 0 22px}.accent{color:var(--orange)}.hero-lede{font-size:16px;color:#64685e;line-height:1.9;margin:0 0 30px}.primary{background:var(--ink);color:var(--paper);padding:14px 20px;text-decoration:none;display:inline-flex;gap:55px;font-size:13px}.primary:hover{background:var(--orange)}.hero-meta{display:flex;gap:20px;margin-top:32px;font-size:10px;color:var(--muted)}.hero-meta span+span{border-left:1px solid var(--line);padding-left:20px}.hero-art{height:420px;background:#e2e6d8;position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cdd3c266 1px,transparent 1px),linear-gradient(90deg,#cdd3c266 1px,transparent 1px);background-size:44px 44px}.art-title{position:absolute;left:25px;top:25px;font-size:11px;letter-spacing:.04em}.orbit{position:absolute;width:240px;height:240px;border:1px solid #7d8970;border-radius:50%;left:calc(50% - 120px);top:90px;mix-blend-mode:multiply}.orbit-one{transform:translate(-60px,0);background:#a8b99722}.orbit-two{transform:translate(60px,0);background:#d4784c22;border-color:#ba7751}.orbit-three{transform:translate(0,-35px);background:#d8e0ca44}.center-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 8px #c9502915}.axis{position:absolute;background:#a3ad9755}.axis-v{height:290px;top:70px;width:1px;left:50%}.axis-h{width:90%;left:5%;height:1px;top:50%}.art-label{position:absolute;font-size:9px;letter-spacing:.08em;z-index:1;background:#e2e6d8;padding:4px}.label-one{left:7%;top:54%}.label-two{right:9%;top:54%}.label-three{left:41%;top:20%}.art-footer{position:absolute;bottom:20px;left:25px;right:25px;border-top:1px solid #b9c0ae;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.evidence-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:30px;padding:18px 6%;font-size:12px}.evidence-note strong{white-space:nowrap}.evidence-note span{color:#62675c}.evidence-note a{margin-left:14px;color:var(--orange)}.paths,.source-section{padding:64px 6%;max-width:1440px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font-family:"Noto Serif TC","Songti TC",serif;font-size:30px;font-weight:500;line-height:1.5;margin:13px 0 0}.section-top p{font-size:12px;color:var(--muted)}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path-card{background:#e5e8dd;border:1px solid #d0d5c5;text-align:left;padding:28px 32px;color:var(--ink);transition:transform .2s}.path-card:hover{transform:translateY(-4px)}.path-top{display:flex;align-items:center;gap:20px}.path-number{font-family:Georgia,serif;font-size:27px;color:#747c69}.course-tag{font-size:9px;letter-spacing:.12em}.arrow{margin-left:auto;font-size:23px}.path-card h3{font-family:"Noto Serif TC",serif;font-size:34px;font-weight:500;margin:24px 0 12px}.path-card p{font-size:14px;color:#626b58;margin:0 0 32px;line-height:1.9}.path-bottom{padding-top:18px;border-top:1px solid #c9cebf;display:flex;justify-content:space-between;gap:15px;font-size:10px}.path-bottom strong{white-space:nowrap}.dark{background:#303a30;color:#f1f0e5;border-color:#303a30}.dark p,.dark .path-number{color:#bdc6b7}.dark .path-bottom{border-color:#566050}.teaching-note{margin:0 6% 30px;border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.teaching-note>.eyebrow{grid-column:1/-1}.teaching-note h2{margin:0}.teaching-note p{margin-top:0;font-size:14px;color:#62675c}.steps{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:11px;margin:25px 0 15px}small{font-size:11px;color:var(--muted)}.source-section{border-top:1px solid var(--line);margin-top:60px}.source-section h2{font-size:25px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.source-item{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.source-item p{font-size:11px;color:var(--muted);margin:6px 0}.source-item a{text-decoration:none;border-bottom:1px solid #b7bcac}.fact-box{background:var(--green);padding:20px;font-size:13px;margin-bottom:22px}.fact-box p{margin:7px 0}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.class-top{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.text-button{background:transparent;font-size:12px}.course-switch{display:flex;padding:4px;background:#e5e6dc}.course-switch button{font-size:12px;padding:8px 20px;background:transparent}.course-switch .active{background:var(--white);box-shadow:0 1px 4px #0001}.class-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;margin:45px auto 70px;padding:0 6%;max-width:1300px}.class-layout aside{position:sticky;top:25px;align-self:start}.class-layout aside h2{font-size:27px;margin:12px 0 23px}.progress-track{height:3px;background:#d9dcce}.progress-track>div{height:100%;background:var(--orange);transition:width .3s}.muted{color:var(--muted);font-size:11px}.class-layout nav{display:flex;flex-direction:column;margin:26px 0}.class-layout nav button{background:transparent;text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;font-size:12px;display:flex;align-items:center;gap:12px;color:#6a7061}.class-layout nav button.active{background:#e5e9db;border-left:3px solid var(--orange);color:var(--ink);font-weight:700}.nav-num{font-size:10px;color:#8a907f}.sidebar-note{font-size:11px;color:var(--muted)}.lesson-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:30px}.lesson-head h1{font-size:38px;line-height:1.5;margin:15px 0}.lesson-head p{font-size:15px;color:#656c5b;max-width:680px}.lesson-head .eyebrow{color:var(--orange)}.body-copy{font-size:15px;line-height:1.95}.body-copy h3{font-size:19px;font-weight:600;margin:30px 0 13px}.goals{list-style:none;padding:0;counter-reset:goal}.goals li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:14px}.goals li:before{counter-increment:goal;content:'0' counter(goal);font:21px Georgia;color:var(--orange)}.callout{padding:24px;background:var(--green);margin:25px 0}.callout-label{font-size:10px;letter-spacing:.12em;font-weight:700;color:#6e775e;margin-bottom:10px}.callout p{margin:0;font-size:14px;line-height:1.95}.teacher-note{border:1px solid #ccd2bf;padding:16px 20px;margin:25px 0;background:#edf0e6}.teacher-note summary{cursor:pointer;font-size:12px;font-weight:bold}.teacher-note .answer{font-size:13px;padding-top:12px;white-space:pre-line}.activity{background:var(--white);padding:24px;border-left:3px solid var(--orange);margin:25px 0}.activity h3{margin-top:0}.activity p{font-size:14px;white-space:pre-line}.notes-label{display:block;font-size:12px;margin:25px 0 7px}textarea{width:100%;min-height:110px;border:1px solid #cdd2c2;background:var(--white);padding:15px;font:14px/1.8 inherit;resize:vertical}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:23px;border-top:1px solid var(--line)}.lesson-bottom button{font-size:12px;padding:12px 20px}.next{background:var(--ink);color:var(--white)}.prev{background:transparent;color:var(--muted)}.sim-panel{background:#e5e9dd;padding:28px;margin:25px 0}.sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 35px}.range-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px;gap:15px}.range-label output{font-weight:700;color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}.sim-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.stat{background:var(--white);padding:20px}.stat .value{font:34px Georgia,serif;margin:8px 0;color:var(--ink)}.stat .label{font-size:11px;color:#737c67}.sim-insight{border-top:1px solid #c4cbb8;margin-top:22px;padding-top:18px;font-size:13px}.bar-track{height:22px;background:#d5dcc9;margin:12px 0 20px}.bar-fill{height:100%;background:#77896b;transition:width .2s}.formula{font-size:12px;background:var(--white);padding:18px;line-height:1.9;overflow-wrap:anywhere}.quiz-item{padding:25px 0;border-bottom:1px solid var(--line)}.quiz-item h3{font-size:15px;margin:0 0 16px}.quiz-options{display:grid;gap:9px}.quiz-option{background:var(--white);border:1px solid var(--line);padding:12px 15px;text-align:left;font-size:13px}.quiz-option:hover{border-color:#7c8870}.quiz-option.correct{background:#e3ecd8;border-color:#7f9b67}.quiz-option.wrong{background:#f4dfd4;border-color:#c47c5a}.quiz-feedback{font-size:13px;margin-top:15px;padding:13px 16px;background:var(--green)}.quiz-score{padding:20px;background:var(--ink);color:var(--white);font-size:14px;margin-top:25px}.rubric{padding:0;list-style:none}.rubric li{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.schedule{display:grid;gap:10px;margin:25px 0}.schedule button{text-align:left;background:var(--white);padding:17px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.schedule button:hover{background:var(--green)}.schedule span{font-size:11px;color:var(--muted);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;z-index:10}.print-hint{margin:20px 0;font-size:12px;color:var(--muted)}#printContent{display:none}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-left:70px;padding-right:70px}}@media(max-width:950px){.hero{gap:30px;padding:55px 5%;min-height:560px}.hero-art{height:370px}.hero h1{font-size:51px}.hero-meta{gap:10px}.hero-meta span+span{padding-left:10px}.class-layout{gap:30px;padding:0 4%;grid-template-columns:190px minmax(0,1fr)}.path-card{padding:22px}.path-bottom{flex-direction:column}.header-right>span{display:none}}@media(max-width:680px){header{height:74px;margin:0 5%}.brand{font-size:18px}.brand-en{display:none}.icon-button{padding:7px 10px;font-size:10px}.hero{grid-template-columns:1fr;padding:40px 6% 35px;gap:38px}.hero h1{font-size:48px;margin-top:20px}.hero-lede{font-size:14px}.hero-art{height:320px}.orbit{width:200px;height:200px;left:calc(50% - 100px);top:70px}.orbit-one{transform:translate(-45px,0)}.orbit-two{transform:translate(45px,0)}.orbit-three{transform:translate(0,-25px)}.art-title{font-size:10px}.label-three{left:38%}.evidence-note{flex-direction:column;gap:7px;font-size:11px;padding:18px 6%}.evidence-note a{display:inline-block;margin-left:0}.section-top{display:block;margin-bottom:24px}.section-top h2{font-size:26px}.paths,.source-section{padding:40px 6%}.path-grid{grid-template-columns:1fr;gap:17px}.path-card{padding:25px}.path-card h3{font-size:30px}.path-card p{font-size:13px;margin-bottom:25px}.path-bottom{flex-direction:row;font-size:9px}.teaching-note{grid-template-columns:1fr;gap:23px;padding-top:32px}.teaching-note h2{font-size:28px}.source-list{grid-template-columns:1fr}.source-section{margin-top:35px}.source-section h2{font-size:24px}footer{flex-wrap:wrap;gap:15px}footer .brand{width:100%}.class-top{padding:18px 5%;flex-wrap:wrap;gap:18px}.class-top #teacherToggle{font-size:11px}.course-switch{order:3;width:100%}.course-switch button{width:50%}.class-layout{display:block;margin:25px auto 45px;padding:0 6%}.class-layout aside{position:static}.class-layout aside h2{font-size:22px;margin:7px 0 15px}.class-layout nav{display:flex;flex-direction:row;overflow:auto;margin:18px 0 28px;gap:5px;padding-bottom:7px}.class-layout nav button{white-space:nowrap;border:1px solid var(--line);padding:9px 12px;font-size:11px}.class-layout nav button.active{border-left:1px solid var(--orange);background:var(--green)}.nav-num{display:none}.sidebar-note{display:none}.lesson-head h1{font-size:30px}.lesson-head p{font-size:14px}.body-copy{font-size:14px}.callout,.activity,.sim-panel{padding:19px}.sim-controls{grid-template-columns:1fr;gap:20px}.sim-results{gap:10px}.stat{padding:14px}.stat .value{font-size:28px}.range-label{font-size:11px}.lesson-bottom button{padding:10px 15px}.lesson-bottom{gap:8px}.source-section>.section-top>.muted{display:block;margin-top:15px}}@media print{body{background:#fff;color:#000;font-size:11pt}header,main,footer{display:none!important}#printContent{display:block!important}#printContent h1{font-size:25pt}#printContent h2{font-size:19pt;margin-top:25pt}#printContent h3{font-size:14pt}#printContent p,#printContent li{font-size:11pt}#printContent .print-section{break-before:page}#printContent .print-section:first-child{break-before:auto}#printContent .print-line{height:45pt;border-bottom:1px solid #aaa}a{color:#000;text-decoration:none}.teacher-answer{background:#eee;padding:10pt} @page{size:A4;margin:18mm}}