.roll-win-overlay[data-v-eeaf03ab]{z-index:2600}.roll-win-modal[data-v-eeaf03ab]{border-color:#00ff8847;width:min(560px,100vw - 32px)}.win-body[data-v-eeaf03ab]{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:16px;display:grid}.win-prize[data-v-eeaf03ab]{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--rc,var(--brand)) 36%, transparent);background:radial-gradient(70% 64% at 50% 55%, color-mix(in srgb, var(--rc,var(--brand)) 24%, transparent), transparent 72%), #ffffff0a;border-radius:16px;place-items:center;display:grid;overflow:hidden}.win-prize img[data-v-eeaf03ab]{object-fit:cover;width:100%;height:100%}.win-copy[data-v-eeaf03ab]{gap:8px;min-width:0;display:grid}.win-copy h2[data-v-eeaf03ab]{color:var(--text-0);overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.2}.win-copy p[data-v-eeaf03ab]{color:var(--text-2);margin:0}.win-copy strong[data-v-eeaf03ab]{color:var(--brand);font-size:24px}@media (width<=640px){.win-body[data-v-eeaf03ab]{grid-template-columns:1fr}}:root{--bg-0:#06070c;--bg-1:#0a0d14;--bg-2:#10141e;--bg-3:#161b28;--bg-card:#141924b8;--bg-card-solid:#131826;--bg-elev:#1b2233;--border:#ffffff0f;--border-strong:#ffffff1f;--text-0:#fff;--text-1:#e3e8f0;--text-2:#95a0b3;--text-3:#5a647a;--brand:#0f8;--brand-2:#1de9b6;--brand-deep:#00b86b;--brand-soft:#00ff881f;--brand-glow:0 0 30px #00ff8873, 0 0 60px #0f83;--violet:#9333ea;--violet-2:#b14cff;--violet-soft:#9333ea29;--violet-glow:0 0 30px #9333ea66;--gold:#ffb627;--gold-soft:#ffb6271f;--gold-glow:0 0 30px #ffb62766;--danger:#ff4f87;--warn:#ffb547;--info:#4ea8ff;--r-common:#9ca3af;--r-uncommon:#3b82f6;--r-rare:#8b5cf6;--r-epic:#ec4899;--r-legendary:#f59e0b;--r-mythic:#ef4444;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 2px 6px #00000080;--shadow:0 12px 32px #00000080;--shadow-lg:0 32px 64px #0009;--ease-out-quart:cubic-bezier(.165, .84, .44, 1)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--border-strong), #ffffff0a);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.main-pane{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.content{flex:1;min-width:0;padding:22px 30px 100px}@media (width<=960px){.app-shell{grid-template-columns:1fr}}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1}.text-muted{color:var(--text-2)}.text-dim{color:var(--text-3)}.text-bold{font-weight:600}.text-brand{color:var(--brand)}.text-violet{color:var(--violet-2)}.text-gold{color:var(--gold)}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}.text-right{text-align:right}.center{justify-content:center;align-items:center;display:flex}@media (width<=720px){.hide-sm{display:none}}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);height:38px;color:var(--text-0);letter-spacing:.3px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:600;transition:filter .18s,transform 80ms,box-shadow .25s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff24 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transform:translate(120%)}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:before{display:none}.btn-primary{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);color:#042414;box-shadow:var(--brand-glow);border:0}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 0 36px #00ff888c,0 0 80px #00ff8840}.btn-ghost{border:1px solid var(--border-strong);color:var(--text-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a}.btn-ghost:hover{border-color:var(--brand);color:var(--text-0)}.btn-violet{background:linear-gradient(135deg, var(--violet) 0%, #7c3dff 100%);color:#fff;box-shadow:var(--violet-glow);border:0}.btn-gold{background:linear-gradient(135deg, var(--gold) 0%, #ff9a3a 100%);color:#2b1700;box-shadow:var(--gold-glow);border:0}.btn-sm{border-radius:9px;height:30px;padding:0 12px;font-size:12px}.btn-lg{border-radius:14px;height:48px;padding:0 26px;font-size:15px}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-title{color:var(--text-0);letter-spacing:.3px;margin:0 0 14px;font-size:16px;font-weight:600}.card-sub{color:var(--text-2);font-size:13px}.card-solid{background:var(--bg-card-solid)}.tag{border-radius:var(--radius-pill);letter-spacing:.8px;text-transform:uppercase;background:var(--bg-elev);color:var(--text-1);border:1px solid var(--border-strong);align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag-brand{background:var(--brand-soft);color:var(--brand);border-color:#0000}.tag-violet{background:var(--violet-soft);color:var(--violet-2);border-color:#0000}.tag-hot{color:#ff7ba3;background:#ff4f8718;border-color:#0000}.tag-new{color:#4ea8ff;background:#4ea8ff1a;border-color:#0000}.tag-vip{background:var(--gold-soft);color:var(--gold);border-color:#0000}.tag-boss{background:linear-gradient(90deg, #ff4f87, var(--gold));color:#fff;border:0}.tag-free{background:var(--brand-soft);color:var(--brand);border-color:#0000}.tag-top{background:var(--violet-soft);color:var(--violet-2);border-color:#0000}.rarity-common{--rc:var(--r-common)}.rarity-uncommon{--rc:var(--r-uncommon)}.rarity-rare{--rc:var(--r-rare)}.rarity-epic{--rc:var(--r-epic)}.rarity-legendary{--rc:var(--r-legendary)}.rarity-mythic{--rc:var(--r-mythic)}.rarity-bar{background:var(--rc,var(--r-common));border-radius:2px;height:3px}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--border-strong);height:38px;color:var(--text-0);background:#ffffff08;outline:none;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}select.input,select.select,select.box-search{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-2);color:var(--text-0)}select.input option,select.select option,select.box-search option{background-color:var(--bg-2);color:var(--text-0)}select.input option:checked,select.select option:checked,select.box-search option:checked{background-color:var(--bg-elev);color:var(--text-0)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.grid{gap:18px;display:grid}.grid-boxes{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid-items{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-feed{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin:4px 2px 22px;display:flex}.page-head h1{color:var(--text-0);letter-spacing:.5px;margin:0;font-size:24px;font-weight:800}.page-head .desc{color:var(--text-2);margin-top:4px;font-size:13px}.section-title{color:var(--text-0);letter-spacing:.5px;align-items:center;gap:10px;font-size:22px;font-weight:800;display:inline-flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--brand), var(--brand-2));width:4px;height:22px;box-shadow:var(--brand-glow);border-radius:2px}.hr{background:var(--border);height:1px;margin:12px 0}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050ac7;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(440px,92vw);box-shadow:var(--shadow-lg);animation:popIn .25s var(--ease-out-quart);padding:22px}.modal-lg{width:min(760px,94vw)}.modal-hd{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-hd h3{color:var(--text-0);margin:0;font-size:19px;font-weight:700}.modal-close{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px;font-size:22px;transition:background .15s,color .15s}.modal-close:hover{color:var(--text-0);background:#ffffff0f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.empty{text-align:center;color:var(--text-3);padding:60px 0}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--bg-card-solid);border:1px solid var(--border-strong);color:var(--text-0);box-shadow:var(--shadow);animation:popIn .25s var(--ease-out-quart);padding:12px 18px}.toast.ok{border-color:var(--brand);box-shadow:0 0 20px #00ff8840, var(--shadow)}.toast.err{border-color:var(--danger);box-shadow:0 0 20px #ff4f8740, var(--shadow)}.glow-brand{box-shadow:var(--brand-glow)}.glow-violet{box-shadow:var(--violet-glow)}.glow-gold{box-shadow:var(--gold-glow)}.grad-brand{background:linear-gradient(120deg, var(--brand) 0%, var(--brand-2) 50%, var(--violet-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.grad-gold{background:linear-gradient(120deg, var(--gold) 0%, #ff9a3a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{border-bottom:1px solid var(--border);text-align:left;padding:12px 10px;font-size:13px}.tbl th{color:var(--text-3);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:500}.tbl tr:hover td{background:#ffffff05}