:root{--quiz-ink:#202536;--quiz-muted:#687184;--quiz-line:#e7e9ed;--quiz-soft:#f7f8f6;--quiz-accent:#728457;--quiz-accent-soft:#edf1e6;--quiz-track:#d8dce2;--quiz-white:#fff;--quiz-focus:rgba(114,132,87,.25)}
.quiz-page{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:48px 0 76px;color:var(--quiz-ink);font:16px/1.65 system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.quiz-intro{margin:0 0 30px}.quiz-kicker{margin:0 0 7px;color:var(--quiz-accent);font-size:13px;font-weight:700;letter-spacing:.08em}.quiz-intro h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.3}.quiz-intro>p:last-child{max-width:730px;margin:12px 0 0;color:var(--quiz-muted);font-size:15px}
.quiz-progress{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;color:var(--quiz-muted);font-size:14px}.quiz-progress strong{color:var(--quiz-ink)}.progress-track{height:6px;overflow:hidden;border-radius:99px;background:#eceef0;margin:0 0 24px}.progress-fill{height:100%;border-radius:inherit;background:var(--quiz-accent);transition:width .2s ease}
.quiz-group-title{margin:0 0 6px;font-size:21px;line-height:1.4}.quiz-instruction{margin:0 0 18px;color:var(--quiz-muted);font-size:14px}.quiz-card{padding:20px 22px 17px;margin:0 0 12px;border:1px solid var(--quiz-line);border-radius:12px;background:var(--quiz-white);box-shadow:0 3px 12px rgba(30,38,48,.035)}.quiz-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px}.quiz-question{margin:0;font-size:16px;font-weight:700;line-height:1.5}.quiz-value{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:42px;height:32px;padding:0 9px;border:1px solid #dce2d2;border-radius:8px;background:#f7f9f4;color:#495637;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.quiz-answer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.05fr) minmax(0,1fr);align-items:center;gap:18px}.quiz-side{margin:0;color:#394253;font-size:14px;line-height:1.55}.quiz-side.left{text-align:right}.quiz-side.right{text-align:left}.quiz-range-area{min-width:0;padding:0 7px}.quiz-range-wrap{position:relative;height:30px;display:flex;align-items:center}.quiz-range-wrap:before{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:1px;background:#aab0ba;z-index:0}.quiz-range{position:relative;z-index:1;width:100%;height:30px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:pan-y}.quiz-range::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:var(--quiz-track)}.quiz-range::-moz-range-track{height:4px;border-radius:99px;background:var(--quiz-track)}.quiz-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px;border:3px solid white;border-radius:50%;background:var(--quiz-accent);box-shadow:0 1px 5px rgba(25,35,20,.28);appearance:none;-webkit-appearance:none}.quiz-range::-moz-range-thumb{width:16px;height:16px;border:3px solid white;border-radius:50%;background:var(--quiz-accent);box-shadow:0 1px 5px rgba(25,35,20,.28)}.quiz-range:focus-visible{outline:none}.quiz-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--quiz-focus),0 1px 5px rgba(25,35,20,.28)}.quiz-scale{display:flex;justify-content:space-between;align-items:center;margin-top:1px;color:#7b8290;font-size:12px;font-variant-numeric:tabular-nums}.quiz-scale .zero{color:#4b5361;font-weight:700}
.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border:0;border-radius:6px;background:var(--quiz-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.quiz-btn:hover{filter:brightness(.95)}.quiz-btn.secondary{border:1px solid #cfd4dc;background:white;color:var(--quiz-ink)}.quiz-message{margin:18px 0 0;padding:14px 16px;border-left:3px solid #bdc8aa;border-radius:0 7px 7px 0;background:#eef1eb;color:#5d6653;font-size:14px}.quiz-message.error{border-color:#b84b4b;background:#fff3f3;color:#7b2f2f}.quiz-loading{padding:22px;border:1px solid var(--quiz-line);border-radius:10px;color:var(--quiz-muted)}
@media(max-width:720px){.quiz-page{width:calc(100% - 36px);padding:34px 0 50px}.quiz-intro{margin-bottom:24px}.quiz-intro>p:last-child{font-size:14px}.quiz-card{padding:16px 15px 14px;border-radius:10px}.quiz-question{font-size:15px}.quiz-answer-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "range range";align-items:stretch;gap:10px 12px}.quiz-side{padding:9px 10px;border-radius:7px;background:var(--quiz-soft);font-size:13px;line-height:1.5}.quiz-side.left{grid-area:left;text-align:left}.quiz-side.right{grid-area:right;text-align:left}.quiz-range-area{grid-area:range;grid-column:1/-1;padding:0 5px;margin-top:1px}.quiz-actions{position:static;bottom:auto;padding:0;background:transparent;border-radius:0;box-shadow:none}.quiz-btn{min-height:46px;padding:10px 17px}}
@media(max-width:380px){.quiz-page{width:calc(100% - 22px)}.quiz-card{padding:14px 11px 12px}.quiz-answer-row{gap:9px}.quiz-side{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.quiz-page *, .quiz-page *:before,.quiz-page *:after{scroll-behavior:auto!important;transition:none!important}}