:root{--ink:#102a43;--muted:#667b8c;--teal:#10b7a4;--teal-dark:#098f82;--paper:#f8fbfa;--line:#dce8e4;--violet:#686ee8;--orange:#f29b38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:.5px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#17c7b3,#08a895);color:#fff;box-shadow:0 8px 20px #10b7a444}.primary{border:0;border-radius:13px;background:linear-gradient(135deg,#16bea9,#08aa98);color:#fff;padding:14px 25px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px #10b7a43d;transition:.2s}.primary:hover{transform:translateY(-2px)}nav{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:auto;padding:0 22px;border-bottom:1px solid #e2ebe8;background:#fff}.nav-right{display:flex;align-items:center;gap:22px;color:#718390;font-size:12px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f8f5;color:#108c82;font-weight:900}.hero{text-align:center;padding:52px 20px 44px;background:radial-gradient(circle at 15% 10%,#aaf0e455,transparent 27%),radial-gradient(circle at 87% 30%,#c7c4ff55,transparent 25%)}.eyebrow{display:inline-block;color:#098f83;background:#e5f8f4;border:1px solid #c2eee6;border-radius:30px;padding:7px 14px;font-size:12px;font-weight:900}.hero h1{font-size:48px;line-height:1.18;margin:20px 0 12px;letter-spacing:-1.5px}.hero em{font-style:normal;color:var(--teal)}.hero p{margin:0;color:var(--muted);line-height:1.7}.arena-section{max-width:1120px;margin:auto;padding:38px 20px 66px}.arena-section header{display:flex;align-items:end;justify-content:space-between}.arena-section header small{color:var(--teal);font-weight:900;letter-spacing:2px}.arena-section h2{font-size:30px;margin:7px 0}.arena-section header p{color:var(--muted);font-size:13px}.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.arena{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left;padding:23px;cursor:pointer;color:var(--ink);box-shadow:0 10px 30px #1d3a330c;transition:.22s}.arena:hover,.arena.active{transform:translateY(-4px);box-shadow:0 18px 45px #193a3118}.arena.active{border:2px solid var(--teal);padding:22px}.arena-top{display:flex;align-items:center;justify-content:space-between}.arena-icon{font-size:30px}.arena-level{border-radius:30px;background:#edf8f6;color:var(--teal-dark);padding:5px 9px;font-size:10px;font-weight:900}.arena h3{font-size:24px;margin:15px 0 5px}.arena strong{font-size:13px}.arena p{color:var(--muted);font-size:12px;line-height:1.55;min-height:38px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.tags span{background:#f0f5f4;color:#647883;border-radius:6px;padding:5px 8px;font-size:10px}.arena-check{display:flex;justify-content:space-between;border-top:1px solid #e7eeec;margin-top:17px;padding-top:14px;color:#7a8c97;font-size:12px;font-weight:800}.active .arena-check{color:var(--teal-dark)}.rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0 18px}.rules span{border:1px solid var(--line);background:#fff;color:#647983;border-radius:30px;padding:7px 12px;font-size:11px}.play{display:block;margin:auto}.play b{margin-left:18px}.mobile-cta{display:none}.game{min-height:100svh;padding:22px 20px 60px;background:radial-gradient(circle at 50% 0,#dff8f3,transparent 44%)}.game-bar{max-width:820px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:#6b7c8f;font-size:13px}.game-bar button{border:0;background:none;color:#6b7c8f;padding:8px;cursor:pointer}.game-bar strong{color:var(--teal-dark)}.duel{max-width:350px;margin:18px auto 12px;display:flex;align-items:center;justify-content:space-between;text-align:center}.duel-player{display:grid;gap:4px}.duel-player span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#d9f7f1;color:#118d81;font-weight:900}.duel-player .rival{background:#ecebff;color:#5b65e8}.duel-center{display:grid;gap:2px;color:#91a1aa}.duel-center i{font-style:normal;font-weight:900}.duel-center small{font-size:9px}.timer-wrap{max-width:740px;margin:auto}.timer-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6c7e89}.timer-head strong{font-size:12px;color:var(--teal-dark)}.timer-head strong b{font-size:17px}.timer-track{height:7px;background:#dce7e5;border-radius:10px;overflow:hidden;margin:6px 0 15px}.timer-track i{display:block;width:100%;height:100%;background:var(--teal);transition:width 1s linear,background .3s}.question-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 20px 60px #173d3215}.question-meta{display:flex;justify-content:space-between}.question-meta span{color:#108e83;background:#e5f8f4;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:900}.question-meta b{color:#c96f10;background:#fff0d6;border-radius:20px;padding:6px 10px;font-size:11px}.question-card h2{font-size:23px;line-height:1.5;margin:18px 0 22px}.select-hint{color:var(--violet);font-size:12px;font-weight:800;margin:-10px 0 14px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answer{display:flex;align-items:center;gap:11px;min-height:54px;border:1px solid #dbe5e2;background:#fbfcfc;border-radius:13px;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink);transition:.15s}.answer:hover{border-color:#55cdbf}.answer b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#edf3f1}.answer.selected{border-color:var(--violet);background:#f0f0ff}.answer.correct{border-color:#18b99f;background:#e9faf6}.answer.correct b{background:#19b99f;color:#fff}.answer.wrong{border-color:#f0747f;background:#fff0f1}.answer.wrong b{background:#ef737d;color:#fff}.answer:disabled{cursor:default}.feedback{margin-top:16px;background:#f0f8f6;border-radius:14px;padding:15px 16px;line-height:1.6;font-size:13px}.feedback>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback p{margin:7px 0;color:#587181}.feedback button{white-space:nowrap;padding:10px 15px}.result{min-height:100svh;text-align:center;padding:11vh 20px;background:radial-gradient(circle,#dcf9f2,transparent 55%)}.trophy{font-size:64px}.result>small{color:var(--teal-dark);font-weight:900;letter-spacing:2px}.result h1{font-size:38px;margin:10px}.result p{color:var(--muted)}.result-grid{display:flex;max-width:500px;margin:26px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.result-grid div{flex:1;display:grid;gap:5px;border-right:1px solid var(--line)}.result-grid div:last-child{border:0}.result-grid b{font-size:23px}.result-grid span{font-size:10px;color:#7a8997}.ghost{display:block;margin:14px auto;border:0;background:none;color:#6b7c8f;cursor:pointer}
@media(max-width:720px){body{padding-bottom:74px}nav{height:58px;padding:0 15px}.brand{font-size:17px}.logo{width:34px;height:34px;border-radius:10px}.nav-right>span:first-child{display:none}.avatar{width:34px;height:34px}.hero{padding:28px 18px 24px}.eyebrow{padding:6px 12px;font-size:11px}.hero h1{font-size:34px;margin:14px 0 9px;line-height:1.16}.hero p{font-size:13px;line-height:1.6;max-width:320px;margin:auto}.arena-section{padding:25px 15px 22px}.arena-section header{display:block}.arena-section header small{font-size:9px}.arena-section h2{font-size:23px;margin:5px 0}.arena-section header p{font-size:12px;margin:5px 0 14px}.arena-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -15px;padding:3px 15px 15px;scrollbar-width:none}.arena-grid::-webkit-scrollbar{display:none}.arena{flex:0 0 82%;scroll-snap-align:center;border-radius:18px;padding:17px}.arena.active{padding:16px;transform:none}.arena-icon{font-size:25px}.arena h3{font-size:21px;margin:10px 0 4px}.arena p{min-height:0;margin:8px 0}.tags{margin-top:10px}.arena-check{margin-top:12px;padding-top:11px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 10px}.rules span{text-align:center;padding:7px 5px;font-size:10px}.play{display:none}.mobile-cta{position:fixed;display:flex;align-items:center;justify-content:space-between;left:0;right:0;bottom:0;z-index:8;padding:9px 14px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #dce8e4;background:#ffffffee;backdrop-filter:blur(14px);box-shadow:0 -8px 30px #173d3212}.mobile-cta div{display:grid}.mobile-cta small{color:#7a8d98;font-size:9px}.mobile-cta strong{font-size:14px}.mobile-cta button{padding:12px 20px;border-radius:11px}.game{padding:12px 12px 25px}.game-bar{font-size:11px}.game-bar button{padding:6px 2px}.duel{margin:10px auto 8px;max-width:280px}.duel-player span{width:44px;height:44px;border-radius:14px;font-size:12px}.duel-player b{font-size:13px}.duel-center small{display:none}.timer-track{margin-bottom:10px}.question-card{border-radius:19px;padding:18px 14px;box-shadow:0 12px 35px #173d3212}.question-card h2{font-size:19px;line-height:1.48;margin:14px 0 17px}.answers{grid-template-columns:1fr;gap:9px}.answer{min-height:50px;padding:10px 12px}.feedback{position:relative;margin-top:12px;padding:13px}.feedback>div{align-items:flex-end}.feedback p{font-size:12px;line-height:1.55}.feedback button{padding:10px 12px}.result{padding:9vh 15px}.result h1{font-size:30px}.result-grid{padding:16px 2px;margin:22px auto}.result-grid div{min-width:0}.result-grid b{font-size:20px}}
@media(max-width:380px){.hero h1{font-size:30px}.arena{flex-basis:88%}.question-card h2{font-size:18px}.duel{max-width:250px}.rules span{font-size:9px}}