:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:#263747;background:#f7f3e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{max-width:1160px;margin:0 auto;padding:0 28px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 22px;border-bottom:1px solid #d9d3c7}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:.04em}.brand small{display:block;color:#77828a;font-size:12px;font-weight:600;margin-top:2px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#244d55;color:white;font-family:serif;font-size:25px}.masthead-right{display:flex;align-items:center;gap:14px}.time-label{font-variant-numeric:tabular-nums;color:#42626b;font-size:14px;font-weight:700}.version{border-radius:99px;padding:7px 12px;background:#e8dfce;color:#715d3c;font-size:12px;font-weight:700}.site-footer{text-align:center;color:#89949a;font-size:12px;padding:38px 0 26px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hero{max-width:820px;margin:46px auto 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#8e7147;font-size:12px;font-weight:800}.hero h1{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(36px,5vw,59px);line-height:1.18;letter-spacing:.02em;margin:17px 0}.hero-lead{font-size:19px;line-height:1.75;color:#55666b;margin:0 0 32px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px}.stat{background:#fff;border:1px solid #e4e1d9;border-radius:15px;padding:20px 22px}.stat strong{display:block;font-size:27px;color:#244d55}.stat span{color:#7a878b;font-size:13px}.card{background:#fff;border:1px solid #e3e0d8;box-shadow:0 14px 35px rgba(48,57,55,.045);border-radius:19px}.start-card{padding:30px}.start-card .action-row{margin-top:17px}.field-label{display:block;font-weight:750;margin-bottom:8px}.name-input{width:100%;max-width:370px;padding:13px 15px;border:1px solid #cdd5d4;border-radius:10px;background:#fcfcfa;color:#263747}.notes{padding-left:20px;color:#56686c;line-height:1.9;margin:23px 0 26px}.notes li{margin-bottom:6px}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.btn{border:1px solid transparent;border-radius:11px;padding:12px 18px;font-weight:750;min-height:47px;transition:transform .12s ease,background .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:#1f565c;color:white}.btn-primary:hover:not(:disabled){background:#17494d}.btn-secondary{background:#edf3f0;color:#20555a;border-color:#dce9e3}.btn-plain{background:white;color:#476067;border-color:#d4ddda}.muted{color:#788689;font-size:13px;line-height:1.7}.test-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding-top:32px}.side-panel{position:sticky;top:18px;align-self:start}.side-inner{padding:22px}.side-title{font-size:13px;font-weight:800;color:#657378;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.progress-track{height:8px;border-radius:99px;background:#e7ece9;overflow:hidden}.progress-fill{height:100%;width:0;background:#4b8d79;transition:width .2s}.progress-text{font-size:13px;color:#667679;margin:10px 0 20px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.number-btn{aspect-ratio:1;border:1px solid #d7e0dd;background:#f7faf8;border-radius:8px;color:#46616a;font-weight:700}.number-btn.current{background:#1f565c;color:white;border-color:#1f565c}.number-btn.answered:not(.current){background:#d9ede1;color:#1f6a58;border-color:#bad9c6}.question-card{padding:39px 43px 30px;min-height:500px}.question-overline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#7e8b8d;font-size:13px;font-weight:700}.lesson-chip{background:#ecf2ee;color:#3d705e;padding:7px 11px;border-radius:99px}.question-card h2{font-size:clamp(21px,3vw,28px);line-height:1.7;font-weight:750;margin:35px 0 23px;white-space:pre-wrap}.answer-label{display:block;font-size:14px;color:#657679;font-weight:750;margin-bottom:9px}.answer-field{width:100%;resize:vertical;min-height:160px;padding:18px 19px;border:1.5px solid #ccd7d3;border-radius:13px;line-height:1.8;background:#fbfdfb;color:#263747;font-size:18px}.answer-field.short{min-height:95px}.answer-field:focus,.name-input:focus{outline:3px solid #c2dfd4;border-color:#438b76}.question-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0ed;margin-top:28px;padding-top:22px}.question-actions{display:flex;gap:10px}.review{max-width:900px;margin:38px auto 0}.review-heading h1,.submitted h1{font-family:"Noto Serif TC","Songti TC",serif;font-size:38px;margin:12px 0}.review-heading p,.submitted p{color:#627278;line-height:1.8}.review-list{display:grid;gap:10px;margin:26px 0}.review-item{width:100%;text-align:left;padding:18px 21px;border:1px solid #e1e5e0;border-radius:12px;background:white;color:#293d44}.review-item:hover{border-color:#6d9e8c}.review-item span{font-size:12px;color:#617a75;font-weight:700}.review-item strong{display:block;margin:7px 0;font-size:16px}.review-item em{font-style:normal;color:#738187;font-size:14px;white-space:pre-wrap}.review-item.blank{border-left:5px solid #dba06c}.notice{padding:16px 19px;background:#f5efe2;border:1px solid #e7dbc5;border-radius:12px;color:#6d5c41;line-height:1.65;margin:20px 0}.submitted{max-width:800px;margin:65px auto 0;padding:42px}.submitted-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#d9ede1;color:#28735e;font-size:27px;font-weight:900}.submitted .notice{margin:27px 0}.submitted .action-row{margin-top:22px}.submission-meta{font-size:14px;color:#7b898b;margin-top:15px}.error{color:#ae493e}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.app-shell{padding:0 16px}.masthead{padding:17px 0}.version{display:none}.hero{margin-top:38px}.hero-lead{font-size:17px}.stats{gap:7px}.stat{padding:15px 12px}.stat strong{font-size:22px}.start-card{padding:22px}.test-layout{grid-template-columns:1fr;gap:13px;padding-top:17px}.side-panel{position:static}.side-inner{padding:14px}.side-title,.progress-text{display:none}.number-grid{grid-template-columns:repeat(12,1fr);gap:4px;margin-top:9px}.number-btn{border-radius:5px;font-size:12px}.question-card{padding:24px 20px 20px;min-height:0}.question-card h2{margin:25px 0 18px}.question-bottom{flex-direction:column;align-items:stretch}.question-actions{justify-content:space-between}.question-actions .btn{flex:1}.submitted{margin:30px auto 0;padding:25px}.review-heading h1,.submitted h1{font-size:31px}}@media(max-width:420px){.brand{font-size:16px}.brand-mark{width:35px;height:35px}.time-label{font-size:12px}.number-grid{grid-template-columns:repeat(6,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}