:root{--bg:#15181e;--text:#f4f1e9;--muted:#9297a1;--red:#bd4b42;--green:#50a86d;--yellow:#efbd4c;--panel:#21252d}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg)}.reaction-app{width:min(94vw,820px);margin:auto;padding:28px 0 48px}nav{display:flex;justify-content:space-between;margin-bottom:35px;color:#6f7580;font-size:12px}nav a{color:var(--text);text-decoration:none}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.eyebrow{margin:0 0 7px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.2em}h1{margin:0;font:700 clamp(42px,8vw,65px)/1 Georgia,"Songti SC",serif;letter-spacing:0}.best{text-align:right}.best small{display:block;color:var(--muted);font-size:10px}.best strong{font:700 22px monospace}
.test-zone{position:relative;min-height:430px;display:grid;place-items:center;align-content:center;padding:35px;border:2px solid #343943;border-radius:7px;text-align:center;background:#242933;cursor:pointer;outline:0;transition:background .12s,border-color .12s;user-select:none;touch-action:manipulation}.test-zone.waiting{background:var(--red);border-color:#e57568}.test-zone.ready{background:var(--green);border-color:#8fd1a4}.test-zone.false{background:#9a3d38}.test-zone.result{background:#293e4a}.signal{display:flex;gap:10px;margin-bottom:27px}.signal i{width:18px;height:18px;border-radius:50%;background:#484e59}.waiting .signal i{background:#7b302d}.ready .signal i{background:#d4f4dd;box-shadow:0 0 18px #d4f4dd}.test-zone .round{margin:0 0 7px;color:#c4c8ce;font-size:11px;font-weight:800;letter-spacing:.12em}.test-zone h2{margin:0;font:700 clamp(35px,7vw,60px) Georgia,"Songti SC",serif}.test-zone>p:not(.round){margin:12px 0 0;color:#c2c6cc}.test-zone button{height:48px;margin-top:26px;padding:0 26px;border:0;border-radius:5px;color:#211a10;background:var(--yellow);font-weight:900;cursor:pointer}
.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:13px 0 30px}.progress i{height:5px;border-radius:2px;background:#343943}.progress i.done{background:var(--green)}.progress i.current{background:var(--yellow)}.summary{display:none}.summary.show{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grade{grid-row:span 2;padding:22px;border-left:5px solid var(--yellow);background:var(--panel)}.grade small,.summary-numbers small{color:var(--muted);font-size:10px}.grade strong{display:block;margin:8px 0 5px;color:var(--yellow);font:700 32px Georgia,"Songti SC",serif}.grade p{margin:0;color:var(--muted);font-size:13px}.summary-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-numbers div{padding:15px;background:var(--panel)}.summary-numbers strong{display:block;margin-top:5px;font:700 24px monospace}.round-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.round-list div{padding:12px 5px;text-align:center;background:var(--panel)}.round-list small{display:block;color:var(--muted);font-size:9px}.round-list strong{font:700 15px monospace}.summary>button{grid-column:1/-1;height:46px;border:0;border-radius:5px;color:#201a10;background:var(--yellow);font-weight:900;cursor:pointer}.tip{text-align:center;color:#686e78;font-size:11px}@media(max-width:600px){.reaction-app{padding-top:20px}nav{margin-bottom:25px}.test-zone{min-height:390px;padding:20px}.summary.show{grid-template-columns:1fr}.grade{grid-row:auto}.round-list{gap:4px}.round-list div{padding:10px 2px}.round-list strong{font-size:12px}}