:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#152d4c;background:#eef5fb;font-synthesis:none;--blue:#1564de;--line:#dbe5ee;--muted:#5e7189;--ink:#152d4c;--paper:#fffef7}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0a700;outline-offset:4px}a{color:var(--blue)}.skip-link{position:absolute;top:-80px;z-index:99;background:white;padding:12px}.skip-link:focus{top:0}.site-header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;text-decoration:none;color:var(--ink)}.brand-mark{background:var(--blue);color:white;padding:3px 10px;box-shadow:3px 3px 0 #0a3b87;font-family:monospace;font-weight:900;font-size:27px}.brand-en{font-size:10px;letter-spacing:1.5px;margin-left:8px;color:var(--muted)}.edition{font-size:13px;border:1px solid #b8cde5;padding:5px 11px;border-radius:30px;color:var(--muted)}main{max-width:1040px;margin:12px auto 0;outline:none}.welcome{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #153c6a0b}.adventure{background:#8ec9fb;min-height:620px;padding:45px 35px;position:relative;background-size:cover;background-position:62% center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#174880}h1{font-size:42px;line-height:1.3;letter-spacing:-1px;margin:18px 0;color:#102f54}h2{font-size:24px;line-height:1.5;margin:0}p{line-height:1.65}.adventure p{color:#174880;font-weight:650}.welcome-content{padding:32px}.section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}.section-heading p{font-size:14px;color:var(--muted);margin:5px 0 0}.step-number{background:#fff0b3;color:#6f5200;padding:7px;font-family:monospace;font-size:17px;font-weight:bold}.optional{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px}label{display:block;margin:17px 0 8px;font-size:15px;font-weight:650}input,select{width:100%;padding:12px 14px;border:1px solid #c9d7e5;border-radius:8px;background:white;color:var(--ink);font-size:16px;min-height:48px}.test-summary{background:#f2f7fc;border-left:3px solid #83afea;padding:12px 15px;font-size:14px;line-height:1.6;margin:20px 0;color:#3d5b7c}.primary,.secondary,.quiet{min-height:48px;padding:12px 22px;font-weight:700;border-radius:9px;font-size:16px}.primary{background:var(--blue);border:1px solid var(--blue);color:white;box-shadow:0 4px 0 #0b439a}.primary:hover{background:#1059ca}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #0b439a}.secondary{border:1px solid #c4d4e5;background:white;color:var(--ink)}.quiet{background:transparent;border:0;color:var(--muted);font-weight:500}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.small-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:20px}.site-footer{max-width:1040px;margin:24px auto;padding-bottom:25px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}#notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#16375c;color:white;border-radius:10px;max-width:90vw;z-index:40} @media(max-width:740px){.site-header{padding:20px}.brand{font-size:20px}.brand-en{display:none}main{margin:0 16px}.welcome{grid-template-columns:1fr}.adventure{min-height:195px;padding:22px;background-position:center 45%}h1{font-size:29px;margin:10px 0}.adventure p{font-size:14px;margin:10px 0}.eyebrow{font-size:10px}.welcome-content{padding:24px 20px}.site-footer{margin:20px;padding-bottom:10px;flex-direction:column;gap:6px}h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.workspace{background:white;border:1px solid var(--line);border-radius:12px;padding:28px 38px;max-width:780px;margin:auto;box-shadow:0 15px 45px #153c6a08}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-top .quiet{padding-left:0}.tag{background:#eaf3ff;color:#1b58a5;font-size:14px;font-weight:700;padding:7px 13px;border-radius:7px}.muted{color:var(--muted);font-size:15px}.kicker{font-size:12px;letter-spacing:1.5px;color:#6782a1;font-weight:700}.device-content{padding:20px 15px}.device-content h1{font-size:30px;letter-spacing:0}.device-block{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.device-block h2{font-size:20px}.device-block p{font-size:15px;color:var(--muted);margin:8px 0 15px}.mini-step{font-family:monospace;background:#eaf3ff;color:#1564de;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;font-size:18px}.checkline{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400}.checkline input{width:18px;height:18px;min-height:0;accent-color:var(--blue)}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--blue)}svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.progress-track{height:8px;background:#e9eff6;border-radius:9px;overflow:hidden;margin:20px 0 0}.progress-track span{height:100%;display:block;background:#2b82e8;border-radius:9px;transition:width .2s}.question-body{padding:30px 5px 20px;min-height:380px}.question-kicker{display:flex;justify-content:space-between;align-items:center;gap:15px}.text-button{display:inline-block;padding:8px 4px;background:none;border:0;color:#577397;font-size:14px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:#1459b5}.question-title{font-size:28px;line-height:1.6;letter-spacing:0;margin:22px 0;white-space:normal;overflow-wrap:anywhere}.listen-control{min-width:210px;background:#f0f7ff;border-color:#aacaf1;min-height:57px}.answer-area{margin-top:28px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:16px 18px;border:2px solid #e0e8f1;border-radius:10px;background:white;color:var(--ink);font-size:18px;min-height:67px;line-height:1.5}.option:hover{background:#f7faff;border-color:#bad1ec}.option.selected{background:#edf5ff;border-color:#2c7bdb}.option-letter{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f0f4f8;color:#6a7f99;flex-shrink:0;font:600 14px system-ui}.selected .option-letter{background:#2677dc;color:white}.option-check{margin-left:auto;color:#2677dc;visibility:hidden}.selected .option-check{visibility:visible}.picture-option{font-size:42px;line-height:1.4}.color-swatch{width:80px;height:48px;border-radius:6px;border:1px solid #0001}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px}.skip-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 25px;padding-top:20px}.passage{background:#f6f9fc;border-left:3px solid #97b9df;padding:22px;font-size:19px;line-height:1.9}.speech-body{text-align:center;padding:34px 0 30px}.speech-sentence{font-size:32px;font-weight:700;line-height:1.6;margin:26px 0;overflow-wrap:anywhere}.record-hint{margin:30px 0 14px;color:var(--muted);font-size:15px}.record-button{border:0;border-bottom:5px solid #117678;border-radius:12px;background:#0c9c9b;color:white;display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:68px;min-width:235px;padding:15px 25px;font-size:21px;font-weight:750}.record-button svg{width:27px;height:27px}.record-button.is-recording{background:#c43f48;border-bottom-color:#8e2631}.stop-icon{width:17px;height:17px;border-radius:3px;background:white}#playback{display:grid;justify-content:center;gap:5px;margin-top:15px}audio{width:100%;max-width:310px;height:44px}.speech-disclaimer{padding:0 8px}.report-workspace{max-width:100%;padding:40px 48px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-heading h1{font-size:30px;letter-spacing:0;margin:10px 0;overflow-wrap:anywhere}.report-stamp{font-size:14px;background:#e6f8ef;color:#217052;padding:10px 16px;white-space:nowrap;border-radius:8px}.report-intro{border-left:4px solid #7eb0eb;background:#f1f7fd;padding:18px 22px;margin-top:28px}.report-intro h2{font-size:21px}.report-intro p{font-size:15px;color:var(--muted);margin:8px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:25px 0;border-bottom:1px solid var(--line)}.stat-grid>div{padding:10px 20px;border-right:1px solid var(--line)}.stat-grid>div:last-child{border:0}.stat-grid strong{font-size:34px;display:block;color:#185dab}.stat-grid small{font-size:19px;font-weight:500;color:var(--muted)}.stat-grid span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.report-section{margin-top:30px}.report-section h2{font-size:22px}.dimension-list{display:grid;grid-template-columns:1fr 1fr;gap:25px 32px;margin-top:22px}.dimension-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}.dimension-title span{font-size:13px;color:var(--muted)}.bar-track{background:#edf2f7;height:9px;border-radius:9px;margin-top:12px;overflow:hidden}.bar-track>div{height:100%;background:#3581d9;border-radius:9px}.dimension p{font-size:13px;color:var(--muted);margin:8px 0 0}.recommendation{border-bottom:1px solid var(--line);padding:16px 0}.recommendation p{margin:8px 0;color:var(--muted);font-size:15px}.recording-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.recording-row p{font-size:16px;margin:8px 0}.recording-row .no-print{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.recording-row audio{max-width:260px}.report-actions{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.report-actions button{margin-right:10px;margin-bottom:10px}.report-foot{font-size:12px;line-height:1.8;color:var(--muted);margin:30px 0 0}.answer-review summary{cursor:pointer;color:#326294;font-weight:600;padding:12px 0}.review-item{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;overflow-wrap:anywhere}.review-item p{font-size:14px;color:var(--muted);margin-bottom:0}
@media(max-width:740px){.workspace{padding:20px 18px}.device-content{padding:18px 0}.device-content h1{font-size:27px}.device-block{gap:12px}.question-body{padding:25px 0 20px;min-height:340px}.question-title{font-size:23px;margin:20px 0}.question-kicker .kicker{font-size:11px}.option{font-size:17px;padding:12px;gap:12px}.picture-option{font-size:34px}.passage{font-size:18px;padding:16px}.question-actions .primary{padding:12px 17px}.speech-sentence{font-size:28px}.speech-body{padding:25px 0}.report-workspace{padding:25px 20px}.report-heading{align-items:flex-start}.report-heading h1{font-size:25px}.report-stamp{font-size:12px;padding:7px}.stat-grid{gap:0}.stat-grid>div{padding:5px 9px}.stat-grid strong{font-size:27px}.stat-grid small{font-size:16px}.stat-grid span{font-size:12px;line-height:1.5}.dimension-list{grid-template-columns:1fr;gap:22px}.recording-row{flex-direction:column;align-items:stretch;gap:10px}.recording-row .no-print{align-items:flex-start}.report-actions button{width:100%;margin:5px 0}.report-intro{padding:16px}.report-intro h2{font-size:19px}}
@page{size:A4;margin:16mm} @media print{body{background:white;color:#172b45;font-size:11pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-header,.site-footer,.no-print,#notice,.skip-link{display:none!important}main{max-width:none;margin:0}.workspace{border:0;box-shadow:none;padding:0;max-width:none}.report-heading h1{font-size:23pt}.report-section h2{font-size:16pt}.report-heading,.report-intro,.stat-grid,.dimension,.recommendation,.recording-row{break-inside:avoid}.dimension-list{grid-template-columns:1fr 1fr}.report-section{margin-top:20px}.report-section h2{break-after:avoid}.report-section p,.report-intro p{font-size:10pt}.report-foot{font-size:9pt}.recording-row{padding:12px 0}.report-stamp{border:1px solid #c8dfd3}.report-actions{display:none}.dimension-title span{font-size:9pt}}
.adventure{background-image:url('assets/adventure.png');background-size:auto 280px;background-repeat:no-repeat;background-position:right bottom;background-color:#87cafa}
@media(max-width:740px){.adventure{background-size:auto 230px;background-position:72% bottom;background-color:#8ecffa}.adventure h1{max-width:230px;text-shadow:0 1px 8px #a3dbff}.adventure .eyebrow{display:none}}
@media print{html{background:white}.dimension{min-width:0}.dimension-title{flex-wrap:wrap;gap:4px}.report-section:has(.recording-list){break-before:page}}
@media print{:root{background:#fff!important}}