:root{--bg: #0b0f1c;--bg-2: #111726;--panel: #151c2e;--panel-2: #1a2338;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #eaeefc;--dim: #94a0c0;--primary: #7c5cff;--primary-2: #a78bfa;--gold: #ffc94a;--green: #34d399;--red: #f87171;--blue: #60a5fa;--radius: 12px;--shadow: 0 12px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 85% -10%,#241a4d 0%,transparent 60%),var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit}.btn{height:36px;padding:0 16px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);background:#ffffff14;transition:transform .15s ease,background .2s ease,opacity .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 6px 18px #7c5cff59}.btn-danger{background:linear-gradient(180deg,#fb7185,#e11d48);color:#fff}.btn-ghost{background:#ffffff0f;border:1px solid var(--line-strong)}.btn-block{width:100%;height:44px;font-size:15px;letter-spacing:2px}.btn-xs{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.input{width:100%;height:38px;padding:0 12px;border-radius:9px;background:#00000047;border:1px solid var(--line-strong);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c5cff38}.input-sm{width:200px;height:34px}.input-xs{width:74px;height:28px;padding:0 8px;font-size:12px}.textarea{height:auto;padding:10px 12px;line-height:1.6;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.muted{color:var(--dim);font-size:12px}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--dim)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--primary-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel+.panel{margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.panel-title{margin:0;font-size:15px;font-weight:700}.panel-extra{display:flex;align-items:center;gap:10px}.panel-body{padding:16px 18px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.boot{display:grid;place-items:center;height:100%}.login-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-visual{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:radial-gradient(600px 400px at 20% 10%,rgba(124,92,255,.35),transparent 65%),radial-gradient(500px 400px at 80% 80%,rgba(255,201,74,.18),transparent 65%),linear-gradient(160deg,#0d1224,#161b33);border-right:1px solid var(--line)}.login-brand{font-size:42px;font-weight:900;letter-spacing:1px;background:linear-gradient(120deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.login-slogan{color:var(--dim);font-size:15px}.login-points{margin:12px 0 0;padding-left:18px;color:var(--dim);line-height:2}.login-card{margin:auto;width:min(88%,360px);padding:32px 28px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.login-title{margin:0 0 6px;font-size:22px}.login-sub{margin:0 0 22px;color:var(--dim);font-size:13px}.field{display:block;margin-bottom:14px}.field-label{display:block;margin-bottom:6px;font-size:12px;color:var(--dim)}.login-error{margin:4px 0 12px;padding:9px 12px;border-radius:8px;font-size:13px;background:#f871711f;border:1px solid rgba(248,113,113,.4);color:#fca5a5}.login-tip{margin:14px 0 0;font-size:12px;color:var(--dim);text-align:center}.layout{display:flex;min-height:100vh}.side{width:224px;flex:none;background:linear-gradient(180deg,#101629,#0d1223);border-right:1px solid var(--line);padding:18px 12px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:linear-gradient(150deg,var(--primary-2),var(--primary));color:#fff}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text small{color:var(--dim);font-size:11px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:none;background:transparent;color:var(--dim);font-size:14px;cursor:pointer;text-align:left}.nav-item:hover:not(.disabled){background:#ffffff0f;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#7c5cff47,#7c5cff14);color:#fff;font-weight:700}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-divider{margin:16px 12px 8px;font-size:11px;color:var(--dim);letter-spacing:1px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);background:#0d1223bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.topbar-title h1{margin:0;font-size:18px}.topbar-title p{margin:4px 0 0;font-size:12px;color:var(--dim)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-chip{display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:9px;background:#ffffff0f;border:1px solid var(--line)}.admin-name{font-size:13px;font-weight:700}.admin-role{font-size:11px;color:var(--gold)}.content{padding:18px 22px 42px}.notice{margin:12px 22px 0;padding:10px 14px;border-radius:9px;font-size:13px;background:#60a5fa24;border:1px solid rgba(96,165,250,.4);color:#bfdbfe}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.stat{padding:16px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.stat.tone-blue:after{background:var(--blue)}.stat.tone-green:after{background:var(--green)}.stat.tone-purple:after{background:var(--primary-2)}.stat.tone-gold:after{background:var(--gold)}.stat.tone-red:after{background:var(--red)}.stat-label{font-size:12px;color:var(--dim)}.stat-value{margin:8px 0 6px;font-size:26px;font-weight:800;letter-spacing:.5px}.stat-hint{font-size:11px;color:var(--dim)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.status-item{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #f87171b3}.status-item.ok .status-dot{background:var(--green);box-shadow:0 0 10px #34d399b3}.status-label{font-size:13px}.status-value{margin-left:auto;font-size:12px;color:var(--dim);text-transform:uppercase}.inline-error{margin-top:12px;padding:10px 14px;border-radius:9px;font-size:13px;background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fca5a5}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:980px}.table th,.table td{padding:11px 12px;text-align:left;font-size:13px;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font-size:12px;color:var(--dim);font-weight:600;background:#ffffff08;position:sticky;top:0}.table tbody tr:hover{background:#ffffff08}.col-actions{width:150px}.game-cell{display:flex;align-items:center;gap:12px;min-width:240px}.game-cover{width:44px;height:44px;flex:none;border-radius:9px;background:#222b45 center/cover no-repeat;border:1px solid var(--line)}.game-name{font-weight:700;font-size:14px}.game-sub{font-size:11px;color:var(--dim);margin-top:2px}.game-desc{font-size:11px;color:var(--dim);margin-top:4px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-cell{display:flex;align-items:center;gap:6px}.row-actions{display:flex;gap:8px}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px}.tag-on{background:#34d39929;color:#6ee7b7;border:1px solid rgba(52,211,153,.4)}.tag-off{background:#94a3b829;color:#cbd5e1;border:1px solid rgba(148,163,184,.35)}.migration-playable{background:#34d3992e;color:#6ee7b7;border:1px solid rgba(52,211,153,.45)}.migration-migrating{background:#fbbf2429;color:#fcd34d;border:1px solid rgba(251,191,36,.4)}.migration-resource_only{background:#60a5fa29;color:#93c5fd;border:1px solid rgba(96,165,250,.4)}.migration-blocked{background:#f8717129;color:#fca5a5;border:1px solid rgba(248,113,113,.4)}.migration-not_started,.migration-unknown{background:#94a3b829;color:#cbd5e1;border:1px solid rgba(148,163,184,.35)}.perm-hint{margin-top:12px;font-size:12px;color:var(--gold)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#050812ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(92vw,460px);max-height:86vh;overflow-y:auto;padding:22px;border-radius:14px;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.modal-lg{width:min(94vw,720px)}.modal-xl{width:min(96vw,1120px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.detail-stack{display:grid;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-grid>div{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.detail-grid strong{overflow-wrap:anywhere}.modal-sm{width:min(92vw,400px)}.modal-title{font-size:17px;font-weight:800}.modal-sub{margin-top:4px;font-size:12px;color:var(--dim)}.modal-text{margin:14px 0 4px;font-size:14px;color:#d6dcf2;line-height:1.7;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.field-full{grid-column:1 / -1}.empty{padding:42px 0;text-align:center;color:var(--dim)}.empty-title{font-size:15px;color:var(--text);margin-bottom:6px}.empty-hint{font-size:12px}.error-state{padding:36px 0;text-align:center}.error-title{font-size:15px;color:#fca5a5;margin-bottom:6px}.error-msg{font-size:13px;color:var(--dim);margin-bottom:14px}.toast-host{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 18px;border-radius:10px;font-size:13px;color:#fff;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast-success{background:linear-gradient(180deg,#34d399,#059669)}.toast-error{background:linear-gradient(180deg,#fb7185,#e11d48)}.toast-info{background:linear-gradient(180deg,#60a5fa,#2563eb)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1100px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card{margin:10vh auto}}@media(max-width:900px){.layout{flex-direction:column}.side{width:100%;border-right:none;border-bottom:1px solid var(--line)}.nav{flex-direction:row;overflow-x:auto}.nav-divider,.nav-item.disabled{display:none}.topbar{flex-wrap:wrap}.topbar-actions{width:100%;margin-left:0}.form-grid{grid-template-columns:1fr}}.economy-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.economy-toolbar h2{margin:4px 0 6px}.economy-toolbar p{margin:0;color:var(--dim);font-size:12px}.economy-realtime{padding:11px 14px;border:1px solid rgba(96,165,250,.3);border-radius:10px;color:#9cc8ff;background:#60a5fa14;font-size:12px}.economy-snapshot .panel-body{padding-top:0}.economy-metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.economy-metrics>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#ffffff08}.economy-metrics span,.economy-metrics small{color:var(--dim);font-size:11px}.economy-metrics strong{font-size:18px;color:var(--text)}.economy-metrics small{line-height:1.45}.economy-table{min-width:900px}.economy-table details{max-width:360px}.economy-table summary{color:var(--gold);cursor:pointer}.economy-table pre{max-height:220px;overflow:auto;padding:9px;border-radius:8px;background:#090e1b;color:#c7d0e8;font-size:11px}.economy-game-form{margin-top:16px;padding:15px;border:1px solid var(--line-strong);border-radius:12px;background:#ffffff08}@media(max-width:1200px){.economy-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.economy-toolbar{align-items:flex-start;flex-direction:column}.economy-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.economy-metrics{grid-template-columns:1fr}}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.content-admin .table td{vertical-align:top}.content-banner-thumb{width:112px;height:58px;border-radius:8px;border:1px solid var(--line-strong);background-size:cover;background-position:center;background-color:#00000040}.content-activity-row{display:flex;gap:12px;align-items:flex-start}.content-activity-row>div:last-child{min-width:220px}.content-activity-row .muted{margin-top:5px;line-height:1.5}.system-config-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.config-field{margin:0}.config-field-boolean{display:flex;flex-direction:column;justify-content:flex-start}.config-switch-row{display:flex;align-items:center;gap:10px;min-height:38px;color:var(--text)}.config-switch-row input{width:18px;height:18px;accent-color:var(--primary)}.config-hint{display:block;margin-top:5px;color:var(--dim);font-size:11px;line-height:1.45}.config-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#111726f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:900px){.system-config-grid{grid-template-columns:1fr}}.audit-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.audit-filter-wide{grid-column:span 2}.audit-table{min-width:1100px}.audit-table td{vertical-align:top}.audit-time{white-space:nowrap}.audit-table code{color:#c4b5fd}.audit-table details{min-width:260px;max-width:560px}.audit-table summary{cursor:pointer;color:var(--gold)}.audit-table pre{max-height:360px;overflow:auto;margin:10px 0 0;padding:10px;border-radius:8px;background:#090e1b;color:#c7d0e8;font-size:11px;white-space:pre-wrap;word-break:break-word}.audit-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.audit-pagination .input-xs{width:100px}@media(max-width:900px){.audit-filter-grid{grid-template-columns:1fr}.audit-filter-wide{grid-column:auto}}.notif{position:relative}.notif-bell{position:relative;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:6px 10px;cursor:pointer;font-size:15px}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;line-height:18px;text-align:center}.notif-panel{position:absolute;right:0;top:38px;width:380px;max-width:92vw;background:#1b1f27;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 12px 30px #00000073;z-index:40}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.notif-list{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto}.notif-list li{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.notif-list li.is-read{opacity:.55}.notif-body{display:flex;flex-direction:column;gap:2px;font-size:12px}.notif-time{color:#ffffff73;font-size:11px}.notif-bell.is-stale{border-color:#e5a13a}.notif-stale{position:absolute;top:-6px;left:-6px;width:16px;height:16px;border-radius:50%;background:#e5a13a;color:#1b1f27;font-size:12px;line-height:16px;text-align:center;font-weight:700}.notif-head{gap:8px}.notif-sync{font-size:11px;white-space:nowrap}