:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,sans-serif;color:#203c32;background:#f5f4ef;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:1px solid #d6ddd5;background:transparent;border-radius:8px;padding:11px 18px;color:#214b3d;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#e9eee6}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #be6c3b;outline-offset:4px}header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;border-bottom:1px solid #dce0d7}.brand{font-size:17px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{font-size:13px;letter-spacing:1px;font-weight:500}.edition{font-size:12px;color:#68796d}main{max-width:1200px;margin:auto;padding:48px 32px}.eyebrow,.section-label,.field-label{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#687c6d}.intro{margin-bottom:36px}.intro h1{font-size:clamp(32px,4vw,46px);font-weight:650;line-height:1.3;letter-spacing:1px;margin:16px 0}.intro h1 br{display:none}.intro p{color:#6a776d;font-size:14px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.practice{background:#fffefa;border:1px solid #dce2d8;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #203c3205;display:flex;flex-direction:column}.welcome,.question,.summary{padding:36px 40px;flex:1}.welcome h2{font-size:42px;line-height:1.3;font-weight:550;letter-spacing:-1px;margin:26px 0}.welcome p{max-width:440px;color:#657166;font-size:15px}.reading-order{display:flex;gap:18px;margin:28px 0 34px;font-size:12px;color:#647a67}.primary{background:#204d3c;color:#fff;border-color:#204d3c;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 23px;font-weight:600}.primary:hover:not(:disabled){background:#133627}.welcome small{display:block;margin-top:16px;font-size:12px;color:#748075}.speech-status{padding:13px 40px;background:#eff3eb;color:#5a6e58;font-size:12px;min-height:45px}.settings{padding:24px;background:#ecefe6;border-radius:12px}.settings h3{font-size:20px;font-weight:600;margin:7px 0 20px}.settings label{display:block;font-size:12px;margin:17px 0;color:#425947}.settings label strong{float:right}.settings .toggle{display:flex;justify-content:space-between;align-items:center}.toggle input{accent-color:#204d3c;width:18px;height:18px}input[type=range]{width:100%;display:block;margin:12px 0;accent-color:#204d3c}select{width:100%;padding:9px 8px;margin-top:7px;border:1px solid #cbd4c5;border-radius:6px;background:#f8faf5;color:#314e3a;font-size:12px}.settings small{font-size:11px;color:#677660;display:block}.exam-note{padding:27px 4px 20px;border-bottom:1px solid #d7ddd1}.exam-note h3{font-size:16px;font-weight:600;margin:12px 0}.exam-note p{font-size:13px;color:#6e796d}.source{font-size:11px;color:#697565}.bank-count{display:flex;align-items:center;gap:20px;padding:20px 4px}.bank-count strong{font-size:45px;font-weight:400;line-height:1.2}.bank-count span{font-size:12px;color:#647460}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:21px}.muted{color:#96a18f;font-size:14px}.progress{height:3px;background:#e5e9de;margin:18px 0 30px}.progress>div{height:100%;background:#42694a;transition:width .2s}.exercise-meta{font-size:12px;color:#647760}.exercise-meta span{color:#7c8876}.exercise{margin:27px 0}.exercise h2{font-size:clamp(26px,3.5vw,40px);font-weight:550;line-height:1.2;margin:12px 0;overflow-wrap:anywhere;letter-spacing:-.7px}.field-label{font-size:10px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px 0;border-top:1px solid #e3e6dc;border-bottom:1px solid #e3e6dc}.answer-grid p{font-size:17px;line-height:1.8;margin:10px 0 0}.audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.audio-actions button{font-size:12px;padding:9px 12px}.next-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.pace{font-size:11px;color:#7c8976;text-align:right}.note{font-size:12px;color:#956036;background:#f8f0e5;padding:12px;border-radius:6px}.summary h2{font-size:28px}.summary>p{font-size:14px;color:#6b7867}.summary ol{padding:0;list-style:none;counter-reset:exercise;margin:25px 0}.summary li{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #e3e6dc;counter-increment:exercise}.summary li:before{content:counter(exercise,decimal-leading-zero);font-size:12px;color:#7b8974}.summary li div{flex:1}.summary li strong{font-size:14px}.summary li small{display:block;color:#6c7b65;font-size:12px}.summary li button{padding:6px 10px;font-size:12px}.bank{border-top:1px solid #d7ddd1;margin-top:42px;padding-top:24px}.bank h2{font-size:24px;margin:0 0 12px}.slide-table{margin-top:28px}.slide-table h3{display:flex;justify-content:space-between;gap:12px;font-size:16px;padding:16px;margin:0;background:#e8eee3}.slide-table h3 span{font-size:12px;font-weight:400;white-space:nowrap}.slide-table table{table-layout:fixed;background:#fffefa}.slide-table th:first-child{width:16%}.slide-table th:nth-child(2){width:30%}.slide-table td{overflow-wrap:anywhere}.slide-table th{background:#f0f3eb}.bank>p{font-size:12px;color:#6b7867}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:620px;text-align:left}th,td{padding:16px 14px;border-bottom:1px solid #dce2d5;vertical-align:top}th{color:#6c7d61;font-size:12px}td small{display:block;color:#98643a;font-size:11px;max-width:220px}footer{max-width:1200px;margin:auto;padding:24px 32px;border-top:1px solid #d7ddd1;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7b8773}@media(max-width:800px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bank-count{display:none}.exam-note{border:0}.intro h1 br{display:block}}@media(max-width:520px){header{padding:20px}.edition{display:none}main{padding:30px 20px}.welcome,.question,.summary{padding:26px 22px}.welcome h2{font-size:36px}.reading-order{gap:10px;flex-wrap:wrap;font-size:11px}.speech-status{padding:13px 22px}.answer-grid{grid-template-columns:1fr;gap:20px}.exercise h2{font-size:30px}.next-actions button{padding:12px 15px;gap:16px}aside{grid-template-columns:1fr;gap:0}.exam-note{padding:26px 4px 0}.slide-table h3{flex-wrap:wrap}footer{padding:20px;flex-direction:column;gap:3px}.summary li{gap:9px}}.page-link{color:#214b3d;font-size:13px;text-underline-offset:4px}.exercise-page .bank{margin-top:0;padding-top:0;border-top:0}.exercise-page h1{margin:0 0 12px;font-size:30px}.exercise-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px;background:#ecefe6;border-radius:10px}.exercise-controls label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.exercise-controls input{width:18px;height:18px;accent-color:#204d3c}.exercise-controls>span{font-size:12px;color:#647460}.exercise-controls .speech-status{flex-basis:100%;padding:0;background:transparent;min-height:0}.exercise-name{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.play-exercise{flex-shrink:0;padding:8px 12px;min-width:40px;min-height:40px}.restart-button{width:100%;background:#b84316;border-color:#b84316;color:#fff;font-weight:700;padding:14px 18px}.restart-button:hover:not(:disabled){background:#963510;border-color:#963510}.exercise-image{display:block;margin-top:14px;color:#526c50;text-decoration:none}.exercise-image img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;object-position:left;border:1px solid #dce2d5;border-radius:5px;background:#fff}.exercise-image span{display:block;margin-top:5px;font-size:11px}.slide-table td .missing-image{margin-top:14px;color:#788571}.exercise-image{width:100%;padding:0;border:0;text-align:left}.exercise-image:hover:not(:disabled){background:transparent}.image-modal{max-width:80vw;max-height:80dvh;width:80vw;padding:0;border:0;border-radius:12px;background:#fffefa;color:#203c32;box-shadow:0 20px 70px #0005}.image-modal::backdrop{background:#10231dd9}.image-modal-content{padding:18px}.image-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.image-modal-header h2{font-size:20px;margin:0;overflow-wrap:anywhere}.image-modal-header button{white-space:nowrap}.image-modal-content>img{display:block;max-width:100%;max-height:calc(80dvh - 110px);width:100%;height:calc(80dvh - 110px);object-fit:contain;margin:auto}body:has(.image-modal[open]){overflow:hidden}