:root{--bg: #0a0812;--glass: rgba(20, 15, 34, .58);--glass-strong: rgba(13, 10, 24, .82);--glass-soft: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--glass-border-hi: rgba(255, 255, 255, .18);--text: #f4f1fb;--text-dim: #a89ec6;--text-mute: #7a7096;--accent: #f0b840;--accent-hi: #ffe4a3;--accent-deep: #c78b1c;--accent-glow: rgba(240, 184, 64, .42);--accent-soft: rgba(240, 184, 64, .14);--portal: #a67cf5;--success: #4ddc97;--danger: #ff6b6b;--radius-lg: 18px;--radius: 14px;--radius-sm: 10px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;--line: var(--glass-border);--muted: var(--text-mute);--dim: var(--text-dim);--gold: var(--accent);--fill-a: rgba(255, 255, 255, .05);--fill-b: rgba(255, 255, 255, .07);--fill-c: rgba(255, 255, 255, .1);--fill-d: rgba(255, 255, 255, .14);--fill-e: rgba(255, 255, 255, .22);--shade-1: rgba(0, 0, 0, .32);--shade-2: rgba(0, 0, 0, .45);--shade-3: rgba(0, 0, 0, .6);--mask: rgba(6, 4, 12, .68);--mask-soft: rgba(6, 4, 12, .5);--mask-hard: rgba(4, 3, 9, .92);--surface-solid: #16102a;--ph-a: #3a2f57;--ph-b: #241d3a;--ring: #16102a;--on-accent: #241804;--knob: #ffffff}:root[data-theme=light]{--bg: #f2f0f6;--glass: rgba(255, 255, 255, .74);--glass-strong: rgba(255, 255, 255, .94);--glass-soft: rgba(24, 18, 40, .04);--glass-border: rgba(24, 18, 40, .12);--glass-border-hi: rgba(24, 18, 40, .2);--text: #241d38;--text-dim: #564d70;--text-mute: #7b7295;--accent: #a9720d;--accent-hi: #8a5c07;--accent-deep: #7d5406;--accent-glow: rgba(169, 114, 13, .25);--accent-soft: rgba(169, 114, 13, .12);--portal: #7c4dd6;--success: #12915c;--danger: #cf3535;--fill-a: rgba(24, 18, 40, .04);--fill-b: rgba(24, 18, 40, .06);--fill-c: rgba(24, 18, 40, .09);--fill-d: rgba(24, 18, 40, .13);--fill-e: rgba(24, 18, 40, .2);--shade-1: rgba(30, 22, 52, .1);--shade-2: rgba(30, 22, 52, .16);--shade-3: rgba(30, 22, 52, .22);--mask: rgba(226, 221, 238, .62);--mask-soft: rgba(226, 221, 238, .5);--mask-hard: rgba(238, 235, 245, .94);--surface-solid: #ffffff;--ph-a: #d9d3ea;--ph-b: #c5bcdc;--ring: #f2f0f6;--on-accent: #fff8e6;--knob: #ffffff}:root[data-theme=light] .app:before{background:linear-gradient(180deg,#f2f0f6b8,#f2f0f673,#f2f0f699 60%,#f2f0f6d9),linear-gradient(90deg,#f2f0f6a6,#f2f0f600 40%)}:root[data-theme=light] .app{background-color:#f2f0f6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:0!important;height:0!important;display:none}html,body{scrollbar-width:none;overflow:hidden;height:100%}#root{height:100%}.app{position:relative;display:flex;flex-direction:column;width:calc(100vw / var(--s, 1));height:calc(100vh / var(--s, 1));transform:scale(var(--s, 1));transform-origin:0 0;background:#0a0812 center / cover no-repeat;background-image:var(--app-bg)}.win-controls{position:fixed;top:0;right:0;height:36px;display:flex;align-items:stretch;z-index:950;-webkit-user-select:none;user-select:none}.win-btn{width:44px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;opacity:.75;cursor:pointer;padding:0;transition:background .15s ease,opacity .15s ease}.win-btn:hover{background:#80808038;opacity:1}.win-btn:active{background:#80808052}.win-btn-close:hover{background:#e81123;color:#fff;opacity:1}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#080512c7,#08051233,#08051259 60%,#080512e6),linear-gradient(90deg,#08051299,#08051200 40%)}.app>*{position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:10px;height:46px;padding-left:16px;flex-shrink:0;z-index:50}.brand-mark{display:flex;align-items:center;gap:10px}.brand-logo{width:32px;height:32px;border-radius:9px;background-image:url(/brand-logo.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 10px var(--accent-glow)}.brand-name{font-size:15px;font-weight:800;letter-spacing:3px;text-shadow:0 2px 8px var(--shade-3)}.brand-tag{font-size:10px;letter-spacing:1px;color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft);padding:2px 7px;border-radius:5px}.topbar .spacer{flex:1}.tool-btn{width:34px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--text-dim);transition:background .15s,color .15s}.tool-btn:hover{background:var(--fill-c);color:var(--text)}.win-ctrl{display:flex;height:46px;margin-left:6px}.win-btn{width:46px;height:46px;display:grid;place-items:center;color:var(--text-dim);transition:background .15s,color .15s}.win-btn:hover{background:var(--fill-c);color:var(--text)}.win-btn.close:hover{background:#e5484d;color:#fff}.shell{display:flex;flex:1;min-height:0;gap:20px;padding:0 clamp(24px,2.4vw,40px) 24px 0}.sidenav{width:132px;flex:0 0 132px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;overflow:hidden;border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--glass-border);box-shadow:0 12px 40px var(--shade-2),inset 0 1px 0 var(--glass-soft);position:relative}.sidenav:after{content:"";position:absolute;top:18px;bottom:18px;right:-1px;width:1px;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 18%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.1) 82%,transparent 100%)}.avatar-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--glass-border);width:100%;cursor:pointer}.avatar{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#6d5aa8 25%,#57468c 25% 50%,#6d5aa8 50% 75%,#57468c 75%),#57468c;background-size:12px 12px;border:2px solid var(--accent);box-shadow:0 0 0 2px var(--shade-1),0 4px 14px var(--shade-2);transition:transform .18s var(--ease)}.avatar-wrap:hover .avatar{transform:scale(1.05)}.avatar-name{max-width:100%;padding:0 6px;font-size:12.5px;font-weight:600;color:var(--text);letter-spacing:.4px;line-height:1.35;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;top:84px;left:10px;right:10px;z-index:30;padding:6px;border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border-hi);box-shadow:0 18px 44px var(--shade-3);animation:fadeUp .2s var(--ease) both}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:8px;font-size:12px;color:var(--text-dim);text-align:left;transition:background .14s,color .14s}.menu-item:hover{background:var(--glass-soft);color:var(--text)}.menu-item .mi-lock{margin-left:auto;font-size:9px;color:var(--text-mute)}.nav-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;box-sizing:border-box;padding:9px 12px;border-radius:var(--radius);color:var(--text-mute);font-size:13px;letter-spacing:0;white-space:nowrap;position:relative;transition:color .18s var(--ease),background .18s var(--ease)}.nav-item>svg{flex:0 0 auto}.nav-item:hover{color:var(--text);background:var(--glass-soft)}.nav-item.active{color:var(--accent);background:var(--accent-soft)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.sidenav-spacer{flex:1}.side-navtop{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:3px}.side-navtop .avatar-wrap{align-self:stretch}.side-bottom{flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:stretch}.side-bottom .srv-status{margin-top:10px}.btn-side-launch{letter-spacing:2px;padding:12px 0;width:100%;flex-shrink:0;border-radius:12px;font-size:15px;font-weight:800;color:var(--on-accent);background:linear-gradient(180deg,#ffeec2 0%,var(--accent) 45%,var(--accent-deep) 100%);box-shadow:0 8px 26px var(--accent-glow),inset 0 1px #ffffffbf,inset 0 -2px #0000001f;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s}.btn-side-launch:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 34px var(--accent-glow),inset 0 1px #ffffffd9}.btn-side-launch:active:not(:disabled){transform:translateY(0)}.btn-side-launch:disabled{background:var(--fill-c);color:var(--text-mute);box-shadow:none;cursor:not-allowed}.side-hint{margin-top:8px;font-size:9.5px;color:var(--text-mute);letter-spacing:.5px;text-align:center;line-height:1.5;flex-shrink:0;width:100%;overflow:hidden;text-overflow:ellipsis}.stage{flex:1;min-width:0;border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column}.banner{position:relative;height:46%;min-height:240px;flex-shrink:0;overflow:hidden;background:#000}.banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:bannerIn .6s var(--ease) both}@keyframes bannerIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08051226,#08051200 40%,#0a0812db);pointer-events:none}.banner-copy{position:absolute;left:30px;bottom:26px;z-index:2;display:flex;flex-direction:column;gap:8px}.banner-title{font-size:30px;font-weight:900;letter-spacing:6px;text-shadow:0 4px 18px var(--shade-3)}.banner-sub{font-size:13px;color:var(--text-dim);letter-spacing:2px;text-shadow:0 2px 8px var(--shade-3)}.banner-cta{margin-top:6px;align-self:flex-start;height:38px;padding:0 22px;border-radius:10px;font-size:13.5px;font-weight:700;letter-spacing:3px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent) 55%,var(--accent-deep));box-shadow:0 6px 20px var(--accent-glow),inset 0 1px #ffffffb3;transition:transform .16s var(--ease),filter .16s}.banner-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}.banner-dots{position:absolute;right:22px;bottom:22px;z-index:2;display:flex;gap:7px}.banner-dot{width:18px;height:4px;border-radius:2px;background:var(--fill-d);transition:background .2s,width .2s var(--ease)}.banner-dot.on{width:30px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.feed{flex:1;min-height:0;overflow-y:auto;padding:16px 22px 20px}.feed-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.feed-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;letter-spacing:2px}.feed-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.feed-head .spacer{flex:1}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.content-card{border-radius:var(--radius);overflow:hidden;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);text-align:left;transition:transform .22s var(--ease),border-color .22s,box-shadow .22s}.content-card:hover{transform:translateY(-5px);border-color:var(--accent-soft);box-shadow:0 18px 40px var(--shade-2)}.cc-cover{position:relative;aspect-ratio:4 / 3;overflow:hidden}.cc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease)}.content-card:hover .cc-cover img{transform:scale(1.06)}.cc-tag{position:absolute;left:8px;top:8px;font-size:10px;letter-spacing:1px;padding:2px 8px;border-radius:6px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent));font-weight:700}.cc-body{padding:10px 12px 12px}.cc-title{font-size:13px;font-weight:700;letter-spacing:1px}.cc-desc{margin-top:4px;font-size:11px;color:var(--text-mute);line-height:1.5}.sync-float{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:14px;width:min(560px,calc(100% - 40px));padding:12px 16px;border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent-soft);box-shadow:0 10px 34px var(--shade-2)}.sync-float .sb-text{flex:1;font-size:12px;color:var(--text-dim)}.sync-float .sb-name{color:var(--text)}.progress{width:140px;height:5px;border-radius:3px;background:var(--fill-c);overflow:hidden;flex-shrink:0}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hi));box-shadow:0 0 10px var(--accent-glow);transition:width .25s var(--ease)}.spin{animation:spin 1.1s linear infinite}.panel{height:100%;overflow-y:auto;padding:30px 40px 40px;background:var(--glass-strong);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}.panel-head{margin-bottom:18px}.panel-title{font-size:19px;font-weight:800;letter-spacing:2px}.panel-sub{margin-top:6px;font-size:12px;color:var(--text-mute)}.section{margin-top:24px;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.section:after{content:"";flex:1;height:1px;background:var(--glass-border)}.set-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.set-tab{flex:0 0 auto;padding:7px 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-soft);color:var(--text-dim);font-size:12.5px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.set-tab:hover{color:var(--text);border-color:var(--accent-soft)}.set-tab.on{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #7c5cff4d}.card{border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border);overflow:hidden}.card+.card{margin-top:14px}.row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--fill-b);transition:background .15s}.row:last-child{border-bottom:none}.row:hover{background:var(--fill-a)}.row-main{flex:1;min-width:0}.row-title{font-size:13.5px;display:flex;align-items:center;gap:8px}.row-meta{margin-top:4px;font-size:11.5px;color:var(--text-mute)}.tag{font-size:10.5px;padding:2px 8px;border-radius:6px;border:1px solid var(--glass-border);color:var(--text-dim);letter-spacing:.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.tag.accent{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.tag.ghost-btn{cursor:pointer;transition:color .15s,border-color .15s,background .15s}.tag.ghost-btn:hover{color:var(--danger);border-color:#ff6b6b66;background:#ff6b6b1f}.empty{padding:18px 16px;font-size:12px;color:var(--text-mute)}.row-title,.row-meta,.panel-sub,.banner-title,.banner-sub,.ph-sub{overflow-wrap:anywhere;word-break:break-word}.btn{white-space:normal;max-width:100%}.subtabs{flex-wrap:wrap}.banner-cta{max-width:92%;white-space:nowrap}.field input,.input,.select{max-width:100%;min-width:0}.stage>.panel,.stage>.frame-wrap{max-width:100%}.wallet{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:12px 16px;border-radius:var(--radius);background:linear-gradient(120deg,#7c5cff29,#7c5cff0a);border:1px solid var(--accent-soft);flex-wrap:wrap}.wallet-item{display:flex;flex-direction:row;align-items:center;gap:10px;line-height:1.2}.wallet-icon{width:30px;height:30px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.wallet-text{display:flex;flex-direction:column;line-height:1.2}.wallet-num{font-size:18px;font-weight:800;color:var(--accent)}.wallet-label{font-size:11px;color:var(--text-mute);margin-top:2px}.wallet-recharge{margin-left:auto}.avatar-replace{margin-top:10px;padding:6px 14px;font-size:12px;font-weight:700}.switch{width:42px;height:23px;border-radius:999px;background:var(--fill-c);border:1px solid var(--glass-border);position:relative;flex-shrink:0;transition:background .2s var(--ease),border-color .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--knob);box-shadow:0 1px 4px var(--shade-2);transition:left .2s var(--ease)}.switch.on{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:transparent;box-shadow:0 0 14px var(--accent-glow)}.switch.on:after{left:21px}.switch:disabled{opacity:.45;cursor:not-allowed}.btn{height:32px;padding:0 15px;border-radius:9px;font-size:12px;letter-spacing:1px;color:var(--text-dim);background:var(--glass-soft);border:1px solid var(--glass-border);display:inline-flex;align-items:center;gap:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,border-color .15s,background .15s,transform .15s var(--ease)}.btn:hover{color:var(--text);border-color:var(--glass-border-hi);background:var(--fill-c)}.btn:active{transform:scale(.97)}.btn.accent{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent) 60%,var(--accent-deep));border-color:transparent;font-weight:700}.btn.accent:hover{color:var(--on-accent);filter:brightness(1.05)}.field{margin-bottom:16px;max-width:520px}.field>label{display:block;margin-bottom:7px;font-size:12px;color:var(--text-dim);letter-spacing:1px}.field input[type=text],.field input[type=number]{width:100%;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--glass-border);background:var(--shade-1);color:var(--text);font-size:13px;-webkit-user-select:text;user-select:text;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input{height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--glass-border);background:var(--shade-1);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input:disabled{opacity:.6;cursor:not-allowed}.field-row{display:flex;align-items:center;gap:12px}.field-row .val{min-width:72px;text-align:right;font-size:13px;color:var(--accent);font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:var(--fill-d);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--knob);box-shadow:0 0 10px var(--accent-glow);cursor:pointer}.err-inline{flex:0 0 auto;margin-bottom:10px}.notice.err .err-msg{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.notice.err .err-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.65;cursor:pointer}.notice.err .err-close:hover{opacity:1;background:#ff6b6b2e}.notice{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.6;color:var(--text-dim);background:var(--glass-soft);border:1px solid var(--glass-border);margin-bottom:14px}.notice .ni{flex-shrink:0;margin-top:1px;color:var(--accent)}.notice.err{color:var(--danger);border-color:#ff6b6b59;background:#ff6b6b1f}.card .notice{background:transparent;border:none;border-radius:0;margin-bottom:0;padding:13px 16px}.card .notice.err{background:#ff6b6b1a}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:700;padding:11px 20px;border-radius:10px;font-size:12.5px;letter-spacing:1px;color:var(--text);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent-soft);box-shadow:0 12px 34px var(--shade-2);animation:fadeUp .22s var(--ease) both}.frame-wrap{height:100%;background:var(--surface-solid);border-radius:var(--radius-lg);overflow:hidden}.frame-wrap iframe{width:100%;height:100%;border:none;display:block}.fade-up{animation:fadeUp .34s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.center-loading{height:100%;display:grid;place-items:center;color:var(--text-mute);letter-spacing:2px}button,.btn,.link,.nav-item{max-width:100%}.btn-side-launch{min-width:0;white-space:normal}.brand-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card,.panel,.modal-card,.settings-card{max-width:100%}@media (max-width: 1180px){.brand-tag{display:none}}@media (max-width: 820px){.brand-name{max-width:110px}.topbar{gap:6px;padding-left:10px}}@media (max-height: 720px){.sidenav{padding:10px 8px 8px;gap:2px}.avatar-wrap{padding-bottom:6px;margin-bottom:4px;gap:3px}.avatar{width:44px;height:44px}.brand-logo{width:28px;height:28px}.nav-item{padding:7px 12px;gap:8px}.btn-side-launch{padding:10px 0;letter-spacing:2px}.side-hint{margin-top:4px}}@media (max-height: 600px){.nav-item{padding:5px 0;font-size:10px}.avatar{width:34px;height:34px}.sidenav{padding-bottom:10px}.side-bottom .srv-status{margin-top:6px}}.tool-btn.on{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.avatar-badge{position:absolute;top:-4px;right:-4px;padding:2px 6px;font-size:9.5px;font-weight:700;letter-spacing:.3px;line-height:1.25;border-radius:999px;color:#23180a;background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 2px 6px var(--shade-2);white-space:nowrap;pointer-events:none}.srv-status{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 9px;border-radius:var(--radius-sm);background:var(--glass-soft);border:1px solid var(--glass-border)}.srv-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--text-mute)}.srv-status.on .srv-dot{background:var(--success);box-shadow:0 0 10px #4ddc97b3;animation:srvPulse 2s infinite}.srv-main{flex:1;min-width:0}.srv-text{font-size:11px;color:var(--text);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srv-sub{margin-top:2px;font-size:9.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes srvPulse{0%{box-shadow:0 0 #4ddc978c}70%{box-shadow:0 0 0 7px #4ddc9700}to{box-shadow:0 0 #4ddc9700}}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;display:grid;place-items:center;background:var(--mask);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-topbar{position:absolute;top:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 14px;z-index:620}.login-topbar-brand{font-size:12px;letter-spacing:2px;color:var(--text-mute);pointer-events:none}.login-topbar .win-ctrl{height:36px;margin-left:0}.login-wrap{width:100%;display:grid;place-items:center}.login-card{width:400px;padding:30px 30px 24px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 70px var(--shade-3);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.login-tabs{display:flex;gap:8px;margin-bottom:18px;padding:4px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border)}.ltab{flex:1;padding:9px 0;border:none;border-radius:9px;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease}.ltab:hover{color:var(--text)}.ltab.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 16px var(--accent-shadow)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand-logo.lg{width:44px;height:44px;border-radius:12px;background-image:url(/brand-logo.png);background-size:cover;background-position:center;background-repeat:no-repeat}.login-title{font-size:20px;font-weight:700;letter-spacing:3px;color:var(--accent)}.login-sub{margin-top:4px;font-size:11.5px;color:var(--text-dim)}.login-form{display:flex;flex-direction:column;gap:12px}.lf{display:flex;align-items:center;gap:9px;padding:0 12px;height:42px;border-radius:var(--radius-sm);background:var(--fill-a);border:1px solid var(--glass-border);transition:border-color .18s var(--ease)}.lf:focus-within{border-color:var(--accent-soft)}.lf-icon{color:var(--text-mute);font-size:12px;width:16px;display:grid;place-items:center}.lf input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:13px}.lf input::placeholder{color:var(--text-mute)}.login-err{font-size:11.5px;color:var(--danger);letter-spacing:.5px}.btn-login{height:44px;margin-top:4px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;letter-spacing:6px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent) 55%,var(--accent-deep));box-shadow:0 10px 26px var(--accent-glow);transition:transform .16s var(--ease),filter .16s var(--ease)}.btn-login:hover{filter:brightness(1.06)}.btn-login:active{transform:translateY(1px)}.login-links{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11.5px;color:var(--text-dim)}.link{border:none;background:none;color:var(--text-dim);font-size:11.5px;padding:0}.link:hover{color:var(--accent)}.login-links .dot{color:var(--text-mute)}.login-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--glass-border);font-size:10.5px;line-height:1.7;color:var(--text-mute);text-align:center}.im-drawer{position:absolute;top:44px;right:14px;bottom:14px;width:470px;z-index:360;max-width:calc(100vw - 28px);display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 26px 60px var(--shade-3);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);overflow:hidden}.im-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--glass-border);font-size:13px;letter-spacing:1px}.im-state{font-size:10px;padding:2px 7px;border-radius:999px;color:var(--text-mute);background:var(--glass-soft)}.im-state.on{color:var(--success);background:#4ddc9724}.im-close{border:none;background:none;color:var(--text-dim);display:grid;place-items:center}.im-close:hover{color:var(--danger)}.im-body{flex:1;display:grid;grid-template-columns:178px minmax(0,1fr);min-height:0}.im-list{border-right:1px solid var(--glass-border);overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:2px;min-width:0}.im-tools{display:flex;align-items:center;gap:6px;margin-bottom:6px;position:sticky;top:-8px;padding:8px 0 6px;background:var(--glass-strong);z-index:1}.im-search{flex:1;min-width:0;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text);font-family:inherit;font-size:11.5px;outline:none}.im-search:focus{border-color:var(--accent-soft)}.im-search::placeholder{color:var(--text-mute)}.im-add-btn{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text-dim);transition:all .18s var(--ease)}.im-add-btn:hover{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.im-add-btn.on{color:var(--danger);border-color:#ff6b6b66;background:#ff6b6b1f}.im-add-plus{font-size:16px;line-height:1;margin-top:-1px}.im-group{margin:8px 2px 4px;font-size:10px;letter-spacing:.6px;color:var(--text-mute);display:flex;align-items:center;gap:6px}.im-group:after{content:"";flex:1;height:1px;background:var(--glass-border)}.im-group em{font-style:normal;font-size:9.5px;padding:0 5px;border-radius:999px;background:var(--fill-b);color:var(--text-dim)}.im-row{position:relative;border-radius:var(--radius-sm);transition:background .16s var(--ease)}.im-row:hover{background:var(--glass-soft)}.im-row.on{background:var(--accent-soft)}.im-row.on:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.im-row-main{width:100%;display:flex;align-items:center;gap:8px;padding:7px 6px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text);text-align:left;min-width:0}.im-row-txt{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.im-row-top{display:flex;align-items:baseline;gap:6px;min-width:0}.im-row-name{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.im-row-time{font-size:9px;color:var(--text-mute);flex:0 0 auto}.im-row-sub{font-size:10px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-row-sub.preview{color:var(--text-dim)}.im-row-del{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:6px;background:var(--surface-solid);color:var(--text-mute);opacity:0;pointer-events:none;transition:opacity .16s var(--ease),color .16s var(--ease)}.im-row:hover .im-row-del{opacity:1;pointer-events:auto}.im-row-del:hover{color:var(--danger)}.im-badge{flex:0 0 auto;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;font-size:9.5px;font-weight:700;line-height:1;white-space:nowrap;color:#fff;background:var(--danger);box-shadow:0 0 0 2px var(--ring)}.im-av{flex:0 0 auto;border-radius:10px;overflow:visible;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,var(--ph-a),var(--ph-b));border:1px solid var(--glass-border)}.im-av img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.im-av-txt{font-weight:700;color:var(--text-dim);letter-spacing:0;-webkit-user-select:none;user-select:none}.im-av.online:after,.im-av.ingame:after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid var(--ring)}.im-av.ingame:after{background:var(--accent)}.im-av.offline{filter:saturate(.35);opacity:.72}.im-av.offline:after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:var(--text-mute);border:2px solid var(--ring)}.im-guide{margin:auto;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.im-guide-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);margin-bottom:2px}.im-guide-t{font-size:12.5px;color:var(--text)}.im-guide-d{font-size:10.5px;line-height:1.7;color:var(--text-mute);max-width:220px}.im-guide .btn{margin-top:6px}.im-loading{padding:10px 6px;display:flex;flex-direction:column;gap:8px}.im-loading .sk-line{margin:0;height:14px}.im-loading .sk-line.w30{width:45%}.im-empty.sm{padding:18px 8px;text-align:center;font-size:11px}.im-chat{display:flex;flex-direction:column;min-height:0;min-width:0}.im-chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:20px}.im-chat-empty-ico{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--text-dim);background:var(--fill-a);border:1px solid var(--glass-border);margin-bottom:2px}.im-chat-head{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:12.5px;border-bottom:1px solid var(--glass-border);background:var(--fill-a);min-width:0}.im-chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.im-chat-sub{font-size:10px;color:var(--text-mute);flex:0 0 auto;white-space:nowrap}.im-chat-sub.online{color:var(--success)}.im-chat-sub.ingame{color:var(--accent)}.im-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.im-empty{margin:auto;font-size:11.5px;color:var(--text-mute)}.im-msg{max-width:82%}.im-msg.self{align-self:flex-end;text-align:right}.im-bubble{padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.6;color:var(--text);background:var(--glass-soft);border:1px solid var(--glass-border)}.im-msg.self .im-bubble{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:transparent}.im-time{margin-top:4px;font-size:9.5px;color:var(--text-mute)}.im-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--glass-border);align-items:center}.im-input .btn{flex:0 0 auto;white-space:nowrap}.im-input input{flex:1;min-width:0;height:34px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text);font-family:inherit;font-size:12.5px;outline:none}.im-input input:focus{border-color:var(--accent-soft)}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}.ex-card{position:relative;padding:12px;border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border);transition:transform .2s var(--ease),border-color .2s var(--ease)}.ex-card:hover{transform:translateY(-3px);border-color:var(--accent-soft)}.ex-cover{height:92px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-mute);background:linear-gradient(140deg,#a67cf533,#f0b8401f);overflow:hidden}.ex-cover img{width:100%;height:100%;object-fit:cover}.ex-name{margin-top:10px;font-size:13.5px;letter-spacing:.5px}.ex-desc{margin-top:3px;font-size:11px;color:var(--text-dim);min-height:30px;line-height:1.5}.ex-foot{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.ex-cost{font-size:14px;font-weight:700;color:var(--accent)}.ex-cost em{font-size:10.5px;font-style:normal;color:var(--text-dim);margin-left:2px}.ex-tag{position:absolute;top:18px;left:18px;padding:2px 8px;font-size:10px;border-radius:999px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent))}.sk-line,.sk-row,.ex-card.skeleton{background:linear-gradient(90deg,var(--fill-a),var(--fill-c),var(--fill-a));background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--radius-sm)}.sk-line{height:18px;margin-bottom:14px}.sk-line.w30{width:30%}.sk-row{height:44px;margin-bottom:8px}.ex-card.skeleton{height:196px;border:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.announce-bar{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;margin-bottom:10px;border:none;text-align:left;border-radius:var(--radius-sm);color:var(--text);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s var(--ease)}.announce-bar:hover{border-color:var(--accent-soft)}.an-tag{flex:0 0 auto;padding:2px 8px;font-size:10px;border-radius:999px;letter-spacing:1px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent))}.announce-bar.event .an-tag{color:#1b0f2e;background:linear-gradient(180deg,#cbb0ff,var(--portal))}.announce-bar.warn .an-tag{color:#2a0d0d;background:linear-gradient(180deg,#ffb3b3,var(--danger))}.an-text{flex:1;min-width:0;font-size:12px;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-more{flex:0 0 auto;font-size:10px;color:var(--text-mute)}.subtabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.subtab{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;border-radius:999px;color:var(--text-dim);background:var(--glass-soft);border:1px solid var(--glass-border);transition:all .18s var(--ease)}.subtab.sm{padding:5px 12px;font-size:11.5px}.subtab:hover{color:var(--text)}.subtab.on{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:transparent}.shop-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border)}.shop-wallet{display:flex;align-items:center;gap:11px;min-width:0}.shop-wallet-icon{width:34px;height:34px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.shop-wallet-main{min-width:0}.shop-wallet-num{font-size:22px;font-weight:800;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}.shop-wallet-label{margin-top:2px;font-size:11px;color:var(--text-mute);white-space:nowrap}.shop-hero-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.shop-ghost-btn{white-space:nowrap}.shop-tabs{display:flex;align-items:center;gap:4px;margin:16px 0 14px;border-bottom:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{position:relative;display:flex;align-items:center;gap:6px;flex:none;padding:9px 14px 10px;font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--text-dim);background:transparent;border:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color .16s var(--ease),background .16s var(--ease)}.shop-tab:hover{color:var(--text);background:var(--fill-a)}.shop-tab.on{color:var(--accent);background:transparent}.shop-tab.on:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-hi),var(--accent))}.shop-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.shop-chip{padding:5px 12px;font-size:12px;border-radius:999px;color:var(--text-dim);background:transparent;border:1px solid var(--glass-border);transition:all .16s var(--ease)}.shop-chip:hover{color:var(--text);border-color:var(--glass-border-hi)}.shop-chip.on{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.shop-count{margin-left:auto;font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.shop-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border);overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.shop-card:hover{transform:translateY(-2px);border-color:var(--accent-soft);background:var(--fill-b)}.shop-cover{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--text-mute);background:radial-gradient(circle at 50% 40%,var(--fill-c),var(--fill-a) 70%);border-bottom:1px solid var(--glass-border);overflow:hidden}.shop-cover img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}.shop-tag{position:absolute;top:8px;left:8px;padding:2px 8px;font-size:10px;font-weight:700;border-radius:999px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 2px 8px var(--shade-2)}.shop-soldout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--text-dim);background:#0000008c}.shop-body{padding:11px 13px 0;flex:1;min-height:0}.shop-name{font-size:13.5px;font-weight:600;letter-spacing:.3px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-desc{margin-top:4px;font-size:11.5px;line-height:1.55;color:var(--text-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.shop-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px 12px;margin-top:8px;border-top:1px solid var(--glass-border)}.shop-price{font-size:18px;font-weight:800;letter-spacing:.2px;color:var(--accent);font-variant-numeric:tabular-nums}.shop-empty{padding:34px 16px;line-height:1.7}.shop-empty-sub{margin-top:6px;font-size:11.5px;color:var(--text-mute)}.shop-price em{font-size:11px;font-style:normal;margin-right:1px}.shop-price s{margin-left:6px;font-size:10.5px;font-weight:400;color:var(--text-mute)}.shop-card.skeleton{height:250px;border:none;background:linear-gradient(90deg,var(--fill-a),var(--fill-c),var(--fill-a));background-size:200% 100%;animation:shimmer 1.3s linear infinite}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;background:var(--mask);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pay-modal{width:320px;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 70px var(--shade-3)}.pm-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;letter-spacing:1px;border-bottom:1px solid var(--glass-border)}.pm-body{padding:18px 20px 22px;text-align:center}.pm-title{font-size:13px;color:var(--text-dim)}.pm-amount{margin-top:4px;font-size:28px;font-weight:800;color:var(--accent)}.pm-amount em{font-size:15px;font-style:normal;margin-right:2px}.pm-qr{width:176px;height:176px;margin:14px auto 10px;border-radius:12px;background:#fff;display:block;object-fit:contain}.pm-qr.empty-qr{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:var(--text-mute);background:var(--glass-soft);border:1px dashed var(--glass-border);font-size:11px}.pm-status{font-size:12px;letter-spacing:.5px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:6px}.pm-status.paid{color:var(--success)}.pm-code{margin-top:8px;font-size:11.5px;color:var(--accent);letter-spacing:1px}.pm-msg{margin-top:6px;font-size:11px;color:var(--danger)}.app{background-position:calc(50% + var(--px, 0px)) calc(50% + var(--py, 0px));transition:background-position .28s ease-out}.launch-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:650;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(166,124,245,.28),var(--mask-hard) 62%);animation:fadeUp .2s var(--ease) both}.lf-ring{position:absolute;width:260px;height:260px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin 1.1s linear infinite}.lf-text{position:relative;font-size:15px;letter-spacing:6px;color:var(--accent);text-shadow:0 0 24px var(--accent-glow)}@keyframes spin{to{transform:rotate(360deg)}}.red-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 6px #ff6b6bcc}.select{height:32px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text);font-family:inherit;font-size:12px;outline:none}.select option{background:var(--surface-solid);color:var(--text)}.mail-drawer{width:560px;max-width:calc(100vw - 28px)}.mail-tabs{display:flex;gap:6px;padding:10px 12px 0}.mail-tab{position:relative;padding:8px 18px;font-size:12.5px;letter-spacing:1px;color:var(--text-dim);background:var(--glass-soft);border:1px solid var(--glass-border);border-bottom:none;border-radius:10px 10px 0 0}.mail-tab.on{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:transparent}.mail-dot{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:9.5px;line-height:16px;color:#fff;background:var(--danger)}.mail-body{flex:1;display:grid;grid-template-columns:218px 1fr;min-height:0;border-top:1px solid var(--glass-border)}.mail-list{border-right:1px solid var(--glass-border);overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.mail-item{display:flex;align-items:center;gap:9px;padding:9px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text);text-align:left}.mail-item:hover{background:var(--glass-soft)}.mail-item.on{background:var(--accent-soft)}.mail-icon{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(140deg,var(--ph-a),var(--ph-b));border:1px solid var(--glass-border)}.mail-icon.reward{background:linear-gradient(140deg,#f0b84059,#a67cf533)}.mail-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.mail-item-title{font-size:12px;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-unread{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--danger)}.mail-item-sub{font-size:10px;color:var(--text-mute)}.mail-detail{padding:16px 18px;overflow-y:auto}.mail-d-title{font-size:15px;letter-spacing:.5px}.mail-d-meta{margin-top:5px;font-size:10.5px;color:var(--text-mute)}.mail-d-body{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:var(--glass-soft);border:1px solid var(--glass-border);font-size:12.5px;line-height:1.8;color:var(--text-dim)}.mail-atts .row{padding-right:0}.mail-foot{padding:10px 14px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end}.shot-modal{width:min(860px,92vw);height:min(620px,86vh);display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 70px var(--shade-3)}.shot-modal .pm-head{gap:8px}.shot-modal .pm-head .btn{padding:6px 10px;font-size:11.5px}.shot-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-mute);font-size:12px;padding:0 40px;text-align:center;line-height:1.8}.shot-grid{flex:1;overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.shot-cell{position:relative;border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--glass-soft);padding:0;transition:border-color .2s var(--ease),transform .2s var(--ease)}.shot-cell:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.shot-thumb{width:100%;aspect-ratio:16 / 9;display:block;background:var(--shade-1)}.shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shot-name{display:block;padding:6px 8px;font-size:10.5px;color:var(--text-dim);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-del{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--text-dim);background:var(--mask);opacity:0;transition:opacity .16s}.shot-cell:hover .shot-del{opacity:1}.shot-del:hover{color:var(--danger)}.shot-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:var(--accent);background:var(--mask-soft)}.shot-viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--mask-hard)}.shot-viewer img{max-width:88%;max-height:78%;border-radius:var(--radius);border:1px solid var(--glass-border-hi)}.shot-viewer-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim)}.log-modal{width:min(520px,92vw);max-height:min(640px,86vh);display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 70px var(--shade-3)}.log-body{padding:16px 18px;overflow-y:auto}.log-block{margin-bottom:14px}.log-time{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:6px}.log-ver{flex:none;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--brand, #c9a14a);background:color-mix(in srgb,var(--brand, #c9a14a) 16%,transparent);border:1px solid color-mix(in srgb,var(--brand, #c9a14a) 35%,transparent)}.log-res-name{color:var(--text-dim);letter-spacing:.3px;font-size:11px}.log-card{padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass-soft);border:1px solid var(--glass-border)}.log-title{font-size:13px;margin-bottom:4px}.log-text{font-size:12px;line-height:1.7;color:var(--text-dim);white-space:pre-wrap}.log-text.dim{color:var(--text-mute)}.precheck-modal{width:min(440px,92vw);border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 70px var(--shade-3)}.precheck-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.pc-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--glass-soft);border:1px solid var(--glass-border)}.pc-icon{width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:grid;place-items:center}.pc-icon.ok{color:var(--success);background:#4ddc9724}.pc-icon.bad{color:var(--danger);background:#ff6b6b1f}.pc-icon.pending{color:var(--text-mute);background:var(--glass-soft)}.pc-main{flex:1;min-width:0}.pc-name{font-size:12.5px}.pc-hint{margin-top:2px;font-size:10.5px;color:var(--text-mute)}.pc-result{margin-top:4px;padding:10px;border-radius:var(--radius-sm);text-align:center;font-size:12px;letter-spacing:1px;color:var(--text-mute);background:var(--glass-soft)}.pc-result.ok{color:var(--success);background:#4ddc971f}.profile-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius);background:linear-gradient(120deg,#a67cf52e,#f0b8401a);border:1px solid var(--glass-border);margin-bottom:14px}.avatar.lg{width:64px;height:64px;border-radius:14px}.ph-name{font-size:17px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:8px}.avatar-badge.static{position:static}.ph-sub{margin-top:4px;font-size:11px;color:var(--text-mute)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px;margin-top:0;margin-bottom:0}.stat-card{padding:12px 14px;border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border);text-align:center}.stat-num{font-size:19px;font-weight:700;color:var(--accent)}.stat-label{margin-top:4px;font-size:11px;color:var(--text-mute);letter-spacing:1px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px}.badge-card{padding:14px 10px;border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border);text-align:center}.badge-card.locked{opacity:.45;filter:grayscale(.8)}.badge-gem{width:18px;height:18px;margin:0 auto 8px;transform:rotate(45deg);border-radius:4px;background:linear-gradient(140deg,var(--accent-hi),var(--accent));box-shadow:0 0 12px var(--accent-glow)}.badge-card.locked .badge-gem{background:var(--text-mute);box-shadow:none}.badge-name{font-size:11.5px;color:var(--text-dim)}.bind-methods{margin-top:14px;border-top:1px solid var(--glass-border);padding:14px 16px 16px}.bind-methods-row{display:flex;gap:8px}.events-wrap{display:grid;grid-template-columns:300px 1fr;gap:14px;min-height:420px}.events-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:460px;padding-right:4px}.ev-item{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-soft);color:var(--text);text-align:left;transition:border-color .18s var(--ease),transform .18s var(--ease)}.ev-item img{width:74px;height:46px;flex:0 0 74px;object-fit:cover;border-radius:7px}.ev-item:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.ev-item.on{border-color:var(--accent);background:var(--accent-soft)}.ev-item.ended{opacity:.55}.ev-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.ev-item-title{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-item-sub{font-size:10px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-state{align-self:flex-start;padding:1px 7px;border-radius:999px;font-size:9.5px;letter-spacing:.5px;color:var(--text-mute);background:var(--glass-soft)}.ev-state.ongoing{color:var(--success);background:#4ddc9724}.ev-state.upcoming{color:var(--accent);background:var(--accent-soft)}.ev-state.ended{color:var(--text-mute)}.events-detail{padding:14px;border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border)}.ev-cover{width:100%;height:210px;object-fit:cover;border-radius:var(--radius-sm);display:block}.ev-title{margin-top:12px;font-size:18px;letter-spacing:1px}.ev-meta{margin-top:6px;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-mute)}.ev-detail{margin:10px 0 14px;font-size:12.5px;line-height:1.8;color:var(--text-dim)}.btn.big{height:40px;padding:0 26px;font-size:14px}.rank-no{width:26px;flex:0 0 26px;text-align:center;font-size:13px;font-weight:700;color:var(--text-mute)}.rank-no.top{color:var(--accent)}.rank-value{font-size:15px;font-weight:700;color:var(--accent)}.rank-value em{font-size:10.5px;font-style:normal;color:var(--text-mute);margin-left:2px}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.vault-card{padding:10px;border-radius:var(--radius);background:var(--glass-soft);border:1px solid var(--glass-border);transition:transform .2s var(--ease),border-color .2s var(--ease)}.vault-card:hover{transform:translateY(-2px);border-color:var(--accent-soft)}.vault-card.used{opacity:.5}.vault-cover{height:86px;border-radius:var(--radius-sm);display:grid;place-items:center;background:linear-gradient(140deg,#a67cf538,#f0b8401f);overflow:hidden}.vault-cover img{width:100%;height:100%;object-fit:cover}.vault-name{margin-top:8px;font-size:12.5px}.vault-desc{margin-top:2px;font-size:10.5px;color:var(--text-dim);min-height:26px;line-height:1.5;overflow:hidden}.vault-foot{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-mute)}.vault-qty{color:var(--accent);font-size:12px;font-weight:700}.vault-card.skeleton{height:176px;border:none;background:linear-gradient(90deg,var(--fill-a),var(--fill-c),var(--fill-a));background-size:200% 100%;animation:shimmer 1.3s linear infinite}.fb-modal{width:480px}.fb-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:10px}.fb-text,.fb-contact{width:100%;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text);font-family:inherit;font-size:12.5px;outline:none;padding:10px 12px}.fb-text{min-height:92px;resize:vertical;line-height:1.7}.fb-text:focus,.fb-contact:focus{border-color:var(--accent-soft)}.fb-log{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.fb-log-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:none;background:var(--glass-soft);color:var(--text-dim);font-size:12px}.fb-log-state{font-size:10.5px;color:var(--text-mute)}.fb-log-body{max-height:150px;overflow:auto;margin:0;padding:10px 12px;font-family:Consolas,monospace;font-size:10.5px;line-height:1.6;color:var(--text-mute);background:var(--shade-1);white-space:pre-wrap;word-break:break-all}.fb-log-body.dim{font-family:inherit;font-size:11.5px;color:var(--text-mute)}.fb-foot{display:flex;justify-content:flex-end;gap:8px}.fb-note{display:flex;align-items:flex-start;gap:6px;font-size:10.5px;line-height:1.6;color:var(--text-mute)}.fb-done{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:var(--text)}.ann-modal{position:relative;width:min(560px,92vw);max-height:88vh;overflow:auto;border-radius:20px;background:var(--glass);border:1px solid var(--line);box-shadow:0 30px 80px var(--shade-3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeUp .24s ease both}.ann-close{position:absolute;top:12px;right:12px;z-index:3;background:var(--shade-1);border:1px solid var(--line);border-radius:10px;color:var(--text);width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.ann-close:hover{background:var(--fill-c)}.ann-cover{width:100%;height:200px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.ann-body{padding:22px 24px 24px}.ann-level{display:inline-block;font-size:11px;letter-spacing:.12em;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-bottom:12px}.ann-level.info{border-color:#7ab4ff80;color:#8ec2ff}.ann-level.warn{border-color:#ffb45a80;color:#ffc46a}.ann-level.event{border-color:#a67cf58c;color:#c4a5ff}.ann-title{font-size:20px;font-weight:700;letter-spacing:.02em;margin-bottom:10px;color:var(--text)}.ann-text{font-size:13.5px;line-height:1.85;color:var(--muted);white-space:pre-wrap}.ann-body .btn.big{margin-top:18px;width:100%;height:42px;font-size:14px}.onb-modal{position:relative;width:min(520px,92vw);border-radius:20px;padding:30px 28px 22px;background:var(--glass);border:1px solid var(--line);box-shadow:0 30px 80px var(--shade-3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeUp .24s ease both}.onb-steps{display:flex;gap:7px;justify-content:center;margin-bottom:22px}.onb-dot{width:26px;height:4px;border-radius:2px;background:var(--fill-d);transition:background .2s ease}.onb-dot.on{background:var(--gold)}.onb-dot.done{background:#f0b84080}.onb-art{height:120px;display:grid;place-items:center;margin-bottom:18px}.onb-art svg{opacity:.95}.onb-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:10px;color:var(--text)}.onb-text{font-size:13.5px;line-height:1.85;color:var(--muted);text-align:center;min-height:60px;white-space:pre-wrap}.onb-foot{display:flex;align-items:center;gap:10px;margin-top:20px}.onb-foot .spacer{flex:1}.topbar{position:relative;z-index:320;isolation:isolate}.msg-anchor{position:relative;display:flex;z-index:300}.msg-anchor .tool-btn.on{background:var(--fill-c);color:var(--text)}.msg-pop{position:absolute;top:calc(100% + 12px);right:-4px;z-index:400;width:300px;max-height:360px;overflow:auto;border-radius:16px;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 20px 50px var(--shade-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:4px}.msg-pop:before{content:"";position:absolute;top:-5px;right:16px;width:10px;height:10px;transform:rotate(45deg);background:var(--glass-strong);border-left:1px solid var(--glass-border-hi);border-top:1px solid var(--glass-border-hi)}.msg-pop .im-head{padding:12px 14px 10px}.msg-list{display:flex;flex-direction:column}.msg-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:transparent;border:0;color:inherit;cursor:pointer;text-align:left;width:100%}.msg-item:hover{background:var(--fill-b)}.msg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.msg-name{font-size:13.5px;font-weight:600;color:var(--text)}.msg-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-badge{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.msg-pop .empty.small{padding:18px 14px 22px}.gopt{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 22px;padding:4px 2px 2px}.gopt-item{display:flex;flex-direction:column;gap:8px}.gopt-item>label{font-size:12px;color:var(--muted);letter-spacing:.05em}.gopt-item .field-row{gap:10px}.gopt-item .val{min-width:46px;text-align:right;font-size:12.5px;color:var(--text)}.gopt-item .switch{align-self:flex-start}.gopt-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.gopt-foot .tag{display:inline-flex;align-items:center;gap:4px}.gopt-hint{font-size:11.5px;color:var(--dim, var(--muted));line-height:1.6}.empty.small svg{vertical-align:-2px;margin-right:4px}.gp-layout{display:flex;gap:18px;align-items:flex-start}.gp-side{width:190px;flex:none;display:flex;flex-direction:column;gap:6px}.gp-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;text-align:left;transition:background .15s,color .15s}.gp-tab:hover{background:var(--glass-soft);color:var(--text)}.gp-tab.on{background:var(--accent-soft);border-color:#f0b84059;color:var(--accent-hi)}.gp-tab-name{font-size:13.5px;font-weight:600}.gp-tab-count{font-size:11.5px;color:var(--text-mute);background:var(--fill-b);border-radius:999px;padding:1px 8px}.gp-main{flex:1;min-width:0}.gp-cover{width:100%;height:170px;object-fit:cover;border-radius:14px;border:1px solid var(--glass-border);margin-bottom:14px}.gp-head{margin-bottom:14px}.gp-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.gp-desc{font-size:12.5px;color:var(--text-mute);line-height:1.7}.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.gp-item{border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-soft);padding:14px 16px;transition:border-color .15s,transform .15s}.gp-item:hover{border-color:var(--glass-border-hi);transform:translateY(-1px)}.gp-item-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gp-item-name{font-size:14px;font-weight:700;color:var(--text)}.gp-item-desc{font-size:12px;color:var(--text-mute);line-height:1.7}.gp-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;padding:10px 14px;border-radius:12px;border:1px dashed var(--glass-border);color:var(--text-mute);font-size:12px;line-height:1.7}.gp-note .link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font-size:12px}.gp-note .link:hover{text-decoration:underline}.at-layout{display:flex;gap:18px;align-items:flex-start}.at-side{width:150px;flex:none;display:flex;flex-direction:column;gap:6px}.at-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;text-align:left;transition:background .15s,color .15s}.at-tab:hover{background:var(--glass-soft);color:var(--text)}.at-tab.on{background:var(--accent-soft);border-color:#f0b84059;color:var(--accent-hi)}.at-tab-name{font-size:13.5px;font-weight:600}.at-tab-count{font-size:11.5px;color:var(--text-mute);background:var(--fill-b);border-radius:999px;padding:1px 8px}.at-main{flex:1;min-width:0}.at-head{margin-bottom:14px}.at-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.at-desc{font-size:12.5px;color:var(--text-mute);line-height:1.7}.at-draft{display:flex;align-items:center;gap:6px;margin-bottom:12px;padding:7px 11px;border-radius:10px;border:1px dashed rgba(240,184,64,.4);background:var(--accent-soft);color:var(--accent-hi);font-size:11.5px;line-height:1.6}.at-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.at-item{border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-soft);padding:14px 16px;transition:border-color .15s,transform .15s}.at-item:hover{border-color:var(--glass-border-hi);transform:translateY(-1px)}.at-item-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.at-item-name{font-size:14px;font-weight:700;color:var(--text)}.at-pct{margin-left:1px;color:var(--accent);font-size:12px}.at-item-desc{font-size:12px;color:var(--text-mute);line-height:1.7}.at-formula{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--glass-border);background:var(--fill-b)}.at-formula-label{flex:none;font-size:10.5px;color:var(--text-mute);padding-top:1px}.at-formula-text{font-size:11.5px;line-height:1.65;color:var(--text);word-break:break-word}.at-row{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.at-row-label{flex:none;width:28px;font-size:10.5px;color:var(--text-mute);padding-top:2px}.at-chips{display:flex;flex-wrap:wrap;gap:4px}.at-chip{font-size:11px;line-height:16px;padding:0 7px;border-radius:999px;border:1px solid var(--glass-border);color:var(--text-mute)}.at-alias{margin-top:8px;font-size:11px;color:var(--text-mute);opacity:.75}.at-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;padding:10px 14px;border-radius:12px;border:1px dashed var(--glass-border);color:var(--text-mute);font-size:12px;line-height:1.7}.at-note .link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font-size:12px}.at-note .link:hover{text-decoration:underline}.panel-actions{display:flex;gap:8px;margin-left:auto}.dl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:6px}.dl-card{border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-soft);padding:14px 16px}.dl-card-num{font-size:24px;font-weight:700;color:var(--text);line-height:1.2}.dl-card-label{font-size:12px;color:var(--text-dim);margin-top:3px}.dl-card-meta{font-size:11px;color:var(--text-mute);margin-top:5px}.dl-card.warn .dl-card-num{color:var(--accent)}.dl-card.bad{border-color:#ff6b6b73}.dl-card.bad .dl-card-num{color:var(--danger)}.dl-card.ok .dl-card-num{color:var(--success)}.dl-live{padding:2px 0}.dl-live-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.dl-live-file{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-live-pct{font-size:14px;font-weight:700;color:var(--accent);flex:none}.dl-state{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);padding:4px 0}.dl-state.ok{color:var(--success)}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.wallpaper video{width:100%;height:100%;object-fit:cover}.wallpaper-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--shade-3) 0%,var(--shade-1) 45%,var(--shade-3) 100%)}:root[data-theme=light] .wallpaper-mask{background:linear-gradient(180deg,#f2f0f699,#f2f0f659 45%,#f2f0f6b3)}.bar{width:100%;height:8px;border-radius:4px;background:var(--fill-c);overflow:hidden}.bar>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-hi));box-shadow:0 0 10px var(--accent-glow);transition:width .25s var(--ease)}.bar.paused>i{background:linear-gradient(90deg,var(--text-mute),var(--text-dim));box-shadow:none}.dl-live-note{margin-top:8px;font-size:11.5px;line-height:1.6;color:var(--text-mute)}.sd-ctrl{display:flex;gap:6px;flex:none}.sd-ctrl .btn{display:flex;align-items:center;gap:4px}.up-modal{position:relative;width:min(520px,92vw);max-height:88vh;overflow:auto;padding:26px 26px 22px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 80px var(--shade-3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeUp .24s ease both}.up-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.up-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.1em;padding:3px 10px;border-radius:999px;color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft)}.up-ver{font-size:12px;color:var(--text-mute);letter-spacing:.5px}.up-arrow{margin:0 4px;color:var(--accent)}.up-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px}.up-logs{margin:0 0 14px;padding:12px 14px 12px 28px;list-style:disc;border-radius:var(--radius-sm);background:var(--fill-a);border:1px solid var(--line);font-size:13px;line-height:1.85;color:var(--text-dim);max-height:220px;overflow:auto}.up-logs.empty{padding-left:14px;list-style:none;color:var(--text-mute);font-style:normal}.up-force{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger);margin-bottom:14px}.up-actions{display:flex;justify-content:flex-end;gap:8px}.up-foot{margin-top:10px;font-size:11px;color:var(--text-mute);text-align:right}:root[data-theme=light] .switch:after{box-shadow:0 1px 4px var(--shade-2),0 0 0 1px var(--glass-border-hi)}:root[data-theme=light] .ann-level.info{border-color:#1c5fb073;color:#1c5fb0}:root[data-theme=light] .ann-level.warn{border-color:#8a5c0773;color:#8a5c07}:root[data-theme=light] .ann-level.event{border-color:#6b3fc473;color:#6b3fc4}:root[data-theme=light] .im-state.on,:root[data-theme=light] .tag.accent{font-weight:600}:root[data-theme=light] .up-badge{color:var(--accent-deep)}.pick-modal{position:relative;width:min(460px,92vw);max-height:84vh;display:flex;flex-direction:column;border-radius:20px;background:var(--glass-strong);border:1px solid var(--glass-border-hi);box-shadow:0 30px 80px var(--shade-3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeUp .22s ease both;overflow:hidden}.pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.pick-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text)}.pick-head .ann-close{position:static;width:28px;height:28px}.pick-list{padding:10px;overflow:auto}.pick-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:var(--radius);border:1px solid transparent;color:var(--text);transition:background .16s var(--ease),border-color .16s var(--ease)}.pick-item+.pick-item{margin-top:6px}.pick-item:hover{background:var(--fill-b);border-color:var(--line)}.pick-item.on{background:var(--accent-soft);border-color:var(--accent-soft)}.pick-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--text-mute)}.pick-dot.on{background:var(--success);box-shadow:0 0 8px #4ddc9799}.pick-dot.off{background:var(--danger)}.pick-dot.none{background:var(--fill-d)}.pick-main{flex:1;min-width:0}.pick-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.pick-meta{margin-top:3px;font-size:11.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-go{flex:none;display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-dim)}.pick-item:hover .pick-go,.pick-item.on .pick-go{color:var(--accent)}*,*:before,*:after{box-sizing:border-box}html,body,#root,.app{max-width:100%;overflow-x:hidden}.modal-mask{padding:16px}.modal-card,.card,.panel,.login-card{max-width:min(960px,100%);max-height:calc(100vh - 32px);overflow:auto}.btn,.tool-btn,.link{max-width:100%;white-space:normal;word-break:break-word}.row,.toolbar,.actions,.modal-foot,.head-actions,.login-links{flex-wrap:wrap}@media (max-width: 1180px){.modal-card{padding:16px}.panel{padding:20px}.login-card{padding:18px}}@media (max-width: 900px){.topbar{gap:8px;padding:0 12px}.modal-card{max-height:calc(100vh - 24px)}.panel{padding:20px}}html[data-win-wide] .panel{padding:30px 40px 40px}.field-row input,.field-row select{flex:1 1 auto;min-width:0;width:auto}.field-row .btn,.field-row button{flex:none;white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis}.row-actions .btn,.card .btn{flex:none;white-space:nowrap}.modal-mask>div,.drawer{max-width:calc(100vw - 28px)}.btn.sm{padding:4px 10px;font-size:12px;border-radius:7px}.section.sm{font-size:13px;font-weight:600;color:var(--fg, #e8e8ef);margin-bottom:8px;opacity:.92}.lottery-panel{padding:28px clamp(28px,6vw,72px) 40px}.lottery-panel>*{max-width:1080px;margin-left:auto;margin-right:auto}.lottery-cardbox{padding:16px 18px 18px}.lottery-cardbox>.section.sm:first-child{margin-top:0}.pool-picker{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.pool-pick{position:relative;flex:0 0 208px;padding:11px 13px;border-radius:12px;text-align:left;color:var(--fg, #e8e8ef);background:linear-gradient(150deg,#a67cf529,#14141eeb 62%);border:1px solid var(--line, #2a2a36);transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);overflow:hidden}.pool-pick:after{content:"";position:absolute;right:-22px;top:-22px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(245,200,107,.22),transparent 70%);pointer-events:none}.pool-pick:hover{transform:translateY(-2px);border-color:var(--accent-soft, rgba(166, 124, 245, .5))}.pool-pick.on{border-color:#f5c86b;box-shadow:0 0 0 1px #f5c86b8c,0 6px 20px #f5c86b1f}.pool-pick-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pool-pick-name{font-size:13px;font-weight:700;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-pick-state{flex:0 0 auto;font-size:9.5px;padding:1px 7px;border-radius:999px;color:var(--success, #4ddc97);background:#4ddc9724}.pool-pick-state.ended{color:var(--muted, #8a8aa0);background:#ffffff0f}.pool-pick-grand{margin-top:7px;font-size:11.5px;color:#f5c86b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-pick-cost{margin-top:3px;font-size:10.5px;color:var(--muted, #8a8aa0)}.lottery-hero{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:20px;align-items:center;padding:22px 24px;border-radius:14px;background:radial-gradient(ellipse at 16% 28%,rgba(166,124,245,.13),transparent 55%),radial-gradient(ellipse at 88% 82%,rgba(245,200,107,.08),transparent 52%),var(--panel-2, #181822);border:1px solid var(--line, #2a2a36);margin-bottom:14px}@media (max-width: 900px){.lottery-hero{grid-template-columns:minmax(0,1fr)}}.hero-wheel{display:flex;align-items:center;justify-content:center;min-width:0}.hero-ended{padding:70px 0}.hero-info{display:flex;flex-direction:column;gap:11px;min-width:0}.hero-info-head{display:flex;align-items:center;gap:10px}.hero-pool-name{font-size:19px;font-weight:800;letter-spacing:1px}.hero-grand{display:flex;align-items:baseline;gap:10px;padding:9px 13px;border-radius:10px;background:linear-gradient(90deg,#f5c86b24,#f5c86b08);border:1px solid rgba(245,200,107,.35)}.hero-grand-label{flex:0 0 auto;font-size:10px;letter-spacing:2px;color:#f5c86bbf}.hero-grand-name{font-size:14px;font-weight:700;color:#f5c86b}.hero-pity{display:flex;flex-direction:column;gap:6px}.hero-pity-text{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--muted, #8a8aa0)}.hero-pity-text b{color:var(--accent, #4da3ff);font-weight:700}.pity-bar{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.pity-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent, #4da3ff),#a855f7);transition:width .4s var(--ease)}.hero-chips{display:flex;flex-wrap:wrap;gap:7px}.hero-chip{padding:3px 10px;font-size:11px;border-radius:999px;color:var(--fg, #e8e8ef);background:#ffffff0d;border:1px solid var(--line, #2a2a36);font-variant-numeric:tabular-nums;white-space:nowrap}.hero-chip.dim{color:var(--dim, #6a6a80)}.hero-ops{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hero-actions{display:flex;gap:12px;margin-top:2px}.draw-btn{flex:1;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;border-radius:11px}.draw-btn b{font-size:15px;font-weight:800;letter-spacing:6px;text-indent:6px}.draw-btn small{font-size:10px;opacity:.85;letter-spacing:.5px}.lottery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;margin-top:4px}.lottery-card{border:1px solid var(--line, #2a2a36);border-radius:10px;padding:8px;background:var(--panel-2, #181822);display:flex;flex-direction:column;gap:5px}.lottery-card.grand{background:linear-gradient(160deg,rgba(245,200,107,.1),var(--panel-2, #181822) 55%)}.lottery-card.skeleton{height:132px;background:linear-gradient(100deg,#1a1a24 30%,#23232f,#1a1a24 70%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}.lottery-card-cover{position:relative;height:68px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--muted, #8a8aa0);overflow:hidden}.lottery-card-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}.lottery-card-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0006);pointer-events:none}.lottery-cover-fallback{opacity:.85}.lottery-grand{position:absolute;top:4px;right:4px;font-size:10px;padding:1px 5px;border-radius:5px;background:#f5c86b;color:#1a1205;font-weight:700}.lottery-card-name{font-size:12px;color:var(--fg, #e8e8ef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lottery-card-meta{display:flex;gap:6px;font-size:10px;color:var(--muted, #8a8aa0)}.lottery-card-prob{font-size:10px;color:var(--dim, #6a6a80);font-variant-numeric:tabular-nums}.lottery-desc{font-size:11.5px;line-height:1.55;color:var(--dim, #6a6a80)}.lottery-rules{font-size:11px;line-height:1.6;color:var(--dim, #6a6a80);border-top:1px solid var(--line, #2a2a36);padding-top:8px}.lottery-uni-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted, #8a8aa0);cursor:pointer}.lottery-records{display:flex;flex-direction:column;gap:6px}.lottery-news{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted, #8a8aa0)}.lottery-news-item{line-height:1.5}.lottery-news-name{color:var(--fg, #e8e8ef);font-weight:600}.lottery-news-pool{color:var(--dim, #6a6a80)}.lottery-miles{display:flex;flex-direction:column;gap:7px}.lottery-mile{display:flex;align-items:center;justify-content:space-between;gap:10px}.lottery-frag{display:flex;flex-direction:column;gap:7px}.lottery-frag-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line, #2a2a36)}.lottery-frag-name{font-size:12px;color:var(--fg, #e8e8ef)}.hero-wheel .wheel-wrap{width:min(330px,100%)}.wheel-wrap{position:relative;width:min(320px,100%)}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:2;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:18px solid #f5c86b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.wheel-pointer:after{content:"";position:absolute;top:-20px;left:-4px;width:8px;height:8px;border-radius:50%;background:#f5c86b}.lottery-wheel{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.lottery-wheel.spinning{filter:drop-shadow(0 0 22px rgba(245,200,107,.28))}.wheel-seg-text{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.wheel-seg-icon{image-rendering:pixelated}.wheel-hub-text{font-size:10px;font-weight:800;letter-spacing:2px}.draw-modal{width:420px;max-width:calc(100vw - 28px);background:var(--panel, #14141c);border:1px solid var(--line, #2a2a36);border-radius:14px;overflow:hidden}.draw-modal-body{padding:16px}.draw-items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.draw-item{border:1px solid var(--line, #2a2a36);border-radius:9px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.draw-item-cover{width:100%;height:46px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted, #8a8aa0);overflow:hidden}.draw-item-cover img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}.lottery-cover-img,.draw-item-cover img{image-rendering:pixelated}.draw-item-name{font-size:11px;color:var(--fg, #e8e8ef);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.draw-item-meta{font-size:10px}.draw-info{margin-top:12px;font-size:12px;color:var(--muted, #8a8aa0);text-align:center}.crash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg, #0e0e16)}.crash-box{max-width:640px;width:100%;background:var(--panel, #171724);border:1px solid #3a2150;border-radius:14px;padding:22px 24px;box-shadow:0 12px 40px #00000080;color:var(--text, #e8e8f0)}.crash-title{font-size:18px;font-weight:700;color:#ff6b8a;margin-bottom:10px}.crash-msg{font-size:14px;margin-bottom:12px;word-break:break-word}.crash-stack{max-height:240px;overflow:auto;font-size:11px;line-height:1.5;color:var(--muted, #8a8aa0);background:#00000059;border-radius:8px;padding:10px 12px;white-space:pre-wrap;word-break:break-word;margin-bottom:14px}.im-add{display:flex;flex-direction:column;gap:6px;padding:8px;margin-bottom:6px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-soft)}.im-add input{width:100%;padding:6px 8px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--fill-a);color:var(--text);font-family:inherit;font-size:11.5px;outline:none}.im-add input:focus{border-color:var(--accent-soft)}.im-add-err{font-size:10.5px;line-height:1.5;color:var(--danger, #ff6b6b)}.im-offline-hint{padding:8px 12px;font-size:12px;color:var(--danger, #ff6b6b);border-bottom:1px solid var(--glass-border)}.wallet{padding:16px 20px;gap:24px}.wallet-item{padding:2px 4px}.wallet-recharge{margin-left:auto;min-width:108px}.wallet+.subtabs{margin-top:14px}.recharge-modal .pm-body{gap:12px}.recharge-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.recharge-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-soft)}.recharge-icon{width:40px;height:40px;flex:none;object-fit:contain;border-radius:8px;background:#ffffff0f;border:1px solid var(--glass-border);padding:3px}.recharge-info{flex:1;min-width:0}.recharge-name{font-size:13px;font-weight:700;color:var(--text, #fff)}.recharge-sub{margin-top:2px;font-size:11px;color:var(--muted, #8a8aa0)}.recharge-price{font-size:16px;font-weight:800;color:var(--accent, #b98bff);white-space:nowrap}.recharge-price em{font-style:normal;font-size:11px;margin-right:1px}.recharge-loading{padding:18px 0;text-align:center;font-size:12px;color:var(--muted, #8a8aa0)}.view-loading{display:flex;align-items:center;justify-content:center;min-height:160px;font-size:13px;letter-spacing:1px;color:var(--muted, #8a8aa0)}#xjhnz-crash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#0000008c;pointer-events:auto}.xj-crash{width:min(680px,92vw);max-height:60vh;display:flex;flex-direction:column;border-radius:10px;border:1px solid rgba(255,107,107,.45);background:#241017;box-shadow:0 18px 48px #00000080;overflow:hidden}.xj-crash-head{padding:10px 14px;font-size:13px;font-weight:700;color:#ffb4b4;background:#ff6b6b1f;border-bottom:1px solid rgba(255,107,107,.3)}.xj-crash-body{flex:1;margin:0;padding:12px 14px;overflow:auto;font-size:11px;line-height:1.55;color:#f3d9d9;white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text}.xj-crash-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,107,107,.3)}.xj-crash-btn{padding:6px 14px;font-size:12px;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;cursor:pointer}.xj-crash-btn:hover{background:#ffffff29}.gn-modal{width:440px}.gn-status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--fill-a);border:1px solid var(--glass-border)}.gn-status-main{flex:1;min-width:0}.gn-status-title{font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gn-status-sub{margin-top:2px;font-size:11.5px;color:var(--text-mute)}.gn-badge{flex:none;padding:3px 9px;border-radius:999px;font-size:11px;letter-spacing:.5px}.gn-badge.ok{color:var(--success);background:#4ddc9724;border:1px solid rgba(77,220,151,.3)}.gn-badge.wait{color:var(--accent);background:var(--accent-soft);border:1px solid rgba(240,184,64,.3)}.gn-field{width:100%}.gn-field.ok{border-color:#4ddc978c}.gn-field.bad{border-color:#ff6b6b8c}.gn-hint{flex:none;font-size:11px;letter-spacing:.5px}.gn-hint.dim{color:var(--text-mute)}.gn-hint.ok{color:var(--success)}.gn-msg{display:flex;align-items:center;gap:5px;margin-top:-4px;font-size:11.5px;line-height:1.5}.gn-msg.ok{color:var(--success)}.gn-msg.bad{color:var(--danger)}.gn-captcha{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--fill-a);border:1px solid var(--glass-border)}.gn-captcha-q{flex:none;min-width:92px;font-size:15px;font-weight:700;letter-spacing:2px;color:var(--accent);text-align:center}.gn-captcha-a{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--glass-border);background:var(--fill-b);color:var(--text);font-family:inherit;font-size:13px;outline:none}.gn-captcha-a:focus{border-color:var(--accent-soft)}.gn-captcha-re{flex:none;padding:6px 10px;font-size:11.5px}.gn-note{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;line-height:1.65;color:var(--text-mute)}.gn-note-text{flex:1;min-width:0}.gn-skel{height:120px;border-radius:var(--radius-sm);background:var(--fill-a);animation:gn-pulse 1.4s ease-in-out infinite}@keyframes gn-pulse{0%,to{opacity:.45}50%{opacity:.85}}.gn-done{padding:20px 18px 18px;display:flex;flex-direction:column;gap:12px}.gn-done-head{display:flex;align-items:flex-start;gap:9px}.gn-done-head .pc-icon{flex:none;margin-top:1px}.gn-done-title{font-size:13.5px;font-weight:700;line-height:1.55;color:var(--text)}.gn-done-btn{align-self:flex-end;min-width:96px}.skin-banner{display:flex;gap:10px;padding:12px 14px;margin-bottom:18px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--glass-border)}.skin-banner-ok{background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 32%,transparent)}.skin-banner-ok .skin-banner-title{color:var(--success)}.skin-banner-main{flex:1;min-width:0}.skin-banner-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.5px;color:var(--accent)}.skin-banner-text{margin-top:5px;font-size:11.5px;line-height:1.7;color:var(--text-dim)}.skin-preview{display:block;image-rendering:pixelated}.skin-preview.dim{opacity:.55}.skin-preview-fallback{display:flex;align-items:center;justify-content:center;min-width:56px;min-height:120px;font-size:11px;color:var(--text-mute);background:var(--fill-a);border:1px dashed var(--glass-border);border-radius:var(--radius-sm)}.sp3d{position:relative;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;background-image:linear-gradient(45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(-45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--fill-b) 75%),linear-gradient(-45deg,transparent 75%,var(--fill-b) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border-radius:var(--radius-sm);overflow:hidden}.sp3d-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;box-sizing:border-box;transform-style:preserve-3d}.sp3d-model{position:relative;transform-style:preserve-3d;will-change:transform}.sp3d-part{position:absolute;transform-style:preserve-3d}.sp3d-face{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;backface-visibility:hidden}.sp3d-hint{position:absolute;right:8px;bottom:6px;font-size:10.5px;color:var(--text-mute);letter-spacing:.02em;pointer-events:none;opacity:.85}.sp3d-failed{display:flex;align-items:center;justify-content:center;min-width:96px;min-height:140px;font-size:11px;color:var(--text-mute);border:1px dashed var(--glass-border)}.skin-card-stage .sp3d{width:100%;height:100%}.skin-hero{display:flex;gap:20px;align-items:center;padding:18px;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border)}.skin-hero-stage{flex:none;display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:var(--radius-sm);background-image:linear-gradient(45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(-45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--fill-b) 75%),linear-gradient(-45deg,transparent 75%,var(--fill-b) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:1px solid var(--glass-border)}.skin-hero-info{flex:1;min-width:0}.skin-hero-name{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-hero-meta{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:11.5px;color:var(--text-mute)}.skin-hero-note{margin:10px 0 12px;font-size:11.5px;line-height:1.7;color:var(--text-dim)}.skin-hero-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-mute);opacity:.6}.skin-empty-active{display:flex;align-items:center;gap:4px;font-size:12px;padding:16px 18px}.section-count{margin-left:8px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:0;color:var(--text-mute);background:var(--fill-b)}.skin-source-hint{margin:-2px 0 10px;font-size:11.5px;line-height:1.6;color:var(--text-mute)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.skin-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:190px;padding:16px;border-radius:var(--radius);border:1px dashed var(--glass-border-hi);background:transparent;color:var(--text-mute);font-family:inherit;font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.skin-add:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.skin-add:disabled{opacity:.5;cursor:not-allowed}.skin-add-hint{font-size:10.5px;letter-spacing:.3px;opacity:.75}.skin-card{display:flex;flex-direction:column;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border);overflow:hidden;transition:border-color .15s,background .15s}.skin-card:hover{border-color:var(--glass-border-hi);background:var(--fill-b)}.skin-card.active{border-color:var(--accent);background:var(--accent-soft)}.skin-card-stage{position:relative;display:flex;align-items:center;justify-content:center;height:120px;padding:8px;background-image:linear-gradient(45deg,var(--fill-a) 25%,transparent 25%),linear-gradient(-45deg,var(--fill-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--fill-a) 75%),linear-gradient(-45deg,transparent 75%,var(--fill-a) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.skin-card-badge{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;color:var(--accent);background:var(--glass-strong);border:1px solid var(--accent)}.skin-card-body{padding:8px 10px 4px;min-width:0}.skin-card-name{display:block;width:100%;padding:0;border:none;background:none;text-align:left;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--text);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card-name:hover{color:var(--accent)}.skin-rename-input{width:100%;height:22px;padding:0 5px;border-radius:5px;border:1px solid var(--accent);background:var(--fill-b);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;outline:none}.skin-card-meta{margin-top:3px;font-size:10.5px;color:var(--text-mute)}.skin-card-actions{display:flex;align-items:center;gap:6px;padding:8px 10px 10px}.skin-card-actions .btn{flex:1;height:26px;padding:0 8px;font-size:11.5px}.btn.ghost{background:transparent;border-color:var(--glass-border);color:var(--text-dim)}.btn.ghost:hover:not(:disabled){color:var(--text);border-color:var(--glass-border-hi);background:var(--fill-b)}.icon-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--glass-border);background:transparent;color:var(--text-mute);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--glass-border-hi);background:var(--fill-b)}.icon-btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:var(--fill-a)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.skin-help{display:flex;flex-direction:column;gap:10px}.skin-help-row{font-size:11.5px;line-height:1.75;color:var(--text-mute)}.skin-help-row b{display:block;margin-bottom:2px;font-size:12px;font-weight:700;color:var(--text-dim)}.skin-upload-modal{width:480px;max-width:calc(100vw - 32px)}.skin-upload-body{display:flex;gap:18px;padding:18px}.skin-upload-preview{flex:none;display:flex;align-items:center;justify-content:center;width:120px;height:160px;border-radius:var(--radius-sm);background-image:linear-gradient(45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(-45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--fill-b) 75%),linear-gradient(-45deg,transparent 75%,var(--fill-b) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:1px solid var(--glass-border)}.skin-upload-form{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.skin-field{display:block}.skin-field>span{display:block;margin-bottom:6px;font-size:11.5px;letter-spacing:.5px;color:var(--text-dim)}.skin-field>input{width:100%;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--glass-border);background:var(--fill-b);color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.skin-field>input:focus{border-color:var(--accent)}.skin-seg{display:flex;gap:6px}.skin-seg-item{flex:1;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--fill-a);color:var(--text-mute);font-family:inherit;font-size:11.5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.skin-seg-item:hover{color:var(--text);border-color:var(--glass-border-hi)}.skin-seg-item.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.skin-upload-foot{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}@media (max-width: 860px){.skin-hero{flex-direction:column;align-items:flex-start}.skin-hero-stage{align-self:center}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.skin-upload-body{flex-direction:column;align-items:center}.skin-upload-form{width:100%}}.skin-library{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.skin-library-main{min-width:0}.skin-active-bar{display:flex;align-items:center;gap:7px;margin-bottom:4px;padding:9px 14px;border-radius:var(--radius-sm);background:var(--fill-a);border:1px solid var(--glass-border);font-size:12px;color:var(--text-dim)}.skin-active-bar b{color:var(--text);font-weight:700}.skin-active-bar .btn{margin-left:auto}.skin-card.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.skin-card{cursor:pointer}.skin-viewer{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;padding:16px 14px 18px;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border)}.skin-viewer-head{width:100%;text-align:center;margin-bottom:6px}.skin-viewer-title{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text)}.skin-viewer-sub{margin-top:3px;font-size:11px;color:var(--text-mute)}.skin-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:260px;margin:6px 0 10px;border-radius:var(--radius-sm);background-image:linear-gradient(45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(-45deg,var(--fill-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--fill-b) 75%),linear-gradient(-45deg,transparent 75%,var(--fill-b) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.skin-viewer-stage .sp3d{width:100%;height:100%}.skin-viewer-name{max-width:100%;font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-viewer-meta{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:11.5px;color:var(--text-mute)}.skin-viewer-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-mute);opacity:.6}.skin-viewer-btn{width:100%;margin-top:12px}.skin-viewer-btn.xs{margin-top:8px}.skin-viewer-tip{margin-top:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--fill-b);font-size:11.5px;line-height:1.6;color:var(--text-mute);text-align:center}@media (max-width: 980px){.skin-library{grid-template-columns:minmax(0,1fr)}.skin-viewer{position:static;order:-1}.skin-viewer-stage{height:220px}}.vault-help{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px;border-radius:var(--radius);background:var(--fill-a);border:1px solid var(--glass-border)}.vault-help-row{font-size:11.5px;line-height:1.75;color:var(--text-mute)}.vault-help-row b{display:block;margin-bottom:2px;font-size:12px;font-weight:700;color:var(--text-dim)}.vault-help-row b+b,.vault-help-row>b:nth-of-type(n+2){display:inline;margin:0 2px;color:var(--accent)}.vault-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 18px;border-radius:var(--radius);background:var(--fill-a);border:1px dashed var(--glass-border);text-align:center}.vault-empty-title{font-size:13px;font-weight:700;color:var(--text-dim)}.vault-empty-sub{max-width:420px;font-size:11.5px;line-height:1.75;color:var(--text-mute)}