@font-face{font-family:Huninn;src:url('./assets/huninn.woff2') format('woff2');font-display:swap}
:root{--paper:#fbf7ed;--card:#fffdf7;--ink:#25383b;--muted:#607377;--green:#286461;--accent:#397d7b;--line:#cbd8d3;--mist:#e8efea;--coral:#dc755f;font-family:Huninn,'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.8}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--green);text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c89139;outline-offset:4px}::selection{background:#c8dbcf}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--green);line-height:1.45}h1{font-size:clamp(32px,4.7vw,52px);margin-bottom:20px}h2{font-size:27px}h3{font-size:21px}p{margin-bottom:16px}img{max-width:100%;height:auto}button{border:0}button,summary{line-height:1.6}[hidden]{display:none!important}
.site-header{max-width:1240px;padding:24px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;flex-wrap:wrap}.brand strong{font-size:24px;letter-spacing:.05em}.brand span{font-size:13px;color:var(--muted);padding-left:20px;border-left:1px solid var(--line)}.site-header nav{display:flex;gap:24px;font-size:14px}.site-header nav a{text-decoration:none}main{width:min(1080px,calc(100% - 56px));margin:0 auto;padding:48px 0 60px;min-height:65vh}.eyebrow{color:var(--coral);font-size:14px;font-weight:700;margin-bottom:16px}.lead{font-size:22px;line-height:1.8;max-width:680px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px;align-items:center;padding:16px 0 45px}.intro-copy>p{max-width:690px}.intro-figure{margin:0;text-align:center}.intro-figure img{width:270px}.intro-figure figcaption{font-size:14px;color:var(--muted);margin-top:8px}.intro-facts{display:flex;flex-wrap:wrap;gap:0;margin:27px 0 30px;color:var(--muted);font-size:14px}.intro-facts span{padding:0 18px;border-right:1px solid var(--line)}.intro-facts span:first-child{padding-left:0}.intro-facts span:last-child{border-right:0}.primary,.secondary,.plain-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:8px;padding:13px 25px;font-size:17px;text-decoration:none;min-height:50px}.primary{background:var(--green);color:var(--card)}.primary:hover{background:#1f5350}.secondary{border:1px solid var(--line);background:var(--card)}.secondary:hover{border-color:var(--accent)}.plain-button{padding:8px 0;background:none;font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:5px}.intro-details,.reference-note{border-top:1px solid var(--line);padding:32px 0 12px}.intro-points{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.intro-points li{display:grid;gap:10px}.intro-points strong{font-size:20px;color:var(--green)}.intro-points span{color:var(--muted)}.quiet-note{font-size:15px;color:var(--muted);margin:25px 0 0}.reference-note{margin-top:26px}.reference-note h2{font-size:23px}.reference-note>p{max-width:800px}.reference-note details{font-size:15px;color:var(--muted);margin-top:22px}.reference-note summary{cursor:pointer;color:var(--green);margin-bottom:12px}.source-links{display:flex;flex-wrap:wrap;gap:8px 22px}.resume-link{margin-top:12px}.document-footer{position:relative;text-align:center;min-height:150px;padding:26px 20px 72px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.52));isolation:isolate;font-size:13px}.document-footer p{margin:0 0 3px}.document-footer img{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);height:7.5mm;width:auto}.document-footer a{color:var(--ink)}.noscript{text-align:center;padding:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);padding:12px 22px;background:var(--ink);color:var(--card);border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}
.quiz-shell{max-width:900px;margin:auto}.quiz-progress-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.progress-track{height:4px;background:var(--line);margin:12px 0 35px;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .15s}.question-heading h1{font-size:clamp(28px,3.3vw,38px);margin:8px 0 14px;max-width:780px}.question-heading .eyebrow{font-size:13px;margin-bottom:8px}.question-context{color:var(--muted);max-width:780px;margin-bottom:27px;font-size:17px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.option{position:relative;display:flex;align-items:center;gap:18px;min-height:145px;padding:24px 23px;border:1px solid var(--line);border-radius:11px;background:var(--card);text-align:left}.option:hover{border-color:var(--accent)}.option.selected{border:2px solid var(--accent);background:var(--mist);padding:23px 22px}.option-icon{flex-shrink:0;width:56px;height:56px;color:var(--accent)}.option-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.option-copy{min-width:0;display:block}.option-title{display:block;font-size:19px;line-height:1.65;padding-right:14px}.option-explanation{display:block;font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px}.choice-indicator{position:absolute;right:13px;top:13px;font-size:12px;color:var(--accent);width:19px;height:19px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.selected .choice-indicator{background:var(--accent);border-color:var(--accent);color:var(--card)}.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}.question-help{text-align:center;font-size:14px;color:var(--muted);margin-top:25px}.answer-nav{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 25px}.answer-nav button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:var(--card);font-size:13px}.answer-nav button.answered{background:var(--mist);border-color:var(--accent);color:var(--green)}.answer-nav button.current{outline:2px solid var(--accent);outline-offset:2px}.review-heading h1{font-size:36px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.name-fields label{display:grid;gap:8px;font-size:15px}.name-fields input,textarea{width:100%;padding:11px 13px;border:1px solid #b8cbc3;border-radius:6px;background:var(--card);font-size:17px}.name-fields small{color:var(--muted);font-size:13px}.review-list{border-top:1px solid var(--line)}.review-row{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.review-row-number{flex:0 0 25px;color:var(--coral);font-size:14px}.review-row-text{flex:1;min-width:0}.review-row-text strong{display:block;font-size:17px;font-weight:400}.review-row-text p{font-size:15px;color:var(--muted);margin:6px 0 0}.review-row .plain-button{flex-shrink:0;margin-top:-4px}.form-error{color:#9d473b;font-size:15px;margin:8px 0 0}.review-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.report-header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:32px}.report-header h1{font-size:clamp(30px,4vw,44px)}.report-meta{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 24px}.report-summary{font-size:19px;color:var(--green);margin:22px 0 0;line-height:1.9}.report-tools{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 10px}.report-tools button{font-size:15px;padding:10px 17px}.report-note{background:var(--mist);padding:17px 21px;border-left:3px solid var(--accent);font-size:15px;margin:25px 0 35px}.report-dimension{margin:38px 0;padding-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.dimension-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px}.dimension-heading span{color:var(--coral);font-size:13px}.dimension-heading h2{margin:0;font-size:26px}.dimension-summary{font-size:17px;margin:0 0 20px}.preference-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 30px;margin-bottom:23px}.preference-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:6px}.bar-track{height:7px;background:#e1e7df;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#89aaa0}.bar-fill.top{background:var(--accent)}.preference-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.preference-card{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px}.preference-card h3{font-size:20px;margin:0 0 15px}.preference-card dl{margin:0}.preference-card dt{font-size:14px;color:var(--accent);margin-top:15px}.preference-card dd{margin:4px 0 0;font-size:16px;line-height:1.85}.evidence-link{font-size:13px;color:var(--muted);margin:15px 0 0}.report-plan{padding:24px 28px;background:var(--mist);border-radius:9px;margin:32px 0}.report-plan ol{padding-left:25px;margin-bottom:8px}.report-plan li{padding:5px 0 9px}.report-plan strong{display:block;color:var(--green)}.reflection{margin:35px 0}.reflection label{display:block;margin-bottom:8px}.reflection small{display:block;color:var(--muted);font-size:14px;margin-top:8px}.reflection textarea{min-height:100px;resize:vertical}.reflection .field{margin:22px 0}.teacher-note{border-top:1px solid var(--line);margin:35px 0;padding-top:26px}.teacher-note h2{font-size:26px}.teacher-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;margin:23px 0}table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.8}caption{text-align:left;padding:15px;background:var(--mist);font-size:16px}th,td{text-align:left;vertical-align:top;padding:14px 17px;border-bottom:1px solid var(--line)}th{background:var(--mist);font-weight:400;color:var(--green)}tr:last-child td{border-bottom:0}.teacher-table{min-width:690px}.teacher-table td:first-child{width:140px}.teacher-table td:nth-child(2){width:165px}.answer-details{margin:28px 0}.answer-details>summary{font-size:20px;color:var(--green);cursor:pointer}.submission-panel{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:25px;margin:25px 0}.submission-panel h3{margin-bottom:10px}.submission-panel p{font-size:15px;color:var(--muted)}.submission-actions{display:flex;gap:13px;flex-wrap:wrap}.submission-actions button{font-size:15px}.answer-code{margin-top:18px}.answer-code summary{font-size:14px;cursor:pointer;color:var(--green)}.answer-code textarea{font-family:ui-monospace,monospace;font-size:12px;min-height:115px;margin-top:12px;overflow-wrap:anywhere}.report-ending{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}
@media(max-width:820px){.intro{grid-template-columns:1fr 180px;gap:24px}.intro-figure img{width:180px}.intro-points{gap:22px}.lead{font-size:20px}.site-header .brand{gap:12px}.brand span{padding-left:12px}.site-header nav{gap:18px}}
@media(max-width:620px){body{font-size:16px}.site-header{padding:18px 20px;gap:15px;align-items:flex-start}.brand{display:block}.brand strong{font-size:21px}.brand span{display:block;padding:0;border:0;font-size:11px;margin-top:3px}.site-header nav{gap:14px;font-size:12px;padding-top:5px}main{width:calc(100% - 40px);padding:30px 0 40px}.intro{grid-template-columns:1fr;gap:12px;padding-top:0}.intro h1{font-size:36px}.intro-figure{display:flex;justify-content:center;align-items:center;gap:20px}.intro-figure img{width:120px}.intro-figure figcaption{max-width:160px;text-align:left;font-size:13px}.intro-copy .lead{font-size:20px}.intro-facts{font-size:12px;row-gap:9px;margin:20px 0 24px}.intro-facts span{padding:0 10px}.intro-points{grid-template-columns:1fr;gap:24px}.intro-points li{gap:5px}.intro-points strong{font-size:19px}.intro-points span{font-size:16px}.intro-details h2{font-size:25px}.option-grid{grid-template-columns:1fr}.option{min-height:112px;padding:20px 18px;gap:16px}.option.selected{padding:19px 17px}.option-title{font-size:18px}.option-icon{width:44px;height:44px}.option-explanation{font-size:14px}.question-context{font-size:16px;margin-bottom:22px}.question-heading h1{font-size:28px}.progress-track{margin-bottom:26px}.quiz-controls .primary,.quiz-controls .secondary{padding:11px 20px;font-size:16px}.name-fields{grid-template-columns:1fr;gap:14px}.review-row{gap:10px}.review-row-number{flex-basis:20px}.review-row .plain-button{font-size:13px}.review-heading h1{font-size:31px}.report-header h1{font-size:32px}.report-summary{font-size:16px;margin:23px 0 0}.report-summary>div{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:5px 0}.report-summary dt{color:var(--muted)}.report-summary dd{margin:0}.report-summary dd{overflow-wrap:anywhere}@media(max-width:620px){.report-summary>div{grid-template-columns:1fr;gap:0;padding:7px 0}.report-summary dt{font-size:13px}.report-summary dd{font-size:16px}}.preference-bars{gap:15px 18px}.preference-bar-label{font-size:13px}.dimension-heading h2{font-size:23px}.preference-card{padding:18px}.report-plan{padding:21px 20px}.submission-panel{padding:20px}.report-tools{gap:10px}.report-tools button{font-size:14px;padding:10px 13px}.report-meta{font-size:13px}.dimension-summary{font-size:16px}}
.question-navigation{margin-top:28px;color:var(--muted);font-size:14px}.question-navigation>summary{cursor:pointer}.answer-nav button{width:44px;height:44px}.print-reflection{display:none}.evidence-link .plain-button{min-height:36px;padding:0 3px;font-size:13px}.report-summary{font-size:16px;margin:23px 0 0}.report-summary>div{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:5px 0}.report-summary dt{color:var(--muted)}.report-summary dd{margin:0}.report-summary dd{overflow-wrap:anywhere}@media(max-width:620px){.report-summary>div{grid-template-columns:1fr;gap:0;padding:7px 0}.report-summary dt{font-size:13px}.report-summary dd{font-size:16px}}.teacher-table td p:last-child{margin-bottom:0}.skip-link{position:absolute;left:12px;top:-100px;z-index:10;background:var(--card);padding:12px}.skip-link:focus{top:10px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{@page{size:A4;margin:16mm 14mm}body{background:#fbf7ed;font-size:11pt;color:#25383b;-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-header nav,.report-tools,.submission-panel,.report-ending,.quiz-controls,.toast,.no-print{display:none!important}.site-header{padding:0 0 8mm}.brand span{font-size:9pt}main{width:100%;padding:8mm 0 0}.report-header h1{font-size:25pt}.report-header{margin-bottom:7mm}.report-summary{font-size:12pt}.report-meta,.report-note{font-size:9pt}.report-dimension{margin:8mm 0;padding-bottom:7mm;break-inside:avoid}.preference-bars{gap:4mm 7mm}.preference-card{box-shadow:none;break-inside:avoid}.preference-card dd,.dimension-summary{font-size:10pt}.preference-card dt{font-size:9pt}.preference-bar-label{font-size:9pt}.dimension-heading h2{font-size:17pt}.report-plan{break-inside:avoid}.report-plan li{font-size:10pt}.teacher-table-wrapper{overflow:visible}.teacher-table{min-width:0}table{font-size:9pt}th,td{padding:3mm}thead{display:table-header-group}tr{break-inside:avoid}.reflection{display:none}.print-reflection{display:block}.answer-details{display:block}.answer-details>summary{font-size:15pt}.document-footer{background:linear-gradient(180deg,transparent,rgba(0,0,0,.52));min-height:30mm;padding-bottom:17mm;break-inside:avoid}.document-footer img{height:7.5mm}.document-footer p,.document-footer a{font-size:9pt}a{color:inherit}.intro{display:block}.intro-figure{display:none}}
@media print{
 .report-summary>div{grid-template-columns:50mm 1fr;gap:5mm;padding:1mm 0}.report-summary dt,.report-summary dd{font-size:10pt}
 .report-dimension{break-inside:auto}.preference-details{display:block}.preference-card{display:grid;grid-template-columns:30mm 1fr;gap:2mm 4mm;padding:4mm;margin:0 0 3mm;break-inside:avoid}.preference-card h3{font-size:11pt;margin:0}.preference-card dl{display:grid;grid-template-columns:24mm 1fr;gap:2mm 3mm}.preference-card dt,.preference-card dd{margin:0;font-size:9pt;line-height:1.6}.preference-card .evidence-link{grid-column:2;margin:0;font-size:8pt}.evidence-link .plain-button{min-height:0;padding:0;font-size:8pt}.review-row{padding:3mm 0;break-inside:avoid}.review-row-text strong{font-size:10pt}.review-row-text p{font-size:9pt;line-height:1.6;margin:1.5mm 0 0}.question-navigation{display:none}
}