:root{--bg:#050303;--panel:#0e0a07c2;--panel-strong:#120c08eb;--gold:#d6a638;--gold-light:#ffe49a;--red:#9f1717;--line:#d6a63833;--muted:#b4a47d;--text:#fff8e7}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.nav-shell{background-color:#0000;background-image:radial-gradient(circle at 20% 12%,#d6a63829,#0000 30%),radial-gradient(circle at 80% 10%,#9f17173d,#0000 34%),linear-gradient(#0503039e,#050303eb),url(/uploads/nav-bg.png);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;overflow-x:hidden}.nav-shell:before{z-index:0;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 75%);mask-image:linear-gradient(#00000080,#0000 75%)}.nav-container{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{letter-spacing:2px;background:linear-gradient(135deg,#9f1717db,#d6a638c7);border:1px solid #ffe49a52;border-radius:18px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:grid;box-shadow:0 16px 42px #9f171747}.brand h1,.brand p{margin:0}.brand h1{letter-spacing:1px;font-size:24px}.brand p{color:var(--muted);margin-top:4px;font-size:13px}.hero{text-align:center;padding:68px 0 42px}.hero-kicker{color:var(--gold-light);background:#00000061;border:1px solid #d6a63861;border-radius:999px;padding:10px 18px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 24px #d6a63814}.hero-title{letter-spacing:4px;background:linear-gradient(#fff6d4 0%,#e3b64a 46%,#a86110 100%);color:#0000;text-shadow:0 22px 56px #0000007a;-webkit-background-clip:text;background-clip:text;margin:30px auto 0;font-size:clamp(44px,8vw,108px);line-height:1}.hero-subtitle{color:#f5e6c0;max-width:760px;margin:20px auto 0;font-size:clamp(18px,2.2vw,30px);font-weight:900;line-height:1.45}.hero-desc{color:#c6b58c;max-width:780px;margin:22px auto 0;font-size:16px;line-height:1.9}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:34px 0 82px;display:grid}.game-card{border:1px solid var(--line);background:linear-gradient(180deg, #0000002e, #000000b8), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 42%), var(--panel);border-radius:30px;min-height:430px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000006b}.game-card:hover{border-color:color-mix(in srgb, var(--accent) 70%, #fff 15%);box-shadow:0 32px 110px #0000008a, 0 0 46px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-8px)}.game-cover{background:linear-gradient(180deg, transparent 0%, #000000c2 70%), radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 30%), linear-gradient(135deg, #7a1616d1, #08080af2);position:absolute;inset:0}.game-cover img{object-fit:cover;opacity:.78;width:100%;height:100%}.game-content{z-index:1;flex-direction:column;justify-content:flex-end;min-height:430px;padding:26px;display:flex;position:relative}.game-status{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);color:#fff5d2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;top:16px;left:24px}.game-logo{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 60%, #111), #150907);color:#fff6d4;border-radius:22px;place-items:center;width:66px;height:66px;margin-top:38px;margin-bottom:20px;font-size:18px;font-weight:900;display:grid;overflow:hidden}.game-logo img{object-fit:cover;width:100%;height:100%}.game-card h2{margin:0;font-size:32px;line-height:1.2}.game-card h3{color:var(--gold-light);margin:10px 0 0;font-size:17px}.game-card p{color:#cfbe98;min-height:72px;margin:14px 0 0;font-size:14px;line-height:1.7}.game-domain{color:#e7cc7c;margin-top:16px;font-size:13px;font-weight:800}.enter-btn{background:linear-gradient(90deg, #9f1717, color-mix(in srgb, var(--accent) 82%, #d6a638));color:#fff;box-shadow:0 18px 36px color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid #ffe49a7a;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:14px 18px;font-weight:900;display:flex}.footer{color:#a89872;text-align:center;border-top:1px solid #d6a63829;padding:30px 0 42px}.footer strong{color:#ebd391}.admin-shell{color:#fff8e7;background:radial-gradient(circle at 16% -8%,#d6a63829,#0000 34%),radial-gradient(circle at 78% 0,#9f17173d,#0000 30%),linear-gradient(135deg,#090d14 0%,#0e1015 46%,#130806 100%);min-height:100vh}.admin-frame{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#0c0a08f5,#040405f5),radial-gradient(circle at 0 0,#d6a6382e,#0000 36%);border-right:1px solid #ffe49a1f;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0;box-shadow:18px 0 72px #00000047}.admin-brand-console{background:#ffffff0a;border:1px solid #ffe49a29;border-radius:24px;align-items:center;gap:14px;padding:16px;display:flex}.admin-logo{color:#fff4c5;letter-spacing:1px;background:linear-gradient(135deg,#891111,#d8a739);border:1px solid #ffe49a47;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:0 16px 38px #9f17174d}.admin-brand-console strong,.admin-brand-console span{display:block}.admin-brand-console strong{font-size:17px}.admin-brand-console span{color:#b8a77d;margin-top:4px;font-size:12px}.admin-nav{gap:10px;display:grid}.admin-nav-item{text-align:left;color:#c8b98c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:900;transition:background .16s,border-color .16s,color .16s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#fff6d5;background:linear-gradient(90deg,#9f171761,#d6a6381f);border-color:#ffe49a38}.admin-side-note{color:#f5e6c0;background:#d6a6380f;border:1px solid #ffe49a24;border-radius:22px;gap:12px;margin-top:auto;padding:16px;display:flex}.admin-side-note p{color:#9f906c;margin:6px 0 0;font-size:12px;line-height:1.6}.admin-workbench{min-width:0;padding:28px 34px 52px}.admin-topbar{background:linear-gradient(135deg,#ffffff13,#ffffff06),radial-gradient(circle at 12% 0,#d6a63829,#0000 36%);border:1px solid #ffe49a21;border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 24px 80px #00000047}.admin-eyebrow,.section-heading span,.overview-hero span{color:#d9b75b;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:950}.admin-topbar h1,.section-heading h2,.overview-hero h2{color:#fff8e7;letter-spacing:.02em;margin:0}.admin-topbar h1{margin-top:8px;font-size:clamp(28px,3vw,44px)}.admin-topbar p,.section-heading p,.overview-hero p{color:#aa9b74;margin:6px 0 0;line-height:1.7}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-actions .btn,.editor-actions .btn,.section-heading .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.admin-module{display:none!important}.admin-module.active{display:block!important}.overview-grid.admin-module.active{display:grid!important}.admin-toast{background:#ffffff0d;border:1px solid #ffe49a2e;border-radius:18px;margin-top:18px;padding:13px 16px;font-weight:900}.admin-toast.success{color:#a7f3d0;background:#16653429;border-color:#86efac47}.admin-toast.error{color:#fecaca;background:#7f1d1d33;border-color:#fca5a547}.overview-grid{grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(130px,1fr));gap:16px;margin-top:22px;display:grid}.overview-hero,.metric-card,.admin-section,.preview-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff13,#ffffff06),#080809ad;border:1px solid #ffe49a21;box-shadow:0 22px 74px #0000003d}.overview-hero{border-radius:26px;grid-template-columns:60px minmax(0,1fr);gap:16px;padding:22px;display:grid}.overview-icon,.metric-card svg{color:#f4c34e}.overview-icon{background:#d6a6381a;border:1px solid #ffe49a33;border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.overview-hero h2{margin-top:8px;font-size:24px;line-height:1.25}.metric-card{border-radius:24px;align-content:center;gap:10px;min-height:156px;padding:20px;display:grid}.metric-card strong{color:#fff1bd;font-size:38px;line-height:1}.metric-card span{color:#aa9b74;font-size:13px;font-weight:900}.admin-content-grid{margin-top:22px;display:block}.admin-main-column{min-width:0;display:block}.admin-section{border-radius:30px;padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-heading h2{margin-top:6px;font-size:24px}.compact-heading{margin-bottom:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#d1c197;font-size:13px;font-weight:800}.field input,.field textarea,.field select{color:#fff8e7;background:#03040594;border:1px solid #94a3b842;border-radius:14px;outline:none;width:100%;padding:12px 14px;transition:border-color .16s,box-shadow .16s,background .16s}.field input:focus,.field textarea:focus,.field select:focus{background:#030405c7;border-color:#ffe49a7a;box-shadow:0 0 0 3px #d6a63817}.field textarea{resize:vertical;min-height:90px}.input-action{color:#d9b75b;background:#03040594;border:1px solid #94a3b842;border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-action input{box-shadow:none;background:0 0;border:0;padding-left:0;padding-right:0}.mini-upload{color:#f5d26b;cursor:pointer;background:#d6a6381a;border:1px solid #ffe49a38;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.background-toolbar{background:#d6a6380e;border:1px solid #ffe49a24;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.background-toolbar span{color:#d1c197;margin-right:auto;font-size:13px;font-weight:900}.background-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.background-tile{cursor:pointer;background:#00000057;border:1px solid #ffe49a24;border-radius:18px;min-height:102px;padding:0;position:relative;overflow:hidden}.background-tile:after{content:"";background:linear-gradient(#0000 34%,#000000c7);position:absolute;inset:0}.background-tile img{object-fit:cover;width:100%;height:100%;min-height:102px;transition:transform .18s,opacity .18s}.background-tile span{z-index:1;color:#fff1bd;text-align:left;font-size:12px;font-weight:950;position:absolute;bottom:10px;left:10px;right:10px}.background-tile:hover img{transform:scale(1.04)}.background-tile.active{border-color:#ffe28abd;box-shadow:0 0 0 3px #d6a63824,0 20px 48px #d6a63824}.btn{color:#1c1304;cursor:pointer;background:linear-gradient(90deg,#ffe28a,#c79021);border:0;border-radius:14px;padding:12px 16px;font-weight:900;transition:transform .16s,opacity .16s,box-shadow .16s;box-shadow:0 16px 34px #d6a63838}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 42px #d6a63847}.btn:disabled{cursor:not-allowed;opacity:.62;transform:none}.btn.secondary{color:#f0dfb0;box-shadow:none;background:#ffffff0e;border:1px solid #ffe49a29}.btn.danger{color:#fff;background:linear-gradient(90deg,#dc2626,#991b1b)}.btn.icon-only{width:42px;padding-left:0;padding-right:0}.games-editor{gap:18px;display:grid}.game-editor-card{border:1px solid color-mix(in srgb, var(--accent) 26%, #ffe49a1a);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34%), #ffffff09;border-radius:24px;overflow:hidden}.game-editor-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.game-order{border:1px solid color-mix(in srgb, var(--accent) 54%, #ffffff14);color:#fff1bd;background:color-mix(in srgb, var(--accent) 18%, #00000080);border-radius:18px;place-items:center;width:50px;height:50px;font-weight:950;display:grid}.game-editor-title h3,.game-editor-title p{margin:0}.game-editor-title h3{color:#fff8e7;font-size:18px}.game-editor-title p{color:#a99b76;margin-top:4px;font-size:13px}.status-pill{color:#fff1bd;background:#d6a63817;border:1px solid #ffe49a33;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.status-pill.online{color:#bbf7d0;background:#16653429;border-color:#4ade8047}.status-pill.maintenance{color:#fecaca;background:#7f1d1d2e;border-color:#f8717147}.editor-actions{background:#00000029;border-top:1px solid #ffe49a1a;border-bottom:1px solid #ffe49a1a;flex-wrap:wrap;gap:10px;padding:12px 18px;display:flex}.game-editor-body{grid-template-columns:178px minmax(0,1fr);gap:18px;padding:18px;display:grid}.game-thumb-preview{border:1px solid color-mix(in srgb, var(--accent) 28%, #ffffff1a);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 36%, transparent), transparent 46%), #0000006b;color:#f4c34e;border-radius:22px;place-items:center;min-height:196px;display:grid;position:relative;overflow:hidden}.game-thumb-preview img{object-fit:cover;width:100%;height:100%}.game-thumb-preview span{color:#fff1bd;background:#0000009e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;bottom:12px;right:12px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-preview{align-self:start;position:sticky;top:24px}.preview-card{border-radius:30px;padding:20px}.preview-window{background-color:#0000;background-image:radial-gradient(circle at 50% 0,#d6a63829,#0000 38%),linear-gradient(#0503036b,#050303eb);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffe49a29;border-radius:24px;min-height:260px;padding:22px;overflow:hidden}.preview-brand{color:#f5d26b;background:#0006;border:1px solid #ffe49a3d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.preview-window h3{color:#fff1bd;margin:44px 0 0;font-size:30px;line-height:1.1}.preview-window p{color:#f5e6c0;margin:12px 0 0;font-weight:900}.preview-cta{color:#fff8e7;background:linear-gradient(90deg,#9f1717,#d6a638);border-radius:14px;margin-top:28px;padding:12px 18px;font-weight:950;display:inline-flex}.preview-list{gap:10px;margin-top:16px;display:grid}.preview-row{background:#ffffff09;border:1px solid #ffe49a1f;border-radius:18px;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px;display:grid}.preview-row>span{color:#d9b75b;font-weight:950}.preview-row strong,.preview-row p{margin:0}.preview-row p{color:#9f906c;margin-top:3px;font-size:12px}.publish-card{background:#d6a6380f;border:1px solid #ffe49a21;border-radius:22px;margin-top:16px;padding:16px}.publish-card strong{color:#fff1bd}.publish-card p{color:#a99b76;margin:8px 0 0;font-size:13px}.account-security-note{color:#f2ddb0;background:radial-gradient(circle at 0 0,#d6a63824,#0000 42%),#d6a6380e;border:1px solid #ffe49a21;border-radius:20px;gap:12px;margin-bottom:18px;padding:16px;display:flex}.account-security-note svg{color:#f4c34e;flex:none;margin-top:2px}.account-security-note strong,.account-security-note p{margin:0}.account-security-note p{color:#aa9b74;margin-top:6px;line-height:1.7}.account-actions{margin-top:20px}.login-wrap{background:radial-gradient(circle at 50% 0,#2563eb3d,#0000 34%),#050914;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{color:#eef5ff;background:#0b1321e0;border:1px solid #ffffff1f;border-radius:28px;width:min(430px,100%);padding:34px;box-shadow:0 28px 90px #0000005c}.login-card h1{margin:0 0 8px}.login-card p{color:#98a9c4;margin:0 0 24px}.notice{color:#fca5a5;margin-top:14px;font-size:13px}@media (max-width:1180px){.admin-frame{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:18px;position:relative}.admin-nav{grid-template-columns:repeat(4,minmax(140px,1fr))}.admin-side-note{display:none}.admin-content-grid{grid-template-columns:1fr}.admin-preview{position:static}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-hero{grid-column:1/-1}}@media (max-width:860px){.nav-container{width:min(100% - 28px,640px)}.topbar{justify-content:center;padding:18px 0 10px}.brand{text-align:center;flex-direction:column;gap:12px}.brand-mark{border-radius:16px;width:48px;height:48px;font-size:16px}.brand h1{font-size:22px}.brand p{font-size:12px}.hero{text-align:center;padding:34px 0 16px}.hero-kicker{padding:9px 14px;font-size:13px}.hero-title{letter-spacing:1px;max-width:100%;margin-top:24px;font-size:48px;line-height:1.12}.hero-subtitle{margin-top:14px;font-size:18px}.hero-desc{margin-top:14px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.75}.games-grid,.form-grid{grid-template-columns:1fr}.admin-workbench{padding:16px}.admin-sidebar{gap:14px}.admin-nav{padding-bottom:4px;display:flex;overflow-x:auto}.admin-nav-item{flex:none}.admin-topbar,.section-heading{flex-direction:column;align-items:flex-start}.game-editor-head{flex-direction:column;align-items:flex-start;display:flex}.overview-grid{grid-template-columns:1fr 1fr}.overview-hero,.game-editor-body{grid-template-columns:1fr}.overview-hero{grid-column:1/-1}.form-grid.compact{grid-template-columns:1fr}.background-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.games-grid{gap:18px;padding-top:20px;padding-bottom:42px}.game-card,.game-content{min-height:320px}.game-card{border-radius:24px}.game-content{text-align:center;align-items:center;padding:22px}.game-status{padding:7px 11px;top:8px;left:50%;transform:translate(-50%)}.game-logo{border-radius:19px;width:58px;height:58px;margin:24px auto 16px}.game-card h2{font-size:28px}.game-card h3{margin-top:8px;font-size:15px}.game-card p{max-width:300px;min-height:auto;margin-top:12px;font-size:13px;line-height:1.65}.game-domain{overflow-wrap:anywhere;text-align:center;width:100%;margin-top:12px;font-size:12px}.enter-btn{border-radius:16px;width:100%;max-width:320px;margin-top:16px;padding:13px 16px}}@media (max-width:560px){.nav-container{width:calc(100% - 32px)}.topbar{padding-top:16px}.brand-mark{border-radius:15px;width:46px;height:46px}.brand h1{font-size:21px}.hero{padding-top:26px}.hero-title{letter-spacing:0;font-size:38px}.hero-desc{max-width:100%}.games-grid{gap:14px;padding-top:14px}.game-card,.game-content{min-height:292px}.game-content{padding:20px}.game-logo{border-radius:17px;width:52px;height:52px;margin-top:26px;margin-bottom:14px}.game-card h2{font-size:26px}.footer{padding:24px 0 34px;font-size:13px}.admin-brand-console{align-items:flex-start}.overview-grid{grid-template-columns:1fr}.metric-card{min-height:120px}.background-gallery{grid-template-columns:1fr}.editor-actions,.admin-actions{flex-direction:column}.admin-actions .btn,.editor-actions .btn,.btn.icon-only{width:100%}}@media (max-width:380px){.hero-title{font-size:36px}}@media (max-width:340px){.nav-container{width:calc(100% - 24px)}.hero-title{font-size:32px}.game-card h2{font-size:24px}}