:root{--bg:#f4f5f7;--card:#ffffff;--text:#1a1a1a;--muted:#6b7280;--line:#e5e7eb;--primary:#2563eb;--primary-ink:#ffffff;--active-bg:#eff6ff;--active-line:#2563eb;--shadow:0 4px 20px rgba(0,0,0,0.06)}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#1a1d24;--text:#f3f4f6;--muted:#9ca3af;--line:#2a2f3a;--primary:#3b82f6;--primary-ink:#ffffff;--active-bg:#1e293b;--active-line:#3b82f6;--shadow:0 4px 20px rgba(0,0,0,0.4)}}*{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{height:calc(100dvh - var(--ad-h));overflow:hidden;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}.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: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(10px,1.6vh,12px)}.option{width:100%;padding:clamp(13px,2vh,18px) 20px;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}.option:hover{border-color:var(--active-line)}.option: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%}.resultScreen{height:calc(100dvh - var(--ad-h));overflow:hidden;justify-content:flex-start}.resultCard{padding:0;overflow:hidden;text-align:center;animation:pop .35s ease}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.resultHero{padding:clamp(28px,5vh,44px) 24px clamp(24px,4vh,36px);color:#fff}.resultBadge{width:clamp(84px,15vh,120px);height:clamp(84px,15vh,120px);margin:0 auto clamp(10px,2vh,16px);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.2);animation:bounce .6s ease}.resultBadge svg{width:62%;height:62%}@keyframes bounce{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.resultLabel{margin:0 0 6px;font-size:15px;opacity:.9}.resultTitle{margin:0;font-size:clamp(26px,6vw,34px);font-weight:800;letter-spacing:.02em}.resultBody{padding:clamp(20px,3.5vh,28px) clamp(20px,5vw,24px) clamp(22px,3.5vh,32px)}.resultDesc{margin:0 0 clamp(18px,3vh,28px);font-size:clamp(15px,4vw,17px);text-align:left}.resultBody .btn{width:100%}