:root{--green:#214e3c;--deep:#153c2d;--paper:#fff9e9;--ink:#302d24;--muted:#777565;--gold:#c9a655;--red:#a94a36;--line:#ded6ba}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#e7ebdb;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7;background-image:radial-gradient(ellipse at 90% 0,rgba(202,174,98,.18),transparent 50%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(42,76,46,.018) 5px 6px)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{transition:background .18s,transform .18s}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}.top{max-width:1120px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d0b9;gap:16px}.brand{text-decoration:none;color:var(--green);font-family:"STKaiti","KaiTi",serif;font-size:23px;font-weight:700}.top nav{display:flex;gap:20px;align-items:center}.top nav a,.top nav button{font-size:14px;text-decoration:none;background:transparent;border:0;padding:5px 0;color:var(--green)}main{max-width:1030px;padding:0 28px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0 36px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--red);font-weight:700;margin:0 0 13px}h1,h2{font-family:"STKaiti","KaiTi","Songti SC",serif;line-height:1.25;letter-spacing:.02em}h1{font-size:clamp(34px,5vw,52px);margin:0;color:var(--deep)}h1 span{display:block;font-size:19px;color:var(--green);margin-top:16px;font-weight:400;letter-spacing:.08em}.intro-copy{font-size:14px;color:var(--muted);margin:22px 0 0}.chapter{width:180px;flex-shrink:0;aspect-ratio:1;background:var(--green);color:#f3dfac;border-radius:50% 50% 5px 5px;text-align:center;padding:16px;box-shadow:7px 7px 0 #d2d8bf;border:4px double #d7b878;transform:rotate(3deg)}.chapter span{font-family:"STKaiti","KaiTi",serif;font-size:80px;line-height:1.25;display:block}.chapter i{font-size:12px;font-style:normal;letter-spacing:3px}.chapter-line{height:1px;background:#9b9961;margin:10px 10px 0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--green);border-radius:4px 20px 4px 20px;padding:23px 0;color:#fff6da}.stats>div{padding:0 30px;border-right:1px solid #ffffff25}.stats>div:last-child{border:0}.stats span,.stats small{display:block}.stats span{font-size:12px;letter-spacing:.08em;opacity:.8}.stats strong{display:block;font-family:Georgia,"Songti SC",serif;font-size:28px;line-height:1.8;font-weight:400}.stats b{font-weight:400;font-size:34px}.stats em{font-size:15px;font-style:normal;opacity:.8}.stats small{font-size:11px;opacity:.65}#status{min-height:26px;margin:13px 0;font-size:14px;color:var(--green);overflow-wrap:anywhere}#status.error,.error{color:var(--red)}.paper{position:relative;background:var(--paper);border:1px solid #c9c1a4;border-top:4px solid var(--green);border-radius:4px 4px 18px 4px;padding:32px;margin-bottom:24px;box-shadow:0 7px 0 rgba(36,64,36,.05)}h2{font-size:30px;margin:0 0 17px}.paper>p{max-width:70ch}.paper p{font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.seal{display:grid;place-items:center;flex-shrink:0;width:48px;height:52px;color:var(--red);border:2px solid var(--red);font-family:"STKaiti","KaiTi",serif;font-size:28px;transform:rotate(-7deg)}.primary,.secondary{display:inline-block;text-decoration:none;border:1px solid var(--green);border-radius:7px 7px 14px 7px;padding:12px 25px;font-weight:700;line-height:1.5}.primary{background:var(--green);color:#fff7de}.primary:hover{background:var(--deep);transform:translateY(-1px)}.secondary{background:transparent;color:var(--green);font-size:14px}.fine{font-size:12px!important;color:var(--muted)}.task-note{padding-left:13px;border-left:3px solid var(--gold);color:var(--green)}#binding-form{display:grid;gap:12px;max-width:560px}select,input{max-width:100%;border:1px solid #b2b99d;background:#fffdf4;border-radius:7px;padding:12px;color:var(--ink)}select{width:100%}.exercise-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--green);font-weight:700}.timer{font-family:Georgia,serif;font-variant-numeric:tabular-nums;font-size:19px;letter-spacing:.04em}.quiet{border:0;border-left:1px solid var(--line);margin-left:12px;padding-left:14px;background:transparent;color:var(--green)}progress{width:100%;height:7px;border:0;appearance:none;border-radius:10px;margin:17px 0 32px;overflow:hidden;background:#e8e2d0}progress::-webkit-progress-bar{background:#e8e2d0}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}#problem{text-align:center;padding:10px 0 5px}.equation{font-family:Georgia,"Songti SC",serif;font-size:clamp(23px,4vw,38px)!important;line-height:1.6;overflow-wrap:anywhere;margin:24px 0 30px;font-weight:600;font-variant-numeric:tabular-nums}#answer-form{max-width:480px;margin:auto}#answer{width:100%;text-align:center;font-size:25px;padding:13px}#submit-answer{width:100%;margin:3px 0 10px}#answer-error{min-height:24px;margin:8px 0;font-size:13px}#paused{text-align:center;padding:20px 0 30px}.pause-symbol{font-size:48px;color:var(--gold)}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0;padding:20px 0;border-block:1px solid var(--line)}.result-stats small{display:block;color:var(--muted)}.result-stats strong{font:28px/1.8 Georgia,serif;color:var(--green)}.result-message{font-weight:700;color:var(--red)}details{margin-top:30px;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;color:var(--green);font-weight:700}#review-list{padding-left:24px}#review-list li{padding:13px 3px;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}#review-list li.wrong{color:var(--red)}.review-answer{display:block;font-size:12px;color:var(--muted)}.history-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.history-row strong,.history-row small{display:block}.history-row small{color:var(--muted);font-size:12px}footer{font-size:11px;color:var(--muted);text-align:center;margin:32px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.top{padding:18px;align-items:flex-start}.brand{font-size:18px}.top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.top nav a,.top nav button{font-size:12px}main{padding:0 18px}.intro{padding:30px 0;gap:14px}.chapter{width:108px;padding:8px}.chapter span{font-size:48px}.chapter i{font-size:9px;letter-spacing:1px}.chapter-line{margin-top:4px}h1{font-size:32px}h1 span{font-size:14px}.intro-copy{font-size:12px}.stats>div{padding:0 14px}.stats strong{font-size:23px}.stats b{font-size:28px}.stats em{font-size:12px}.stats small{font-size:10px}.paper{padding:23px}.equation{font-size:27px!important}.result-stats{gap:8px}.result-stats strong{font-size:23px}.section-heading{align-items:flex-start}}@media(max-width:380px){.chapter{display:none}.stats>div{padding:0 10px}.stats em{display:block;line-height:1}.stats{padding:17px 0}.stats small{margin-top:12px}.paper{padding:18px}.history-row{align-items:flex-start;flex-direction:column}.result-stats strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
:root .answer-entry{display:flex;gap:10px;align-items:stretch}:root .answer-entry #answer{min-width:0;flex:1;width:0}.voice-button{display:flex;gap:7px;align-items:center;justify-content:center;padding:12px;white-space:nowrap;min-height:54px;font-size:14px;border-radius:9px}.voice-button svg{flex-shrink:0}.voice-button.listening{background:var(--green);color:var(--paper);box-shadow:0 0 0 4px #c9a65544}.voice-status{font-size:13px!important;min-height:24px;margin:8px 0;color:var(--green);overflow-wrap:anywhere}.voice-status.error{color:var(--red)}.voice-help{line-height:1.75}#voice-button:disabled{cursor:not-allowed}@media(max-width:380px){.answer-entry{flex-wrap:wrap}:root .answer-entry #answer{flex-basis:100%;width:100%}.voice-button{width:100%;min-height:44px}}