:root{--bg:#fff7ed;--card:#ffffff;--text:#292524;--muted:#78716c;--line:#f0e2d3;--primary:#ea580c;--primary-ink:#ffffff;--active-bg:#fff1e6;--active-line:#ea580c;--shadow:0 6px 24px rgba(120,60,10,0.08);--hero1:#fb923c;--hero2:#f43f5e}@media (prefers-color-scheme:dark){:root{--bg:#1c1512;--card:#262019;--text:#f5efe9;--muted:#a8a29e;--line:#3a2f26;--primary:#fb923c;--primary-ink:#1c1512;--active-bg:#33261c;--active-line:#fb923c;--shadow:0 6px 24px rgba(0,0,0,0.4);--hero1:#ea580c;--hero2:#be123c}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}:root{--ad-h:0px}:root[data-ads=on]{--ad-h:108px}.screen{min-height:calc(100dvh - var(--ad-h));max-width:560px;margin:0 auto;padding:clamp(14px,3vh,22px) 18px calc(clamp(14px, 3vh, 22px) + 22px);display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2.4vh,20px)}.quizScreen,.resultScreen{height:calc(100dvh - var(--ad-h));overflow:hidden}.quizScreen{justify-content:flex-start}.quizScreen .card{flex:1 1;display:flex;flex-direction:column;min-height:0}.autofitBox{flex:1 1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.autofitInner{width:100%;transform-origin:center center}.resultScreen{justify-content:flex-start}.card{background:var(--card);border-radius:20px;padding:clamp(20px,3.2vh,28px) clamp(18px,5vw,24px);box-shadow:var(--shadow)}.appFooter{bottom:calc(var(--ad-h) + 6px);text-align:center;font-size:12px;letter-spacing:.05em;color:var(--muted);opacity:.6;pointer-events:none}.adBanner,.appFooter{position:fixed;left:0;right:0}.adBanner{bottom:0;height:var(--ad-h);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);border-top:1px solid var(--line);z-index:20}.adBanner .adsbygoogle{display:inline-block;width:320px;height:100px;max-width:100%}.quizHeader{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:15px;font-weight:700;color:var(--primary);background:var(--active-bg);border:1px solid var(--line);border-radius:999px;letter-spacing:.02em}.quizHeader svg{width:16px;height:16px}.topbar{display:flex;flex-direction:column;gap:8px}.progressTrack{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,var(--hero1),var(--primary));border-radius:999px;transition:width .3s ease}.counter{font-size:14px;color:var(--muted);text-align:right}.qNumber{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--primary);letter-spacing:.04em}.qText{margin:0 0 clamp(18px,3.5vh,28px);font-size:clamp(18px,4.6vw,22px);font-weight:600;line-height:1.5}.options{display:flex;flex-direction:column;gap:clamp(9px,1.5vh,12px)}.scaleOption{display:flex;align-items:center;gap:14px;width:100%;padding:clamp(11px,1.8vh,15px) 16px;font-size:clamp(16px,4.2vw,18px);text-align:left;color:var(--text);background:var(--card);border:2px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .05s ease}.scaleNum{flex:0 0 auto;width:clamp(30px,5vh,36px);height:clamp(30px,5vh,36px);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#7c2d12}.scaleOption:first-child .scaleNum{background:#ffedd5}.scaleOption:nth-child(2) .scaleNum{background:#fed7aa}.scaleOption:nth-child(3) .scaleNum{background:#fdba74}.scaleOption:nth-child(4) .scaleNum{background:#fb923c;color:#fff}.scaleOption:hover{border-color:var(--active-line)}.scaleOption:active{transform:scale(.99)}.optionActive{border-color:var(--active-line);background:var(--active-bg);font-weight:600}.navbar{display:flex;justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:16px;font-weight:600;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:opacity .15s ease,transform .05s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:default}.btnPrimary{background:var(--primary);color:var(--primary-ink)}.btnGhost{background:transparent;color:var(--muted)}.introCard{text-align:center}.introTitle{margin:0 0 16px;font-size:28px}.introText{margin:0 0 20px;color:var(--muted);font-size:16px;text-align:left}.introMeta{margin:0 0 24px;color:var(--muted);font-size:14px}.introCard .btn{width:100%}.resultCard{padding:0;overflow:hidden;animation:pop .35s ease}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.scoreHero{padding:clamp(24px,4.5vh,40px) 24px clamp(20px,3.5vh,32px);text-align:center;color:#fff;background:linear-gradient(135deg,var(--hero1),var(--hero2))}.scoreLabel{margin:0 0 4px;font-size:15px;opacity:.9}.scoreNumber{margin:0;font-size:clamp(44px,12vw,60px);font-weight:800;line-height:1}.scoreMax{font-size:clamp(18px,4.5vw,24px);font-weight:600;opacity:.85}.scorePct{margin:6px 0 0;font-size:14px;opacity:.9}.resultBody{padding:clamp(18px,3vh,26px) clamp(20px,5vw,24px) clamp(20px,3.5vh,30px)}.subscales{display:flex;flex-direction:column;gap:clamp(12px,2.4vh,18px);margin-bottom:clamp(16px,3vh,24px)}.barTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.barName{font-weight:600}.barName,.barScore{font-size:clamp(15px,4vw,17px)}.barScore{font-weight:700}.barMax{font-size:13px;font-weight:500;color:var(--muted)}.barTrack{height:10px;background:var(--line);overflow:hidden}.barFill,.barTrack{border-radius:999px}.barFill{height:100%;transition:width .5s ease}.note{margin:0 0 clamp(18px,3vh,24px);font-size:clamp(13px,3.6vw,15px);color:var(--muted);text-align:left}.resultBody .btn{width:100%}