:root{color-scheme:dark;--gold:#f6c94f;--gold2:#a86608;--blue:#06377e;--blue2:#0f6ec9;--panel:#061a39e8;--line:#d69a24;--text:#fff5d4;--muted:#a8bad6;font-family:"Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020817;color:var(--text)}button,input,select,textarea{font:inherit}.platform-shell{width:min(100%,430px);min-height:100dvh;margin:auto;position:relative;overflow:hidden;background:linear-gradient(#04152f,#020817);box-shadow:0 0 80px #000}.route-view{min-height:100dvh;padding-bottom:92px}.player-bar{position:fixed;z-index:40;top:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:68px;padding:7px 9px;display:grid;grid-template-columns:46px 1fr auto 94px 76px 36px;gap:5px;align-items:center;background:linear-gradient(180deg,#03295cfa,#06152ff2);border-bottom:2px solid var(--line);box-shadow:0 4px 20px #000b}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle,#1a75ca,#03214f);color:#fff;font-weight:900}.identity{min-width:0}.identity strong,.identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity strong{font-size:13px}.identity small{font-size:10px;color:var(--muted)}.vip{font-size:10px;color:var(--gold)}.wallet-chip{min-width:0;border:1px solid #4c79ad;border-radius:16px;background:#020b1fcc;padding:3px 6px;text-align:center;line-height:1}.wallet-chip span{font-size:8px;color:var(--muted)}.wallet-chip b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.wallet-chip button{position:absolute;border:0;border-radius:50%;background:#4ee968;color:#04130a}.menu-button{border:1px solid var(--gold);border-radius:10px;background:#7a4a13;color:#fff;height:38px}.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:78px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(#073b80fa,#031a43fa);border-top:2px solid var(--gold);box-shadow:0 -6px 24px #000c}.bottom-nav button{position:relative;border:0;background:transparent;color:#e9f4ff;display:grid;place-items:center;font-size:11px}.bottom-nav button.active{color:var(--gold)}.bottom-nav img{width:34px;height:34px;object-fit:contain}.bottom-nav i{position:absolute;right:17px;top:4px;width:8px;height:8px;border-radius:50%;background:#ff3a3a}.auth-page{min-height:100dvh;padding:30px 26px;background:url('/assets/platform/login/background.png') center/cover}.auth-logo{text-align:center;padding-top:8px}.auth-logo h1{margin:0;color:#ffd86f;font-size:32px;text-shadow:0 3px 2px #5c2600}.auth-logo p{margin:12px 0;color:#f5dca2;letter-spacing:4px}.language-row{display:flex;gap:5px;justify-content:center;margin:18px 0}.language-row button{border:1px solid #3978b9;border-radius:10px;background:#073e75;color:#fff;padding:7px 10px}.auth-panel{margin-top:24px;padding:22px;border:1px solid #d6a83e;border-radius:20px;background:linear-gradient(180deg,#2c1c0ae8,#030813f2);box-shadow:0 16px 40px #000b}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px}.auth-tabs button{border:1px solid #806420;background:#07162e;color:#d7e7ff;border-radius:8px;padding:8px}.auth-tabs button.active{background:linear-gradient(#ffe279,#bd7207);color:#1c1000}.auth-panel label{display:block;margin:12px 0;color:#f8d772;font-size:13px}.auth-panel input{width:100%;margin-top:6px;border:1px solid #876e2c;border-radius:10px;padding:13px;background:#03060db8;color:#fff}.auth-submit,.guest-submit{width:100%;border-radius:12px;padding:14px;font-weight:900;font-size:18px}.auth-submit{border:1px solid #fff0a0;background:linear-gradient(#ffe773,#c87b08);color:#201000}.guest-submit{margin-top:10px;border:1px solid #55a2ff;background:linear-gradient(#2781ee,#1248a8);color:#fff}.auth-hint{min-height:20px;color:#ffb1a4;text-align:center;font-size:12px}.main-city{min-height:100dvh;padding-top:68px;background:url('/assets/platform/main-city/background.png') center top/cover no-repeat}.city-stage{position:relative;min-height:calc(100dvh - 68px);padding-top:30px}.city-title{display:block;width:82%;margin:auto}.jackpot-card{position:absolute;right:16px;top:210px;width:145px;text-align:center}.jackpot-card img{width:100%}.jackpot-card strong{display:block;margin-top:-42px;color:#ffe06b}.city-portal{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:48%;border:0;background:transparent}.city-portal img,.city-side img{width:100%}.city-side{position:absolute;top:59%;width:25%;border:0;background:transparent}.city-side.tasks{left:8%}.city-side.welfare{right:8%}.page{padding:86px 12px 96px;min-height:100dvh;background:radial-gradient(circle at top,#0b3d77,#020817 56%)}.page-title{padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#125799cc,#061a39ee);margin-bottom:12px}.page-title small{color:var(--gold);letter-spacing:2px}.page-title h1{margin:5px 0}.filter-row{display:flex;gap:7px;overflow:auto;padding:6px 0 12px}.filter-row button{white-space:nowrap;border:1px solid #5581b5;border-radius:18px;background:#082952;color:#fff;padding:9px 16px}.filter-row button.active{background:linear-gradient(#ffe378,#bd7409);color:#160d00}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-card{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#061731;box-shadow:0 8px 16px #0008}.game-cover{aspect-ratio:4/3;background:linear-gradient(135deg,#235da0,#071a39);display:grid;place-items:center;overflow:hidden}.game-cover img{width:100%;height:100%;object-fit:cover}.game-cover strong{font-size:34px;color:var(--gold)}.game-info{padding:9px}.game-info h3{font-size:14px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info small{color:var(--muted)}.game-info button{width:100%;margin-top:8px;padding:9px;border:0;border-radius:10px;background:linear-gradient(#ffe47d,#bd7307);font-weight:800;color:#1a0d00}.content-card{border:1px solid #416d9d;border-radius:14px;background:#061a37dd;padding:14px;margin-bottom:10px}.content-card h3{margin:0 0 8px;color:#ffe178}.content-card p{color:#cfdbec;line-height:1.6}.content-card button,.primary-button{border:0;border-radius:10px;background:linear-gradient(#ffe17a,#b96c05);color:#211000;padding:10px 15px;font-weight:800}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:15px;border:1px solid #4977aa;border-radius:13px;background:#071c3b}.stat small,.stat strong{display:block}.stat small{color:var(--muted)}.stat strong{margin-top:6px;color:#ffe074}.form-card input,.form-card select{width:100%;margin:6px 0 12px;padding:11px;border:1px solid #5578a4;border-radius:9px;background:#020b1b;color:#fff}.toast{position:fixed;z-index:80;left:50%;bottom:95px;transform:translateX(-50%);max-width:360px;padding:11px 18px;border-radius:12px;background:#09172df0;border:1px solid var(--gold);box-shadow:0 8px 24px #000;color:#fff;text-align:center}.empty{text-align:center;color:var(--muted);padding:40px 10px}@media(max-width:390px){.player-bar{grid-template-columns:42px 1fr auto 78px 64px 32px}.wallet-chip{padding:3px}.identity strong{font-size:12px}.page{padding-left:8px;padding-right:8px}}
[hidden]{display:none!important}
.auth-page{background-image:var(--auth-bg)!important}.main-city{background-image:var(--city-bg)!important}.city-standard-badge{position:absolute;left:50%;top:21%;transform:translateX(-50%);padding:6px 12px;border:1px solid #e0ae43;border-radius:999px;background:#061b3dcc;color:#ffe284;font-size:10px;letter-spacing:1.5px;white-space:nowrap}.city-portal span,.city-side span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 9px;border:1px solid #d6a53f;border-radius:999px;background:#031331e6;color:#ffe27d;font-size:10px;font-weight:800}.city-portal span{bottom:-4px}.city-side span{bottom:-7px}.city-category-dock{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:78%;padding:7px;border:1px solid #d29d36;border-radius:16px;background:#021431dc;box-shadow:0 8px 24px #0009}.city-category-dock button{border:1px solid #517ba9;border-radius:10px;padding:9px 5px;background:linear-gradient(#124d8d,#07275a);color:#fff;font-size:12px;font-weight:800}.city-notice{position:absolute;left:50%;bottom:10.5%;transform:translateX(-50%);width:84%;margin:0;color:#d9e8ff;text-align:center;font-size:9px;text-shadow:0 2px 3px #000}.route-crumb{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#9fb4d2;font-size:12px}.route-crumb button{border:1px solid #416d9d;border-radius:8px;background:#082952;color:#fff;padding:6px 10px}.route-crumb strong{color:#ffe075}

.language-row button.active{border-color:#ffe17a;background:linear-gradient(#ffe17a,#b96c05);color:#211000;font-weight:900}