:root{--canvas:#fff;--primary:#171714;--secondary:#77746d;--border:#e7e5df;--subtle:#fafaf8;--cta:#1c1c19;--danger:#9a3b2e;--font-latin:"Cormorant Garamond", "Noto Serif TC", serif;--font-serif:"Noto Serif TC", "Songti TC", serif;--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--radius:2px;--ease:.22s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--primary);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.65}h1,h2,h3,p,ul,ol,dl,dd,fieldset,legend{margin:0;padding:0;font-weight:400}fieldset{border:0;min-width:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit;font-weight:400}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:1px solid var(--primary);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{height:68px;padding:0 var(--s3);border-bottom:1px solid var(--border);align-items:center;display:flex}.wordmark{font-family:var(--font-latin);letter-spacing:.02em;align-items:center;min-height:44px;font-size:22px;text-decoration:none;display:inline-flex}.page{max-width:680px;padding:var(--s4) var(--s3) var(--s8);margin:0 auto;animation:.26s both fade-in}.page--wide{max-width:1120px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.site-footer{max-width:680px;padding:var(--s3);border-top:1px solid var(--border);color:var(--secondary);gap:var(--s2);flex-wrap:wrap;margin:0 auto;font-size:12px;display:flex}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.eyebrow{color:var(--secondary);letter-spacing:.04em;font-size:13px}.title{font-family:var(--font-serif);letter-spacing:.02em;margin-top:var(--s1);font-size:27px;line-height:1.4}.lede{color:var(--secondary);margin-top:var(--s2)}.section{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border)}.section-heading{color:var(--secondary);letter-spacing:.04em;font-size:13px}.section-title{font-family:var(--font-serif);margin-top:var(--s1);font-size:21px;line-height:1.5}.note{color:var(--secondary);font-size:13px}.latin{font-family:var(--font-latin);letter-spacing:.04em}.btn{justify-content:center;align-items:center;gap:var(--s1);min-height:52px;padding:0 var(--s3);border-radius:var(--radius);border:1px solid var(--cta);background:var(--cta);color:var(--canvas);letter-spacing:.06em;transition:opacity var(--ease), transform var(--ease), background var(--ease);font-size:15px;text-decoration:none;display:inline-flex}.btn:active{opacity:.85;transform:scale(.985)}.btn[disabled],.btn[aria-disabled=true]{opacity:.35;cursor:not-allowed}.btn--block{width:100%;display:flex}.btn--ghost{color:var(--primary);border-color:var(--border);background:0 0}.btn--ghost:active{background:var(--subtle)}.link-btn{padding:0 var(--s1);min-height:44px;color:var(--secondary);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);transition:color var(--ease);background:0 0;border:0;align-items:center;font-size:14px;display:inline-flex}.link-btn:active,.link-btn:hover{color:var(--primary)}.link-btn[disabled]{opacity:.35;cursor:not-allowed}.home-meta{margin-top:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:var(--s1);color:var(--secondary);font-size:14px;display:grid}.home-actions{margin-top:var(--s4);gap:var(--s1);justify-items:center;display:grid}.progress{color:var(--secondary);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.progress-count{font-family:var(--font-latin);letter-spacing:.08em;color:var(--primary);font-size:16px}.progress-track{margin-top:var(--s1);background:var(--border);height:1px}.progress-fill{background:var(--primary);height:1px;transition:width .3s}.question{margin-top:var(--s6);animation:.24s both fade-in}.question-text{font-family:var(--font-serif);letter-spacing:.01em;font-size:21px;line-height:1.6}.options{margin-top:var(--s4);gap:var(--s1);display:grid}.option{align-items:flex-start;gap:var(--s2);width:100%;min-height:56px;padding:var(--s2);text-align:left;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), background var(--ease), transform var(--ease);line-height:1.6;display:flex}.option:active{background:var(--subtle);transform:scale(.99)}.option[aria-checked=true]{border-color:var(--primary);background:var(--subtle)}.option-letter{font-family:var(--font-latin);color:var(--secondary);flex:none;width:16px;font-size:17px}.option[aria-checked=true] .option-letter{color:var(--primary)}.option-text{flex:1}.option-dot{width:6px;height:6px;transition:background var(--ease);background:0 0;border-radius:50%;flex:none;margin-top:9px}.option[aria-checked=true] .option-dot{background:var(--primary)}.unsure-row{margin-top:var(--s1);justify-content:center;display:flex}.unsure[aria-checked=true]{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.quiz-nav{margin-top:var(--s6);padding-top:var(--s2);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.quiz-nav .btn{min-width:132px}.notice{margin-top:var(--s4);padding:var(--s3);background:var(--subtle);border:1px solid var(--border);border-radius:var(--radius)}.notice-title{font-family:var(--font-serif);font-size:18px}.notice-list{margin-top:var(--s2);gap:var(--s2);display:grid}.notice-list p{color:var(--secondary);font-size:14px}.result-code{margin-top:var(--s1);align-items:baseline;gap:var(--s1);flex-wrap:wrap;font-size:17px;display:flex}.result-code .latin{font-size:20px}.result-expect{color:var(--secondary);font-size:14px}.result-summary{margin-top:var(--s3);color:var(--primary)}.character{margin:var(--s6) 0 var(--s4);justify-items:center;gap:var(--s1);display:grid}.character img{object-fit:contain;background:0 0;width:auto;max-width:100%;height:208px}.character-fallback{padding:var(--s3) 0;font-family:var(--font-serif);text-align:center;font-size:17px}.character-label{color:var(--secondary);letter-spacing:.04em;font-size:13px}.spectrums{gap:var(--s3);display:grid}.spectrum-labels{justify-content:space-between;gap:var(--s2);color:var(--secondary);font-size:13px;display:flex}.spectrum-labels [data-active=true]{color:var(--primary)}.spectrum-track{height:20px;margin:0 5px;position:relative}.spectrum-track:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:-5px;right:-5px}.spectrum-tick{background:var(--border);width:1px;height:7px;margin-top:-3px;position:absolute;top:50%}.spectrum-marker{background:var(--primary);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%}.spectrum-marker[data-soft=true]{background:var(--canvas);border:1px solid var(--primary)}.spectrum-hint{color:var(--secondary);text-align:center;font-size:12px}.points{margin-top:var(--s2);gap:var(--s2);display:grid}.points li{gap:var(--s1);grid-template-columns:24px 1fr;display:grid}.points .latin{color:var(--secondary);font-size:16px}.result-actions{margin-top:var(--s4);justify-content:center;gap:var(--s3);flex-wrap:wrap;display:flex}.cta-block .btn{margin-top:var(--s3)}.cta-block .note{margin-top:var(--s2)}.toast{left:50%;bottom:var(--s4);padding:12px var(--s3);background:var(--cta);color:var(--canvas);border-radius:var(--radius);z-index:10;max-width:calc(100vw - 48px);font-size:14px;animation:.2s both fade-in;position:fixed;transform:translate(-50%)}.style-row{margin-top:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:baseline;gap:var(--s2);flex-wrap:wrap;font-size:14px;display:flex}.style-row .latin{font-size:20px}.form{margin-top:var(--s4);gap:var(--s4);display:grid}.field{gap:var(--s1);display:grid}.field-label{font-size:15px}.required{color:var(--danger);margin-left:4px}.field-hint{color:var(--secondary);font-size:13px}.field-error{color:var(--danger);font-size:13px}.input,.select,.textarea{width:100%;min-height:52px;padding:12px var(--s2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease);appearance:none;font-size:16px}.textarea{resize:vertical;min-height:104px;line-height:1.6}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23171714' stroke-width='1'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.input::placeholder,.textarea::placeholder{color:#a3a09a}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none}[aria-invalid=true].input,[aria-invalid=true].select,[aria-invalid=true].textarea{border-color:var(--danger)}.grid-2{gap:var(--s1);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--s1);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--s1);grid-template-columns:repeat(4,1fr);display:grid}.mini-label{color:var(--secondary);font-size:13px}.chips{gap:var(--s1);flex-wrap:wrap;display:flex}.chip{min-height:48px;padding:0 var(--s2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), background var(--ease), transform var(--ease);font-size:15px}.chip:active{transform:scale(.98)}.chip[aria-pressed=true],.chip[aria-checked=true]{border-color:var(--primary);background:var(--subtle)}.chips--even{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.check{gap:var(--s1);cursor:pointer;grid-template-columns:24px 1fr;align-items:start;min-height:44px;font-size:14px;display:grid}.check input{appearance:none;border:1px solid var(--secondary);border-radius:var(--radius);background:var(--canvas);cursor:pointer;place-content:center;width:20px;height:20px;margin:2px 0 0;display:grid}.check input:checked{border-color:var(--primary);background:var(--primary)}.check input:checked:after{content:"";border-left:1px solid var(--canvas);border-bottom:1px solid var(--canvas);width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.form-nav{gap:var(--s1);justify-items:center;display:grid}.summary{gap:var(--s1);font-size:14px;display:grid}.summary div{gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--border);grid-template-columns:96px 1fr;display:grid}.summary dt{color:var(--secondary)}.summary dd{overflow-wrap:anywhere}.form-error{padding:var(--s2);border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:14px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.prose h2{font-family:var(--font-serif);margin-top:var(--s4);font-size:18px}.prose p,.prose ul{margin-top:var(--s1);color:var(--primary)}.prose ul{padding-left:20px;list-style:outside}.table-wrap{margin-top:var(--s3);border:1px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.table th,.table td{text-align:left;padding:12px var(--s2);border-bottom:1px solid var(--border);font-weight:400}.table th{color:var(--secondary);background:var(--subtle)}@media (width>=720px){.page{padding-top:var(--s6)}.title{font-size:28px}}@media (width<=380px){.grid-4{grid-template-columns:1fr 1fr}}.admin-login{max-width:360px}.admin-actions,.admin-message{margin-top:var(--s3)}.note--center{text-align:center}.step-label{margin-left:var(--s2)}.dup-tag{margin-left:var(--s1);border:1px solid var(--primary);border-radius:var(--radius);padding:0 6px;font-size:12px;line-height:20px;display:inline-block}.spectrum-title{color:var(--primary);margin-bottom:4px;font-size:13px}