:root{color-scheme:light;--fire-red: #b4232a;--fire-red-dark: #8f1d23;--ink: #20242b;--muted: #5e6673;--line: #d8dde5;--surface: #ffffff;--background: #f4f6f8;--focus: #1f6feb}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,rgba(180,35,42,.08),transparent 280px),var(--background);color:var(--ink)}button{font:inherit}.app-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 18px}.screen{align-items:center;display:flex;flex-direction:column;gap:28px;max-width:920px;text-align:center;width:100%}.hidden{display:none}.agency{color:var(--fire-red);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;line-height:1.4;margin:0}h1{font-size:clamp(2rem,6vw,4.75rem);font-weight:900;line-height:1.14;margin:0;max-width:900px}.primary-button,.secondary-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800;justify-content:center;min-height:58px;min-width:min(280px,100%);padding:16px 28px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.primary-button{background:var(--fire-red);color:#fff}.primary-button:hover{background:var(--fire-red-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.primary-button:disabled:hover{background:var(--fire-red);transform:none}.secondary-button{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary-button:hover{border-color:var(--fire-red);color:var(--fire-red);transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible{box-shadow:0 0 0 4px #1f6feb38;outline:3px solid var(--focus);outline-offset:3px}.quiz-screen{gap:24px}.video-frame{aspect-ratio:16 / 9;background:#111827;border:1px solid rgba(32,36,43,.16);box-shadow:0 22px 54px #20242b24;position:relative;width:min(100%,960px)}.video-frame>div,.video-frame iframe{border:0;display:block;height:100%;width:100%}.play-fallback{background:var(--fire-red);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:800;left:50%;min-height:56px;min-width:min(220px,calc(100% - 32px));padding:14px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.play-fallback:hover{background:var(--fire-red-dark)}.play-fallback:focus-visible{box-shadow:0 0 0 4px #ffffff61;outline:3px solid var(--focus);outline-offset:3px}.answer-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px #20242b1a;padding:clamp(26px,5vw,48px);width:min(100%,760px)}.answer-label{color:var(--muted);font-size:1rem;font-weight:800;letter-spacing:0;margin:0 0 12px}h2{font-size:clamp(1.7rem,5vw,3rem);font-weight:900;line-height:1.28;margin:0}.countdown{color:var(--muted);font-size:1.05rem;font-weight:700;margin:-8px 0 0}@media(max-width:560px){.app-shell{padding:24px 14px}.screen{gap:22px}.primary-button,.secondary-button,.video-frame{width:100%}}