:root{--bg: #060912;--bg2: #0a1020;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--text: #e8eefc;--muted: #8a9bbd;--accent: #4da3ff;--accent-2: #34d399;--correct: #22c55e;--wrong: #ef4444;--warn: #f59e0b;--radius: 18px;--maxw: 480px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.bg-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 40% 80%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 85% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.4),transparent),radial-gradient(900px 500px at 50% -10%,rgba(77,163,255,.18),transparent),radial-gradient(700px 500px at 90% 110%,rgba(52,211,153,.12),transparent),linear-gradient(180deg,var(--bg),var(--bg2))}.app{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;min-height:100%;padding:0 18px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.app-footer{margin-top:auto;padding:22px 4px 6px;color:var(--muted);font-size:12px;text-align:center;display:flex;gap:8px;justify-content:center;align-items:center}.app-footer .dot{opacity:.5}.home{padding-top:34px;position:relative}.hero{position:relative;text-align:center;margin-bottom:26px}.hero-glow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(77,163,255,.3),rgba(52,211,153,.12) 45%,transparent 70%);filter:blur(6px);z-index:-1;pointer-events:none}.logo{font-size:56px;line-height:1;filter:drop-shadow(0 0 18px rgba(77,163,255,.5))}.brand{font-size:40px;font-weight:800;letter-spacing:.5px;margin-top:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:16px;color:var(--text);margin-top:8px}.subtag{font-size:13px;color:var(--muted);margin-top:2px;letter-spacing:.3px}.streak-pill{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:999px;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);color:var(--warn);font-size:13px;font-weight:600}.start-sec{display:grid;gap:14px;margin-bottom:24px}.mode-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease,background .15s ease}.mode-card:active{transform:scale(.98)}.mode-card.primary{background:linear-gradient(135deg,#4da3ff2e,#34d3991f);border-color:#4da3ff66}.mc-body{flex:1;min-width:0;text-align:left}.mc-emoji{font-size:42px;line-height:1;flex-shrink:0}.mc-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:22px}.mc-day{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#f59e0b29;border:1px solid rgba(245,158,11,.4);color:var(--warn)}.mc-title{font-size:19px;font-weight:700;margin-top:10px}.mc-sub{font-size:13px;color:var(--muted);margin-top:4px}.mc-cta{margin-top:12px;font-size:14px;font-weight:600;color:var(--accent)}.mode-card.primary .mc-cta{color:var(--accent-2)}.section{margin-bottom:22px}.section-title{font-size:15px;color:var(--muted);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.continent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.continent-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;border-radius:14px;background:var(--panel);border:1px solid var(--border);font-size:15px;font-weight:600;transition:.15s}.continent-chip:active{transform:scale(.97);border-color:var(--accent)}.continent-chip small{color:var(--muted);font-size:10px;font-weight:400}.ach-row{display:flex;flex-wrap:wrap;gap:10px}.ach{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);opacity:.45;font-size:13px}.ach.on{opacity:1;border-color:#f59e0b66;background:#f59e0b1a}.ach-icon{font-size:17px}.ach-name{font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}.stat b{font-size:24px;color:var(--accent)}.stat span{font-size:12px;color:var(--muted)}.coming{font-size:13px;color:var(--muted);text-align:center}.badge-soon{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);margin-right:6px}.sub-label{font-size:13px;font-weight:600;color:var(--text);margin:4px 0 12px;display:flex;align-items:center;gap:8px}.sub-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.china-label{color:#ffd0d0}.china-grid{grid-template-columns:1fr 1fr}.collect-bar{position:relative;margin-top:16px;height:30px;border-radius:999px;background:var(--panel);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center}.collect-fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#4da3ff59,#34d39980);transition:width .5s ease}.collect-text{position:relative;z-index:1;padding-left:14px;font-size:12px;font-weight:600;color:var(--text)}.ds-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ds-pill{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.ds-pill:first-child{color:var(--accent);border-color:#4da3ff59}.ds-pill:nth-child(2){color:#ff9d9d;border-color:#ef444459}.ds-pill:nth-child(3){color:#ffd28a;border-color:#f59e0b59}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.sec-head .section-title{margin-bottom:0}.sec-meta{font-size:12px;color:var(--muted);font-weight:600}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ach-card{position:relative;display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);opacity:.5;transition:.15s;overflow:hidden}.ach-card.on{opacity:1;border-color:#f59e0b73;background:linear-gradient(135deg,#f59e0b29,#4da3ff14)}.ach-card:active{transform:scale(.98)}.ach-icon{font-size:26px;line-height:1;filter:grayscale(1);flex:0 0 auto}.ach-card.on .ach-icon{filter:none}.ach-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ach-name{font-size:14px;font-weight:700}.ach-desc{font-size:11px;color:var(--muted);line-height:1.35}.ach-state{position:absolute;top:9px;right:11px;font-size:12px;color:var(--muted)}.ach-card.on .ach-state{color:var(--correct)}.wiki-feature{display:block;padding:18px;border-radius:var(--radius);position:relative;overflow:hidden;background:linear-gradient(135deg,#4da3ff2e,#34d3991f);border:1px solid rgba(77,163,255,.4);transition:.15s}.wiki-feature:active{transform:scale(.98)}.wf-left{display:flex;align-items:center;gap:12px}.wf-emoji{font-size:32px;line-height:1}.wf-text{min-width:0}.wf-title{font-size:18px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wf-sub{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}.wf-flags{display:block;margin-top:13px;font-size:20px;letter-spacing:4px;opacity:.85}.wf-cta{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:var(--accent-2)}.loading{padding:80px 0;text-align:center;color:var(--muted)}.game{padding-top:18px}.game-top{display:flex;align-items:center;gap:12px}.back{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-size:18px}.progress{flex:1}.progress>span{font-size:12px;color:var(--muted)}.bar{height:6px;border-radius:999px;background:var(--panel-2);margin-top:5px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s}.score-now{font-size:14px;font-weight:700;color:var(--correct)}.mode-tag{display:inline-block;margin:14px 0 10px;padding:5px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border);font-size:12px;color:var(--muted)}.outline-wrap{margin:6px auto 16px;width:100%;aspect-ratio:1 / 1;max-width:360px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(77,163,255,.08),transparent 70%);border-radius:22px}.outline-svg{display:block;filter:drop-shadow(0 0 14px rgba(77,163,255,.25))}.outline-stroke{transition:stroke-dasharray .3s}.pick-tip{text-align:center;font-size:13px;color:var(--muted);margin:2px 0 12px;letter-spacing:.3px}.sound-toggle{position:relative;flex:0 0 auto}.home>.sound-toggle{position:absolute;top:14px;right:18px;z-index:3}.finished-top{display:flex;justify-content:flex-end;margin-bottom:6px}.snd-gear{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-size:16px;line-height:1;opacity:.7;transition:.15s}.snd-gear:hover{opacity:1}.snd-gear:active{transform:scale(.92)}.sound-panel{position:absolute;top:42px;right:0;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 14px;min-width:184px;box-shadow:0 12px 30px #00000073;display:flex;flex-direction:column;gap:10px;animation:pop .18s ease}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.sp-label{font-size:14px;color:var(--text);white-space:nowrap}.switch{width:44px;height:24px;border-radius:999px;border:1px solid var(--border);background:#ffffff1f;position:relative;transition:.2s;flex:0 0 auto;flex-shrink:0}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on .knob{left:22px}.app-footer a{color:var(--muted);text-decoration:none;transition:.15s}.app-footer a:hover{color:var(--accent)}.btn{padding:13px 18px;border-radius:14px;font-size:15px;font-weight:700;background:var(--panel-2);border:1px solid var(--border);color:var(--text);transition:.15s}.btn:active{transform:scale(.97)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#04111f}.btn-ghost{background:transparent}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mc-btn{display:flex;align-items:center;gap:10px;padding:15px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:left;font-size:15px;transition:.15s}.mc-btn:active{transform:scale(.97);border-color:var(--accent)}@media (hover: hover){.mc-btn:hover{border-color:var(--accent);background:var(--panel-2)}}.mc-key{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);font-weight:700;font-size:13px;color:var(--accent)}.mc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result{text-align:center;padding:18px 8px 8px;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.res-emoji{font-size:48px}.result h3{font-size:22px;margin:4px 0}.result.ok h3{color:var(--correct)}.result.bad h3{color:var(--wrong)}.res-name{font-size:20px;font-weight:800}.res-desc{color:var(--muted);font-size:14px;margin:6px 0 14px}.res-correct{font-size:17px;font-weight:700}.res-yours,.res-dist{color:var(--muted);font-size:14px;margin-top:6px}.res-dist b{color:var(--text)}.res-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px;text-align:left}.res-info>div{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.res-info span{font-size:11px;color:var(--muted)}.res-info b{font-size:16px}.next-btn{width:100%;margin:6px 0 16px}.finished{padding-top:30px;text-align:center}.result-head h2{font-size:26px}.final-score{font-size:52px;font-weight:800;color:var(--accent);margin:6px 0}.final-score small{font-size:18px;color:var(--muted);font-weight:500}.final-sub{color:var(--muted);font-size:14px}.unlocked{margin:16px 0;display:flex;flex-direction:column;gap:8px}.unlock-toast{padding:10px 14px;border-radius:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);font-weight:600;font-size:14px}.share-card{margin:18px 0;padding:16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}.share-text{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;text-align:left;color:var(--text);margin-bottom:12px;line-height:1.5}.finish-actions{display:flex;gap:10px}.finish-actions .btn{flex:1}.seo{padding-top:24px}.seo-crumb{font-size:13px;color:var(--muted);margin-bottom:14px}.seo-crumb a{color:var(--accent)}.seo h1{font-size:24px;line-height:1.3}.seo-lead{color:var(--muted);font-size:15px;margin:10px 0 20px;line-height:1.6}.seo-lead b{color:var(--text)}.seo-outline{width:100%;max-width:360px;aspect-ratio:1/1;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.seo-info,.seo-neigh{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.seo-info h2,.seo-neigh h2{font-size:16px;margin-bottom:12px}.seo-info ul{list-style:none;display:grid;gap:10px}.seo-info li{display:flex;justify-content:space-between;gap:12px;font-size:14px}.seo-info li span{color:var(--muted)}.neigh-row{display:flex;flex-wrap:wrap;gap:8px}.neigh-chip{padding:6px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:13px}.seo-cta{display:flex;gap:10px;margin:8px 0 20px}.seo-cta .btn{flex:1;text-align:center}@media (min-width: 540px){.app{padding-left:24px;padding-right:24px}}.continent-chip.china{background:linear-gradient(135deg,#ef44442e,#f59e0b1f);border-color:#ef444466;color:#ffd9d9}.continent-chip.china small{color:#ffd9d9b3}.continent-chip.china:active{border-color:#ef4444}.wiki{padding-top:24px}.wiki-lead{color:var(--muted);font-size:14px;margin:10px 0 18px;line-height:1.6}.wiki-controls{margin-bottom:18px}.wiki-search{width:100%;padding:13px 16px;border-radius:14px;font-size:15px;background:var(--panel);border:1px solid var(--border);color:var(--text);outline:none}.wiki-search:focus{border-color:var(--accent)}.wiki-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wf{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid var(--border);color:var(--muted);transition:.15s}.wf.on{background:#4da3ff29;border-color:#4da3ff73;color:var(--accent)}.wiki-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wiki-card{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);transition:.15s}.wiki-card:active{transform:scale(.97);border-color:var(--accent)}@media (hover: hover){.wiki-card:hover{border-color:var(--accent);background:var(--panel-2)}}.wc-flag{font-size:26px}.wc-name{font-size:16px;font-weight:700}.wc-en{font-size:12px;color:var(--muted)}.wc-meta{font-size:11px;color:var(--muted);margin-top:2px}.wiki-empty{color:var(--muted);text-align:center;padding:30px 0}.wiki-detail{padding-top:24px}.wd-top{display:flex;gap:16px;align-items:center;margin-bottom:18px}.wd-outline{width:46%;max-width:200px;aspect-ratio:1/1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(77,163,255,.08),transparent 70%);border-radius:18px}.wd-info{flex:1;min-width:0}.wd-info h1{font-size:22px;line-height:1.3;margin-bottom:12px}.wd-info ul{list-style:none;display:grid;gap:8px}.wd-info li{display:flex;justify-content:space-between;gap:12px;font-size:13px}.wd-info li span{color:var(--muted)}