@charset "UTF-8";.slider-captcha-overlay[data-v-768c8168]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000009e}.slider-captcha-dialog[data-v-768c8168]{width:min(100%,410px);padding:23px 43px 25px;border-radius:14px;background:#17171d;box-shadow:0 28px 72px #00000061;box-sizing:border-box}.slider-captcha-header[data-v-768c8168]{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:14px}.slider-captcha-title[data-v-768c8168]{margin:0;color:#f7f7f9;font-size:18px;font-weight:700;line-height:1.2}.slider-captcha-subtitle[data-v-768c8168]{margin:18px 0 0;color:#ffffff61;font-size:14px;line-height:1.25;text-align:center}.slider-captcha-close[data-v-768c8168],.slider-captcha-refresh[data-v-768c8168]{border:0;background:transparent;color:#ffffff57;cursor:pointer}.slider-captcha-close[data-v-768c8168]{position:absolute;top:-1px;right:-3px;width:26px;height:26px;border-radius:7px;font-size:28px;font-weight:200;line-height:1;transition:color .2s ease,opacity .2s ease}.slider-captcha-close[data-v-768c8168]:hover,.slider-captcha-refresh[data-v-768c8168]:hover{color:#ffffffa3}.slider-captcha-scene[data-v-768c8168]{position:relative;height:160px;overflow:hidden;border-radius:10px;background-color:#2a272d}.slider-captcha-scene-mask[data-v-768c8168]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:16px 16px;mix-blend-mode:soft-light}.slider-captcha-slot[data-v-768c8168],.slider-captcha-piece[data-v-768c8168]{position:absolute;border-radius:10px}.slider-captcha-slot[data-v-768c8168]:before,.slider-captcha-slot[data-v-768c8168]:after,.slider-captcha-piece[data-v-768c8168]:before,.slider-captcha-piece[data-v-768c8168]:after{content:"";position:absolute;border-radius:50%}.slider-captcha-slot[data-v-768c8168]{border:2px solid rgba(0,0,0,.45);background:#00000075;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #ffffff0a}.slider-captcha-slot[data-v-768c8168]:before,.slider-captcha-piece[data-v-768c8168]:before{top:50%;right:-10px;width:18px;height:18px;transform:translateY(-50%)}.slider-captcha-slot[data-v-768c8168]:after,.slider-captcha-piece[data-v-768c8168]:after{top:50%;left:-10px;width:18px;height:18px;transform:translateY(-50%);z-index:1}.slider-captcha-slot[data-v-768c8168]:before{border:2px solid rgba(0,0,0,.45);background:#00000085}.slider-captcha-slot[data-v-768c8168]:after{background:#17171df5;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px #00000052}.slider-captcha-piece[data-v-768c8168]{border:2px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#3d30293d,#17141a24),#00000029;box-shadow:0 6px 16px #00000047;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);will-change:transform;backface-visibility:hidden;transition:transform .14s ease}.slider-captcha-piece[data-v-768c8168]:before{background:linear-gradient(180deg,#3d30293d,#17141a24),#00000029;border:2px solid rgba(255,255,255,.1)}.slider-captcha-piece[data-v-768c8168]:after{background:#17171df5;box-shadow:0 0 0 2px #17171df5}.slider-captcha-toolbar[data-v-768c8168]{display:flex;justify-content:center;margin-top:6px}.slider-captcha-refresh[data-v-768c8168]{padding:0;color:#00c940;font-size:14px;font-weight:600;line-height:1}.slider-captcha-track[data-v-768c8168]{position:relative;display:flex;align-items:center;height:47px;overflow:hidden;margin-top:18px;border-radius:6px;background:#202128}.slider-captcha-track-fill[data-v-768c8168]{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:#00b83c;transform-origin:left center;will-change:transform;transition:transform .14s ease}.slider-captcha-track-text[data-v-768c8168]{position:relative;width:100%;padding:0 12px 0 64px;color:#ffffff3d;font-size:14px;text-align:center;-webkit-user-select:none;user-select:none;box-sizing:border-box}.slider-captcha-handle[data-v-768c8168]{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:47px;border:0;border-radius:6px;border-bottom:3px solid #00b83c;background:#5c49d0;box-shadow:0 -2px #80e3a6,0 6px 18px #5c49d040;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;transition:transform .14s ease,background .2s ease,opacity .2s ease,box-shadow .2s ease,filter .2s ease}.slider-captcha-piece.is-dragging[data-v-768c8168],.slider-captcha-track-fill.is-dragging[data-v-768c8168],.slider-captcha-handle.is-dragging[data-v-768c8168]{transition:none}.slider-captcha-handle.is-dragging[data-v-768c8168]{cursor:grabbing;background:#5c49d0;filter:brightness(1.05);box-shadow:0 -1px #80e3a6,0 4px 12px #5c49d038}.slider-captcha-handle.is-success[data-v-768c8168]{background:#5c49d0;box-shadow:0 -1px #80e3a6,0 4px 12px #5c49d038}.slider-captcha-handle-icon[data-v-768c8168]{width:14px;height:14px;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.slider-captcha-track.is-error[data-v-768c8168],.slider-captcha-slot.is-error[data-v-768c8168]{box-shadow:inset 0 0 0 1px #ff7f7f75}.slider-captcha-piece.is-error[data-v-768c8168]{border-color:#ff7f7f8f}.slider-captcha-track.is-success[data-v-768c8168],.slider-captcha-slot.is-success[data-v-768c8168]{box-shadow:inset 0 0 0 1px #00c94066}.slider-captcha-piece.is-success[data-v-768c8168]{border-color:#00c94080}.slider-captcha-fade-enter-active[data-v-768c8168],.slider-captcha-fade-leave-active[data-v-768c8168]{transition:opacity .22s ease}.slider-captcha-fade-enter-from[data-v-768c8168],.slider-captcha-fade-leave-to[data-v-768c8168]{opacity:0}@media (max-width: 640px){.slider-captcha-overlay[data-v-768c8168]{padding:16px}.slider-captcha-dialog[data-v-768c8168]{padding:22px 18px 24px;border-radius:16px}.slider-captcha-title[data-v-768c8168]{font-size:16px}.slider-captcha-close[data-v-768c8168]{top:-4px;right:-2px;width:30px;height:30px;font-size:26px}.slider-captcha-scene[data-v-768c8168]{height:150px}.slider-captcha-track[data-v-768c8168]{height:48px;margin-top:18px}.slider-captcha-handle[data-v-768c8168]{width:52px;height:48px}.slider-captcha-track-text[data-v-768c8168]{padding:0 12px 0 66px;font-size:14px}.slider-captcha-subtitle[data-v-768c8168],.slider-captcha-refresh[data-v-768c8168]{font-size:14px}}.custom-popover-wrapper[data-v-5c13fdfb]{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-popover-wrapper .popover-trigger[data-v-5c13fdfb]{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:100%}.custom-popover-wrapper .popover-content[data-v-5c13fdfb]{position:fixed;z-index:9999;background:#171526;border:1px solid #2a2f36;border-radius:10px;box-shadow:0 4px 20px #00000059;box-sizing:border-box}.popover-enter-active[data-v-5c13fdfb],.popover-leave-active[data-v-5c13fdfb]{transition:transform .3s ease}.popover-enter-from[data-v-5c13fdfb]{transform:translate(16px)}.popover-leave-to[data-v-5c13fdfb]{transform:translate(-16px)}.header-user-avatar[data-v-9c24c9b9]{--header-avatar-size: 44px;--header-avatar-padding: 2px;--header-avatar-border-width: 2px;--header-avatar-ring-fill: #777284;--header-avatar-icon-size: 24px;--header-avatar-corner-size: 20px;--header-avatar-corner-top: -4px;--header-avatar-corner-right: -4px;--header-avatar-corner-inner-inset: 2px;--header-avatar-corner-icon-size: 11px;--header-avatar-vip-left: -3px;--header-avatar-vip-bottom: -5px;--header-avatar-vip-width: 22px;--header-avatar-vip-height: 24px;--header-avatar-vip-font-size: 12px;--header-avatar-vip-outer-notch: 5px;--header-avatar-vip-inner-notch: 4.2px;--header-avatar-vip-badge-bg: #7c7789;--header-avatar-vip-badge-inner-bg: #7c7789;--header-avatar-vip-text-color: #000000;--header-avatar-vip-cut-expand-x: 5px;--header-avatar-vip-cut-expand-y: 5px;--header-avatar-vip-cut-offset-x: -2.5px;--header-avatar-vip-cut-offset-y: -2.5px;--header-avatar-vip-cut-outer-notch: 6.4px;position:relative;display:flex;align-items:center;justify-content:center;width:var(--header-avatar-size);height:var(--header-avatar-size);flex-shrink:0;align-self:center}.header-user-avatar--mobile[data-v-9c24c9b9]{--header-avatar-size: 37px;--header-avatar-icon-size: 21px;--header-avatar-corner-size: 17px;--header-avatar-corner-top: -3px;--header-avatar-corner-right: -3px;--header-avatar-corner-inner-inset: 1.5px;--header-avatar-corner-icon-size: 9px;--header-avatar-vip-left: -3px;--header-avatar-vip-bottom: -4px;--header-avatar-vip-width: 18px;--header-avatar-vip-height: 20px;--header-avatar-vip-font-size: 10px;--header-avatar-vip-outer-notch: 4px;--header-avatar-vip-inner-notch: 3.3px;--header-avatar-vip-cut-expand-x: 4px;--header-avatar-vip-cut-expand-y: 4px;--header-avatar-vip-cut-offset-x: -1.8px;--header-avatar-vip-cut-offset-y: -1.8px;--header-avatar-vip-cut-outer-notch: 5.2px}.header-user-avatar__corner-badge[data-v-9c24c9b9]{position:absolute;top:var(--header-avatar-corner-top);right:var(--header-avatar-corner-right);width:var(--header-avatar-corner-size);height:var(--header-avatar-corner-size);background:var(--header-avatar-vip-badge-bg);clip-path:polygon(50% 0,66% 13%,87% 13%,87% 34%,100% 50%,87% 66%,87% 87%,66% 87%,50% 100%,34% 87%,13% 87%,13% 66%,0 50%,13% 34%,13% 13%,34% 13%);box-shadow:0 2px 8px #00000047;pointer-events:none;z-index:3}.header-user-avatar__corner-badge--certified[data-v-9c24c9b9]{background:#7feebc;box-shadow:0 2px 8px #00000047}.header-user-avatar__corner-badge[data-v-9c24c9b9]:before{content:"";position:absolute;inset:var(--header-avatar-corner-inner-inset);background:var(--header-avatar-vip-badge-inner-bg);clip-path:polygon(50% 0,66% 13%,87% 13%,87% 34%,100% 50%,87% 66%,87% 87%,66% 87%,50% 100%,34% 87%,13% 87%,13% 66%,0 50%,13% 34%,13% 13%,34% 13%)}.header-user-avatar__corner-badge--certified[data-v-9c24c9b9]:before{background:transparent}.header-user-avatar__corner-icon[data-v-9c24c9b9]{position:absolute;top:50%;left:50%;width:var(--header-avatar-corner-icon-size);height:var(--header-avatar-corner-icon-size);transform:translate(-50%,-50%);object-fit:contain;z-index:4;pointer-events:none}.header-user-avatar__corner-badge--certified[data-v-9c24c9b9]:before{top:1px;right:1px;bottom:1px;left:1px}.header-user-avatar__corner-badge--certified .header-user-avatar__corner-icon[data-v-9c24c9b9],.header-user-avatar--mobile .header-user-avatar__corner-badge--certified .header-user-avatar__corner-icon[data-v-9c24c9b9]{width:var(--header-avatar-corner-icon-size);height:var(--header-avatar-corner-icon-size)}.header-user-avatar__image[data-v-9c24c9b9]{position:relative;width:var(--header-avatar-size);height:var(--header-avatar-size);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 4px 12px #0006;overflow:hidden;background:#171526;box-sizing:border-box;isolation:isolate}.header-user-avatar__default[data-v-9c24c9b9]{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#7b68ee,#5c49d0)}.header-user-avatar--with-vip .header-user-avatar__image[data-v-9c24c9b9]:after{content:"";position:absolute;left:calc(var(--header-avatar-size) * -.08 - 2px);bottom:calc(var(--header-avatar-size) * -.1 - 2px);width:calc(var(--header-avatar-size) * .58 + 4px);height:calc(var(--header-avatar-size) * .5 + 4px);background:#171526;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:translateZ(0);backface-visibility:hidden;will-change:transform;pointer-events:none;z-index:3}.header-user-avatar--mobile .header-user-avatar__image[data-v-9c24c9b9]{box-shadow:0 4px 10px #00000047}.header-user-avatar__icon[data-v-9c24c9b9]{position:relative;z-index:2;width:var(--header-avatar-icon-size);height:var(--header-avatar-icon-size);color:#fff}.header-user-avatar__img[data-v-9c24c9b9]{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:50%}.header-user-avatar__vip-badge[data-v-9c24c9b9]{position:absolute;left:calc(var(--header-avatar-size) * -.08);bottom:calc(var(--header-avatar-size) * -.1);z-index:5;display:flex;align-items:center;justify-content:center;width:calc(var(--header-avatar-size) * .58);height:calc(var(--header-avatar-size) * .5);background:var(--header-avatar-vip-badge-bg);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.header-user-avatar--mobile .header-user-avatar__vip-badge[data-v-9c24c9b9]{z-index:8;display:flex!important;padding:0;visibility:visible;opacity:1;pointer-events:none}.header-user-avatar__vip-badge[data-v-9c24c9b9]:before{content:none}.header-user-avatar--mobile .header-user-avatar__vip-badge[data-v-9c24c9b9]:before{content:none}.header-user-avatar__vip-level[data-v-9c24c9b9]{font-size:calc(var(--header-avatar-size) * .28);font-weight:800;color:#fff;line-height:1;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35)}.df-lang{display:inline-flex;align-items:center;justify-content:center;min-width:0}.df-lang-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0;border:none;background:transparent;color:#fff;line-height:1;cursor:pointer}.df-lang-trigger-label{font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.df-lang-trigger-flag{flex-shrink:0;font-size:16px;line-height:1}.df-lang-trigger--menu{box-sizing:border-box;width:100%;height:46px;padding:0 12px;gap:10px;justify-content:flex-start;border:1px solid rgba(134,129,192,.16);border-radius:12px;background:#ffffff0a;color:#fff;transition:background-color .2s ease,border-color .2s ease}.df-lang-trigger--menu:hover{background:#ffffff12;border-color:#8681c052}.df-lang-trigger--menu .df-lang-trigger-label{flex:1;text-align:left;font-size:14px}.df-lang-trigger--menu .df-lang-trigger-caret{width:14px;height:14px;opacity:.75}.df-lang-trigger-caret{flex-shrink:0;opacity:.7;transition:transform .2s ease}.df-lang-trigger-caret.is-open{transform:rotate(180deg)}.df-lang-trigger--pill{box-sizing:border-box;height:40px;padding:0 10px;gap:8px;border:none;border-radius:12px;background:#262341;box-shadow:0 10px 20px #0c092366;color:#fff;transition:border-color .3s ease,background .3s ease}.df-lang-trigger--pill:hover{border:1px solid rgba(134,129,192,.7);background:linear-gradient(#352f61,#262047);padding:0 9px}.df-lang-trigger--pill .df-lang-trigger-label{font-size:13px}.df-lang-trigger--icon{box-sizing:border-box;min-width:var(--df-header-mobile-icon-button-size, 30px);height:var(--df-header-mobile-icon-button-size, 30px);padding:0 6px;gap:4px;border:1px solid #1c1930;border-radius:5px;background:#1c1930;color:#fff;flex-shrink:1;overflow:hidden}.df-lang-trigger--icon .df-lang-trigger-label{font-size:11px}.df-lang-trigger--icon .df-lang-trigger-caret{width:8px;height:8px}.df-lang-trigger--drawer{box-sizing:border-box;min-width:34px;height:34px;padding:0 6px;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0a;color:#fff;flex-shrink:0}.df-lang-trigger--drawer .df-lang-trigger-label{font-size:11px}.df-lang-trigger--drawer .df-lang-trigger-caret{width:8px;height:8px}.df-lang-panel{position:fixed;z-index:10020}.df-lang-pop-enter-active,.df-lang-pop-leave-active{transition:opacity .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}.df-lang-pop-enter-from,.df-lang-pop-leave-to{opacity:0;transform:translateY(-6px) scale(.94)}.df-lang-menu{box-sizing:border-box;min-width:168px;padding:6px;border:1px solid rgba(134,129,192,.28);border-radius:14px;background:radial-gradient(120% 90% at 100% 0%,#7b68ee2e,#7b68ee00 55%),linear-gradient(180deg,#221f38,#191627);box-shadow:0 24px 52px #08061699,0 4px 14px #08061666,inset 0 1px #ffffff0f;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(134,129,192,.45) transparent}.df-lang-menu::-webkit-scrollbar{width:6px}.df-lang-menu::-webkit-scrollbar-thumb{border-radius:3px;background:#8681c073}.df-lang-menu::-webkit-scrollbar-track{background:transparent}.df-lang-menu-head{padding:6px 10px 8px;color:#c7c3e280;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.df-lang-menu-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#c7c3e2;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.df-lang-menu-item:hover{background:#7b68ee1f;border-color:#8681c038;color:#fff}.df-lang-menu-item:active{transform:scale(.98)}.df-lang-menu-dot{position:relative;flex-shrink:0;width:8px;height:8px;border:1.5px solid rgba(199,195,226,.4);border-radius:50%;transition:border-color .18s ease}.df-lang-menu-dot:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;background:#b7adff;opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.df-lang-menu-item.is-active{background:linear-gradient(135deg,#7b68ee47,#5b4ab829);border-color:#968ae273;color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #7b68ee14,0 6px 16px #3c2c8252}.df-lang-menu-item.is-active .df-lang-menu-dot{border-color:#b7adff}.df-lang-menu-item.is-active .df-lang-menu-dot:after{opacity:1;transform:scale(1)}.df-lang-menu-label{flex:1;min-width:0}.df-lang-menu-check{flex-shrink:0;color:#8f7ff0;filter:drop-shadow(0 0 4px rgba(143,127,240,.5))}@media (max-width: 768px){.df-lang-menu{min-width:156px}.df-lang-menu-item{min-height:44px;font-size:14px}}@media (max-width: 360px){.df-lang-trigger--drawer{min-width:30px;height:30px}}@keyframes df-header-float-bar-in{0%{opacity:0}to{opacity:1}}.df-header-wrapper{--df-mobile-current-header-height: var(--df-header-height-mobile);--df-header-desktop-top-up-coin-size: 14px;--df-header-guest-coin-size: 14px;--df-header-mobile-menu-top-up-coin-size: 14px;--df-header-mobile-icon-button-size: 30px;--df-header-mobile-icon-border-radius: 8px;--df-header-mobile-icon-glyph-size: 16px;--df-header-mobile-avatar-size: 35px;--df-header-mobile-avatar-icon-size: 21px;position:relative;width:100%;z-index:9999;background-color:#141225;background-image:radial-gradient(620px 250px at 6% 0%,#c654a22b,#9e3e821a 45%,#8c3c960a 70%,#14122500),radial-gradient(1400px 210px at 50% 0%,#963c780d,#14122500 75%);background-repeat:no-repeat;box-shadow:none;transition:all .3s ease}.df-header-wrapper.is-scrolled-past .df-header-main .header-right{position:fixed;top:16px;right:20px;z-index:10000;gap:14px;padding:8px 14px;border-radius:14px;background:#09080ef0;box-shadow:0 12px 32px #00000073,inset 0 0 0 1px #ffffff0f;animation:df-header-float-bar-in .22s ease}.df-header-wrapper .header-right .top-up-entry .top-up-coin,.df-header-wrapper .header-right .guest-user-info .top-up-coin,.df-header-wrapper .mobile-user-stat.mobile-top-up-stat .top-up-coin{object-fit:contain;flex-shrink:0;display:block}.df-header-wrapper .header-right .top-up-entry .top-up-coin{width:var(--df-header-desktop-top-up-coin-size);height:var(--df-header-desktop-top-up-coin-size)}.df-header-wrapper .header-right .guest-user-info .top-up-coin{width:var(--df-header-guest-coin-size);height:var(--df-header-guest-coin-size)}.df-header-wrapper .mobile-user-stat.mobile-top-up-stat .top-up-coin{width:var(--df-header-mobile-menu-top-up-coin-size);height:var(--df-header-mobile-menu-top-up-coin-size)}.df-header-wrapper .df-header-glow-tail{position:absolute;top:100%;left:0;width:100%;height:130px;pointer-events:none;background-color:transparent;background-image:radial-gradient(620px 250px at 6% calc(0px - var(--df-header-offset, 129px)),#c654a22b,#9e3e821a 45%,#8c3c960a 70%,#14122500),radial-gradient(1400px 210px at 50% calc(0px - var(--df-header-offset, 129px)),#963c780d,#14122500 75%);background-repeat:no-repeat}.df-header-wrapper .df-header-top{height:45px;width:100%;background:transparent;transition:all .3s ease}.df-header-wrapper .df-header-top .df-header-top-container{width:min(100%,var(--df-shell-max-width));max-width:var(--df-shell-max-width);height:100%;margin:0 auto;padding:0 var(--df-shell-padding-x);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.df-header-wrapper .df-header-top .df-header-top-container .stats-container{display:flex;align-items:center;gap:32px;justify-content:flex-start;transform:none}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group{display:flex;align-items:center;gap:0;position:relative;min-width:0}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon{width:16px;height:16px;margin-right:9px;object-fit:contain;flex:0 0 auto}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon.icon-online{width:13px;height:13px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon.icon-user{width:13px;height:16px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon.icon-upgrade{background-color:#a99cf5;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%23000'%3e%3cpath%20d='m5.59%208.96.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zm0%203.473.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zM10.5%200%202%205v10l8.5%205%208.5-5V5zm7.362%2014.34L10.5%2018.673%203.138%2014.34V5.673l7.362-4.34%207.362%204.334z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%23000'%3e%3cpath%20d='m5.59%208.96.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zm0%203.473.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zM10.5%200%202%205v10l8.5%205%208.5-5V5zm7.362%2014.34L10.5%2018.673%203.138%2014.34V5.673l7.362-4.34%207.362%204.334z'/%3e%3c/svg%3e") center / contain no-repeat}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item{font-family:Montserrat,Noto Sans SC,sans-serif;color:#ffffffd1;font-size:13px;font-weight:500;letter-spacing:-.05em;opacity:.8;line-height:1;position:relative;top:0;white-space:nowrap}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item.stat-item-online{color:#50c8ce}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item.stat-item-battle{color:#79c1e0}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item.stat-item-user{color:#cd4c8f}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item.stat-item-box{color:#da4472}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item.stat-item-upgrade{color:#a99cf5}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-label{font-family:Montserrat,Noto Sans SC,sans-serif;color:#84819a;opacity:.8;text-transform:uppercase;margin-left:8px;font-size:13px;font-weight:500;line-height:1;position:relative;top:0;white-space:nowrap}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator{display:flex;align-items:center;gap:3px;margin-left:2px;padding:2px 5px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04)}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator .status-dot{width:5px;height:5px;border-radius:50%;background-color:#8e8c9d}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator .status-text{font-size:8px;color:#ffffff80;white-space:nowrap;line-height:1;position:relative;top:-2px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.open{border-color:#5c49d033}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.open .status-dot{background-color:#5c49d0;box-shadow:0 0 4px #5c49d080;animation:status-pulse 2s infinite}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.open .status-text{color:#5c49d0}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.connecting{border-color:#f59e0b33}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.connecting .status-dot{background-color:#ffb900;animation:status-blink 1s infinite}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.connecting .status-text{color:#ffb900}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closed,.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closing{border-color:#ef444433}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closed .status-dot,.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closing .status-dot{background-color:#ef4444}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closed .status-text,.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator.closing .status-text{color:#ef4444}.df-header-wrapper .df-header-top .df-header-top-container .social-icons{display:flex;align-items:center;gap:27px;opacity:.8}.df-header-wrapper .df-header-top .df-header-top-container .social-icons .social-icon{width:18px;height:18px;border-radius:4px;cursor:pointer;transition:all .3s ease;filter:grayscale(.12)}.df-header-wrapper .df-header-top .df-header-top-container .social-icons .social-icon:hover{opacity:1;transform:translateY(-1px);filter:brightness(1.2)}.df-header-wrapper .df-header-main{position:relative;height:84px;width:100%;line-height:normal;background-color:transparent;border-bottom:none;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.df-header-wrapper .df-header-main:before{content:"";position:absolute;top:0;bottom:0;left:max(var(--df-shell-padding-x),calc((100% - var(--df-shell-max-width)) / 2 + var(--df-shell-padding-x)));right:max(var(--df-shell-padding-x),calc((100% - var(--df-shell-max-width)) / 2 + var(--df-shell-padding-x)));background:#19172d;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:0;pointer-events:none}.df-header-wrapper .df-header-main .df-header-container{position:relative;z-index:1;width:min(100%,var(--df-shell-max-width));max-width:var(--df-shell-max-width);height:100%;margin:0 auto;padding:0 var(--df-shell-padding-x);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.df-header-wrapper .df-header-main .header-left{height:100%;display:flex;align-items:center;min-width:0}.df-header-wrapper .df-header-main .header-logo-group{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;min-width:170px;height:100%;justify-content:flex-start;padding:0 0 0 30px;transition:all .3s ease}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:156px;height:48px;object-fit:contain}.df-header-wrapper .df-header-main .header-logo-group .header-logo-wrap{position:relative;display:inline-flex}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge{position:absolute;top:0;right:-2px;display:inline-flex;cursor:pointer;z-index:40}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge .pf-icon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#50c8ce;display:inline-block;width:20px;height:20px}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge .pf-tooltip{position:absolute;top:calc(100% + 12px);left:4px;width:max-content;max-width:280px;padding:10px 14px;background:#1c2333;border:1px solid rgba(80,200,206,.35);border-radius:8px;color:#cfd6e4;font-size:13px;line-height:1.5;white-space:normal;text-align:left;box-shadow:0 8px 24px #00000073;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:60}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge .pf-tooltip b{color:#50c8ce;font-weight:700}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge .pf-tooltip:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:10px;background:#1c2333;border-left:1px solid rgba(80,200,206,.35);border-top:1px solid rgba(80,200,206,.35);transform:rotate(45deg)}.df-header-wrapper .df-header-main .header-logo-group .provably-fair-badge:hover .pf-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.df-header-wrapper .df-header-main .header-nav-menu{display:flex;align-items:stretch;height:100%;min-width:0;margin-left:30px;gap:29px}.df-header-wrapper .df-header-main .header-nav-menu .nav-item{position:relative;width:auto;flex:0 0 auto;padding:0;color:#fff;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:0;min-width:0;z-index:1}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:before,.df-header-wrapper .df-header-main .header-nav-menu .nav-item:after{content:"";position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2c275700,#2c2757 50.97%,#2c275700);opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease;pointer-events:none;z-index:1}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:before{top:0;transform:translate(-50px)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:after{bottom:0;transform:translate(50px)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-badge{position:absolute;top:14px;left:calc(100% - 10px);z-index:2;min-width:27px;padding:0 4px;border-radius:2px;background:#cf3464;color:#141225;font-size:12px;font-weight:600;line-height:12px;text-align:center;pointer-events:none}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-glow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-glow:before,.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-glow:after{content:"";position:absolute;left:0;width:100%;height:50%;opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-glow:before{top:0;background:radial-gradient(ellipse 30% 34% at 50% 0%,#4c439a,#4c439a00);transform:translateY(-100%)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-glow:after{bottom:0;background:radial-gradient(ellipse 30% 34% at 50% 100%,#4c439a,#4c439a00);transform:translateY(100%)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .flex-column{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;line-height:1;transition:opacity .3s ease}.df-header-wrapper .df-header-main .header-nav-menu .nav-item img{width:21px;height:21px;object-fit:contain;opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(272%) hue-rotate(170deg) brightness(92%) contrast(89%);transition:all .25s ease}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-text{font-size:12px;margin-top:0;line-height:1.26;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;letter-spacing:0;text-transform:uppercase}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover{color:#fff}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover .flex-column{opacity:.6}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover .nav-glow:before,.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover .nav-glow:after{opacity:.4;transform:translateY(0)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover:before,.df-header-wrapper .df-header-main .header-nav-menu .nav-item:hover:after{opacity:1;transform:translate(0)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active{color:#ea4376}.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active img{opacity:1;filter:brightness(0) saturate(100%) invert(33%) sepia(94%) saturate(3107%) hue-rotate(340deg) brightness(105%) contrast(105%)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active:before,.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active:after{background:linear-gradient(90deg,#ea437600,#ea4376 50.97%,#ea437600);opacity:.2;transform:translate(0)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active .nav-glow:before{background:radial-gradient(ellipse 30% 34% at 50% 0%,#ea4376,#ea437600);opacity:.2;transform:translateY(0)}.df-header-wrapper .df-header-main .header-nav-menu .nav-item.active .nav-glow:after{background:radial-gradient(ellipse 30% 34% at 50% 100%,#ea4376,#ea437600);opacity:.2;transform:translateY(0)}.df-header-wrapper .df-header-main .header-right{display:flex;align-items:center;gap:20px;padding-right:26px;min-width:0;flex-shrink:0}.df-header-wrapper .df-header-main .header-right .user-info{display:flex;align-items:center;gap:10px;min-width:204px;min-height:56px;padding:8px 14px 8px 50px;border-radius:8px;transition:all .3s ease;cursor:pointer;background:linear-gradient(180deg,#1c1930,#1c1930);border:1px solid rgba(255,255,255,.04);position:relative}.df-header-wrapper .df-header-main .header-right .user-info:hover:not(.guest-user-info):not(.logged-in){background:linear-gradient(180deg,#1c1930,#1c1930)}.df-header-wrapper .df-header-main .header-right .user-info .avatar{width:32px;height:32px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:50%;box-shadow:0 0 0 1px #ffffff1a}.df-header-wrapper .df-header-main .header-right .user-info .user-detail{display:flex;flex-direction:column;padding-left:0;gap:1px}.df-header-wrapper .df-header-main .header-right .user-info .user-detail .username{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:600;line-height:1.2;font-family:Montserrat,Noto Sans SC,sans-serif}.df-header-wrapper .df-header-main .header-right .user-info .user-detail .user-level{color:#458c4b;font-size:10px;line-height:1.2;margin-left:50px}.df-header-wrapper .df-header-main .header-right .guest-user-info{justify-content:center;width:204px;min-width:204px;height:40px;min-height:40px;padding:0;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}.df-header-wrapper .df-header-main .header-right .guest-user-info:hover{background-color:transparent;filter:brightness(1.04)}.df-header-wrapper .df-header-main .header-right .guest-user-info .user-detail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;gap:2px;padding:0 16px;z-index:1}.df-header-wrapper .df-header-main .header-right .guest-user-info .username{color:#fff3bf;text-shadow:0 1px 4px rgba(0,0,0,.45)}.df-header-wrapper .df-header-main .header-right .guest-user-info .user-level{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.df-header-wrapper .df-header-main .header-right .login-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:146px;height:42px;min-height:42px;padding:0 15px;background:#6040ff;color:#fff;border:none;border-radius:0;outline:none;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);font-size:14px;font-weight:600;line-height:1;font-family:inherit;text-transform:uppercase;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:color .3s ease,background-color .3s ease;letter-spacing:-.05em}.df-header-wrapper .df-header-main .header-right .login-btn:hover{background:#7b62ff}.df-header-wrapper .df-header-main .header-right .login-btn:active{background:#4e32e0;transition:none}.df-header-wrapper .df-header-main .header-right .login-btn:focus,.df-header-wrapper .df-header-main .header-right .login-btn:focus-visible{outline:none}.df-header-wrapper .df-header-main .header-right .user-info.logged-in{display:flex;align-items:center;justify-content:center;background:none;min-width:auto;max-width:100%;min-height:44px;padding:0;gap:26px;border:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in:hover{background:none}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats{display:flex;align-items:center;gap:22px;height:44px;min-width:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 12px;border-radius:5px;background:#1c1930;border:1px solid #1c1930}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-icon{width:20px;height:20px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-icon-img{width:18px;height:18px;object-fit:contain}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-value{font-size:14px;font-weight:600;line-height:1;font-family:Montserrat,Noto Sans SC,sans-serif;font-variant-numeric:tabular-nums}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-value.diamond{color:gold}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-value.amount{color:#48c5a9}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item:first-child{width:38px;justify-content:center;padding:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry{gap:0;height:38px;padding:0 6px 0 12px;min-width:0;max-width:244px;border-radius:10px;background:transparent;border-color:transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry:active{transform:translateY(0)}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-balance{display:flex;align-items:center;gap:8px;min-width:0;padding-right:12px;overflow:hidden}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-cta{position:relative;display:inline-flex;flex-shrink:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-cta-inner{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 14px 0 12px;background:#48c5a9;color:#17202c;outline:none;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:inset 0 -3px #1c826a99;transition:filter .2s ease}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-cta-plus{display:block;width:12px;height:12px;flex-shrink:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-cta-text{font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-bonus-badge{position:absolute;top:0;right:-26px;transform:translateY(-50%);z-index:2;display:inline-flex;padding:1.5px;background:#f0115c;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);pointer-events:none}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .top-up-bonus-badge .top-up-bonus-badge-inner{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:#711540;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);color:#fff;font-size:9px;font-weight:600;line-height:1;white-space:nowrap}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry:hover .top-up-cta-inner{filter:brightness(1.08)}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item.top-up-entry .stat-value.amount{display:block;min-width:0;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .vip-zuan-img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-left:22px;width:44px;height:44px;flex-shrink:0;align-self:center;--header-avatar-size: 44px;--header-avatar-padding: 2px;--header-avatar-border-width: 2px;--header-avatar-icon-size: 24px;--header-avatar-auth-size: 18px;--header-avatar-auth-top: -4px;--header-avatar-auth-right: -4px;--header-avatar-vip-left: -4px;--header-avatar-vip-bottom: -2px;--header-avatar-vip-width: 25px;--header-avatar-vip-height: 14px;--header-avatar-vip-font-size: 8px;--header-avatar-vip-outer-notch: 3.8px;--header-avatar-vip-inner-notch: 3.2px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover{background:#171526;border:1px solid #1c1930;border-radius:10px;--menu-block-count: 7;width:236px;min-width:236px;height:min(420px,calc(100vh - 104px));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000059}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header,.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item{flex:1 1 calc((100% - 2px) / var(--menu-block-count));min-height:0;box-sizing:border-box}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px;overflow:hidden}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-name{font-size:12px;font-weight:600;color:#fff;line-height:1.25;word-break:break-all}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;width:100%}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-phone{width:100%;font-size:9px;color:#8e8c9d;line-height:1.1;word-break:break-all}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-vip{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;white-space:nowrap;padding:1px 4px;background:#ffd70026;border:1px solid rgba(255,215,0,.25);border-radius:10px;font-size:9px;font-weight:600;line-height:1;color:gold}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-vip svg{width:8px;height:8px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-divider{flex:0 0 1px;background:#1c1930}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item{display:flex;align-items:center;gap:10px;padding:0 16px;color:#8e8c9d;cursor:pointer;transition:all .2s ease;line-height:1.35}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item:hover{background:#ffffff0a;color:#fff}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item span{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item.logout-item{color:#ff6b6b}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item.logout-item:hover{background:#ff64641a;color:#ff6b6b}@media (max-height: 820px){.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover{width:224px;min-width:224px;height:min(392px,calc(100vh - 96px))}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header{gap:3px;padding:9px 14px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item{padding:0 14px}}@media (max-height: 700px){.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover{width:208px;min-width:208px;height:min(364px,calc(100vh - 88px))}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header{gap:2px;padding:7px 12px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-name{font-size:11px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-phone{font-size:8px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-header .user-menu-vip{font-size:8px;padding:1px 4px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item{padding:0 12px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-menu-popover .user-menu-item span{font-size:11px}}.df-header-wrapper .hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:transparent;border:none;cursor:pointer;padding:8px;margin-right:8px;gap:5px;z-index:10000;transition:all .3s ease}.df-header-wrapper .hamburger-btn .hamburger-line{width:24px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.df-header-wrapper .hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.df-header-wrapper .hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.df-header-wrapper .hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.df-header-wrapper .mobile-header-right{display:none;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;flex:1 1 0;flex-shrink:1;min-width:0;overflow:visible;margin-left:auto;line-height:1}.df-header-wrapper .mobile-header-right .mobile-header-icon-btn,.df-header-wrapper .mobile-header-right .mobile-header-avatar{display:flex;align-items:center;justify-content:center;width:var(--df-header-mobile-icon-button-size);height:var(--df-header-mobile-icon-button-size);padding:0;border:1px solid #1c1930;border-radius:5px;background:#1c1930;color:#fff;cursor:pointer;flex-shrink:0;overflow:hidden}.df-header-wrapper .mobile-header-right .mobile-header-icon-btn svg,.df-header-wrapper .mobile-header-right .mobile-header-icon-btn img{width:var(--df-header-mobile-icon-glyph-size);height:var(--df-header-mobile-icon-glyph-size);object-fit:contain}.df-header-wrapper .mobile-header-right .mobile-header-icon-btn .customer-service-icon{width:22px;height:22px}.df-header-wrapper .mobile-header-right .mobile-header-service-btn{position:relative;overflow:visible}.df-header-wrapper .mobile-header-right .mobile-header-service-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 6px #ef444466;z-index:1}.df-header-wrapper .mobile-header-right .mobile-header-login-btn{display:flex;align-items:center;justify-content:center;width:clamp(72px,23vw,92px);min-width:0;max-width:100%;height:30px;padding:0 12px;border:none;border-radius:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);background:#6040ff;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:.2px;cursor:pointer;flex:0 1 auto;box-sizing:border-box;white-space:nowrap;transition:all .25s ease}.df-header-wrapper .mobile-header-right .mobile-header-login-btn:hover{background:#7b62ff}.df-header-wrapper .mobile-header-right .mobile-header-login-btn:active{transform:translateY(1px);background:#4e32e0}.df-header-wrapper .mobile-header-right .mobile-header-top-up{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(42px / 1.7320508);height:21px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer}.df-header-wrapper .mobile-header-right .mobile-header-top-up .top-up-plus{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#48c5a9;color:#141225;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.df-header-wrapper .mobile-header-right .mobile-header-top-up .top-up-plus svg{display:block;width:7.5px;height:7.5px}.df-header-wrapper .mobile-header-right .mobile-header-top-up .mobile-top-up-badge{position:absolute;top:0;right:-16px;transform:translateY(-50%);z-index:2;display:inline-flex;padding:1.5px;background:#f0115c;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);pointer-events:none}.df-header-wrapper .mobile-header-right .mobile-header-top-up .mobile-top-up-badge .mobile-top-up-badge-inner{display:inline-flex;align-items:center;justify-content:center;padding:1px 4px;background:#711540;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);color:#fff;font-size:7px;font-weight:500;line-height:1;white-space:nowrap}.df-header-wrapper .mobile-header-right .mobile-header-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:var(--df-header-mobile-avatar-size);height:var(--df-header-mobile-avatar-size);padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;overflow:visible;--header-avatar-size: var(--df-header-mobile-avatar-size);--header-avatar-padding: 2px;--header-avatar-border-width: 2px;--header-avatar-icon-size: var(--df-header-mobile-avatar-icon-size);--header-avatar-auth-size: 13px;--header-avatar-auth-top: -3px;--header-avatar-auth-right: -3px;--header-avatar-vip-left: -5px;--header-avatar-vip-bottom: -4px;--header-avatar-vip-width: 27px;--header-avatar-vip-height: 14px;--header-avatar-vip-font-size: 8px;--header-avatar-vip-outer-notch: 4px;--header-avatar-vip-inner-notch: 3.3px}.df-header-wrapper .mobile-header-right .mobile-header-avatar.login-trigger{border-radius:50%;background:transparent}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover{width:min(320px,calc(100vw - 24px));min-width:min(320px,calc(100vw - 24px));height:auto;max-height:calc(100vh - 96px);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#262c35fa,#181c22fa);box-shadow:0 16px 40px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-y:auto}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-header,.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-item{flex:none}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-header{padding:14px}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.04)}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-avatar-wrap{position:relative;flex:0 0 auto}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-avatar-wrap .auth-badge-img{position:absolute;top:-3px;right:-3px;width:16px;height:16px;object-fit:contain;z-index:2}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#171526;border:2px solid #353152;box-shadow:0 6px 16px #00000047}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-avatar .avatar-icon{width:24px;height:24px;color:#fff}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-vip-badge{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#ffdf7a,#ffb940);color:#13111f;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 4px 10px #ffb94047}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-main{min-width:0;flex:1 1 auto}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-name{font-size:15px;font-weight:700;line-height:1.3}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-phone{font-size:11px;color:#ffffff9e;line-height:1.3}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-vip{margin-top:4px;padding:3px 8px;border-radius:999px;font-size:10px}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .user-menu-divider{margin:0 14px;background:#ffffff12}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item{min-height:46px;padding:0 16px;justify-content:space-between;color:#b3b0c4}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item span{font-size:13px;font-weight:600}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item .mobile-user-menu-arrow{flex:0 0 auto;font-size:18px;line-height:1;color:#ffffff5c;transition:transform .2s ease,color .2s ease}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item:hover{background:#ffffff0a}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item:hover .mobile-user-menu-arrow{transform:translate(2px);color:#ffffffc7}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item.logout-item{color:#ff8080}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item.logout-item .mobile-user-menu-arrow{color:#ff808099}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item.logout-item:hover{background:#ff64641f}.df-header-wrapper .mobile-header-right .mobile-user-menu-popover .mobile-user-menu-item.logout-item:hover .mobile-user-menu-arrow{color:#ff9a9a}.df-header-wrapper .mobile-bottom-tabbar{display:none;position:fixed;left:0;bottom:0;width:100%;height:calc(var(--df-mobile-tabbar-height) + env(safe-area-inset-bottom));align-items:stretch;justify-content:space-between;gap:0;padding:0 0 env(safe-area-inset-bottom);background:#171430;border-top:1px solid #1E1B35;z-index:9997}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:var(--df-mobile-tabbar-height);padding:11px 4px 9px;border:none;border-radius:0;background:transparent;color:#585288;cursor:pointer;transition:color .2s ease}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab .tab-badge{position:absolute;top:11px;left:calc(50% + 4px);min-width:21px;height:21px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#ff1a62;color:#14112d;font-size:13px;font-weight:700;line-height:21px;text-align:center;pointer-events:none}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab .tab-icon{width:26px;height:26px;object-fit:contain}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab img.tab-icon{filter:brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(140%) hue-rotate(207deg)}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab .menu-icon{color:#aa9cf2}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab .tab-label{font-size:11px;font-weight:500;line-height:11px;letter-spacing:.02em;white-space:nowrap;color:#585288}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab.active{color:#fff;background:transparent}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab.active img.tab-icon{filter:brightness(0) saturate(100%) invert(53%) sepia(100%) saturate(180%) hue-rotate(209deg)}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab.active .menu-icon{color:#aa9cf2}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab.active .tab-label{color:#fff}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab.menu-tab{flex:1 1 0;width:auto;border-left:none}.df-header-wrapper .mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:#06050cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.df-header-wrapper .mobile-menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:radial-gradient(120% 52% at 10% -4%,#7c4dff38,#7c4dff00 62%),radial-gradient(108% 46% at 94% -2%,#35c0c929,#35c0c900 64%),linear-gradient(180deg,#17152a,#100e1c 48%,#0b0913);box-shadow:6px 0 44px #0000008c}.df-header-wrapper .mobile-menu-drawer .drawer-topbar{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:env(safe-area-inset-top) var(--df-shell-padding-x-mobile, 12px) 0;border-bottom:1px solid rgba(255,255,255,.06)}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-brand{display:block;width:auto;height:24px;object-fit:contain}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-topbar-actions{display:flex;align-items:center;gap:8px}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-icon-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0a;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-icon-btn img{display:block;width:20px;height:14px;object-fit:cover;border-radius:2px}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-icon-btn:active{transform:scale(.94)}.df-header-wrapper .mobile-menu-drawer .drawer-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px var(--df-shell-padding-x-mobile, 12px) calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section{flex:0 0 auto;animation:drawer-section-in .42s cubic-bezier(.22,1,.36,1) both}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section:nth-child(1){animation-delay:.04s}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section:nth-child(2){animation-delay:.1s}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section:nth-child(3){animation-delay:.16s}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section:nth-child(4){animation-delay:.22s}.df-header-wrapper .mobile-menu-drawer .drawer-scroll>section:nth-child(5){animation-delay:.28s}.df-header-wrapper .mobile-menu-drawer .drawer-account{position:relative;isolation:isolate;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,#ffffff14,#ffffff06);box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0f}.df-header-wrapper .mobile-menu-drawer .drawer-account:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(130px 130px at 88% -18%,#7b68ee5c,#7b68ee00 72%);pointer-events:none}.df-header-wrapper .mobile-menu-drawer .drawer-account-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.df-header-wrapper .mobile-menu-drawer .drawer-account-avatar{flex-shrink:0}.df-header-wrapper .mobile-menu-drawer .drawer-account-meta{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto}.df-header-wrapper .mobile-menu-drawer .drawer-account-meta .drawer-account-name{color:#fff;font-size:15px;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-header-wrapper .mobile-menu-drawer .drawer-account-meta .drawer-account-sub{display:flex;align-items:center;gap:6px;min-width:0}.df-header-wrapper .mobile-menu-drawer .drawer-account-meta .drawer-vip-tag{flex-shrink:0;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#ffe27a,#ffb63d);color:#2b1a00;font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.02em}.df-header-wrapper .mobile-menu-drawer .drawer-account-meta .drawer-account-id{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff5c;font-size:11px;line-height:1;font-variant-numeric:tabular-nums}.df-header-wrapper .mobile-menu-drawer .drawer-account-arrow{flex-shrink:0;margin-left:auto;color:#ffffff52}.df-header-wrapper .mobile-menu-drawer .drawer-wallet{position:relative;z-index:1;display:flex;align-items:stretch;gap:8px;margin-top:12px}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip{display:flex;align-items:center;gap:6px;flex:1 1 0;min-width:0;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#09081080;font-family:inherit}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip.is-amount{cursor:pointer;-webkit-tap-highlight-color:transparent}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip.is-amount:active{border-color:#ffffff29}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip .drawer-wallet-coin{display:block;width:15px;height:15px;object-fit:contain;flex-shrink:0}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip .drawer-wallet-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:gold;font-size:13px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip.is-amount .drawer-wallet-value{color:#48c5a9}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-topup-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;padding:0;border:none;border-radius:12px;background:linear-gradient(135deg,#8f7ff0,#5c49d0);box-shadow:0 6px 16px #5c49d073,inset 0 1px #b7adff66;color:#fff;cursor:pointer;transition:transform .18s ease,filter .18s ease}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-topup-btn:active{transform:scale(.94)}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-topup-btn:hover{filter:brightness(1.05)}.df-header-wrapper .mobile-menu-drawer .drawer-guest{display:flex;align-items:center;gap:12px}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-copy .drawer-guest-title{color:#fff;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-copy .drawer-guest-desc{color:#fff6;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-actions{display:flex;gap:8px;flex-shrink:0}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-btn{height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0a;color:#fff;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .18s ease,filter .18s ease}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-btn:active{transform:scale(.96)}.df-header-wrapper .mobile-menu-drawer .drawer-guest .drawer-guest-btn.is-primary{border:none;background:linear-gradient(135deg,#8f7ff0,#5c49d0);box-shadow:0 6px 16px #5c49d06b,inset 0 1px #b7adff66;font-weight:600}.df-header-wrapper .mobile-menu-drawer .drawer-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px}.df-header-wrapper .mobile-menu-drawer .drawer-stat{display:flex;flex-direction:row;align-items:baseline;gap:5px;min-width:0}.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;color:#b7adff;font-variant-numeric:tabular-nums}.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value img{display:block;width:12px;height:12px;object-fit:contain;flex-shrink:0}.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value .drawer-stat-svg-icon{display:block;width:12px;height:12px;flex-shrink:0;background-color:#b7adff;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%23000'%3e%3cpath%20d='m5.59%208.96.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zm0%203.473.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zM10.5%200%202%205v10l8.5%205%208.5-5V5zm7.362%2014.34L10.5%2018.673%203.138%2014.34V5.673l7.362-4.34%207.362%204.334z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%23000'%3e%3cpath%20d='m5.59%208.96.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zm0%203.473.68.927%204.197-3.18%204.198%203.18.68-.927-4.878-3.7zM10.5%200%202%205v10l8.5%205%208.5-5V5zm7.362%2014.34L10.5%2018.673%203.138%2014.34V5.673l7.362-4.34%207.362%204.334z'/%3e%3c/svg%3e") center / contain no-repeat}.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value.is-online,.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value.is-user,.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value.is-battle,.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value.is-upgrade,.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-value.is-box{color:#b7adff}.df-header-wrapper .mobile-menu-drawer .drawer-stat .drawer-stat-label{color:#ffffff61;font-size:11px;line-height:1;white-space:nowrap}.df-header-wrapper .mobile-menu-drawer .drawer-promo{position:relative;display:flex;align-items:center;gap:10px;height:54px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;cursor:pointer;transition:transform .18s ease}.df-header-wrapper .mobile-menu-drawer .drawer-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0913cc,#0b09134d 58%,#0b09130d)}.df-header-wrapper .mobile-menu-drawer .drawer-promo:active{transform:scale(.99)}.df-header-wrapper .mobile-menu-drawer .drawer-promo .drawer-promo-text{position:relative;z-index:1;flex:1 1 auto;min-width:0;color:#fff;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.5)}.df-header-wrapper .mobile-menu-drawer .drawer-promo .drawer-promo-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#00000059;color:#fff}.df-header-wrapper .mobile-menu-drawer .drawer-section{display:flex;flex-direction:column;gap:10px}.df-header-wrapper .mobile-menu-drawer .drawer-section .drawer-section-head{display:flex;align-items:center;gap:10px;padding:0 2px}.df-header-wrapper .mobile-menu-drawer .drawer-section .drawer-section-title{position:relative;padding-left:10px;color:#ffffff75;font-size:12px;font-weight:600;line-height:1;letter-spacing:.06em}.df-header-wrapper .mobile-menu-drawer .drawer-section .drawer-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:11px;border-radius:2px;background:linear-gradient(180deg,#b7adff,#5c49d0)}.df-header-wrapper .mobile-menu-drawer .drawer-section .drawer-section-line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,#ffffff1f,#fff0)}.df-header-wrapper .mobile-menu-drawer .drawer-nav-grid{display:flex;flex-direction:column;gap:2px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-width:0;height:52px;padding:0 10px;border:none;border-radius:12px;background:transparent;color:#ffffffdb;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item:active{background:#ffffff0f}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-icon img{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(272%) hue-rotate(170deg) brightness(92%) contrast(89%)}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:15px;font-weight:600;line-height:1}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:7px;background:#7b68ee;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;pointer-events:none}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item.active{background:#7b68ee24;color:#fff}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item.active .drawer-nav-text{color:#b7adff}.df-header-wrapper .mobile-menu-drawer .drawer-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;height:70px;padding:0 4px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:linear-gradient(180deg,#ffffff0b,#ffffff03);color:#ffffffb8;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease,color .18s ease}.df-header-wrapper .mobile-menu-drawer .drawer-service-item:active{transform:scale(.97)}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;background:#ffffff0f}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-icon img{display:block;width:18px;height:18px;object-fit:contain;filter:brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(272%) hue-rotate(170deg) brightness(92%) contrast(89%)}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-label{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-align:center;word-break:break-word;font-size:11px;line-height:1.2}.df-header-wrapper .mobile-menu-drawer .drawer-service-item.is-danger{color:#ffffff85}.df-header-wrapper .mobile-menu-drawer .drawer-service-item.is-danger .drawer-service-icon{background:#8e8c9d29}.df-header-wrapper .mobile-menu-drawer .drawer-ends{display:flex;flex-direction:column;gap:16px;margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.df-header-wrapper .mobile-menu-drawer .drawer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px}.df-header-wrapper .mobile-menu-drawer .drawer-link{padding:0;border:none;background:none;color:#ffffff80;font-size:12px;font-family:inherit;cursor:pointer;transition:color .2s ease}.df-header-wrapper .mobile-menu-drawer .drawer-link:hover{color:#ffffffd1}.df-header-wrapper .mobile-menu-drawer .drawer-links-dot{color:#ffffff2e;font-size:12px;line-height:1}.df-header-wrapper .mobile-menu-drawer .drawer-social{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.df-header-wrapper .mobile-menu-drawer .drawer-social-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.df-header-wrapper .mobile-menu-drawer .drawer-social-icon img{display:block;width:22px;height:22px;object-fit:contain}.df-header-wrapper .header-notice-bar{position:relative;width:100%;height:62px;margin-top:-7px;overflow:hidden;cursor:pointer}.df-header-wrapper .header-notice-bar .header-notice-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.df-header-wrapper .header-notice-bar .header-notice-container{position:relative;width:min(100%,var(--df-shell-max-width));max-width:var(--df-shell-max-width);height:100%;margin:0 auto;padding:0 var(--df-shell-padding-x);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.df-header-wrapper .header-notice-bar .header-notice-content{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:calc(100% - 56px)}.df-header-wrapper .header-notice-bar .header-notice-text{color:#fff;font-size:16px;font-weight:500;font-family:Montserrat,Noto Sans SC,sans-serif;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.22)}.df-header-wrapper .header-notice-bar .header-notice-action{height:32px;padding:0 18px;border:none;border-radius:8px;background:#5c49d0;color:#fff;font-size:14px;font-weight:600;font-family:Montserrat,Noto Sans SC,sans-serif;line-height:1;cursor:pointer;flex-shrink:0;transition:filter .2s ease,transform .2s ease}.df-header-wrapper .header-notice-bar .header-notice-action:hover{filter:brightness(1.06)}.df-header-wrapper .header-notice-bar .header-notice-close{position:absolute;right:var(--df-shell-padding-x);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:transparent;color:#ffffffc2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease}.df-header-wrapper .header-notice-bar .header-notice-close:hover{color:#fff}.df-header-wrapper .user-menu-popover.effect-user-menu-popover{width:244px;min-width:244px;height:auto;max-height:none;padding:14px 14px 10px;border:1px solid rgba(134,129,192,.16);border-radius:16px;background:linear-gradient(180deg,#242038,#1b1830);box-shadow:0 24px 48px #0806168c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:6px;overflow:hidden}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp{display:flex;flex-direction:column;gap:8px;padding:2px 2px 8px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-label{font-size:13px;font-weight:600;color:#b9b3d9}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-value{margin-left:4px;color:#fff;font-weight:700}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-info{display:inline-flex;color:#b9b3d999;cursor:help;transition:color .2s ease}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-info:hover{color:#cfc9ec}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-bar{position:relative;width:100%;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-exp-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7b68ee,#4fe292);box-shadow:0 0 10px #4fe29280}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-lang{padding-bottom:4px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-lang .df-lang{display:flex;width:100%}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-divider{flex:0 0 1px;width:100%;height:1px;margin:4px 0;background:#ffffff12}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-item{position:relative;width:100%;min-height:42px;padding:0 8px;border:none;border-radius:10px;background:transparent;color:#d5d1ea;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .2s ease,color .2s ease}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-item:hover{background:#ffffff0d;color:#fff}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-item.logout-item{color:#ff6c5c}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-item.logout-item:hover{background:#ff6c5c1a;color:#ff8a7a}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-icon img{width:20px;height:20px;object-fit:contain;display:block}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-label{display:block;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.3px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound{display:flex;align-items:center;gap:10px;padding:6px 8px;color:#d5d1ea}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-icon{display:inline-flex;flex:0 0 auto;color:#cfc9ec}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-track{position:relative;flex:1 1 auto;height:4px;border-radius:999px;background:#ffffff1f}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#3fd97f,#4fe292)}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-thumb{position:absolute;top:50%;width:14px;height:16px;transform:translate(-50%,-50%);background:#3ee08a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 8px #3ee08a99}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-mode{flex:0 0 auto;font-size:13px;font-weight:600;color:#fff}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-sound-caret{flex:0 0 auto;color:#cfc9ecb3}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .28s ease}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0}.menu-slide-enter-active,.menu-slide-leave-active{transition:transform .34s cubic-bezier(.22,1,.36,1)}.menu-slide-enter-from,.menu-slide-leave-to{transform:translate(-100%)}@keyframes drawer-section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mobile-menu-drawer .drawer-scroll>section{animation:none}.mobile-menu-drawer,.mobile-menu-overlay{transition-duration:.01ms!important}}.agreement-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12021;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;box-sizing:border-box}.agreement-modal-container{width:min(1300px,100%);max-height:calc(100dvh - 96px);display:flex;flex-direction:column;margin:0 auto;padding:0 30px;position:relative;background:#171526;box-shadow:0 24px 48px #0006;overflow:hidden;animation:agreement-modal-in .3s ease-out}@keyframes agreement-modal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agreement-modal-header{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:20px 0;border-bottom:1px solid #24213d;text-align:center}.agreement-modal-title{margin:0;width:100%;padding:0 56px;color:#e6e6e6;font-size:22px;font-weight:700;line-height:1.45;text-align:center}.agreement-modal-close{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:0;background:transparent;color:#d0cdd0cc;cursor:pointer;transition:color .2s ease,transform .2s ease}.agreement-modal-close:hover{transform:translateY(-50%) scale(1.04);color:#fff}.agreement-modal-content{flex:1;min-height:0;margin-bottom:0;padding:40px 20px;overflow-y:scroll;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;color:#8e8c9d;font-size:14px;line-height:1.8}.agreement-modal-content::-webkit-scrollbar{width:10px}.agreement-modal-content::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.agreement-modal-content::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px;cursor:grab}.agreement-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff52}.agreement-modal-content::-webkit-scrollbar-thumb:active{cursor:grabbing}.agreement-modal-paragraph{margin:0 0 14px;word-break:break-word}.agreement-modal-paragraph:last-child{margin-bottom:0}body.box-opening-active .df-header-wrapper{transform:translateY(calc(-100% - 24px))!important;opacity:0!important;filter:none!important;visibility:hidden!important;background:transparent!important;pointer-events:none!important;display:none!important;height:0!important;overflow:hidden!important}body.box-opening-active .df-header-wrapper .df-header-top,body.box-opening-active .df-header-wrapper .df-header-main{display:none!important;background:transparent!important}@media (max-width: 768px){body.box-opening-active .df-header-wrapper{transform:translateY(calc(-100% - 18px))!important;opacity:0!important;filter:none!important;visibility:hidden!important;background:transparent!important;display:none!important;height:0!important;overflow:hidden!important}}@media (max-width: 1440px){.df-header-wrapper .df-header-main .header-right{gap:18px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in{gap:16px;min-height:40px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats{gap:14px;height:40px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item{height:34px;padding:0 10px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-value{font-size:12px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry{height:34px;padding:0 3px 0 10px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-balance{min-width:74px;padding-right:8px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-avatar-wrapper{width:40px;height:40px;--header-avatar-size: 40px}}@media (max-width: 1365px){.df-header-wrapper .df-header-top{height:30px}.df-header-wrapper .df-header-top .df-header-top-container .social-icons{gap:17px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container{gap:24px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon{width:12px;height:12px;margin-right:6px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon.icon-online{width:10px;height:10px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .wifi-icon.icon-user{width:10px;height:11px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-item{font-size:9px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .stat-label{font-size:9px;margin-left:5px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator{padding:1px 4px}.df-header-wrapper .df-header-top .df-header-top-container .stats-container .stat-group .ws-status-indicator .status-text{font-size:7px}.df-header-wrapper .df-header-main{height:60px}.df-header-wrapper .df-header-main:before{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.df-header-wrapper .df-header-main .header-logo-group{min-width:132px;padding-left:20px}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:126px;height:39px}.df-header-wrapper .df-header-main .header-nav-menu{margin-left:20px;gap:15px}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-badge{top:8px}.df-header-wrapper .df-header-main .header-nav-menu .nav-item img{width:14px;height:14px}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .flex-column{gap:5px}.df-header-wrapper .df-header-main .header-nav-menu .nav-item .nav-text{font-size:10px}.df-header-wrapper .df-header-main .header-right{gap:14px}.df-header-wrapper .df-header-main .header-right .login-btn{min-width:110px;height:32px;min-height:32px;font-size:12px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}}@media (max-width: 1023px){.df-header-wrapper .df-header-top .df-header-top-container .stats-container{gap:10px}}@media (max-width: 1200px){.df-header-wrapper{--df-header-desktop-top-up-coin-size: 12px}.df-header-wrapper .df-header-main .header-nav-menu{margin-left:12px;gap:10px}.df-header-wrapper .df-header-main .header-right{gap:12px}.df-header-wrapper .df-header-main .header-right .user-info{min-width:168px;min-height:46px;padding:6px 10px 6px 42px}.df-header-wrapper .df-header-main .header-right .user-info .avatar{width:34px;height:34px}.df-header-wrapper .df-header-main .header-right .user-info .user-detail .username{font-size:13px}.df-header-wrapper .df-header-main .header-right .user-info .user-detail .user-level{font-size:11px}.df-header-wrapper .df-header-main .header-right .guest-user-info{width:184px;min-width:184px;height:36px;min-height:36px;padding:0}.df-header-wrapper .df-header-main .header-right .login-btn{min-width:104px;height:32px;min-height:32px;font-size:12px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in{gap:12px;min-height:36px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats{gap:10px;height:36px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item{height:32px;padding:0 8px;gap:4px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-icon-img{width:12px;height:12px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item .stat-value{font-size:11px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .stat-item:first-child{width:32px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry{height:32px;padding:0 2px 0 8px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-balance{min-width:60px;gap:4px;padding-right:6px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-cta-inner{height:26px;padding:0 10px 0 9px;gap:3px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-cta-plus{width:10px;height:10px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-bonus-badge{top:0;right:-22px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-stats .top-up-entry .top-up-bonus-badge .top-up-bonus-badge-inner{padding:1.5px 5px;font-size:8px}.df-header-wrapper .df-header-main .header-right .user-info.logged-in .user-avatar-wrapper{width:36px;height:36px;--header-avatar-size: 36px}}@media (max-width: 1100px){.df-header-wrapper{--df-mobile-current-header-height: 72px;background-image:none}.df-header-wrapper .df-header-glow-tail,.df-header-wrapper .df-header-top{display:none}.df-header-wrapper .df-header-main{height:72px;line-height:72px}.df-header-wrapper .df-header-main:before{left:0;right:0;clip-path:none}.df-header-wrapper .df-header-main .df-header-container{margin:0 auto;padding:0 var(--df-shell-padding-x) 18px;gap:12px}.df-header-wrapper .df-header-main .header-left{flex:0 0 auto;min-width:0}.df-header-wrapper .df-header-main .header-logo-group{width:auto;flex:0 0 auto;min-width:auto;gap:8px;padding:0;justify-content:flex-start}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:auto;height:44px}.df-header-wrapper .df-header-main .mobile-header-right{gap:8px}}@media (min-width: 769px) and (max-width: 1100px){.df-header-wrapper .mobile-bottom-tabbar{display:flex!important}}@media (max-width: 768px){.df-header-wrapper{--df-mobile-current-header-height: 72px;--df-header-mobile-icon-button-size: 34px;--df-header-mobile-icon-border-radius: 10px;--df-header-mobile-avatar-size: 39px;--df-header-mobile-avatar-icon-size: 22px}.df-header-wrapper .mobile-bottom-tabbar{display:flex!important}.df-header-wrapper .df-header-top{display:none}.df-header-wrapper .df-header-main{height:72px;line-height:72px}.df-header-wrapper .df-header-main:before{left:0;right:0;clip-path:none}.df-header-wrapper .df-header-main .df-header-container{margin:0 auto;padding:0 var(--df-shell-padding-x-mobile, 12px);gap:14px;align-items:center}.df-header-wrapper .df-header-main .header-left{flex:0 0 auto;min-width:0;align-items:center}.df-header-wrapper .df-header-main .header-logo-group{width:auto;flex:0 0 auto;gap:8px;padding:0;min-width:0;justify-content:flex-start}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:auto;height:44px;display:block;transform:none}.df-header-wrapper .df-header-main .mobile-header-right{gap:12px;justify-content:flex-end;flex:1 1 0;align-items:center}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-login-btn{width:clamp(78px,24vw,92px);min-width:0;height:34px;padding:0 14px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);font-size:13px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-avatar{--header-avatar-auth-size: 14px;--header-avatar-auth-top: -3px;--header-avatar-auth-right: -3px;--header-avatar-vip-left: -4px;--header-avatar-vip-bottom: -3px;--header-avatar-vip-width: 27px;--header-avatar-vip-height: 14px;--header-avatar-vip-font-size: 8px}}@media (max-width: 480px){.df-header-wrapper{--df-mobile-current-header-height: 66px;--df-header-mobile-icon-button-size: 28px;--df-header-mobile-icon-border-radius: 8px;--df-header-mobile-icon-glyph-size: 15px;--df-header-mobile-avatar-size: 30px;--df-header-mobile-avatar-icon-size: 18px}.df-header-wrapper .df-header-main{height:66px;line-height:66px}.df-header-wrapper .df-header-main .df-header-container{margin:0 auto;padding:0 var(--df-shell-padding-x-mobile, 12px);gap:10px}.df-header-wrapper .df-header-main .header-logo-group{width:auto;min-width:0;justify-content:flex-start}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:auto;height:38px}.df-header-wrapper .df-header-main .mobile-header-right{gap:12px;justify-content:flex-end}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn svg,.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn img{width:15px;height:15px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn .customer-service-icon{width:19px;height:19px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-login-btn{width:clamp(72px,24vw,82px);min-width:0;height:30px;padding:0 12px;font-size:12px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-avatar{--header-avatar-padding: 1.5px;--header-avatar-border-width: 1.5px;--header-avatar-auth-size: 12px;--header-avatar-auth-top: -2px;--header-avatar-auth-right: -2px;--header-avatar-vip-left: -2px;--header-avatar-vip-bottom: -2px;--header-avatar-vip-width: 25px;--header-avatar-vip-height: 14px;--header-avatar-vip-font-size: 8px}.df-header-wrapper .mobile-menu-drawer .drawer-scroll{gap:10px;padding:12px var(--df-shell-padding-x-mobile, 12px) 20px}.df-header-wrapper .mobile-menu-drawer .drawer-account{padding:12px}.df-header-wrapper .mobile-menu-drawer .drawer-wallet{margin-top:10px;gap:6px}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-wallet-chip{height:34px;padding:0 9px;border-radius:10px}.df-header-wrapper .mobile-menu-drawer .drawer-wallet .drawer-topup-btn{width:34px;height:34px;border-radius:10px}.df-header-wrapper .mobile-menu-drawer .drawer-stats{padding:10px 2px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-grid,.df-header-wrapper .mobile-menu-drawer .drawer-service-grid{gap:6px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item{height:44px;padding:0 8px;gap:7px;border-radius:12px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-icon{width:26px;height:26px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-text{font-size:12px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item{height:64px;gap:6px;border-radius:12px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-icon{width:29px;height:29px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-label{font-size:10px}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab{gap:13px}.df-header-wrapper .mobile-bottom-tabbar .mobile-bottom-tab .tab-icon{width:24px;height:24px}}@media (max-width: 360px){.df-header-wrapper{--df-mobile-current-header-height: 62px;--df-header-mobile-icon-button-size: 26px;--df-header-mobile-icon-border-radius: 7px;--df-header-mobile-icon-glyph-size: 14px;--df-header-mobile-avatar-size: 30px;--df-header-mobile-avatar-icon-size: 15px}.df-header-wrapper .df-header-main{height:62px;line-height:62px}.df-header-wrapper .df-header-main .header-logo-group{width:auto;min-width:0;justify-content:flex-start}.df-header-wrapper .df-header-main .header-logo-group .header-logo{width:auto;height:34px}.df-header-wrapper .df-header-main .mobile-header-right{gap:8px;justify-content:flex-end}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-avatar{--header-avatar-auth-size: 11px;--header-avatar-vip-width: 23px;--header-avatar-vip-height: 13px;--header-avatar-vip-font-size: 8px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn{width:26px;height:26px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn svg,.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn img{width:14px;height:14px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-icon-btn .customer-service-icon{width:17px;height:17px}.df-header-wrapper .df-header-main .mobile-header-right .mobile-header-login-btn{width:clamp(68px,24vw,76px);min-width:0;height:26px;padding:0 10px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);font-size:11px}.df-header-wrapper .mobile-menu-drawer .drawer-topbar{min-height:52px}.df-header-wrapper .mobile-menu-drawer .drawer-topbar .drawer-icon-btn{width:30px;height:30px}.df-header-wrapper .mobile-menu-drawer .drawer-stats{padding:9px 0}.df-header-wrapper .mobile-menu-drawer .drawer-stats .drawer-stat{gap:5px}.df-header-wrapper .mobile-menu-drawer .drawer-stats .drawer-stat .drawer-stat-value{font-size:11.5px;gap:3px}.df-header-wrapper .mobile-menu-drawer .drawer-stats .drawer-stat .drawer-stat-value img{width:10px;height:10px}.df-header-wrapper .mobile-menu-drawer .drawer-stats .drawer-stat .drawer-stat-label{font-size:9px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item{height:42px}.df-header-wrapper .mobile-menu-drawer .drawer-nav-item .drawer-nav-text{font-size:11.5px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item{height:60px}.df-header-wrapper .mobile-menu-drawer .drawer-service-item .drawer-service-label{font-size:9.5px}.df-header-wrapper .mobile-menu-drawer .drawer-account .drawer-account-name{font-size:14px}.df-header-wrapper .mobile-menu-drawer .drawer-account .drawer-wallet .drawer-wallet-value{font-size:11.5px}.df-header-wrapper .mobile-menu-drawer .drawer-account .drawer-guest{flex-direction:column;align-items:stretch;gap:10px}.df-header-wrapper .mobile-menu-drawer .drawer-account .drawer-guest .drawer-guest-actions{width:100%}.df-header-wrapper .mobile-menu-drawer .drawer-account .drawer-guest .drawer-guest-btn{flex:1 1 0;min-width:0;padding:0}}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12021;display:flex;align-items:center;justify-content:center;padding:24px;background:#040314b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.login-modal-panel{position:relative;width:min(600px,100%);box-sizing:border-box;padding:48px 64px 36px;background-color:#121022;background-image:radial-gradient(120% 90% at 50% 0%,#5c49d029,#5c49d000 55%);border-radius:6px;box-shadow:0 24px 64px #00000080;color:#dfddef;font-family:Montserrat,Noto Sans SC,sans-serif;overflow:hidden}.login-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:transparent;color:#d5d5d5;cursor:pointer;transition:all .2s ease}.login-modal-close:hover{color:#fff;background:#ffffff14}.login-modal-close svg{width:16px;height:16px}.login-modal-panel .login-form-wrapper{display:flex;flex-direction:column;justify-content:flex-start;padding:0;margin-top:0}.login-modal-panel .login-form-wrapper .login-title-section{display:flex;align-items:flex-end;gap:14px;margin-bottom:28px}.login-modal-panel .login-form-wrapper .login-title-section .login-title{font-size:28px;font-weight:700;color:#fff;margin:0;line-height:1}.login-modal-panel .login-form-wrapper .login-title-section .login-divider{font-size:22px;color:#dfddef40;font-weight:300}.login-modal-panel .login-form-wrapper .login-title-section .login-subtitle{font-size:14px;color:#9692b8;font-weight:500}.login-modal-panel .login-form-wrapper .form-item{margin-bottom:18px;position:relative}.login-modal-panel .login-form-wrapper .form-item.code-item .form-input{padding-right:104px}.login-modal-panel .login-form-wrapper .form-item .form-input{width:100%;height:52px;background-color:#1b192f;border:1px solid rgba(150,146,184,.18);border-radius:6px;padding:0 16px;font-size:15px;color:#dfddef;outline:none;transition:all .25s ease;box-sizing:border-box;font-family:inherit}.login-modal-panel .login-form-wrapper .form-item .form-input::placeholder{color:#9692b8}.login-modal-panel .login-form-wrapper .form-item .form-input:focus{border-color:#5c49d0;background-color:#1d1b33}.login-modal-panel .login-form-wrapper .form-item .form-input-readonly{background-color:#161428;color:#dfddef59;cursor:not-allowed}.login-modal-panel .login-form-wrapper .form-item .form-input-readonly:focus{border-color:#9692b82e;background-color:#161428}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-card{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid rgba(92,73,208,.35);border-radius:6px;background:#5c49d01a}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#1b192f;flex-shrink:0}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-avatar-image,.login-modal-panel .login-form-wrapper .form-item .promotion-binding-avatar-fallback{width:100%;height:100%;display:block}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-avatar-image{object-fit:cover}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-avatar-fallback{border-radius:50%;background:linear-gradient(180deg,#4a5059,#343940)}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-content{min-width:0;display:flex;flex-direction:column;gap:2px}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-label{font-size:12px;color:#9692b8}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-name{font-size:14px;color:#fff;font-weight:600;word-break:break-all}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-tip{margin-top:8px;padding-left:4px;font-size:12px;color:#dfddef99}.login-modal-panel .login-form-wrapper .form-item .promotion-binding-tip-error{color:#ff8f8f}.login-modal-panel .login-form-wrapper .form-item.password-item .password-input{padding-right:52px}.login-modal-panel .login-form-wrapper .form-item.password-item .password-toggle-btn{position:absolute;top:26px;right:14px;width:24px;height:24px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#dfddef80;cursor:pointer;padding:0;transition:color .2s ease}.login-modal-panel .login-form-wrapper .form-item.password-item .password-toggle-btn:hover{color:#dfddefe6}.login-modal-panel .login-form-wrapper .form-item.password-item .password-toggle-btn svg{width:18px;height:18px}.login-modal-panel .login-form-wrapper .form-item .get-code-btn{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:flex-end;white-space:nowrap;min-width:84px;height:auto;padding:0;background:transparent;border:none;color:#8f7ff0;font-size:14px;font-weight:500;text-align:right;cursor:pointer;transition:color .2s ease;z-index:1}.login-modal-panel .login-form-wrapper .form-item .get-code-btn:before{content:"";position:absolute;left:-12px;top:50%;width:1px;height:18px;background:#9692b840;transform:translateY(-50%)}.login-modal-panel .login-form-wrapper .form-item .get-code-btn:hover:not(:disabled){color:#a99bff}.login-modal-panel .login-form-wrapper .form-item .get-code-btn:disabled{color:#8f7ff073;cursor:not-allowed}.login-modal-panel .login-form-wrapper .login-submit-btn{width:100%;height:52px;background:#6040ff;border:none;border-radius:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:6px;transition:all .25s ease}.login-modal-panel .login-form-wrapper .login-submit-btn:hover:not(:disabled){background:#7b62ff}.login-modal-panel .login-form-wrapper .login-submit-btn:active:not(:disabled){transform:translateY(1px);background:#4e32e0}.login-modal-panel .login-form-wrapper .login-submit-btn:disabled{cursor:not-allowed;opacity:.5}.login-modal-panel .login-form-wrapper .third-party-login{margin-top:18px}.login-modal-panel .login-form-wrapper .third-party-divider{display:flex;align-items:center;gap:12px;color:#9692b8;font-size:13px}.login-modal-panel .login-form-wrapper .third-party-divider .third-party-divider-line{flex:1;height:1px;background:#9692b838}.login-modal-panel .login-form-wrapper .third-party-divider .third-party-divider-text{flex:none;white-space:nowrap}.login-modal-panel .login-form-wrapper .steam-login-btn{width:100%;height:48px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;border:1px solid rgba(92,73,208,.55);background:#5c49d01f;color:#cdc6f5;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s ease}.login-modal-panel .login-form-wrapper .steam-login-btn svg{width:20px;height:20px;flex:none}.login-modal-panel .login-form-wrapper .steam-login-btn:hover:not(:disabled){background:#5c49d038;color:#fff}.login-modal-panel .login-form-wrapper .steam-login-btn:disabled{cursor:not-allowed;opacity:.55}.login-modal-panel .login-form-wrapper .steam-identity{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:18px;border-radius:8px;border:1px solid rgba(150,146,184,.18);background:#9692b812}.login-modal-panel .login-form-wrapper .steam-identity .steam-identity-avatar{width:42px;height:42px;flex:none;border-radius:8px;object-fit:cover;background:#ffffff0f}.login-modal-panel .login-form-wrapper .steam-identity .steam-identity-avatar--empty{display:inline-block;border:1px dashed rgba(150,146,184,.35)}.login-modal-panel .login-form-wrapper .steam-identity .steam-identity-main{display:flex;flex-direction:column;gap:4px;min-width:0}.login-modal-panel .login-form-wrapper .steam-identity .steam-identity-name{font-size:14px;font-weight:600;color:#e7e5ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-modal-panel .login-form-wrapper .steam-identity .steam-identity-hint{font-size:12px;line-height:1.5;color:#9692b8}.login-modal-panel .login-form-wrapper .steam-bind-tip{margin:10px 0 0;font-size:12px;line-height:1.6;color:#9692b8}.login-modal-panel .login-form-wrapper .steam-bind-agree{font-size:12px;line-height:1.5;color:#9692b8}.login-modal-panel .login-form-wrapper .login-options{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.login-modal-panel .login-form-wrapper .login-options .remember-me{display:flex;align-items:center;gap:8px;color:#9692b8;font-size:14px;cursor:pointer}.login-modal-panel .login-form-wrapper .login-options .remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#5c49d0}.login-modal-panel .login-form-wrapper .login-options .password-login-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#8f7ff0;font-size:14px;font-family:inherit;cursor:pointer;transition:all .25s ease}.login-modal-panel .login-form-wrapper .login-options .password-login-btn:hover{color:#b7adff}.login-modal-panel .login-form-wrapper .password-hint{font-size:12px;color:#9692b8bf;margin-top:6px;padding-left:4px}.login-modal-panel .login-form-wrapper .register-options{margin-top:16px}.login-modal-panel .login-form-wrapper .register-options .agree-checkbox{display:flex;align-items:flex-start;gap:8px;color:#9692b8;font-size:13px;flex-wrap:wrap}.login-modal-panel .login-form-wrapper .register-options .agree-checkbox-control{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}.login-modal-panel .login-form-wrapper .register-options .agree-checkbox-control input[type=checkbox]{width:16px;height:16px;accent-color:#5c49d0;margin-top:2px;flex-shrink:0}.login-modal-panel .login-form-wrapper .register-options .agreement-link{padding:0;border:none;background:transparent;color:#8f7ff0;font-size:13px;line-height:inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .25s ease}.login-modal-panel .login-form-wrapper .register-options .agreement-link:hover{color:#b7adff;text-decoration:underline}.login-modal-panel .login-footer{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;gap:16px;padding:22px 0 0;margin-top:26px;border-top:1px solid rgba(150,146,184,.14)}.login-modal-panel .login-footer .footer-link{color:#9692b8;font-size:14px;text-decoration:none;transition:all .25s ease}.login-modal-panel .login-footer .footer-link:hover{color:#fff}.login-modal-panel .login-footer .footer-divider{color:#9692b84d;font-size:14px}.login-modal-enter-active,.login-modal-leave-active{transition:opacity .28s ease}.login-modal-enter-active .login-modal-panel,.login-modal-leave-active .login-modal-panel{transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .28s ease}.login-modal-enter-from,.login-modal-leave-to{opacity:0}.login-modal-enter-from .login-modal-panel,.login-modal-leave-to .login-modal-panel{opacity:0;transform:translateY(24px) scale(.96)}@media (max-width: 768px){.agreement-modal-overlay{padding:84px 16px calc(var(--df-mobile-tabbar-height) + env(safe-area-inset-bottom) + 24px)}.agreement-modal-container{max-height:calc(100dvh - 84px - var(--df-mobile-tabbar-height) - env(safe-area-inset-bottom) - 24px);padding:22px 18px}.agreement-modal-header{padding:20px 0}.agreement-modal-title{padding:0 44px;font-size:18px}.agreement-modal-content{padding:28px 4px 0 0;line-height:1.8}.login-modal-overlay{padding:16px;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-modal-panel{margin:auto 0;padding:36px 20px 24px}.login-modal-panel .login-form-wrapper .login-title-section{margin-bottom:24px;flex-wrap:wrap;gap:8px}.login-modal-panel .login-form-wrapper .login-title-section .login-title{font-size:24px}.login-modal-panel .login-form-wrapper .login-title-section .login-subtitle{font-size:13px}.login-modal-panel .login-form-wrapper .form-item{width:100%;box-sizing:border-box}.login-modal-panel .login-form-wrapper .form-item.code-item .form-input{padding-right:112px}.login-modal-panel .login-form-wrapper .form-item.password-item .password-toggle-btn{top:24px}.login-modal-panel .login-form-wrapper .form-item .form-input{width:100%!important;height:48px;font-size:14px;box-sizing:border-box;min-width:0}.login-modal-panel .login-form-wrapper .form-item .get-code-btn{min-width:86px;font-size:13px;box-sizing:border-box}.login-modal-panel .login-form-wrapper .login-submit-btn{height:48px;font-size:15px;width:100%;box-sizing:border-box;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%)}.login-modal-panel .login-form-wrapper .login-options{flex-direction:column;gap:16px;align-items:flex-start;width:100%;box-sizing:border-box}.login-modal-panel .login-footer{flex-wrap:wrap;gap:10px;margin-top:20px;padding-bottom:env(safe-area-inset-bottom)}.df-header-wrapper .user-menu-popover.effect-user-menu-popover{width:100%;min-width:min(244px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:12px 12px 8px;border-radius:16px;gap:4px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-item{min-height:44px;padding:0 8px;border-radius:10px;gap:12px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-icon{flex-basis:22px;width:22px;height:22px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-icon img{width:20px;height:20px}.df-header-wrapper .user-menu-popover.effect-user-menu-popover .effect-user-menu-label{font-size:14px}}@media (max-width: 360px){.login-modal-overlay{padding:10px}.login-modal-panel{padding:30px 14px 18px}.login-modal-panel .login-form-wrapper .login-title-section .login-title{font-size:22px}}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes status-blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.app-main[data-v-8c773a53]{min-height:49vw;width:100%;position:relative;overflow:hidden;background-color:#141225}.route-page-wrapper[data-v-8c773a53]{width:100%}body.box-opening-active{background-color:transparent!important}.hasTagsView .app-main[data-v-8c773a53]{min-height:calc(100vh - 84px)}.el-popup-parent--hidden .fixed-header[data-v-8c773a53]{padding-right:6px}[data-v-8c773a53]::-webkit-scrollbar{width:6px;height:6px}[data-v-8c773a53]::-webkit-scrollbar-track{background-color:#f1f1f1}[data-v-8c773a53]::-webkit-scrollbar-thumb{background-color:silver;border-radius:3px}@media (max-width: 1500px) and (min-width: 769px){body.box-opening-active{background-color:transparent!important}}@media (max-width: 768px){.app-main[data-v-8c773a53]{padding-bottom:calc(var(--df-mobile-tabbar-height) + env(safe-area-inset-bottom))}body.box-opening-active{background-color:transparent!important}}body.box-opening-active .app-main{background-color:transparent!important;transition:none!important}@media (max-width: 1500px) and (min-width: 769px){body.box-opening-active .app-main{background-color:transparent!important;transition:none!important}}@media (max-width: 768px){body.box-opening-active .app-main{background-color:transparent!important;transition:none!important}}html,body,#app{height:100%;margin:0;padding:0}.web-index-content[data-v-146d98b2]{display:flex;flex-direction:column;min-height:100vh;width:100%;background:#020304}.web-index-content[data-v-146d98b2] .app-main{flex:1;overflow-x:hidden}.web-index-content .web-nav-list[data-v-146d98b2]{width:100%;height:70px;background:#1862b2}.web-index-content .web-nav-list .nav-item[data-v-146d98b2]{font-size:20px;margin-right:55px}.web-index-content .web-index-banner[data-v-146d98b2]{height:530px}.web-index-content .web-index-banner .ant-carousel[data-v-146d98b2]{height:100%}.web-index-content .web-index-banner .ant-carousel[data-v-146d98b2] .slick-slider{height:100%!important}.web-index-content .web-index-banner-notice[data-v-146d98b2]{height:380px;margin-bottom:31px}.web-index-content .web-index-banner-notice .web-index-left[data-v-146d98b2]{width:580px;margin-right:35px}.web-index-content .btn-view .btn[data-v-146d98b2]{height:59px;border-radius:8px;background:#5c49d0}.web-index-content .web-index-card-view[data-v-146d98b2]{height:921px;grid-template-columns:repeat(3,1fr);grid-gap:40px 33px}@media (min-width: 769px) and (max-width: 1100px){.web-index-content .web-index-banner[data-v-146d98b2]{height:350px}.web-index-content .web-index-banner .web-index-banner-content[data-v-146d98b2]{padding:24px}.web-index-content .web-index-banner .web-index-banner-content .web-index-banner-title[data-v-146d98b2]{font-size:2.4rem!important}.web-index-content .web-index-card-view[data-v-146d98b2]{height:auto;grid-template-columns:repeat(2,1fr);grid-gap:24px 20px;padding:0 16px}.web-index-content .web-index-banner-notice[data-v-146d98b2]{height:auto}.web-index-content .web-index-banner-notice .web-index-left[data-v-146d98b2]{width:50%;margin-right:20px}}@media (max-width: 768px){.web-index-content .web-index-banner[data-v-146d98b2]{height:auto}.web-index-content .web-index-banner .web-index-banner-content[data-v-146d98b2]{padding:20px}.web-index-content .web-index-banner .web-index-banner-content .web-index-banner-title[data-v-146d98b2]{font-size:2rem!important}.web-index-content .web-index-card-view[data-v-146d98b2]{height:auto;grid-template-columns:1fr;padding:10px}.web-index-content .web-index-banner-notice[data-v-146d98b2]{flex-direction:column;height:auto}.web-index-content .web-index-banner-notice .web-index-left[data-v-146d98b2]{width:100%;margin-right:0;margin-bottom:20px}}body.box-opening-active,body.box-opening-active .web-index-content{background:transparent!important}body .web-index-content:has(.open-box-container){background:#1c1930}html.result-scroll-locked{overflow:hidden!important}@media (max-width: 1500px){body.box-opening-active .support-widget{display:none!important}}.el-drawer__wrapper,.el-overlay{z-index:10000!important}.login-drawer .el-drawer,.login-drawer .el-drawer__body{background-color:#171526!important}.login-drawer .el-drawer{border:none!important;border-radius:0!important;box-shadow:none!important;z-index:10001!important}.login-drawer .el-drawer__body{padding:0!important}.login-drawer .el-drawer__container{z-index:10001!important}@media (max-width: 768px){.login-drawer .el-drawer{width:100%!important;max-width:100%!important}.login-drawer .el-drawer__body{overflow-x:hidden!important}}body,html{width:100%;height:100%;background:#020304;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}.stwc-itmcs-app::-webkit-scrollbar{width:10px;height:10px}.stwc-itmcs-app::-webkit-scrollbar-thumb{background-color:#333;border-radius:32px;width:14px}.stwc-itmcs-app::-webkit-scrollbar-track{background-color:#111;border-radius:32px;width:14px}.stwc-itmcs-app::selection{background-color:#b5d5ff;color:#000}#app{width:100%;height:100%}.renew-confirm-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b3}.renew-confirm-dialog{width:min(550px,100%);overflow:hidden;background:#171526;box-shadow:0 20px 48px #00000085}.renew-confirm-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:16px 48px;border-bottom:1px solid rgba(255,255,255,.08)}.renew-confirm-title{margin:0;color:#e6e6e6;font-size:22px;font-weight:700;line-height:31.86px}.renew-confirm-body{padding:40px 48px 48px}.renew-confirm-text{margin:0;color:#fff;font-size:14px;font-weight:700;line-height:20.27px;text-align:center}.renew-confirm-meta{margin-top:24px;padding:18px 20px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.renew-confirm-meta-row+.renew-confirm-meta-row{margin-top:12px}.renew-confirm-meta-label{display:inline-block;min-width:72px;color:#8e8c9d;font-size:12px;margin-right:12px}.renew-confirm-meta-value{color:#fff;font-size:12px;font-weight:700}.renew-confirm-actions{display:flex;align-items:center;justify-content:center;gap:40px;padding:32px 20px;border-top:1px solid #1c1930;background:#0000004d}.renew-confirm-btn{width:160px;min-width:160px;height:44px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.renew-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.renew-confirm-btn:not(:disabled):hover{transform:translateY(-1px)}.renew-confirm-btn-cancel{background:#1c1930;color:#8e8c9d}.renew-confirm-btn-cancel:hover:not(:disabled){background:#24213d;transform:none}.renew-confirm-btn-confirm{background:#5c49d0;box-shadow:0 4px #4535a3;color:#fff}.renew-confirm-btn-confirm:hover:not(:disabled){background:#5c49d0;transform:translateY(-1px);box-shadow:0 5px #4535a3}.renew-confirm-btn-confirm:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #4535a3}.renew-modal-enter-active,.renew-modal-leave-active{transition:opacity .22s ease}.renew-modal-enter-active .renew-confirm-dialog,.renew-modal-leave-active .renew-confirm-dialog{transition:transform .22s ease}.renew-modal-enter-from,.renew-modal-leave-to{opacity:0}.renew-modal-enter-from .renew-confirm-dialog,.renew-modal-leave-to .renew-confirm-dialog{transform:translateY(12px) scale(.97)}@media (max-width: 768px){.renew-confirm-dialog{width:min(460px,100vw - 36px)}.renew-confirm-body{padding:32px 28px 36px}.renew-confirm-actions{gap:24px;padding:24px 18px}.renew-confirm-btn{width:140px;min-width:140px;height:42px;font-size:13px}}@media (max-width: 480px){.renew-confirm-mask{padding:12px}.renew-confirm-dialog{width:min(100%,100vw - 24px)}.renew-confirm-header{min-height:56px;padding:14px 42px}.renew-confirm-title{font-size:18px;line-height:1.4}.renew-confirm-body{padding:28px 20px 32px}.renew-confirm-meta{padding:14px 16px}.renew-confirm-actions{gap:12px;padding:18px 14px}.renew-confirm-btn{flex:1 1 0;width:auto;min-width:0;max-width:160px;height:40px;font-size:13px}}html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0}fieldset{border:none}img{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}ul,ol,li{list-style:none}body{font-size:12px;background:#020304;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Montserrat,Noto Sans SC,sans-serif!important}a{color:#666;text-decoration:none}.clear{clear:both}*{box-sizing:border-box}body,html{width:100%;height:100%;background:#020304}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:32px;width:0px}::-webkit-scrollbar-track{background-color:#fff;border-radius:32px;width:3px}::selection{background-color:#b5d5ff;color:#000}.center-pading{padding:0 18.75%}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.align-center{align-items:center}.flex-items-start{align-items:flex-start}.flex-items-end{align-items:flex-end}.cursor{cursor:pointer}.config-text{font-size:clamp(16px,2vw,24px)}.bold-text{font-weight:700}.text-one{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.breadcrumb-enter-active,.breadcrumb-leave-active{transition:all .4s ease}.breadcrumb-enter-from,.breadcrumb-leave-to{opacity:0;transform:translate(20px)}.breadcrumb-move{transition:all .4s ease}.breadcrumb-leave-active{position:absolute}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from{opacity:0;transform:translate(30px)}.fade-slide-leave-to{opacity:0;transform:translate(-30px)}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400!important}.el-upload input[type=file]{display:none!important}.el-upload__input{display:none}.cell .el-tag{margin-right:0}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0}.el-dialog{transform:none;left:0;position:relative;margin:0 auto;border-radius:0!important}.el-message-box{border-radius:0!important}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-editor.el-input__inner{display:inline-flex!important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-dropdown .el-dropdown-link{color:var(--el-color-primary)!important}#app .main-container{height:100%;transition:margin-left .28s;margin-left:250px;position:relative}#app .sidebarHide{margin-left:0!important}#app .sidebar-container{-webkit-transition:width .28s;transition:width .28s;width:250px!important;background-color:#304156;height:100%;position:fixed;font-size:0px;top:0;bottom:0;left:0;z-index:1001;overflow:hidden;-webkit-box-shadow:2px 0 6px rgba(0,21,41,.35);box-shadow:2px 0 6px #00152959}#app .sidebar-container .horizontal-collapse-transition{transition:0s width ease-in-out,0s padding-left ease-in-out,0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden!important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .el-menu{border:none;height:100%;width:100%!important}#app .sidebar-container .el-menu-item,#app .sidebar-container .menu-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger{display:inline-block!important}#app .sidebar-container .sub-menu-title-noDropdown:hover,#app .sidebar-container .el-sub-menu__title:hover{background-color:#0000000f!important}#app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{color:#f4f4f5!important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .el-sub-menu .el-menu-item{min-width:250px!important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .el-sub-menu .el-menu-item:hover{background-color:#0000000f!important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:#1f2d3d!important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover{background-color:#001528!important}#app .hideSidebar .sidebar-container{width:54px!important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .sub-menu-title-noDropdown{padding:0!important;position:relative}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip{padding:0!important}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .el-sub-menu{overflow:hidden}#app .hideSidebar .el-sub-menu>.el-sub-menu__title{padding:0!important}#app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>i{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-sub-menu{min-width:250px!important}#app .mobile .main-container{margin-left:0}#app .mobile .sidebar-container{transition:transform .28s;width:250px!important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;transition-duration:.3s;transform:translate3d(-250px,0,0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical .nest-menu .el-sub-menu>.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover{background-color:#0000000f!important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#ffffff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:250px;logoTitleColor:#ffffff;logoLightTitleColor:#001529;primaryColor:#409EFF;successColor:#67C23A;dangerColor:#F56C6C;infoColor:#909399;warningColor:#E6A23C}.blue-btn{background:#324157}.blue-btn:hover{color:#324157}.blue-btn:hover:before,.blue-btn:hover:after{background:#324157}.light-blue-btn{background:#3a71a8}.light-blue-btn:hover{color:#3a71a8}.light-blue-btn:hover:before,.light-blue-btn:hover:after{background:#3a71a8}.red-btn{background:#c03639}.red-btn:hover{color:#c03639}.red-btn:hover:before,.red-btn:hover:after{background:#c03639}.pink-btn{background:#e65d6e}.pink-btn:hover{color:#e65d6e}.pink-btn:hover:before,.pink-btn:hover:after{background:#e65d6e}.green-btn{background:#30b08f}.green-btn:hover{color:#30b08f}.green-btn:hover:before,.green-btn:hover:after{background:#30b08f}.tiffany-btn{background:#4ab7bd}.tiffany-btn:hover{color:#4ab7bd}.tiffany-btn:hover:before,.tiffany-btn:hover:after{background:#4ab7bd}.yellow-btn{background:#fec171}.yellow-btn:hover{color:#fec171}.yellow-btn:hover:before,.yellow-btn:hover:after{background:#fec171}.pan-btn{font-size:14px;color:#fff;padding:14px 36px;border-radius:8px;border:none;outline:none;transition:.6s ease all;position:relative;display:inline-block}.pan-btn:hover{background:#fff}.pan-btn:hover:before,.pan-btn:hover:after{width:100%;transition:.6s ease all}.pan-btn:before,.pan-btn:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;transition:.4s ease all}.pan-btn:after{right:inherit;top:inherit;left:0;bottom:0}.custom-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;padding:10px 15px;font-size:14px;border-radius:4px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.ml5{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-form .el-form-item__label{font-weight:700}.el-dialog:not(.is-fullscreen){margin-top:6vh!important}.el-dialog.scrollbar .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#242933!important;color:#dce3eb;height:40px!important;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*=el-icon-]+span{margin-left:1px}.form-header{font-size:15px;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px;padding-bottom:5px}.pagination-container{position:relative;height:25px;margin-bottom:10px;margin-top:15px;padding:10px 20px!important}.el-dialog .pagination-container{position:static!important}.tree-border{margin-top:5px;border:1px solid #343b47;background:#1b2028 none;border-radius:4px;width:100%}.pagination-container .el-pagination{right:0;position:absolute}@media (max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none!important}.pagination-container .el-pagination>.el-pagination__sizes{display:none!important}}.el-table .fixed-width .el-button--small{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409eff;margin-left:10px}.el-table .el-dropdown,.el-icon-arrow-down{font-size:12px}.el-tree-node__content>.el-checkbox{margin-right:8px}.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group{padding-left:0;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0;font-size:13px}.pull-right{float:right!important}.el-card__header{padding:14px 15px 7px!important;min-height:40px}.el-card__body{padding:15px 20px 20px!important}.card-box{padding-right:15px;padding-left:15px;margin-bottom:10px}.el-button--cyan.is-active,.el-button--cyan:active{background:#20b2aa;border-color:#20b2aa;color:#fff}.el-button--cyan:focus,.el-button--cyan:hover{background:#48d1cc;border-color:#48d1cc;color:#fff}.el-button--cyan{background-color:#20b2aa;border-color:#20b2aa;color:#fff}.text-navy{color:#1ab394}.text-primary{color:inherit}.text-success{color:#1c84c6}.text-info{color:#23c6c8}.text-warning{color:#f8ac59}.text-danger{color:#ed5565}.text-muted{color:#888}.img-circle{border-radius:50%}.img-lg{width:120px;height:120px}.avatar-upload-preview{position:absolute;top:50%;transform:translate(50%,-50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost{opacity:.8;color:#fff!important;background:#42b983!important}.top-right-btn{margin-left:auto}.df-page-shell{box-sizing:border-box;width:min(100%,var(--df-shell-max-width));max-width:var(--df-shell-max-width);margin:var(--df-page-top-space) auto 0;padding:0 var(--df-shell-padding-x) var(--df-page-bottom-space)}@media (max-width: 768px){.df-page-shell{padding:0 var(--df-shell-padding-x-mobile) var(--df-page-bottom-space-mobile)}}:root{--df-rarity-base: #141225;--df-rarity-base-alt: #1a182f;--df-rarity-divider: #1e1b38;--df-rarity-text: #9793ba;--df-rarity-wow-line: #44380c;--df-rarity-white: #c8ccd6;--df-rarity-teal: #30b4d3;--df-rarity-blue: #353dff;--df-rarity-purple: #6c31e9;--df-rarity-pink: #e0386f;--df-rarity-red: #d32b24;--df-rarity-gold: #cb942b;--df-rarity-glow-white: #c8ccd6;--df-rarity-glow-teal: #2696b0;--df-rarity-glow-blue: #353dff;--df-rarity-glow-purple: #6c31e9;--df-rarity-glow-pink: #ff3c7b;--df-rarity-glow-red: #b02524;--df-rarity-glow-gold: #d29827}.df-rarity--white{--df-rarity-glow: #c8ccd6;--df-rarity-stroke: #c8ccd6;--df-rarity-rgb: 200, 204, 214}.df-rarity--teal{--df-rarity-glow: #2696b0;--df-rarity-stroke: #30b4d3;--df-rarity-rgb: 38, 150, 176}.df-rarity--blue{--df-rarity-glow: #353dff;--df-rarity-stroke: #353dff;--df-rarity-rgb: 53, 61, 255}.df-rarity--purple{--df-rarity-glow: #6c31e9;--df-rarity-stroke: #6c31e9;--df-rarity-rgb: 108, 49, 233}.df-rarity--pink{--df-rarity-glow: #ff3c7b;--df-rarity-stroke: #e0386f;--df-rarity-rgb: 255, 60, 123}.df-rarity--red{--df-rarity-glow: #b02524;--df-rarity-stroke: #d32b24;--df-rarity-rgb: 176, 37, 36}.df-rarity--gold{--df-rarity-glow: #d29827;--df-rarity-stroke: #cb942b;--df-rarity-rgb: 210, 152, 39}.el-dialog,.el-message-box,[class$=modal-container],[class$=dialog-container],[class$=-modal],[class$=-dialog],.modal,.dialog,.modal-container,.dialog-container,.van-dialog,.drop-rate-modal .drop-modal-content,.create-room-modal,.drop-modal-content{border-radius:0!important}body{height:100%;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Montserrat,Noto Sans SC,sans-serif;background-color:#020304}label{font-weight:700}html{height:100%;box-sizing:border-box;background-color:#020304}:root{--df-shell-max-width: 1920px;--df-shell-padding-x: 44px;--df-page-top-space: 36px;--df-page-bottom-space: 32px;--df-shell-padding-x-mobile: 15px;--df-page-bottom-space-mobile: 24px;--df-header-height: 129px;--df-header-height-mobile: 72px;--df-mobile-tabbar-height: 73px;--df-tablet-breakpoint: 1000px;--df-mobile-breakpoint: 768px}@media (min-width: 2160px){:root{--df-page-top-space: 44px}}@media (min-width: 1680px) and (max-width: 2159px){:root{--df-page-top-space: 40px}}@media (max-width: 1440px){:root{--df-page-top-space: 28px}}@media (max-width: 1279px){:root{--df-shell-padding-x: 22px}}@media (max-width: 1100px) and (min-width: 769px){:root{--df-page-top-space: 20px}}@media (max-width: 768px){:root{--df-shell-padding-x: 15px;--df-page-top-space: 12px}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}*::-webkit-scrollbar{display:none;width:0;height:0}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1575px),(max-height: 884px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-only.block{display:block!important}.mobile-only.inline{display:inline!important}.mobile-only.inline-block{display:inline-block!important}}@media (min-width: 1024px) and (max-width: 1100px){:root{--df-page-top-space: 24px}}#app{height:100%;background-color:#020304}*,*:before,*:after{box-sizing:inherit}.no-padding{padding:0!important}.padding-content{padding:4px 0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.fr{float:right}.fl{float:left}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.block{display:block}.pointer{cursor:pointer}.inlineBlock{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}aside{background:transparent;padding:8px 24px;margin-bottom:20px;border-radius:2px;display:block;line-height:32px;font-size:16px;font-family:Montserrat,Noto Sans SC,sans-serif;color:#c5cad3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside a{color:#4da868;cursor:pointer}aside a:hover{color:#5ed36d}.app-container{padding:20px 32px}.components-container{margin:30px 50px;position:relative}.pagination-container{margin-top:30px}.text-center{text-align:center}.sub-navbar{height:50px;line-height:50px;position:relative;width:100%;text-align:right;padding-right:20px;transition:.6s ease position;background:linear-gradient(90deg,#20b6f9,#20b6f9 0%,#2178f1 100%,#2178f1)}.sub-navbar .subtitle{font-size:20px;color:#fff}.sub-navbar.draft,.sub-navbar.deleted{background:#d0d0d0}.link-type,.link-type:focus{color:#337ab7;cursor:pointer}.link-type:hover,.link-type:focus:hover{color:#20a0ff}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-no-center{display:flex;justify-content:center}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;justify-content:flex-end}.flex-column{display:flex;align-items:center;justify-content:center;flex-direction:column}.flex-no-center-column{display:flex;flex-direction:column}.flex-space-around{display:flex;justify-content:space-around}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-no-center-between{display:flex;justify-content:space-between}.flex-wrap-box{display:flex;flex-wrap:wrap}.text-break-word{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:450px}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Montserrat-400-CIMKXMQI.woff2) format("woff2"),url(/assets/Montserrat-400-CF93SSv3.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Montserrat-500-BO--OZiJ.woff2) format("woff2"),url(/assets/Montserrat-500-Zs3CGYSy.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Montserrat-600-CjtsKS3e.woff2) format("woff2"),url(/assets/Montserrat-600-9xnO_X4u.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Montserrat-700-BYRy5CoC.woff2) format("woff2"),url(/assets/Montserrat-700-CCQ_S3KA.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Montserrat-900-Bo-QzDaO.woff2) format("woff2"),url(/assets/Montserrat-900-CLlssq_T.woff) format("woff")}@font-face{font-family:优设标题黑;src:url(/assets/YouSheBiaoTiHei-fahbdFno.ttf);font-display:swap}html,body,button,input,textarea,select{font-family:Montserrat,Noto Sans SC,sans-serif}.el-message{z-index:10002!important}.sh-game-message{--message-accent: #45d8ff;--message-accent-soft: rgba(69, 216, 255, .24);min-width:320px!important;padding:12px 16px!important;border:1px solid rgba(115,225,255,.3)!important;border-radius:14px!important;background:linear-gradient(135deg,#081226f5,#0d1b33fa)!important;box-shadow:0 16px 36px #00000057,0 0 22px var(--message-accent-soft),inset 0 1px #ffffff14!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sh-game-message:before{content:"";position:absolute;top:0;left:14px;right:14px;height:2px;background:linear-gradient(90deg,transparent,var(--message-accent),transparent);box-shadow:0 0 14px var(--message-accent)}.sh-game-message .el-message__content{color:#e9f8ff;font-weight:600;letter-spacing:.4px}.sh-game-message .el-message__icon{color:var(--message-accent)!important;text-shadow:0 0 14px var(--message-accent)}.sh-game-message .el-message__closeBtn{color:#ddf1ffa8}.sh-game-message .el-message__closeBtn:hover{color:#fff}.sh-game-message--success{--message-accent: #4df2a0;--message-accent-soft: rgba(77, 242, 160, .24)}.sh-game-message--warning{--message-accent: #ffc857;--message-accent-soft: rgba(255, 200, 87, .22)}.sh-game-message--error{--message-accent: #ff5f7a;--message-accent-soft: rgba(255, 95, 122, .24)}.sh-game-message--info{--message-accent: #45d8ff;--message-accent-soft: rgba(69, 216, 255, .22)}.sh-game-message--login-success{--message-accent: #67f7b2;--message-accent-soft: rgba(103, 247, 178, .28);border-color:#67f7b266!important;background:linear-gradient(135deg,#081c22f5,#093540fa)!important}.sh-game-message--login-success:after{content:"LOGIN OK";position:absolute;top:50%;right:42px;font-size:10px;line-height:1;letter-spacing:1.6px;color:#afffdf94;transform:translateY(-50%);pointer-events:none}.sh-game-message--logout-info{--message-accent: #ffb45e;--message-accent-soft: rgba(255, 180, 94, .24);border-color:#ffb45e57!important;background:linear-gradient(135deg,#241308f5,#361e0bfa)!important}.sh-game-message--logout-info:after{content:"SESSION CLOSED";position:absolute;top:50%;right:42px;font-size:10px;line-height:1;letter-spacing:1.4px;color:#ffddb48a;transform:translateY(-50%);pointer-events:none}.el-message-box,.el-notification,.el-overlay,.el-overlay-message-box{z-index:10002!important}.el-overlay-message-box{background:#030a18b8!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sh-game-modal{--modal-accent: #45d8ff;--modal-accent-soft: rgba(69, 216, 255, .22);--modal-border: rgba(115, 225, 255, .36);width:min(92vw,460px)!important;padding:0!important;overflow:hidden;border:1px solid var(--modal-border);border-radius:18px!important;background:linear-gradient(180deg,#101f3af5,#070f1ffa),radial-gradient(circle at top,rgba(69,216,255,.18),transparent 55%);box-shadow:0 0 0 1px #ffffff0a,0 24px 70px #00000080,0 0 32px var(--modal-accent-soft),inset 0 1px #ffffff14;color:#e7f8ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sh-game-modal:before,.sh-game-modal:after{content:"";position:absolute;pointer-events:none}.sh-game-modal:before{top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--modal-accent),transparent);box-shadow:0 0 18px var(--modal-accent)}.sh-game-modal:after{top:14px;right:16px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,var(--modal-accent-soft) 0%,transparent 68%);opacity:.9}.sh-game-modal .el-message-box__header{padding:22px 24px 8px}.sh-game-modal .el-message-box__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:1px;color:#f4fbff;text-shadow:0 0 16px rgba(69,216,255,.28)}.sh-game-modal .el-message-box__title:before{content:"";width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#ffffff 0%,var(--modal-accent) 100%);box-shadow:0 0 14px var(--modal-accent)}.sh-game-modal .el-message-box__headerbtn{top:18px;right:18px}.sh-game-modal .el-message-box__close{color:#c5e7ffb8;transition:color .2s ease,transform .2s ease}.sh-game-modal .el-message-box__headerbtn:hover .el-message-box__close{color:#fff;transform:rotate(90deg) scale(1.08)}.sh-game-modal .el-message-box__content{padding:8px 24px 24px;color:#d3ebff}.sh-game-modal .el-message-box__container{align-items:flex-start}.sh-game-modal .el-message-box__status{margin-top:2px;color:var(--modal-accent)!important;text-shadow:0 0 16px var(--modal-accent)}.sh-game-modal .el-message-box__message{line-height:1.8}.sh-game-modal .el-message-box__message p{margin:0}.sh-game-modal .el-message-box__input{padding-top:4px}.sh-game-modal .el-input__wrapper{background:#081226db;box-shadow:0 0 0 1px #73e1ff29 inset,0 0 18px #45d8ff1a}.sh-game-modal .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--modal-accent) inset,0 0 0 3px #45d8ff29,0 0 24px #45d8ff33}.sh-game-modal .el-input__inner{color:#eef9ff}.sh-game-modal .el-message-box__btns{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 22px;border-top:1px solid rgba(115,225,255,.12);background:linear-gradient(180deg,#ffffff05,#45d8ff0a)}.sh-game-modal .el-message-box__btns .el-button{min-width:96px;height:40px;margin-left:0;border-radius:10px;border-color:#73e1ff42;background:#ffffff0a;color:#d9efff;box-shadow:inset 0 1px #ffffff0f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sh-game-modal .el-message-box__btns .el-button:hover{transform:translateY(-1px);border-color:#73e1ff80;box-shadow:0 10px 24px #00000038,0 0 18px #45d8ff1f}.sh-game-modal .el-message-box__btns .el-button--primary{border-color:transparent;background:linear-gradient(135deg,var(--modal-accent) 0%,#6d7dff 100%);color:#08101f;font-weight:700;box-shadow:0 0 0 1px #ffffff24 inset,0 12px 24px #2c99ff47,0 0 24px var(--modal-accent-soft)}.sh-game-modal .el-message-box__btns .el-button--primary:hover{border-color:transparent;color:#08101f;box-shadow:0 0 0 1px #fff3 inset,0 14px 28px #2c99ff57,0 0 28px #45d8ff52}.sh-game-modal--success{--modal-accent: #4df2a0;--modal-accent-soft: rgba(77, 242, 160, .24);--modal-border: rgba(120, 255, 196, .34)}.sh-game-modal--warning{--modal-accent: #ffc857;--modal-accent-soft: rgba(255, 200, 87, .24);--modal-border: rgba(255, 214, 117, .34)}.sh-game-modal--error{--modal-accent: #ff5f7a;--modal-accent-soft: rgba(255, 95, 122, .24);--modal-border: rgba(255, 122, 144, .34)}.sh-game-modal--logout{--modal-accent: #ff9d57;--modal-accent-soft: rgba(255, 157, 87, .26);--modal-border: rgba(255, 186, 132, .34);background:linear-gradient(180deg,#241409f5,#130b06fa),radial-gradient(circle at top,rgba(255,157,87,.16),transparent 55%)}.sh-game-modal--logout .el-message-box__title:after{content:"SAFE EXIT";margin-left:auto;font-size:10px;letter-spacing:1.8px;color:#ffe0c694}.sh-game-modal--logout .el-message-box__btns .el-button--primary{background:linear-gradient(135deg,#ffb45e,#ff6d52);box-shadow:0 0 0 1px #ffffff24 inset,0 12px 24px #ff6d5238,0 0 24px #ff9d573d}.el-tag+.el-tag[data-v-6ca68a89]{margin-left:10px}.el-tag[data-v-6ca68a89]{display:inline-flex;align-items:center;padding:0 9px;min-height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;font-size:12px;line-height:1.6}.el-tag--success[data-v-6ca68a89]{background:#2ecc7124;border-color:#2ecc7157}.el-tag--warning[data-v-6ca68a89]{background:#f59e0b24;border-color:#f59e0b57}.el-tag--danger[data-v-6ca68a89]{background:#ef444424;border-color:#ef444457}.el-tag--info[data-v-6ca68a89]{background:#94a3b824;border-color:#94a3b857}.sub-el-icon,.nav-icon{display:inline-block;font-size:15px;margin-right:12px;position:relative}.svg-icon{width:1em;height:1em;position:relative;fill:currentColor;vertical-align:-2px}.pagination-container[data-v-d88e8cff]{background:transparent;padding:1.5vw 1vw;min-height:3vw}.pagination-shell[data-v-d88e8cff]{display:flex;align-items:center;flex-wrap:wrap;gap:.5vw;color:#dbe3ee;font-size:.9vw}.pagination-total[data-v-d88e8cff],.pagination-jumper[data-v-d88e8cff],.pagination-sizes[data-v-d88e8cff]{color:#dbe3ee}.pagination-btn[data-v-d88e8cff],.pagination-page[data-v-d88e8cff],.pagination-sizes select[data-v-d88e8cff],.pagination-jumper input[data-v-d88e8cff]{height:2vw;min-height:32px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#151920cc;color:#fff;font-size:.9vw}.pagination-btn[data-v-d88e8cff],.pagination-page[data-v-d88e8cff]{min-width:2vw;padding:0 .75vw;cursor:pointer}.pagination-page.active[data-v-d88e8cff]{border-color:#4da3ff;background:#4da3ff2e}.pagination-btn[data-v-d88e8cff]:disabled,.pagination-page[data-v-d88e8cff]:disabled{opacity:.45;cursor:not-allowed}.pagination-sizes select[data-v-d88e8cff],.pagination-jumper input[data-v-d88e8cff]{padding:0 8px}.pagination-jumper[data-v-d88e8cff]{display:inline-flex;align-items:center;gap:6px}.pagination-jumper input[data-v-d88e8cff]{width:3vw;min-width:48px}.pagination-ellipsis[data-v-d88e8cff]{cursor:default}@media (max-width: 992px){.pagination-shell[data-v-d88e8cff]{gap:8px;font-size:12px}.pagination-btn[data-v-d88e8cff],.pagination-page[data-v-d88e8cff],.pagination-sizes select[data-v-d88e8cff],.pagination-jumper input[data-v-d88e8cff]{height:32px;font-size:12px}.pagination-jumper[data-v-d88e8cff],.pagination-sizes[data-v-d88e8cff]{display:none}}