:root{color-scheme:dark;--bg: #09090b;--bg-2: #121214;--card: #141416;--card-2: #1c1c1f;--line: rgba(255, 255, 255, .08);--text: #f4f4f5;--muted: #9b9ba4;--green: #3ddec8;--green-2: #b8fff4;--gold: #8b7cff;--red: #4c8dff;--violet: #8b7cff;--coral: #5ec8ff;--blue: #4c8dff;--shadow: 0 18px 40px rgba(0, 0, 0, .35);font-family:Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;color:var(--text);overflow:hidden;background:var(--bg)}button,input,select{font-family:inherit}button{cursor:pointer}.shell{height:100%;display:flex;flex-direction:column;background:transparent}.titlebar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 18px;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.06);background:#09090b}.title-left,.title-right{display:flex;align-items:center;gap:10px;-webkit-app-region:no-drag}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.3px}.mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#4c8dff,#3ddec8);display:grid;place-items:center;box-shadow:0 6px 16px #4c8dff59}.mark svg{display:block}.balance-chip,.support-chip{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1a1a1d;color:#fff;display:flex;align-items:center;padding:0 14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.balance-chip{color:#7ef0e4}.balance-chip:hover,.support-chip:hover,.user-chip:hover{background:#242428}.support-chip{color:#ffffffd1}.ver{margin-left:8px;font-style:normal;font-size:12px;color:#b9a6ff;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-lg{width:84px;height:84px;font-size:28px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 0 3px #8b7cff}.avatar-lg input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 18px}.profile-hero strong{display:block;margin-top:12px;font-size:22px}.profile-hero p{margin:6px 0 0;color:var(--muted);font-size:13px}.profile-meta{display:flex;gap:8px;justify-content:center;margin-top:12px}.profile-meta span{padding:4px 10px;border-radius:999px;background:#ffffff0f;color:#ffffffb8;font-size:12px}.invite-box{display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:14px 16px;border-radius:16px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06)}.invite-box span{color:var(--muted);font-size:13px}.invite-box strong{font-size:20px;letter-spacing:2px}.invite-box button{margin-left:auto;border:0;border-radius:999px;padding:7px 14px;background:#4c8dff;color:#fff;font-weight:700}.cash-hero{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.cash-hero>div{padding:16px;border-radius:16px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06)}.cash-hero span,.cash-hero em{display:block;color:var(--muted);font-style:normal;font-size:12px}.cash-hero strong{display:block;margin:6px 0;font-size:28px}.fee-box{margin:10px 0;padding:12px 14px;border-radius:16px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06)}.fee-box div{display:flex;justify-content:space-between;padding:4px 0}.user-chip{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1a1a1d;color:var(--text);display:flex;align-items:center;gap:8px;padding:0 12px 0 4px;font-weight:650}.avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#4c8dff,#8b7cff);display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden}.win-btn{width:36px;height:28px;border:0;background:transparent;color:#d5d8e2;border-radius:6px}.win-btn:hover{background:#ffffff0f}.win-btn.close:hover{background:#4c8dff;color:#fff}.menu{position:absolute;top:60px;right:108px;width:248px;background:#161618;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 50px #00000073;padding:8px;z-index:20}.menu-me{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.menu-me b{display:block;font-size:15px}.menu-me span{color:var(--muted);font-size:12px}.menu button{width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:10px;padding:10px 12px;font-size:14px}.menu button:hover{background:#ffffff0f}.menu .danger{color:#c4b6ff;margin-top:4px}.stage{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(320px,46%) minmax(0,1fr);gap:16px;padding:16px}.player-card,.log-card,.stat,.controls{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:none}.player-card{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#000;position:relative}.screen{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;background:#000}.screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;object-fit:contain}.blank-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.badge{position:absolute;top:14px;left:14px;background:#0000008c;border:0;border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.badge b{display:block;font-size:13px}.drama-select{position:absolute;top:16px;right:16px;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 8px}.transport{min-height:58px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px 12px;background:#000}.transport input[type=range]{flex:1;min-width:90px}.transport button,.icon-btn{border:0;background:#1c1c1f;color:#fff;border-radius:999px;height:32px;padding:0 12px}.transport button:hover,.icon-btn:hover{background:#2a2a2e}.transport button.play{background:#4c8dff;color:#fff;font-weight:700}.time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#4c8dff}.right{min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;gap:12px;overflow:hidden}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:16px 16px 14px;border-radius:18px;box-shadow:none;position:relative;overflow:hidden;background:#141416}button.stat{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer}.stat:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:99px;background:#4c8dff}.stat:hover{border-color:#4c8dff73}.stat label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stat strong{font-size:26px;font-weight:720;letter-spacing:.2px}.stat em{display:block;font-style:normal;color:var(--muted);font-size:12px;margin:6px 0 0}.stat-subs:before{background:#4c8dff}.stat-expire:before{background:#8b7cff}.stat-task:before{background:#3ddec8}.stat-points:before{background:#5ec8ff}.stat-points strong{color:#7ef0e4}.ok{color:#fff}.log-card{flex:1;min-height:0;display:flex;flex-direction:column;background:#101012;border-radius:18px;overflow:hidden}.log-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffffffdb;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}.dot{width:7px;height:7px;border-radius:50%;background:#3ddec8;box-shadow:0 0 8px #3ddec8cc;display:inline-block;margin-left:6px}.log-list{flex:1;overflow:auto;padding:8px 12px 12px;font-family:Consolas,Cascadia Mono,monospace;font-size:12.5px;line-height:1.65}.log-list div{animation:rise .25s ease}.INFO{color:#9ec4ff}.SUCCESS{color:#7ef0e4}.WARNING{color:#c4b6ff}.ERROR{color:#f4f4f5}.log-list::-webkit-scrollbar{width:8px}.log-list::-webkit-scrollbar-thumb{background:#2a3140;border-radius:99px}.controls{height:76px;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:none;background:#141416}.controls .label{color:var(--muted);font-size:13px;margin-right:auto}.controls select{height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1c1c1f;color:#fff;padding:0 12px}.action{height:42px;min-width:108px;border:0;border-radius:999px;color:#fff;font-weight:750;font-size:15px;background:#1c1c1f}.action.start{background:linear-gradient(135deg,#4c8dff,#3d7ee8);box-shadow:0 8px 18px #4c8dff47}.action.pause,.action.stop{background:#1c1c1f;color:#fff;box-shadow:none}.action:hover:not(:disabled){filter:brightness(1.06)}.action:disabled{opacity:.45;cursor:not-allowed}.center-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px}.gate{position:relative;background:#07060a;overflow:hidden}.wall-viewport{position:absolute;top:0;right:500px;bottom:0;left:0;overflow:hidden}.wall-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;animation:wall-drift 46s linear infinite}.poster{position:relative;aspect-ratio:3 / 4.15;border-radius:16px;overflow:hidden;box-shadow:0 18px 36px #00000061}.poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04)}.poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005 20%,#000000c7)}.poster-tag,.poster-play,.poster-copy{position:absolute;z-index:1}.poster-tag{top:10px;left:10px;padding:3px 8px;border-radius:999px;background:#4c8dff;color:#fff;font-size:12px;font-weight:700}.poster-tag.tone-violet{background:#8b7cff}.poster-tag.tone-sky{background:#1494d6}.poster-tag.tone-teal{background:#129e90}.poster-tag.tone-indigo{background:#5b6cff}.poster-tag.tone-cyan{background:#1aa7c9}.poster-tag.tone-lilac{background:#9a78e0}.poster-play{top:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;color:#fff;font-size:11px}.poster-copy{left:12px;right:12px;bottom:12px}.poster-copy b{display:block;font-size:18px;letter-spacing:.4px}.poster-copy em{display:block;margin-top:4px;color:#ffffffd1;font-style:normal;font-size:12px}.gate-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#07060a00,#07060a33 46%,#07060a 64%),radial-gradient(480px 380px at 78% 40%,rgba(76,141,255,.22),transparent 72%)}.gate-panel{position:relative;z-index:2;width:420px;margin:auto 56px auto auto;padding:8px 8px 8px 28px}.gate-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.gate-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4c8dff,#3ddec8);box-shadow:0 10px 24px #4c8dff66}.gate-brand strong{display:block;font-size:18px}.gate-brand em{font-style:normal;color:#b9a6ff;font-size:12px;font-weight:700}.gate-panel h1{margin:0 0 8px;font-size:40px;letter-spacing:1px}.gate-panel p{margin:0 0 22px;color:#ffffff9e}.gate-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:18px;border-radius:999px;background:#ffffff0f}.gate-switch button{height:38px;border:0;border-radius:999px;background:transparent;color:#ffffffb3;font-weight:700}.gate-switch button.on{background:#4c8dff;color:#fff;box-shadow:0 8px 18px #4c8dff59}.gate-panel .field input{letter-spacing:0;background:#ffffff0f;border-color:#ffffff14}.gate-panel .field input:focus{outline:2px solid rgba(76,141,255,.7)}.gate-go{width:100%;height:52px;margin-top:6px;border:0;border-radius:999px;color:#fff;font-size:17px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#4c8dff,#3a6fe0);box-shadow:0 14px 28px #4c8dff61}.gate-go:hover:not(:disabled){filter:brightness(1.06)}.gate-go:disabled{opacity:.45;cursor:not-allowed}.gate-server{margin-top:16px;background:none;border:0;color:#ffffff73}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px}.field input,.field select{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#1a1a1d;color:#fff;padding:0 14px;letter-spacing:0;font-size:15px}.field input:focus,.field select:focus{outline:2px solid rgba(76,141,255,.65);border-color:transparent}.primary{width:100%;height:46px;border:0;border-radius:999px;background:#4c8dff;color:#fff;font-weight:800;font-size:16px}.primary:hover:not(:disabled){filter:brightness(1.05)}.primary:disabled{opacity:.6}.linkish{margin-top:14px;background:none;border:0;color:#9eb0c8}.splash{text-align:center}.bar{width:180px;height:4px;border-radius:99px;background:#ffffff1f;margin:18px auto 0;overflow:hidden}.bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#4c8dff,#3ddec8);animation:load 1s ease infinite}.toast-wrap{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:8px}.toast{background:#1c1834f5;border:1px solid rgba(141,123,255,.35);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow)}.toast.error{border-color:#4c8dff8c}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0806149e;display:grid;place-items:center;z-index:40}.modal{width:420px;max-height:min(86vh,760px);overflow:auto;background:#121214;border-radius:22px;border:1px solid rgba(255,255,255,.08);padding:22px}.modal.wide{width:460px}.modal.sheet{width:min(1120px,calc(100vw - 36px));height:auto;max-height:min(760px,calc(100vh - 48px));padding:0;display:flex;flex-direction:column;overflow:hidden;border-color:#ffffff14}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:#121214}.sheet-head h3{margin:0;font-size:16px}.sheet-close{height:32px;padding:0 14px;border:0;border-radius:999px;background:#ffffff14;color:var(--text)}.sheet-close:hover{background:#4c8dff47}.sheet-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 18px 16px}.chat-log{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px 12px}.bubble{max-width:min(70%,520px);border-radius:14px;padding:8px 12px}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.bubble time{display:block;margin-top:4px;font-size:11px;opacity:.7}.bubble.mine{align-self:flex-end;background:#4c8dff;color:#fff}.bubble.theirs{align-self:flex-start;background:#4c8dff38;color:#f4f4f5}.chat-send{display:flex;gap:8px;align-items:center}.chat-send input{flex:1;height:42px;border-radius:12px;border:1px solid rgba(141,123,255,.28);background:#080a188c;color:#fff;padding:0 12px}.chat-send .action{min-width:96px}.ledger-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.ledger-meta b{color:var(--text);font-weight:700}.ledger-filters{display:flex;gap:8px;margin:12px 0}.ledger-filters .choice{height:30px}.ledger-scroll{flex:1;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px}.ledger-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.ledger-table th:nth-child(1),.ledger-table td:nth-child(1){width:96px}.ledger-table th:nth-child(2),.ledger-table td:nth-child(2){width:112px}.ledger-table th:nth-child(3),.ledger-table td:nth-child(3){width:96px}.ledger-table th:nth-child(4),.ledger-table td:nth-child(4){width:84px}.ledger-table th:nth-child(5),.ledger-table td:nth-child(5){width:360px}.ledger-table th:nth-child(6),.ledger-table td:nth-child(6){width:80px}.ledger-table th:nth-child(7),.ledger-table td:nth-child(7){width:110px}.ledger-table th:nth-child(8),.ledger-table td:nth-child(8){width:132px}.ledger-table th{position:sticky;top:0;text-align:left;padding:10px 12px;color:#ddd8ff;font-weight:650;background:#161c34;border-bottom:1px solid rgba(76,141,255,.28)}.ledger-table td{padding:12px;border-top:1px solid rgba(255,255,255,.06);vertical-align:top}.ledger-table tbody tr:hover td{background:#8d7bff14}.ledger-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.ledger-sub{margin-top:6px;color:var(--muted);font-size:12px}.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:6px}.code-chip{display:block;padding:3px 7px;border-radius:6px;background:#4ea2ff29;color:#d7e8ff;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;letter-spacing:0}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;white-space:nowrap}.tag.paid{background:#3ddec829;color:#b8fff4}.tag.pending{background:#8b7cff2e;color:#ddd6ff}.tag.rejected{background:#9a78e033;color:#efe8ff}.tag.closed{background:#ffffff14;color:#aeb6d4}.tag.buy{background:#4c8dff29;color:#d6e6ff}.tag.recharge{background:#4ea2ff29;color:#9ad4ff}.tag.withdraw{background:#8d7bff33;color:#d4ccff}.shop{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:460px;flex:1}.shop-side,.shop-main{min-height:0;overflow:auto}.shop-balance{padding:18px;border-radius:16px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06)}.shop-balance span,.shop-meta span{color:var(--muted);font-size:12px}.shop-balance strong{display:block;margin:6px 0;font-size:32px;color:#fff}.shop-balance p,.shop-meta em{color:var(--muted);font-style:normal;font-size:12px;line-height:1.5}.shop-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.shop-meta div{padding:12px;border-radius:14px;background:#080a1859;border:1px solid var(--line)}.shop-meta b{display:block;margin-top:4px;font-size:18px}.shop-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.shop-actions .choice{height:38px}.shop-main .action{margin-top:4px}.shop-codes{margin-top:14px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.choices{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.choice{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#080a1859;color:var(--text)}.choice.on{border-color:transparent;background:#4c8dff;color:#fff}.qr{width:160px;height:160px;object-fit:contain;background:#fff;border-radius:8px}.id-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.id-preview{display:flex;gap:10px;align-items:center;margin-bottom:8px}.order-list{margin-top:12px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.sub-card{padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.bind-row{display:flex;gap:8px;margin-top:8px}.bind-row input{flex:1;height:34px;border-radius:8px;border:1px solid var(--line);background:#12151c;color:var(--text);padding:0 10px}.modal h3{margin-top:0}.modal .row{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.banner{background:#4c8dff1f;color:#d6e6ff;border:1px solid rgba(76,141,255,.35);border-radius:10px;padding:8px 10px;font-size:12px}.empty{color:var(--muted);text-align:center;padding:24px}@media(max-width:860px){.wall-viewport{top:0;right:0;bottom:0;left:0;opacity:.35}.gate-panel{width:min(420px,calc(100% - 32px));margin:auto;padding:24px 8px}}@keyframes wall-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(320%)}}