:root{--bg:#020814;--bg2:#06111f;--card:#081626;--gold:#f6c35b;--gold2:#ffe39a;--purple:#7b3cff;--violet:#a855f7;--cyan:#00d5ff;--green:#22c55e;--red:#ef4444;--muted:#7a9cb8;--text:#f8faff;--border:#d6a84f40;--hdr-deep:#050b1f;--hdr-main:#071638;--hdr-mid:#0b1f4a;--hdr-glow:#123a8a;--gold-deep:#8a5a16;--gold-main:#d7a84f;--gold-hi:#ffe7a3;--gold-pill:#ffd3788c;--pm-bg-main:#06111f;--pm-bg-deep:#030914;--pm-bg-panel:#0b1728;--pm-bg-card:#0e1b2d;--pm-bg-card-light:#13233a;--pm-gold-main:#d9ad5b;--pm-gold-light:#f5d88a;--pm-gold-deep:#8b642e;--pm-gold-soft:#d9ad5b2e;--pm-text-main:#f5f7fb;--pm-text-soft:#aeb8c8;--pm-text-muted:#6f7b8d;--pm-border-soft:#ffffff14;--pm-border-gold:#d9ad5b52;--pm-shadow-card:0 12px 30px #00000061;--pm-shadow-gold:0 0 18px #d9ad5b2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100%;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Microsoft JhengHei,PingFang TC,Arial,sans-serif;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}img{max-width:100%;display:block}input{font:inherit}.app-shell{background:linear-gradient(#020814 0%,#06111f 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}.app-header{z-index:50;background:radial-gradient(circle at 18% 8%, #2d69f547, transparent 34%), radial-gradient(circle at 82% 16%, #7e48ff29, transparent 38%), linear-gradient(180deg, var(--hdr-mid) 0%, var(--hdr-main) 48%, var(--hdr-deep) 100%);flex-shrink:0;padding:4px 12px 5px;position:sticky;top:0;box-shadow:0 8px 24px #00000061,inset 0 -1px #ffe8a02e}.header-pill{border:1px solid var(--gold-pill);background:linear-gradient(#122758f5,#060e26f5);border-radius:999px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffc6522e,0 0 12px #ffbe461f}.gold-text{background:linear-gradient(#fff0b8 0%,#f3c45a 48%,#b97821 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.header-row1{justify-content:space-between;align-items:center;padding:0 0 4px;display:flex}.header-logo{align-items:center;display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 0 8px #ffc85059);width:auto;height:40px;display:block}.header-icons{gap:5px;margin-left:auto;display:flex}.h-icon-btn{white-space:nowrap;background:linear-gradient(160deg,#12275a 0%,#060e24 100%);border:1px solid #d2af50e6;border-color:#d2af50e6 #8c641e99 #64461480 #b48c3ccc;border-radius:999px;flex-direction:row;align-items:center;gap:5px;padding:4px 9px 4px 7px;display:flex;box-shadow:inset 0 1px #fff0a02e,inset 0 -1px #00000059,inset 1px 0 #ffe67814,0 1px 6px #0000008c,0 0 8px #be8c281f}.h-icon-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.h-icon-dot{border:1.5px solid var(--hdr-deep);background:#ff3b30;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ff3b30b3}.h-icon-img{object-fit:contain;flex-shrink:0;width:17px;height:17px}.h-icon-btn>span:last-child{color:#f0cc6a;letter-spacing:.02em;font-size:10.5px;font-weight:600}.header-row2{isolation:isolate;grid-template-columns:116px minmax(0,1fr) 92px;align-items:center;gap:4px;padding:6px 0;display:grid;position:relative}.header-row2:before,.header-row2:after{content:"";pointer-events:none;height:1px;position:absolute;left:-12px;right:-12px}.header-row2:before{background:linear-gradient(90deg,#0000 0%,#8a5a168c 8%,#ffe7a3db 28%,#d7a84f6b 58%,#0000 100%);top:0;box-shadow:0 1px #0a2056e6,0 0 9px #ffc6522e}.header-row2:after{background:linear-gradient(90deg,#0000 0%,#5f3a0db3 12%,#d7a84f8c 42%,#ffe7a361 72%,#0000 100%);bottom:0;box-shadow:0 -1px #ffe8a01f,0 0 8px #8c561452}.header-user{z-index:1;flex-shrink:0;align-items:center;gap:3px;min-width:0;margin-left:-8px;display:flex;position:relative}.user-avatar-wrap{flex-shrink:0;width:66px;height:66px;margin:-11px 0;position:relative}.user-avatar-core{color:#f8faff;text-shadow:0 1px 3px #000000a6;background:radial-gradient(circle at 35% 25%,#4b7affb3,#0000 38%),linear-gradient(145deg,#0a1435 0%,#05091c 100%);border-radius:50%;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:10px;overflow:hidden}.user-avatar-img{object-fit:cover;object-position:center 28%;width:125%;height:125%;transform:translateY(4%)}.user-avatar-frame{object-fit:contain;filter:drop-shadow(0 0 7px #d7a84f47);width:100%;height:100%;position:absolute;inset:0}.user-info{flex-direction:column;gap:4px;width:58px;min-width:58px;padding-top:1px;display:flex}.user-name{color:#f8faff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0009;width:100%;max-width:none;font-size:13px;font-weight:800;line-height:1.05;overflow:hidden;transform:translateY(-3px)}.user-vip{color:#f6d27a;text-shadow:0 1px 2px #0009;background:url(/assets/vip-bg.png) 0/92% 100% no-repeat;align-items:center;gap:2px;width:100%;height:19px;padding:2px 5px 2px 22px;font-size:10px;font-weight:900;line-height:1;display:flex;position:relative}.vip-badge-img{object-fit:contain;filter:drop-shadow(0 0 5px #ffc65259);width:30px;height:30px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.vip-progress{background:linear-gradient(90deg,#ffe7a3bf,#8a5a1673);border-radius:999px;width:82%;height:6px;padding:1px;box-shadow:inset 0 1px 1px #ffffff1f,0 0 5px #7e48ff4d}.vip-progress span{border-radius:inherit;background:linear-gradient(90deg,#6d3cff,#c04cff);width:58%;height:100%;display:block;box-shadow:0 0 5px #c04cff99}.balance-box{background:linear-gradient(#081a43f5,#04091cfa);border:1px solid #8a5a16a6;border-radius:18px;align-items:center;gap:5px;min-width:0;height:41px;padding:4px 8px 4px 5px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe7a329,inset 0 -1px #00000080,0 0 10px #123a8a38}.balance-box:before{content:"";border-radius:inherit;pointer-events:none;border-top:1px solid #ffe7a35c;border-left:1px solid #d7a84f40;position:absolute;inset:0}.balance-icon-img{object-fit:contain;filter:drop-shadow(0 0 6px #ffc65259);flex-shrink:0;width:29px;height:29px}.balance-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.balance-label{color:#dccb9a;text-shadow:0 1px 1px #0000008c;font-size:12px;font-weight:900;line-height:1}.balance-amount{background:linear-gradient(#fff3c4 0%,#e6c977 45%,#a9823b 100%);color:#0000;text-overflow:clip;white-space:nowrap;filter:drop-shadow(0 1px 1px #00000080);-webkit-background-clip:text;background-clip:text;width:100%;font-size:clamp(14px,4vw,17px);font-weight:950;line-height:1.12;display:block;overflow:visible}.deposit-btn{aspect-ratio:200/71;color:#fff2c8;white-space:nowrap;-webkit-text-stroke:.25px #441c00b3;text-shadow:0 1px #441c00f2,0 0 2px #fff8d8b3,0 0 6px #ffe7a347;filter:drop-shadow(0 0 9px #ffb53638);background:url(/assets/recharge-bg.png) 50%/100% 100% no-repeat;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 42px 0 12px;font-size:14px;font-weight:900;display:flex;position:relative}.deposit-chest-atlas{pointer-events:none;filter:drop-shadow(0 2px 3px #00000061);background-repeat:no-repeat;display:block;position:absolute;bottom:0;left:auto;right:2px}.deposit-label{z-index:2;position:relative}@media (width>=400px){.logo-img{height:46px}.header-row2{grid-template-columns:136px minmax(0,1fr) 104px;gap:7px;padding:6px 0}.header-user{gap:5px}.user-avatar-wrap{width:74px;height:74px;margin:-14px 0}.user-avatar-core{inset:11px}.user-info{gap:4px;width:68px;min-width:68px}.user-name{font-size:14px}.user-vip{background-size:90% 100%;height:20px;padding-left:24px;font-size:11px}.vip-badge-img{width:34px;height:34px;left:-12px}.balance-box{gap:7px;height:43px;padding-right:12px}.balance-icon-img{width:36px;height:36px}.balance-amount{font-size:clamp(15px,4.1vw,18px)}.vip-progress{width:82%}.deposit-btn{width:100%;padding:0 47px 0 13px;font-size:15px}}.app-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(80px + env(safe-area-inset-bottom));flex:1;overflow:hidden auto}.app-content::-webkit-scrollbar{display:none}.app-content:has(.home-layout){padding-bottom:0;overflow:hidden}.app-tabbar{height:calc(76px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);box-shadow:none;z-index:100;background-color:#03102700;border:none;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.app-tabbar:before{content:"";height:calc(124px + env(safe-area-inset-bottom));pointer-events:none;z-index:0;background:url(/assets/tabbar-bg.webp) bottom/100% 100% no-repeat;position:absolute;bottom:-20px;left:-4px;right:-4px}.tab-item{z-index:1;color:#f4e4bd;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;margin-top:-20px;padding-top:0;padding-bottom:8px;text-decoration:none;display:flex;position:relative}.navIconWrap{justify-content:center;align-items:center;display:flex;position:relative}.navIcon{object-fit:contain;filter:drop-shadow(0 2px 3px #000000a6);width:40px;height:40px}.navBadge{background:radial-gradient(circle at 35% 25%,#ff6b64,#e71717 72%);border:1px solid #ffdc96cc;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 7px #ff2828b3}.navLabel{color:#f4e4bd;text-shadow:0 1px 2px #000000e6;font-size:14px;font-weight:700;line-height:1}.tab-promo-item .navIcon{width:34px;height:34px;transform:translateY(-7px)}.tab-promo-item .navLabel{transform:translateY(-6px)}.tab-earn-item .navIcon{width:37px;height:37px;transform:translateY(-7px)}.tab-earn-item .navLabel{transform:translateY(-6px)}.tab-mission-item .navIcon{width:37px;height:37px;transform:translateY(-7px)}.tab-mission-item .navLabel{transform:translateY(-6px)}.tab-profile-item .navIcon{width:40px;height:40px;transform:translateY(-7px)}.tab-profile-item .navLabel{transform:translateY(-6px)}.tab-home-item{z-index:3;position:relative;overflow:visible}.homeOrbWrap{justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:relative;transform:translateY(-6px)}.homeOrbImg{object-fit:contain;filter:drop-shadow(0 0 16px #0064ffd9)drop-shadow(0 2px 4px #0009);width:100%;height:100%;position:absolute;inset:0}.homeLightningImg{object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 0 8px #ffffffd9)drop-shadow(0 0 20px #78b4ffb3);width:50px;height:56px;position:absolute}.homeLabel{z-index:5;white-space:nowrap;color:#ffe179;text-shadow:0 1px 2px #000000f2,0 0 8px #ffd65bb3;font-size:14px;font-weight:700;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}@media (width<=399px){.app-tabbar{height:calc(70px + env(safe-area-inset-bottom));bottom:0!important}.app-tabbar:before{height:calc(110px + env(safe-area-inset-bottom));bottom:-20px;left:-4px;right:-4px}.tab-item{margin-top:-18px}.navIcon{width:32px;height:32px}.navLabel{font-size:11px}.homeOrbImg{width:80px;height:80px}.homeOrbWrap{width:80px;height:80px;transform:translateY(-8px)}.homeLabel{font-size:12px;bottom:6px}.home-layout{grid-template-columns:76px 1fr}.cat-sidebar{padding:6px 5px calc(80px + env(safe-area-inset-bottom))}.quick-row{gap:4px;padding:6px 6px 8px}.quick-item{border-radius:10px;height:64px;padding-bottom:8px}.quick-label{margin-top:3px;font-size:11px}}@media (width>=430px){.app-tabbar{bottom:-6px}.tab-item{margin-top:-34px}.navIcon{width:44px;height:44px}.navLabel{font-size:13px}.homeOrbImg{width:80px;height:80px}.homeOrbWrap{width:80px;height:80px;transform:translateY(-10px)}.homeLabel{font-size:14px;bottom:10px}}.tab-item{transition:transform .22s,color .22s,background .22s,filter .22s}.tab-item .navIcon{transition:filter .22s,transform .22s}.tab-item .navLabel{transition:color .22s,text-shadow .22s}.tab-item.active:not(.tab-home-item){background:radial-gradient(circle at 50% 18%,#2c8cff47,#0000 52%),linear-gradient(#12346c8c,#040d1e2e);border-radius:14px;transform:translateY(-2px)}.tab-item.active:not(.tab-home-item):before{content:"";filter:blur(3px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3aa0ff5c,#0000 68%);border-radius:999px;width:42px;height:32px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tab-item.active:not(.tab-home-item):after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#f7dc91 40% 60%,#0000);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:2px;left:16%;right:16%;box-shadow:0 0 10px #f7dc91bf,0 0 20px #d9ad5b66}.tab-item.active:not(.tab-home-item) .navIcon{filter:drop-shadow(0 0 7px #f7dc9185)drop-shadow(0 0 14px #2c8cff47)brightness(1.2);transform:translateY(-1px)scale(1.08)}.tab-item.active:not(.tab-home-item) .navLabel{color:#f7dc91;text-shadow:0 0 8px #f7dc916b,0 0 16px #2c8cff2e}.tab-home-item.active .homeOrbImg{filter:drop-shadow(0 0 20px #2c8cfff2)drop-shadow(0 0 36px #f7dc9152)drop-shadow(0 2px 4px #0000008c)brightness(1.12);animation:2.4s ease-in-out infinite orbPulse}.tab-home-item.active .homeLightningImg{filter:drop-shadow(0 0 12px #fffffff2)drop-shadow(0 0 22px #64c8ffd9);animation:2.4s ease-in-out infinite lightningPulse}.tab-home-item.active .homeLabel{color:#fff0a0;text-shadow:0 0 10px #f7dc9185,0 1px 2px #000000f2}.tab-home-item:not(.active) .homeOrbImg{filter:drop-shadow(0 0 12px #0064ffbf)drop-shadow(0 2px 4px #0000008c)brightness(.92)}@keyframes orbPulse{0%,to{filter:drop-shadow(0 0 20px #2c8cfff2)drop-shadow(0 0 36px #f7dc9152)drop-shadow(0 2px 4px #0000008c)brightness(1.12);transform:scale(1)}50%{filter:drop-shadow(0 0 26px #2c8cff)drop-shadow(0 0 44px #f7dc916b)drop-shadow(0 2px 4px #0000008c)brightness(1.2);transform:scale(1.04)}}@keyframes lightningPulse{0%,to{opacity:1;filter:drop-shadow(0 0 12px #fffffff2)drop-shadow(0 0 22px #64c8ffd9)}50%{opacity:.88;filter:drop-shadow(0 0 16px #fff)drop-shadow(0 0 30px #64c8ff)}}.home-layout{grid-template-columns:86px 1fr;height:100%;display:grid;overflow:hidden}.cat-sidebar{padding:8px 7px calc(80px + env(safe-area-inset-bottom));scrollbar-width:none;background:radial-gradient(circle at 50% 0,#1c59dc47,#0000 35%),linear-gradient(#102a63 0%,#06183d 42%,#020a1f 100%);flex-direction:column;align-items:stretch;display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffebaa2e,inset -1px 0 #48260a80,1px 0 8px #0006}.cat-sidebar::-webkit-scrollbar{display:none}.cat-inner{flex-direction:column;gap:6px;width:100%;display:flex}.cat-item{box-sizing:border-box;cursor:pointer;background:linear-gradient(#0a1f4bf2,#040f2afa);border:1px solid #0f2864b3;border-color:#0f2864e6 #0f2864b3 #c9862a8c;border-radius:18px;outline:none;flex-direction:column;align-items:stretch;width:100%;height:82px;min-height:82px;padding:0;transition:height .26s,min-height .26s,background .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffecae0f,inset 0 -1px #0006,0 2px 4px #0000004d}.cat-item.active{background:radial-gradient(circle at 50% 18%,#228aff75,#0000 44%),linear-gradient(#113b9a 0%,#082261 52%,#031237 100%);border:1px solid #ffdd7ce6;border-color:#ffdd7ce6 #3c8cff99;height:156px;min-height:156px;box-shadow:0 0 10px #2a96ff94,0 0 18px #115dff40,inset 0 0 14px #3091ff61,inset 0 1px #fff3,0 0 0 1px #2697ff73}.cat-cover-wrap{z-index:1;position:absolute;inset:0;overflow:hidden}.cat-cover-img{object-fit:cover;object-position:center top;filter:saturate(1.12)contrast(1.05);width:100%;height:100%;display:block}.cat-cover-wrap:after{content:"";pointer-events:none;background:linear-gradient(#030a1c00 0%,#05122d2e 42%,#051234e0 100%);position:absolute;inset:0}.cat-content{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:8px;display:flex;position:relative}.cat-item.active .cat-content{justify-content:flex-end}.cat-sweep{pointer-events:none;border-radius:18px;position:absolute;inset:0;overflow:hidden}.cat-sweep:before{content:"";background:linear-gradient(90deg,#0000,#53beffa6,#ffea9ccc,#0000);width:45%;height:160%;animation:2.8s linear infinite catSweep;position:absolute;top:-30%;left:-60%;transform:rotate(22deg)}@keyframes catSweep{0%{opacity:0;left:-60%}15%{opacity:1}60%{opacity:1}to{opacity:0;left:125%}}.cat-visual{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.cat-item.active .cat-visual{width:42px;height:42px;margin-bottom:4px}@keyframes catFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cat-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000c)drop-shadow(0 0 4px #ffc85c33);width:100%;height:100%}.cat-item.active .cat-icon{filter:drop-shadow(0 2px 3px #000000d9)drop-shadow(0 0 8px #ffd66c66)drop-shadow(0 0 12px #2484ff59)}.cat-label{letter-spacing:.03em;white-space:nowrap;background:linear-gradient(#fff4bf 0%,#f7d679 42%,#d49a35 74%,#8d5716 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:13px;font-weight:900;line-height:1;position:relative}.cat-item.active .cat-label{background:linear-gradient(#fff 0%,#ffe680 35%,#f7c93c 70%,#c47b14 100%);-webkit-background-clip:text;background-clip:text;font-size:14px}@media (height<=740px){.cat-item{border-radius:14px;height:72px;min-height:72px}.cat-item.active{height:136px;min-height:136px}.cat-cover-wrap{inset:0}.cat-visual{width:32px;height:32px}.cat-item.active .cat-visual{width:36px;height:36px}.cat-label{margin-top:3px;font-size:11px}.cat-item.active .cat-label{font-size:12px}.cat-inner{gap:4px}}.home-right{scrollbar-width:none;padding-bottom:calc(80px + env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 8%, #2d69f52e, transparent 34%), radial-gradient(circle at 82% 16%, #7e48ff1a, transparent 38%), linear-gradient(180deg, var(--hdr-mid) 0%, var(--hdr-main) 48%, var(--hdr-deep) 100%);overflow:hidden auto}.home-right::-webkit-scrollbar{display:none}.banner-section{box-sizing:border-box;width:100%;padding:8px 8px 6px}.hero-carousel{box-sizing:border-box;background:linear-gradient(#102a63 0%,#06183d 50%,#020a1f 100%);border-radius:20px;width:100%;height:98px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a300ae6,0 6px 14px #00000073,0 0 14px #1e76ff40,inset 0 1px #ffefb459,inset 0 -1px #784512bf}.hero-carousel:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffe29275;border-radius:17px;position:absolute;inset:3px;box-shadow:inset 0 0 10px #0071ff47,inset 0 1px #ffffff1f}.hero-carousel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#030a1c00 0%,#030a1c14 45%,#040e2894 100%);position:absolute;inset:0}.banner-track{width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.banner-img{object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.05);flex-shrink:0;width:100%;height:100%;display:block}.carousel-dots{z-index:3;pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.carousel-dots .dot{cursor:pointer;pointer-events:auto;background:#beceeb73;border-radius:999px;width:6px;height:6px;transition:width .25s,background .25s;box-shadow:0 0 4px #00000073}.carousel-dots .dot.active{background:linear-gradient(90deg,#33a3ff,#87d8ff);width:14px;box-shadow:0 0 6px #36a0ffd9,0 0 12px #36a0ff59}.hero-carousel .corner{z-index:4;pointer-events:none;width:18px;height:18px;position:absolute}.hero-carousel .corner:before,.hero-carousel .corner:after{content:"";background:linear-gradient(#fff0b5,#d99b34 55%,#7c4210);border-radius:999px;position:absolute}.hero-carousel .corner:before{width:18px;height:2px}.hero-carousel .corner:after{width:2px;height:18px}.corner.tl{top:6px;left:6px}.corner.tr{top:6px;right:6px;transform:scaleX(-1)}.corner.bl{bottom:6px;left:6px;transform:scaleY(-1)}.corner.br{bottom:6px;right:6px;transform:scale(-1)}@media (width<=399px){.banner-section{padding:6px 7px}.hero-carousel{border-radius:18px;height:98px}.hero-carousel:before{border-radius:15px;inset:3px}}.quick-row{box-sizing:border-box;border-bottom:1px solid #d6a84f14;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;padding:2px 3px 0;display:grid;overflow:hidden}.quick-item{box-sizing:border-box;background-image:linear-gradient(to bottom, transparent 38%, #071638 82%), var(--qi-img,none), radial-gradient(circle at 50% 10%, #2d6cff33, transparent 55%), linear-gradient(180deg, #0b1f4a 0%, #071638 48%, #050b1f 100%);background-position:50%,top,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 70%,cover,cover;border:1px solid #143782b3;border-color:#0b1f4af2 #143782b3 #ebae43cc;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:68px;padding-bottom:12px;text-decoration:none;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #0b1f4a8c,inset 0 -1px 4px #ebae432e,0 2px 6px #00000059}.quick-label{letter-spacing:.02em;white-space:nowrap;color:#ffefc4;text-shadow:0 1px #502600e6,0 2px 2px #000000e6,0 0 6px #ffc74e59;margin-top:4px;font-size:13px;font-weight:800;line-height:1}@media (width>=430px){.quick-row{gap:2px;padding:2px 3px 0}.quick-item{background-size:100% 100%,100% 85%,cover,cover;height:78px;padding-bottom:10px}.quick-label{font-size:14px}}.upd-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020818b8;justify-content:center;align-items:center;animation:.3s updFadeIn;display:flex;position:fixed;inset:0}@keyframes updFadeIn{0%{opacity:0}to{opacity:1}}.upd-panel{text-align:center;background:linear-gradient(160deg,#0e2560 0%,#071540 55%,#030c28 100%);border:1px solid #ffd170b3;border-radius:24px;flex-direction:column;align-items:center;width:300px;padding:0 24px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) updSlideUp;display:flex;position:relative;box-shadow:0 0 0 1px #5a300ab3,0 20px 50px #000000b3,0 0 30px #1e64ff40,inset 0 1px #ffefb44d}@keyframes updSlideUp{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.upd-topbar{background:linear-gradient(90deg,#1b6fff,#4fbaff,#ffe67a,#ff9c2a);border-radius:24px 24px 0 0;width:100%;height:3px;margin-bottom:20px;position:absolute;top:0;left:0}.upd-icon{filter:drop-shadow(0 0 12px #50b4ffcc);margin-bottom:8px;font-size:36px}.upd-title{color:#0000;background:linear-gradient(#fff 0%,#ffe87a 60%,#f7c43c 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:18px;font-weight:900}.upd-ver{color:#8cc8ffbf;letter-spacing:.08em;margin:0 0 8px;font-size:12px}.upd-desc{color:#c8dcffb3;margin:0 0 20px;font-size:13px;line-height:1.5}.upd-ring{width:64px;height:64px;margin-bottom:10px;position:relative}.upd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.upd-ring-bg{fill:none;stroke:#ffffff14;stroke-width:3px}.upd-ring-prog{fill:none;stroke:url(#updGrad);stroke-width:3px;stroke-linecap:round;stroke-dasharray:113;transition:stroke-dashoffset .9s linear}.upd-count{color:#ffe87a;text-shadow:0 0 10px #ffc83ccc;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;position:absolute;inset:0}.upd-hint{color:#b4d2ff8c;margin:0 0 20px;font-size:12px}.upd-actions{flex-direction:column;gap:10px;width:100%;display:flex}.upd-btn-now{letter-spacing:.06em;color:#03102a;cursor:pointer;background:linear-gradient(135deg,#ffe87a 0%,#f7c43c 50%,#d99b34 100%);border:none;border-radius:14px;width:100%;padding:13px 0;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 14px #e6aa1e73,inset 0 1px #fff6}.upd-btn-now:active{transform:scale(.97)}.upd-btn-later{color:#b4d2ff99;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:11px 0;font-size:13px;font-weight:700;transition:background .15s}.upd-btn-later:active{background:#ffffff1a}.section-head{justify-content:space-between;align-items:center;padding:10px 10px 6px;display:flex}.section-title{color:var(--gold2);font-size:13px;font-weight:800}.section-more{color:var(--muted);font-size:11px}.chips-row{scrollbar-width:none;gap:6px;padding:0 10px 8px;display:flex;overflow-x:auto}.chips-row::-webkit-scrollbar{display:none}.chip{color:var(--muted);background:#081626e6;border:1px solid #d6a84f33;border-radius:8px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:700}.chip.active{border-color:var(--gold);color:var(--gold2);background:#f6c35b1f}.provider-grid{grid-template-columns:1fr;gap:8px;padding:8px 8px 20px;display:grid}.provider-card{aspect-ratio:16/9;cursor:pointer;background:#0a1628;border:1px solid #ffd17080;border-radius:14px;width:100%;padding:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a300a99,0 4px 10px #00000073,0 0 10px #1e76ff2e,inset 0 1px #ffefb440}.provider-card:active{transform:scale(.96);box-shadow:0 0 0 1px #ffd170b3,0 2px 6px #00000080,inset 0 0 12px #1e76ff4d}.provider-card-img{object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.03);width:100%;height:100%;display:block}.game-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px 20px;display:grid}.game-card{background:var(--card);aspect-ratio:16/10;border:1px solid #d6a84f29;border-radius:10px;display:block;position:relative;overflow:hidden}.game-card-img{object-fit:cover;width:100%;height:100%}.game-card-overlay{background:linear-gradient(#0000 0%,#020814e0 65%);flex-direction:column;justify-content:flex-end;padding:7px;display:flex;position:absolute;inset:0}.game-provider-tag{color:#fff;background:linear-gradient(135deg,#c8810a,#8b4000);border-radius:4px;width:fit-content;margin-bottom:2px;padding:2px 6px;font-size:9px;font-weight:900}.game-name{color:#fff;font-size:12px;font-weight:800;line-height:1.2}.game-play-btn{color:#080312;background:#f6c35be0;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;position:absolute;bottom:7px;right:7px}.game-empty{text-align:center;color:var(--muted);grid-column:span 2;padding:30px 0;font-size:13px}.auth-page{background:linear-gradient(#020814,#06111f);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px 20px;display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:36px;display:flex}.auth-logo-badge{background:linear-gradient(135deg, var(--gold), var(--purple));color:#080312;border-radius:14px;place-items:center;width:52px;height:52px;font-size:26px;font-weight:900;display:grid;box-shadow:0 0 28px #f6c35b73}.auth-logo-name{color:var(--gold2);font-size:22px;font-weight:900}.auth-logo-name small{color:var(--cyan);font-size:12px;font-weight:400;display:block}.auth-tabs{border:1px solid var(--border);background:#081626cc;border-radius:10px;width:100%;max-width:360px;margin-bottom:24px;padding:3px;display:flex}.auth-tab{color:var(--muted);text-align:center;border-radius:8px;flex:1;padding:10px;font-size:15px;font-weight:700}.auth-tab.active{background:linear-gradient(135deg, var(--gold), #c8810a);color:#080312}.auth-form{flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--muted);font-size:12px}.auth-input{color:#fff;background:#081626e6;border:1px solid #d6a84f40;border-radius:10px;width:100%;padding:13px 14px;font-size:15px}.auth-input:focus{border-color:var(--gold);outline:none}.auth-submit{background:linear-gradient(135deg, var(--gold), #c8810a);color:#080312;letter-spacing:.5px;border-radius:10px;margin-top:4px;padding:14px;font-size:16px;font-weight:900;box-shadow:0 4px 20px #f6c35b59}.page{padding:16px}.page-title{color:var(--gold2);margin-bottom:16px;font-size:18px;font-weight:900}.balance-card{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#7b3cff40,#f6c35b1f);border-radius:14px;margin-bottom:16px;padding:22px}.balance-card-label{color:var(--muted);margin-bottom:6px;font-size:13px}.balance-card-amount{color:var(--gold2);font-size:34px;font-weight:900}.action-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.action-btn{text-align:center;border-radius:10px;padding:14px;font-size:15px;font-weight:800}.action-btn-gold{background:linear-gradient(135deg, var(--gold), #c8810a);color:#080312}.action-btn-purple{background:linear-gradient(135deg, var(--purple), #5a22cc);color:#fff}.form-section{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.form-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.form-input{color:#fff;background:#081626e6;border:1px solid #d6a84f40;border-radius:10px;width:100%;padding:13px 14px;font-size:15px}.form-input:focus{border-color:var(--gold);outline:none}.submit-btn{background:linear-gradient(135deg, var(--gold), #c8810a);color:#080312;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:900;box-shadow:0 4px 20px #f6c35b59}.profile-hero{background:linear-gradient(#7b3cff2e,#0000);border-bottom:1px solid #d6a84f1a;flex-direction:column;align-items:center;padding:28px 16px 20px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--gold), var(--purple));color:#080312;border:3px solid #f6c35b80;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:12px;font-size:36px;font-weight:900;display:grid}.promo-page{background:radial-gradient(circle at 50% 0%, #2a5ea038 0%, transparent 36%), radial-gradient(circle at 90% 12%, #d9ad5b17 0%, transparent 28%), linear-gradient(180deg, var(--pm-bg-main) 0%, var(--pm-bg-deep) 100%);flex-direction:column;min-height:100%;display:flex}.promo-hero{padding:0 14px}.promo-hero-card{text-align:center;border:1px solid var(--pm-border-gold);box-shadow:inset 0 1px 0 #ffffff0f, var(--pm-shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#122238e0,#081220f0);border-radius:18px;padding:18px 20px 16px}.promo-hero-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--pm-gold-main);margin-bottom:5px;font-size:10px;font-weight:700}.promo-hero-title{letter-spacing:.4px;background:linear-gradient(#fff1bf 0%,#d9ad5b 56%,#9f7333 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:7px;font-size:22px;font-weight:900}.promo-hero-sub{color:var(--pm-text-muted);letter-spacing:.2px;font-size:12px;line-height:1.6}.promo-tabs-wrap{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;background:#030914ed;border-bottom:1px solid #d9ad5b21;padding:5px 10px 4px;position:sticky;top:0;overflow-x:auto}.promo-tabs-wrap::-webkit-scrollbar{display:none}.promo-tabs-scroll{gap:4px;width:max-content;min-width:100%;display:flex}.promo-tab{white-space:nowrap;color:var(--pm-text-muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:700;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.promo-tab:hover{color:var(--pm-text-soft)}.promo-tab.is-active{color:#1c1408;background:linear-gradient(#f5d88af5,#ae7e37f0);box-shadow:inset 0 1px #ffffff61,0 4px 12px #d9ad5b33}.promo-tab-icon{font-size:14px}.promo-grid{grid-template-columns:1fr;gap:12px;padding:12px 12px 88px;display:grid}@media (width>=640px){.promo-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.promo-grid{grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}}.promo-card{cursor:pointer;background:linear-gradient(#13233af7,#081220fc);border:1px solid #d9ad5b38;border-radius:16px;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 10px 24px #00000047}.promo-card:hover{box-shadow:0 18px 36px #0006, var(--pm-shadow-gold);transform:translateY(-4px)}.promo-card:active{transform:translateY(-1px)}.promo-card__banner{height:180px;position:relative;overflow:hidden}.promo-card__img{object-fit:cover;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.promo-card:hover .promo-card__img{transform:scale(1.04)}.promo-card__emoji{z-index:1;background:linear-gradient(135deg, var(--pm-bg-panel), var(--pm-bg-card));place-items:center;font-size:48px;display:grid;position:absolute;inset:0}.promo-card__banner-overlay{z-index:2;background:linear-gradient(#0000 80%,#081220e6 100%),linear-gradient(90deg,#08122033 0%,#0000 60%);position:absolute;inset:0}.promo-card__badges{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex;position:absolute;bottom:8px;right:10px}.promo-badge{letter-spacing:.2px;color:var(--pm-gold-light);background:#d9ad5b29;border:1px solid #d9ad5b52;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-block}.promo-badge--green{color:#5de68c;background:#22c55e21;border-color:#22c55e42}.promo-card__body{padding:11px 13px 13px}.promo-card__title{color:var(--pm-text-main);margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.3}.promo-card__desc{color:var(--pm-text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:9px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.promo-stats{background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-bottom:10px;display:grid;overflow:hidden}.promo-stat{flex-direction:column;gap:2px;padding:7px 8px 8px;display:flex}.promo-stat+.promo-stat{border-left:1px solid #ffffff12}.promo-stat__label{color:var(--pm-text-muted);font-size:10px}.promo-stat__value{color:#ded0ac;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.promo-stat__value.is-gold{color:#ded0ac}.promo-card__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.promo-card__period{color:var(--pm-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;overflow:hidden}.promo-card__cta{color:#1b1204;background:linear-gradient(#f4d98e 0%,#b8893d 100%);border-radius:999px;flex-shrink:0;height:28px;padding:0 12px;font-size:12px;font-weight:800;transition:opacity .18s;box-shadow:inset 0 1px #ffffff6b,0 6px 14px #d9ad5b2e}.promo-card__cta:hover{opacity:.86}.promo-detail{background:radial-gradient(circle at 50% 0%, #2a5ea02e 0%, transparent 36%), linear-gradient(180deg, var(--pm-bg-main) 0%, var(--pm-bg-deep) 100%);flex-direction:column;min-height:100%;display:flex}.promo-detail-notfound{height:60vh;color:var(--pm-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.promo-detail-topbar{padding:12px 16px 0}.promo-back-btn{color:var(--pm-text-soft);background:#ffffff0d;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:700;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.promo-back-btn:hover{color:var(--pm-gold-light);background:#d9ad5b1a;border-color:#d9ad5b47}.promo-detail-hero{border:1px solid var(--pm-border-gold);box-shadow:var(--pm-shadow-card);background:linear-gradient(#13233af7,#081220fc);border-radius:16px;margin:12px 16px 0;overflow:hidden}.promo-detail-hero__thumb{height:160px;position:relative;overflow:hidden}.promo-detail-hero__thumb img{object-fit:cover;width:100%;height:100%;display:block}.promo-detail-hero__thumb:after{content:"";background:linear-gradient(#0000 35%,#081220e6 100%);position:absolute;inset:0}.promo-detail-hero__info{padding:12px 16px 16px}.promo-detail-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.promo-detail-title{color:var(--pm-text-main);margin-bottom:6px;font-size:20px;font-weight:900;line-height:1.25}.promo-detail-subtitle{color:var(--pm-text-soft);font-size:13px;line-height:1.6}.promo-keyinfo-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;display:grid}.promo-keyinfo-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.promo-keyinfo-card--gold{background:#d9ad5b12;border-color:#d9ad5b38}.promo-keyinfo-card__label{color:var(--pm-text-muted);font-size:11px}.promo-keyinfo-card__value{color:#ded0ac;font-size:13px;font-weight:800;line-height:1.3}.promo-keyinfo-card--gold .promo-keyinfo-card__value{color:#ded0ac}.promo-section-card{background:linear-gradient(#101d31eb,#07111ef7);border:1px solid #d9ad5b2b;border-radius:14px;margin:0 16px 10px;padding:14px 16px}.promo-section-title{color:var(--pm-gold-light);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:800;display:flex}.promo-section-title:before{content:"";background:linear-gradient(#f5d88a,#a87935);border-radius:999px;flex-shrink:0;width:3px;height:15px}.promo-section-text{color:var(--pm-text-soft);margin-bottom:8px;font-size:13px;line-height:1.7}.promo-section-text:last-child{margin-bottom:0}.promo-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #d9ad5b2e;border-radius:10px;overflow-x:auto}.promo-table{border-collapse:collapse;width:100%;min-width:300px;font-size:12px}.promo-table thead th{text-align:center;white-space:nowrap;color:var(--pm-gold-light);background:#d9ad5b1a;border-bottom:1px solid #d9ad5b29;padding:9px 10px;font-size:11px;font-weight:700}.promo-table tbody tr{border-bottom:1px solid #ffffff0a}.promo-table tbody tr:hover{background:#d9ad5b0a}.promo-table tbody td{text-align:center;color:var(--pm-text-soft);padding:8px 10px}.promo-table tbody td:first-child{color:var(--pm-text-main);font-weight:600}.promo-rules-list{counter-reset:rule-counter;flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.promo-rules-list li{color:var(--pm-text-soft);counter-increment:rule-counter;border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#d9ad5b40 0%,#ffffff0f 60%,#0000 100%) 1;grid-template-columns:24px 1fr;align-items:start;gap:10px;padding-bottom:10px;font-size:12px;line-height:1.65;display:grid}.promo-rules-list li:last-child{border-bottom:none;padding-bottom:0}.promo-rules-list li:before{content:counter(rule-counter);color:#1c1408;background:linear-gradient(#f4d98e,#a87935);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.promo-cta-row{gap:10px;padding:16px;display:flex}.promo-cta-primary{text-align:center;color:#1b1204;background:linear-gradient(#f3d58a 0%,#b8893d 100%);border-radius:12px;flex:1;padding:13px;font-size:14px;font-weight:800;transition:opacity .18s;box-shadow:inset 0 1px #fff6,0 8px 18px #d9ad5b33}.promo-cta-primary:hover{opacity:.86}.promo-cta-ghost{text-align:center;color:var(--pm-text-soft);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:13px;font-size:14px;font-weight:800;transition:background .18s,color .18s,border-color .18s}.promo-cta-ghost:hover{color:var(--pm-gold-light);background:#d9ad5b1a;border-color:#d9ad5b42}@media (width<=375px){.promo-hero-title{font-size:19px}.promo-card__title{font-size:14px}.promo-stats{grid-template-columns:1fr 1fr}.promo-stat:nth-child(3){border-top:1px solid #ffffff12;border-left:0;grid-column:1/-1}}.profile-name{color:#fff;font-size:20px;font-weight:900}.profile-vip{color:#fff;background:linear-gradient(90deg, var(--purple), var(--violet));border-radius:6px;margin-top:4px;padding:3px 14px;font-size:12px;font-weight:700}.menu-list{flex-direction:column;display:flex}.menu-item{color:#d0e0f0;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.menu-icon{background:#f6c35b1a;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.menu-arrow{color:var(--muted);margin-left:auto;font-size:18px}.promo-list{flex-direction:column;gap:12px;padding:12px 12px 24px;display:flex}.promo-card{border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden}.promo-img{aspect-ratio:16/7;object-fit:cover;background:#0a1628;width:100%}.promo-body{padding:12px 14px}.promo-title{color:var(--gold2);margin-bottom:6px;font-size:15px;font-weight:800}.promo-desc{color:var(--muted);font-size:12px;line-height:1.5}.promo-btn{background:linear-gradient(135deg, var(--gold), #c8810a);color:#080312;border-radius:8px;margin-top:10px;padding:8px 18px;font-size:13px;font-weight:800;display:inline-block}.drawer-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.on{opacity:1;pointer-events:auto}.drawer-handle{background:#ffffff2e;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px}.drawer-close-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;transition:background .15s;display:grid}.drawer-close-btn:hover{color:var(--text);background:#ffffff29}.notif-header-spacer{flex:1}.notif-drawer{z-index:1200;background:#0b1628;border-top:1px solid #ffffff14;border-radius:18px 18px 0 0;flex-direction:column;max-height:82vh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #0009}.notif-drawer.open{transform:translateY(0)}.notif-drawer-header{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 8px;display:flex}.notif-drawer-title{color:var(--text);font-size:16px;font-weight:800}.notif-unread-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.notif-read-all-btn{color:#60a5fa;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:700}.notif-read-all-btn:hover{color:#93c5fd}.notif-tabs{scrollbar-width:none;flex-shrink:0;gap:6px;padding:4px 14px 10px;display:flex;overflow-x:auto}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s}.notif-tab.active{color:#93c5fd;background:#3b82f633;border-color:#3b82f6}.notif-list{flex-direction:column;flex:1;gap:8px;padding:0 12px 16px;display:flex;overflow-y:auto}.notif-list::-webkit-scrollbar{width:3px}.notif-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notif-empty{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:48px 0;display:flex}.notif-empty-icon{opacity:.4;font-size:36px}.notif-empty-text{font-size:13px}.notif-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#ffffff12}.notif-item.read{opacity:.55}.notif-item-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.notif-item-content{flex:1;min-width:0}.notif-item-meta{align-items:center;gap:6px;margin-bottom:3px;display:flex}.notif-item-type{font-size:10px;font-weight:700}.notif-item-time{color:var(--muted);margin-left:auto;font-size:10px}.notif-item-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.notif-item-body{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.notif-item-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;box-shadow:0 0 6px #ef4444b3}.cs-modal{z-index:1200;padding-bottom:env(safe-area-inset-bottom,12px);background:#0b1628;border-top:1px solid #ffffff14;border-radius:18px 18px 0 0;flex-direction:column;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #0009}.cs-modal.open{transform:translateY(0)}.cs-modal-header{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.cs-modal-title{color:var(--text);font-size:16px;font-weight:800}.cs-status-row{align-items:center;gap:6px;padding:0 16px 14px;font-size:12px;display:flex}.cs-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 6px #10b981}.cs-online-text{color:#34d399;font-weight:700}.cs-service-hours{color:var(--muted);margin-left:auto}.cs-line-card{background:linear-gradient(135deg,#06c75526,#06c7550d);border:1px solid #06c7554d;border-radius:14px;align-items:center;gap:14px;margin:0 16px 14px;padding:14px 16px;display:flex}.cs-line-card-left{flex-shrink:0}.cs-line-card-info{flex-direction:column;gap:3px;display:flex}.cs-line-name{color:#fff;font-size:15px;font-weight:800}.cs-line-id{color:#4ade80;font-size:13px;font-weight:700}.cs-line-hint{color:var(--muted);font-size:11px}.cs-line-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#06c755,#04a845);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:0 16px 16px;padding:15px;font-size:15px;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 20px #06c75559}.cs-line-btn:active{transform:scale(.97);box-shadow:0 2px 10px #06c75540}.cs-divider{align-items:center;gap:10px;margin-bottom:12px;padding:0 16px;display:flex}.cs-divider:before,.cs-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.cs-divider span{color:var(--muted);white-space:nowrap;font-size:11px}.cs-other-list{flex-direction:column;gap:4px;margin-bottom:8px;padding:0 12px;display:flex}.cs-other-item{background:#ffffff0a;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;transition:background .15s;display:flex}a.cs-other-item:hover{background:#ffffff14;border-color:#ffffff14}.cs-other-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.cs-other-info{flex-direction:column;flex:1;gap:2px;display:flex}.cs-other-label{color:var(--muted);font-size:11px}.cs-other-val{color:var(--text);font-size:13px;font-weight:600}.cs-other-arrow{color:var(--muted);flex-shrink:0;font-size:18px;font-weight:300}.cs-footer-note{color:var(--muted);text-align:center;padding:0 16px 16px;font-size:10px;line-height:1.5}.tx-list{flex-direction:column;gap:1px;display:flex}.tx-item{background:#08162699;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:14px 16px;display:flex}.tx-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.tx-info{flex:1;min-width:0}.tx-name{color:#e8f0f8;font-size:14px;font-weight:700}.tx-date{color:var(--muted);font-size:11px}.tx-amount{font-size:15px;font-weight:900}.tx-amount.pos{color:var(--green)}.tx-amount.neg{color:var(--red)}.aff-modal-overlay{z-index:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030914cc;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.aff-modal{background:linear-gradient(#0d1e3a,#070f20);border:1px solid #d9ad5b47;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:72vh;display:flex;overflow:hidden;box-shadow:0 -8px 32px #00000080}.aff-modal__header{border-bottom:1px solid #d9ad5b26;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.aff-modal__title{color:#f5d88a;font-size:16px;font-weight:800}.aff-modal__close{color:#6f7b8d;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.aff-modal__tabs{border-bottom:1px solid #ffffff0d;gap:6px;padding:10px 14px 8px;display:flex}.aff-modal__tab{color:#6f7b8d;cursor:pointer;background:#0b1728cc;border:1px solid #d9ad5b29;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:700;transition:all .18s}.aff-modal__tab.is-active{color:#f5d88a;background:#d9ad5b1f;border-color:#d9ad5b80}.aff-modal__list{flex:1;padding:8px 0;overflow-y:auto}.aff-modal__item{border-bottom:1px solid #ffffff0d;padding:10px 18px}.aff-modal__item:last-child{border-bottom:none}.aff-modal__item-date{color:#6f7b8d;margin-bottom:3px;font-size:11px}.aff-modal__item-desc{color:#aeb8c8;font-size:13px}.aff-modal__item-amount{color:#f5d88a;font-weight:800}.aff-modal__empty{text-align:center;color:#6f7b8d;padding:32px 0;font-size:13px}.pf{--gold:#d9ad5b;--gold-light:#f7dc91;--gold-deep:#9b6928;--gold-border:#d9ad5b73;--gold-glow:#d9ad5b38;--blue-accent:#2c8cff;--blue-glow:#2c8cff38;--text-main:#f0ecdf;--text-soft:#b9c4d6;--text-muted:#5e6e85;--card-bg:#06101ff7;--card-border:#d9ad5b61;--shadow-card:0 8px 32px #00000080, 0 2px 8px #0000004d;--shadow-gold:0 0 24px #d9ad5b1f;min-height:100%;color:var(--text-main);background:radial-gradient(at 50% 0,#2c8cff2e 0%,#0000 50%),radial-gradient(at 92% 22%,#d9ad5b1a 0%,#0000 35%),linear-gradient(#04111e 0%,#020a15 100%);padding:10px 12px 28px;overflow-x:hidden}.pf-card-title{color:var(--gold-light);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.pf-card-title:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));border-radius:999px;flex-shrink:0;width:3px;height:14px;display:block;box-shadow:0 0 8px #f7dc9180}.pf-member-card{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), var(--shadow-gold), inset 0 1px 0 #ffffff12;background:radial-gradient(at 90% 0,#d9ad5b29 0%,#0000 40%),radial-gradient(at 8% 100%,#2c8cff2e 0%,#0000 38%),linear-gradient(155deg,#0c2040 0%,#071428 50%,#040d1c 100%);border-radius:22px;margin-bottom:12px;padding:20px 18px 18px;position:relative;overflow:hidden}.pf-member-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#f7dc9199 40%,#f7dc91cc 55%,#f7dc9166 75%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.pf-member-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d9ad5b1a 0%,#0000 65%);border-radius:50%;width:160px;height:160px;position:absolute;top:-30px;right:-30px}.pf-mc-top{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.pf-avatar{cursor:pointer;flex-shrink:0;width:76px;height:76px;position:relative}.pf-avatar__ring{background:linear-gradient(145deg,#fff3c0,#e8b84b 40%,#9b6928 100%);border-radius:50%;width:76px;height:76px;padding:3px;box-shadow:0 0 0 2px #2c8cff40,0 0 22px #d9ad5b59,0 4px 14px #00000080}.pf-avatar__img{object-fit:cover;border:2px solid #020812f2;border-radius:50%;width:100%;height:100%;display:block}.pf-avatar__camera{color:#1a0e02;pointer-events:none;z-index:2;background:linear-gradient(145deg,#f7dc91,#b98235);border:2px solid #040d1ce6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #00000080}.pf-avatar__input{opacity:0;cursor:pointer;border-radius:50%;position:absolute;inset:0}.pf-mc-info{flex:1;min-width:0}.pf-mc-username{letter-spacing:.5px;color:#f5f0e8;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #00000080;margin:0;font-size:20px;font-weight:900;overflow:hidden}.pf-mc-joined{color:var(--text-soft);letter-spacing:.2px;margin:4px 0 0;font-size:12px}.pf-mc-joined strong{color:#4dd6ff;font-weight:900}.pf-mc-vip__badge{object-fit:contain;filter:drop-shadow(0 4px 16px #96641eb3)drop-shadow(0 0 8px #f7dc9173);flex-shrink:0;width:72px;height:72px;margin-left:auto}.pf-mc-divider{z-index:1;background:linear-gradient(90deg,#0000,#d9ad5b4d 30% 70%,#0000);height:1px;margin:16px 0;position:relative}.pf-mc-wallet-row{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.pf-mc-balance-side{flex:1;min-width:0}.pf-mc-balance__label{color:#8fc8e8;letter-spacing:.4px;align-items:center;gap:5px;margin:0 0 5px;font-size:12px;display:flex}.pf-mc-balance__value{letter-spacing:-.5px;background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;filter:drop-shadow(0 2px 8px #d9ad5b4d);white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:950;line-height:1}.pf-mc-actions{flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.pf-mc-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:opacity .15s,transform .12s;display:flex}.pf-mc-btn:active{opacity:.8;transform:scale(.93)}.pf-mc-btn__card{width:40px;height:40px;color:var(--gold-light);background:linear-gradient(160deg,#0f2545 0%,#091a35 55%,#060f22 100%);border:1px solid #d9ad5b52;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff17}.pf-mc-btn__card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);border-radius:10px 10px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.pf-mc-btn--deposit .pf-mc-btn__card{border-color:#d9ad5bb8;box-shadow:0 3px 12px #00000080,0 0 10px #d9ad5b33,inset 0 1px #ffffff1f}.pf-mc-btn--deposit .pf-mc-btn__card:after{content:"◆";color:#64d9ff;text-shadow:0 0 6px #4dd6ffe6;pointer-events:none;font-size:9px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.pf-mc-btn__label{color:var(--text-soft);letter-spacing:.3px;white-space:nowrap;font-size:10px;font-weight:700}.pf-vip-card{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;background:radial-gradient(at 95%,#8c50ff1f 0%,#0000 45%),radial-gradient(at 5% 20%,#2c8cff1f 0%,#0000 40%),linear-gradient(155deg,#0d1f3a 0%,#071428 55%,#040d1c 100%);border-radius:20px;margin-bottom:12px;padding:18px 18px 16px;position:relative;overflow:hidden}.pf-vip-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 10%,#8c50ff80 35%,#f7dc91b3 55%,#2c8cff66 75%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.pf-vip-card__header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex;position:relative}.pf-vip-card__title{color:var(--gold-light);letter-spacing:.5px;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.pf-vip-card__title:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));border-radius:999px;width:3px;height:14px;display:block;box-shadow:0 0 8px #f7dc9180}.pf-vip-card__badge-img{object-fit:contain;filter:drop-shadow(0 4px 16px #96641eb3)drop-shadow(0 0 8px #f7dc9166);z-index:2;width:72px;height:72px;position:absolute;top:12px;right:14px}.pf-vip-levels{z-index:1;align-items:center;gap:10px;margin-bottom:6px;display:flex;position:relative}.pf-vip-levels__cur-img{object-fit:contain;filter:drop-shadow(0 0 12px #d9ad5bcc)drop-shadow(0 4px 10px #96641e99);flex-shrink:0;width:54px;height:54px}.pf-vip-levels__next-img{object-fit:contain;opacity:.6;filter:grayscale(.2)drop-shadow(0 0 6px #b4965066);flex-shrink:0;width:40px;height:40px}.pf-vip-progress-wrap{flex:1;min-width:0}.pf-vip-progress-track{background:#ffffff0d;border:1px solid #d9ad5b2e;border-radius:999px;height:12px;position:relative;overflow:hidden}.pf-vip-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7a4e18 0%,#c88b35 45%,#f7e080 80%,#fff5c0 100%);height:100%;transition:width .9s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 0 12px #f7dc9199,0 0 24px #c88b354d}.pf-vip-progress-fill:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:2.2s ease-in-out infinite vip-shimmer;position:absolute;inset:0}.pf-vip-progress-fill:after{content:"";background:radial-gradient(circle,#fffde0,#f7dc91 50%,#c88b35);border:2px solid #ffffff80;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-1px;transform:translateY(-50%);box-shadow:0 0 10px #f7dc91e6,0 0 20px #c88b3580}@keyframes vip-shimmer{0%{transform:translate(-100%)}60%{transform:translate(200%)}to{transform:translate(200%)}}.pf-vip-bottom{z-index:1;background:#ffffff08;border:1px solid #d9ad5b24;border-radius:12px;align-items:center;margin-top:14px;padding:10px 14px;display:flex;position:relative}.pf-vip-bottom__item{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.pf-vip-bottom__sep{background:linear-gradient(#0000,#d9ad5b40 50%,#0000);flex-shrink:0;width:1px;height:28px}.pf-vip-bottom__pct{background:linear-gradient(135deg,#fff5c8,#f7dc91 50%,#d9ad5b);color:#0000;filter:drop-shadow(0 1px 4px #d9ad5b4d);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:950;line-height:1}.pf-vip-bottom__val{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:900;overflow:hidden}.pf-vip-bottom__val--gold{background:linear-gradient(135deg,#fff5c8,#f7dc91 50%,#d9ad5b);color:#0000;filter:drop-shadow(0 1px 4px #d9ad5b4d);-webkit-background-clip:text;background-clip:text}.pf-vip-bottom__desc{color:var(--text-muted);letter-spacing:.3px;white-space:nowrap;font-size:10px}.pf-welfare-card{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;background:radial-gradient(at 12% 0,#2c8cff24 0%,#0000 40%),radial-gradient(at 90% 100%,#d9ad5b14 0%,#0000 35%),linear-gradient(155deg,#0c1d38 0%,#071428 55%,#040d1c 100%);border-radius:20px;margin-bottom:12px;padding:18px;position:relative;overflow:hidden}.pf-welfare-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#2c8cff99 30%,#f7dc9180 55%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.pf-welfare-card__title{color:var(--gold-light);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:900;display:flex}.pf-welfare-card__title:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));border-radius:999px;width:3px;height:14px;display:block;box-shadow:0 0 8px #f7dc9180}.pf-welfare-tabs{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;gap:0;margin-bottom:16px;padding:3px;display:flex}.pf-welfare-tab{height:36px;color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.2px;background:0 0;border:none;border-radius:9px;flex:1;font-size:13px;font-weight:800;transition:all .2s}.pf-welfare-tab.active{color:var(--gold-light);background:linear-gradient(160deg,#1e3a64f2,#0f203ce6);border:1px solid #d9ad5b66;box-shadow:0 2px 10px #0000004d,0 0 12px #d9ad5b1a,inset 0 1px #ffffff12}.pf-welfare-content{flex-direction:column;gap:10px;display:flex}.pf-welfare-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.pf-welfare-label{color:var(--text-soft);font-size:13px}.pf-welfare-label--muted{color:var(--text-muted);font-size:12px}.pf-welfare-val{color:var(--text-main);font-size:14px;font-weight:900}.pf-welfare-val--gold{background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;filter:drop-shadow(0 1px 4px #d9ad5b4d);-webkit-background-clip:text;background-clip:text;font-size:20px}.pf-welfare-val--soft{color:var(--text-soft)}.pf-welfare-divider{background:linear-gradient(90deg,#0000,#d9ad5b33 30% 70%,#0000);height:1px;margin:2px 0}.pf-welfare-note{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.6}.pf-welfare-btn{cursor:pointer;letter-spacing:.5px;color:#1c0e02;background:linear-gradient(#ffe8a0 0%,#e6b84a 40%,#b8832a 80%,#9b6928 100%);border:1px solid #ffeba5a6;border-radius:12px;width:100%;height:44px;margin-top:4px;font-size:15px;font-weight:900;transition:opacity .15s,transform .12s;box-shadow:inset 0 1px #ffffff73,0 4px 14px #d9ad5b47}.pf-welfare-btn:active{opacity:.82;transform:translateY(1px)scale(.99)}.pf-welfare-btn--outline{color:var(--gold-light);box-shadow:none;background:#ffffff0a;border:1px solid #d9ad5b7a}.pf-banner{width:100%;min-height:80px;box-shadow:var(--shadow-card), 0 0 20px #2c8cff14, inset 0 1px 0 #ffffff12;cursor:pointer;text-align:left;background:radial-gradient(at 75%,#2c8cff2e 0%,#0000 50%),linear-gradient(105deg,#08182e 0%,#0c2248 50%,#071630 100%);border:1px solid #2c8cff66;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;transition:opacity .15s;display:flex;position:relative;overflow:hidden}.pf-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#2c8cffb3 40%,#64beffe6 55%,#2c8cff80 75%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.pf-banner:active{opacity:.85}.pf-banner__tag{color:#a8d8ff;letter-spacing:.5px;text-transform:uppercase;background:#2c8cff26;border:1px solid #2c8cff66;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:900;display:inline-flex}.pf-banner__title{color:#eaf6ff;margin:5px 0 3px;font-size:18px;font-weight:950;line-height:1.2}.pf-banner__title strong{background:linear-gradient(135deg,#fff0b8,#f7dc91);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px}.pf-banner__desc{color:#7aadce;white-space:nowrap;margin:0;font-size:11px}.pf-banner__arrow{color:#a8d8ff;background:#2c8cff26;border:1px solid #2c8cff59;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;margin-left:8px;display:grid}.pf-shortcuts{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;background:radial-gradient(at 8% 0,#2c8cff1f 0%,#0000 40%),radial-gradient(at 92% 100%,#d9ad5b14 0%,#0000 35%),linear-gradient(155deg,#0c1d38 0%,#071428 55%,#040d1c 100%);border-radius:20px;margin-bottom:12px;padding:14px 10px 10px;position:relative;overflow:hidden}.pf-shortcuts:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#2c8cff80 30%,#f7dc9199 55%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.pf-shortcuts__row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pf-shortcuts__row+.pf-shortcuts__row{border-top:1px solid #d9ad5b1a;margin-top:2px;padding-top:8px}.pf-shortcut-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 6px;transition:background .15s,transform .12s;display:flex}.pf-shortcut-btn:active{background:#d9ad5b12;transform:scale(.94)}.pf-shortcut-btn__icon{width:46px;height:46px;color:var(--gold-light);background:radial-gradient(circle at 35% 30%,#f7dc9126,#0000 55%),linear-gradient(145deg,#142d50f2,#081628fa);border:1px solid #d9ad5b47;border-radius:14px;flex-shrink:0;place-items:center;font-size:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 10px #0006,inset 0 1px #ffffff14}.pf-shortcut-btn__icon:before{content:"";pointer-events:none;background:linear-gradient(#ffffff12 0%,#0000 100%);border-radius:14px 14px 0 0;height:45%;position:absolute;top:0;left:0;right:0}.pf-shortcut-btn--welfare .pf-shortcut-btn__icon{border-color:#d9ad5b8c;box-shadow:0 3px 12px #0006,0 0 10px #d9ad5b2e,inset 0 1px #ffffff1a}.pf-shortcut-btn__label{color:var(--text-soft);letter-spacing:.2px;white-space:nowrap;font-size:11px;font-weight:700}.pf-func-section{margin-bottom:12px}.pf-func-section__title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px 4px;font-size:11px;font-weight:900}.pf-func-grid{border:1px solid var(--card-border);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0d;background:linear-gradient(160deg,#091a30 0%,#060f1e 100%);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pf-func-card{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #d9ad5b17;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px;height:60px;padding:0 16px;transition:background .15s;display:grid;position:relative}.pf-func-card:last-child{border-bottom:none}.pf-func-card:active{background:#d9ad5b12}.pf-func-card:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));border-radius:0 3px 3px 0;width:3px;height:60%;transition:transform .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.pf-func-card:active:before{transform:translateY(-50%)scaleY(1)}.pf-func-card__icon{width:40px;height:40px;color:var(--gold-light);background:radial-gradient(circle at 35% 30%,#f7dc912e,#0000 55%),linear-gradient(145deg,#142d50e6,#081628f2);border:1px solid #d9ad5b47;border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;display:grid;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff12}.pf-func-card__label{color:var(--text-main);letter-spacing:.2px;font-size:15px;font-weight:800}.pf-func-card__chevron{color:#d9ad5b59;justify-self:end}.pf-help-section{border:1px solid var(--card-border);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0d;background:linear-gradient(160deg,#091a30 0%,#060f1e 100%);border-radius:16px;margin-bottom:20px;overflow:hidden}.pf-help-item{cursor:pointer;text-align:left;width:100%;height:54px;color:var(--text-soft);letter-spacing:.2px;background:0 0;border:none;border-bottom:1px solid #d9ad5b17;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:800;transition:background .15s;display:grid}.pf-help-item:last-child{border-bottom:none}.pf-help-item:active{background:#d9ad5b12}.pf-help-item__icon{color:var(--gold);flex-shrink:0}.pf-help-item__chevron{color:#d9ad5b59;justify-self:end}@media (width>=430px){.pf{padding:14px 16px 32px}.pf-mc-balance__value{font-size:26px}.pf-mc-btn__card{width:44px;height:44px}.pf-vip-card__badge-img{width:80px;height:80px}}.vip-growth-card{box-sizing:border-box;color:#f7faff;background:radial-gradient(circle at 16% 10%,#3784ff2e,#0000 34%),radial-gradient(circle at 92% 12%,#f7d98a1f,#0000 32%),linear-gradient(145deg,#07162a 0%,#0b2342 48%,#061120 100%);border:1px solid #e7be6375;border-radius:18px;width:100%;margin-bottom:12px;padding:16px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000059,inset 0 1px #ffffff14}.vip-growth-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#ffffff12,#0000 28%),linear-gradient(#0000 0%,#ffffff08 100%);position:absolute;inset:0}.vip-growth-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 8%,#8c50ff73 30%,#f7d98aa6 55%,#2c8cff59 78%,#0000 92%);height:1px;position:absolute;top:0;left:0;right:0}.vip-growth-card:hover{border-color:#f7d98aa8}.vip-growth-card:active{transform:scale(.99)}.vip-growth-card__header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex;position:relative}.vip-growth-card__header-left{flex-direction:column;gap:2px;display:flex}.vip-growth-card__eyebrow{letter-spacing:.13em;color:#9fb2ccc7;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.vip-growth-card__title{letter-spacing:.04em;color:#f7d98a;text-shadow:0 0 12px #f7d98a3d;margin:0;font-size:17px;font-weight:900;line-height:1.1}.vip-growth-card__status{text-align:right;color:#ffe6a3;text-shadow:0 0 12px #f7d98a73,0 2px 8px #0006;min-width:58px;font-size:24px;font-weight:950;line-height:1}.vip-growth-card__level-row{z-index:1;grid-template-columns:58px 1fr 54px;align-items:center;gap:10px;display:grid;position:relative}.vip-growth-card__level{flex-direction:column;align-items:center;gap:4px;display:flex}.vip-growth-card__level img{object-fit:contain;filter:drop-shadow(0 0 10px #d9ad5bb3);width:46px;height:46px;display:block}.vip-growth-card__level span{white-space:nowrap;font-size:12px;font-weight:900}.vip-growth-card__level--current span{color:#f7d98a}.vip-growth-card__level--next img{opacity:.46;filter:grayscale(24%)brightness(.76);width:42px;height:42px}.vip-growth-card__level--next span{color:#becde2ad}.vip-growth-card__progress-wrap{min-width:0}.vip-growth-card__progress-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;width:100%;height:9px;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #0000007a}.vip-growth-card__progress-fill{background:linear-gradient(90deg,#b77924 0%,#f7d98a 48%,#fff2b8 100%);border-radius:999px;height:100%;transition:width .9s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 0 13px #f7d98a94}.vip-growth-card__progress-fill:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff6b 50%,#0000 70%);animation:2.4s ease-in-out infinite vgc-shimmer;position:absolute;inset:0}.vip-growth-card__progress-fill:after{content:"";background:#fff4bd;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 10px #ffe284f2,0 0 18px #f7d98a8c}@keyframes vgc-shimmer{0%{transform:translate(-120%)}65%{transform:translate(220%)}to{transform:translate(220%)}}.vip-growth-card__hint{z-index:1;text-align:center;color:#9fb2cc;margin:13px 0 12px;font-size:12px;font-weight:700;line-height:1.45;position:relative}.vip-growth-card__hint strong{color:#f7d98a;font-weight:950}.vip-growth-card__stats{z-index:1;background:#ffffff0b;border:1px solid #ffffff16;border-radius:14px;grid-template-columns:repeat(3,1fr);min-height:56px;display:grid;position:relative;overflow:hidden}.vip-growth-card__stat{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 4px;display:flex;position:relative}.vip-growth-card__stat:not(:last-child):after{content:"";background:linear-gradient(#0000,#e7be6385,#0000);width:1px;position:absolute;top:14px;bottom:14px;right:0}.vip-growth-card__stat-value{color:#ffe6a3;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 8px #f7d98a40;max-width:100%;font-size:14px;font-weight:950;line-height:1;overflow:hidden}.vip-growth-card__stat-label{color:#8ea3c2;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2}@media (width<=360px){.vip-growth-card{padding:14px}.vip-growth-card__level-row{grid-template-columns:52px 1fr 50px;gap:8px}.vip-growth-card__level img{width:42px;height:42px}.vip-growth-card__level--next img{width:38px;height:38px}.vip-growth-card__stat-value{font-size:12px}}.aff-page{background:radial-gradient(80% 40% at 50% 0,#1e3c8c52 0%,#0000 70%),radial-gradient(55% 28% at 80% 55%,#783cdc1a 0%,#0000 60%),#060f1e;min-height:100%;padding-bottom:110px}.aff-hero{border-radius:18px;align-items:center;min-height:128px;margin:0 12px 14px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000073,inset 0 1px #d9ad5b26}.aff-hero__glow{pointer-events:none;background:radial-gradient(circle,#783cdc38 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.aff-hero__left{z-index:1;flex:1}.aff-hero__title{background:linear-gradient(135deg,#ffe9a0,#d9ad5b 60%,#a07830);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 7px;font-size:26px;font-weight:900;line-height:1.2}.aff-hero__subtitle{color:#8ca0b8;margin-bottom:10px;font-size:11px;line-height:1.55}.aff-hero__slogan{color:#d9ad5b;letter-spacing:.3px;background:linear-gradient(90deg,#3676ff38,#783cdc38);border:1px solid #d9ad5b66;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.aff-hero__right{z-index:1;padding-left:8px}.aff-hero__visual{filter:drop-shadow(0 0 18px #d9ad5b80);font-size:52px;line-height:1}.aff-tabs{gap:6px;margin:0 12px 14px;display:flex}.aff-tab{text-align:center;color:#a0afc88c;cursor:pointer;background:#0a142cd9;border:1px solid #d9ad5b26;border-radius:10px;flex:1;padding:9px 4px;font-size:12px;font-weight:800;transition:all .18s}.aff-tab.is-active{color:#f5d88a;background:linear-gradient(#f5d88a24,#ae7e371a);border-color:#d9ad5b99;box-shadow:0 0 14px #d9ad5b1f,inset 0 1px #ffffff12}.aff-panel{padding:0 12px}.aff-section__title{color:#f5d88a;margin-bottom:12px;padding-left:10px;font-size:14px;font-weight:800;position:relative}.aff-section__title:before{content:"";background:linear-gradient(#ffe9a0,#a07830);border-radius:2px;width:3px;height:15px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.aff-stats-section{background:linear-gradient(145deg,#0a1632f5,#060e22fa);border:1px solid #d9ad5b38;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 6px 22px #00000052}.aff-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:2px;display:grid}.aff-stat-card{background:#040a1cd9;border:1px solid #d9ad5b2e;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;display:flex}.aff-stat-card__icon{filter:drop-shadow(0 0 8px #d9ad5b61);font-size:28px}.aff-stat-card__value{background:linear-gradient(135deg,#ffe9a0,#d9ad5b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:900;line-height:1}.aff-stat-card__label{color:#a0b4dca6;text-align:center;font-size:11px}.aff-invite-card{background:linear-gradient(135deg,#081a3a 0%,#0d1e45 50%,#100a2e 100%);border:1px solid #d9ad5b61;border-radius:16px;margin-bottom:14px;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 28px #0006}.aff-invite-card__glow{pointer-events:none;background:radial-gradient(circle,#783cdc2e 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.aff-invite-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.aff-invite-card__main-title{background:linear-gradient(135deg,#ffe9a0,#d9ad5b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1.2}.aff-invite-card__reward{color:#5eb3ff;margin-top:4px;font-size:13px;font-weight:700}.aff-invite-card__qr-btn{color:#1b1000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d9ad5b,#a07830);border:none;border-radius:99px;flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:800;box-shadow:0 3px 10px #d9ad5b4d}.aff-invite-card__link-label{color:#a0b4dc99;margin-bottom:8px;font-size:11px}.aff-invite-card__link-box{background:#040a1cd9;border:1px solid #d9ad5b47;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.aff-invite-card__url{color:#a0b9e6b8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.aff-invite-card__copy-btn{color:#d9ad5b;cursor:pointer;background:linear-gradient(135deg,#3676ff47,#783cdc47);border:1px solid #d9ad5b6b;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:800;display:flex}.aff-record-btn-wrap{justify-content:center;margin-bottom:20px;display:flex}.aff-record-btn{color:#d9ad5b;cursor:pointer;letter-spacing:.5px;background:linear-gradient(#142655f2,#0a1637f2);border:1px solid #d9ad5b85;border-radius:10px;padding:11px 48px;font-size:14px;font-weight:800;box-shadow:0 4px 14px #00000040}.aff-section{background:linear-gradient(145deg,#0a1632f5,#060e22fa);border:1px solid #d9ad5b2e;border-radius:16px;margin-bottom:14px;padding:16px;overflow:hidden;box-shadow:0 6px 20px #00000047}.aff-condition-card{flex-direction:column;gap:0;display:flex}.aff-condition-item{align-items:center;gap:12px;padding:10px 0;display:flex}.aff-condition-divider{background:linear-gradient(90deg,#d9ad5b40,#ffffff0d 70%,#0000);height:1px}.aff-condition-icon{flex-shrink:0;font-size:20px;line-height:1}.aff-condition-label{color:#a0afd294;margin-bottom:3px;font-size:11px}.aff-condition-value{color:#e1ebffe0;font-size:13px;font-weight:700}.aff-content-card{flex-direction:column;gap:10px;display:flex}.aff-content-text{color:#c3d7f5b8;margin:0;font-size:13px;line-height:1.75}.aff-highlight{color:#5eb3ff;font-weight:800}.aff-table-wrap{border-radius:10px;overflow:hidden}.aff-table{border-collapse:collapse;width:100%}.aff-table thead tr{background:linear-gradient(90deg,#0f2048fa,#0a163afa)}.aff-table th{color:#d9ad5b;text-align:center;border-bottom:1px solid #d9ad5b4d;padding:11px 10px;font-size:12px;font-weight:800}.aff-table tbody tr{background:#060e24eb}.aff-table tbody tr:nth-child(2n){background:#0a1634eb}.aff-table td{color:#d7e6ffd1;text-align:center;border-bottom:1px solid #d9ad5b14;padding:13px 10px;font-size:13px}.aff-rules-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.aff-rules-list li{color:#c3d7f5b3;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.68;display:flex}.aff-rule-num{color:#1b1000;background:linear-gradient(#f4d98e,#a07830);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;font-size:11px;font-weight:900;display:flex}.aff-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;display:flex}.aff-placeholder__icon{opacity:.35;font-size:52px}.aff-placeholder__text{color:#a0b9dc61;font-size:14px}.aff-toast{color:#f5d88a;z-index:9999;white-space:nowrap;background:#0a1632f5;border:1px solid #d9ad5b85;border-radius:99px;padding:10px 26px;font-size:13px;font-weight:700;animation:.25s aff-toast-in;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}@keyframes aff-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=399px){.aff-hero{min-height:110px;padding:0}.aff-hero__title{font-size:22px}.aff-hero__visual{font-size:42px}.aff-stat-card__value{font-size:26px}.aff-invite-card__main-title{font-size:18px}}@media (width>=430px){.aff-hero__title{font-size:28px}.aff-hero__visual{font-size:58px}}.aff-overview-card{background:linear-gradient(145deg,#0a1632f7,#060e22fc);border:1px solid #d9ad5b47;border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 28px #0000005c}.aff-overview-card__top{gap:12px;padding:16px 16px 0;display:flex}.aff-overview-card__record-btn{color:#d9ad5b;cursor:pointer;white-space:nowrap;background:#d9ad5b17;border:1px solid #d9ad5b6b;border-radius:99px;align-self:flex-start;margin-left:auto;padding:5px 12px;font-size:11px;font-weight:700}.aff-earnings{flex:1}.aff-earnings__title{color:#a0b4dc8c;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.aff-earnings__amount{background:linear-gradient(135deg,#ffe9a0,#d9ad5b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;line-height:1.1}.aff-earnings__label{color:#a0b9e18c;margin-top:2px;font-size:11px}.aff-stats-row{gap:8px;margin-top:10px;display:flex}.aff-stat{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex:1;padding:8px 10px}.aff-stat__value{color:#ded0ac;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.aff-stat__label{color:#829bbea6;margin-top:2px;font-size:10px}.aff-invite{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;width:140px;display:flex}.aff-invite__title{color:#aeb8c8;text-align:right;font-size:12px;font-weight:800}.aff-invite__rebate{color:#f5d88a;background:#d9ad5b24;border:1px solid #d9ad5b4d;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.aff-invite__tag{color:#829bbe99;margin-top:2px;font-size:10px}.aff-invite__url-wrap{align-items:center;gap:4px;width:100%;margin-top:4px;display:flex}.aff-invite__url{color:#afc3ebb8;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:4px 6px;font-size:9px;overflow:hidden}.aff-invite__copy-btn{color:#1b1204;cursor:pointer;white-space:nowrap;background:linear-gradient(#f3d58a,#b8893d);border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:800}.aff-invite__qr-btn{color:#6491c8bf;cursor:pointer;background:0 0;border:none;margin-top:2px;font-size:10px;text-decoration:underline}.aff-overview-card__divider{background:linear-gradient(90deg,#d9ad5b47,#ffffff0d 60%,#0000);height:1px;margin:14px 16px 0}.aff-overview-card__cta{padding:14px 16px}.aff-cta-btn{color:#1b1204;cursor:pointer;background:linear-gradient(#f3d58a 0%,#b8893d 100%);border:none;border-radius:12px;width:100%;padding:13px;font-size:14px;font-weight:800;transition:opacity .18s;box-shadow:inset 0 1px #ffffff59,0 6px 16px #d9ad5b33}.aff-cta-btn:active{opacity:.82}.aff-info-grid{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 4px;display:grid;overflow:hidden}.aff-info-item{background:#ffffff05;padding:10px 12px}.aff-info-item__label{color:#829bbe99;font-size:10px}.aff-info-item__value{color:#ded0ac;margin-top:2px;font-size:12px;font-weight:700}.aff-rebate-table-wrap{border-radius:10px;overflow-x:auto}.aff-rebate-table{border-collapse:collapse;width:100%;font-size:12px}.aff-rebate-table th{color:#d9ad5b;text-align:left;background:#d9ad5b1a;border-bottom:1px solid #d9ad5b2e;padding:8px 10px;font-weight:700}.aff-rebate-table td{color:#c8dcfacc;border-bottom:1px solid #ffffff0d;padding:9px 10px}.aff-rebate-table tr:last-child td{border-bottom:none}.aff-rebate-table td:last-child{color:#ded0ac;font-weight:800}.aff-content-list{flex-direction:column;gap:8px;display:flex}@media (width<=375px){.aff-invite{width:120px}.aff-invite__url{font-size:8px}}.rl-root{background:#000;position:fixed;inset:0;overflow:hidden;margin:0!important;padding:0!important}.rl-viewport{scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:scroll}.rl-viewport::-webkit-scrollbar{display:none}.rl-slide{scroll-snap-align:start;height:100dvh;position:relative;overflow:hidden}.rl-slide__bg{object-fit:cover;filter:blur(22px)brightness(.38)saturate(1.6);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.rl-slide__dim{pointer-events:none;background:linear-gradient(#00000040 0%,#0000000d 28% 50%,#0000008c 72%,#000000eb 100%);position:absolute;inset:0}.rl-slide__counter{top:calc(env(safe-area-inset-top) + 58px);color:#ffffff73;letter-spacing:.5px;pointer-events:none;font-size:12px;font-weight:900;position:absolute;right:16px}.rl-slide__footer{padding:16px 16px calc(24px + env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:0}.rl-slide__tags{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.rl-tag{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900}.rl-tag--lock{color:#d4a8ff;background:#9350ff38;border-color:#aa64ff73;align-items:center;gap:3px;display:inline-flex}.rl-tag--full{color:#ff9b9b;background:#ff373738;border-color:#ff505066}.rl-tag--room-no{color:#f7dc91;letter-spacing:1px;background:#f7dc9126;border-color:#f7dc9166;font-weight:900}.rl-slots{grid-template-columns:repeat(4,1fr);gap:6px 4px;margin-bottom:10px;display:grid}:is(.rl-slots:has(.rl-slot:nth-child(3):last-child),.rl-slots:has(.rl-slot:nth-child(2):last-child)){grid-template-columns:repeat(3,1fr)}.rl-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.rl-slot__avatar-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.rl-slot__avatar{object-fit:cover;border:2px solid #f7dc918c;border-radius:50%;width:42px;height:42px;display:block}.rl-slot__crown{color:#f7dc91;filter:drop-shadow(0 1px 4px #000000b3);position:absolute;top:-7px;left:50%;transform:translate(-50%)}.rl-slot__mic{color:#5a7a9a;background:#141e32e6;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:-3px;right:-3px}.rl-slot__mic.is-on{color:#9be7ff;border-color:#61daff80}.rl-slot__name{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:50px;font-size:10px;font-weight:800;overflow:hidden}.rl-slot--empty{opacity:.45}.rl-slot--empty .rl-slot__plus-wrap{border:2px dashed #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.rl-slot__plus{color:#ffffff59;border:2px dashed #ffffff47;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;font-weight:300;display:grid}.rl-game-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:68px 1fr;align-items:center;gap:8px;margin-bottom:10px;padding:7px 9px;display:grid}.rl-game-preview__img{object-fit:cover;border:1px solid #ffffff1f;border-radius:8px;width:68px;height:44px;display:block}.rl-game-preview__info{flex-direction:column;gap:3px;display:flex}.rl-game-preview__label{color:#fff6;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:900}.rl-game-preview__name{color:#f5e7c4;font-size:13px;font-weight:950}.rl-game-preview__provider{color:#ffffff73;font-size:11px;font-weight:800}.rl-join-btn--lock{color:#fff;background:linear-gradient(#d4a8ff 0%,#a855f7 40%,#7c3aed 80%,#6d28d9 100%);border-color:#a855f799;justify-content:center;align-items:center;gap:7px;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 6px 24px #8b5cf673}.rl-slide__name{color:#fff;text-shadow:0 2px 14px #0009;margin:0 0 8px;font-size:22px;font-weight:950;line-height:1.15}.rl-slide__meta{color:#ffffffb8;align-items:center;gap:5px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.rl-dot{background:#ffffff59;border-radius:50%;flex-shrink:0;width:3px;height:3px}.rl-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:999px;height:7px;margin-bottom:6px;overflow:hidden}.rl-bar span{border-radius:inherit;background:linear-gradient(90deg,#b77924,#f7d98a,#fff2b8);height:100%;transition:width .6s;display:block;box-shadow:0 0 10px #f7d98a8c}.rl-bar-row{color:#ffffff80;justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.rl-bar-row span:last-child{color:#f7dc91}.rl-empty{scroll-snap-align:start;justify-content:center;align-items:center;height:100dvh;display:flex}.rl-empty p{color:#ffffff73;text-align:center;padding:0 32px;font-size:16px;font-weight:800}.rl-join-btn{color:#1c0e02;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#ffe8a0 0%,#e6b84a 40%,#b8832a 80%,#9b6928 100%);border:1px solid #f7dc918c;border-radius:13px;width:100%;height:48px;font-size:15px;font-weight:950;transition:opacity .15s,transform .12s;box-shadow:inset 0 1px #ffffff73,0 6px 24px #d9ad5b73}.rl-join-btn:active{opacity:.82;transform:scale(.98)}.rl-topbar{z-index:100;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;pointer-events:none;background:linear-gradient(#0000008c,#0000);grid-template-columns:50px 1fr auto;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.rl-back-btn,.rl-open-btn{pointer-events:auto}.rl-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.rl-topbar__title{color:#fff;text-shadow:0 1px 6px #00000080;text-align:center;font-size:17px;font-weight:950}.rl-search-wrap{pointer-events:auto;align-items:center;margin:0 8px;display:flex;position:relative}.rl-search-icon{color:#ffffff73;pointer-events:none;flex-shrink:0;position:absolute;left:11px}.rl-search{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;background:#00000073;border:1px solid #fff3;border-radius:999px;outline:none;width:100%;height:36px;padding:0 14px 0 32px;font-size:14px;font-weight:700}.rl-search::placeholder{color:#ffffff61;letter-spacing:normal;font-size:13px;font-weight:400}.rl-search:focus{background:#0009;border-color:#f7dc9199}.rl-open-btn{color:#f7dc91;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border:1px solid #f7dc91a6;border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 15px;font-size:14px;font-weight:950;transition:background .15s;display:inline-flex;box-shadow:0 0 14px #d9ad5b33}.rl-open-btn:active{background:#d9ad5b33}.rl-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.rl-sheet{background:radial-gradient(circle at 12% 3%,#2c8cff24,#0000 36%),linear-gradient(#0e2140 0%,#071830 100%);border:1px solid #d9ad5b5c;border-bottom:none;border-radius:24px 24px 0 0;width:100%;max-height:90dvh;padding:0 16px 36px;overflow-y:auto}.rl-sheet__handle{background:#fff3;border-radius:999px;width:36px;height:4px;margin:12px auto 16px}.rl-sheet__head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.rl-sheet__head h2{color:#f7dc91;margin:0;font-size:20px;font-weight:950}.rl-sheet__close{color:#9fb3cb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.rl-field{gap:8px;margin-bottom:18px;display:grid}.rl-field>span{color:#8fa7c6;letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:900}.rl-field input{color:#f5e7c0;background:#ffffff0d;border:1px solid #d9ad5b47;border-radius:13px;outline:none;height:46px;padding:0 14px;font-size:15px;font-weight:800;transition:border-color .15s}.rl-field input::placeholder{color:#ffffff40}.rl-field input:focus{border-color:#f7dc918c}.rl-field--row{grid-template-columns:1fr auto;align-items:center;gap:12px}.rl-game-scroll{scrollbar-width:none;grid-auto-columns:118px;grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.rl-game-scroll::-webkit-scrollbar{display:none}.rl-game-chip{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:0;transition:border-color .15s;overflow:hidden}.rl-game-chip.is-on{border-color:#f7dc91a6;box-shadow:0 0 12px #d9ad5b33}.rl-game-chip img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.rl-game-chip span{color:#dce8ff;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:11px;font-weight:900;display:block;overflow:hidden}.rl-num-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.rl-num-btn{color:#9fb3cb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;height:40px;font-size:12px;font-weight:900;transition:all .15s}.rl-num-btn.is-on{color:#f7dc91;background:#d9ad5b24;border-color:#f7dc91a6}.rl-mic-toggle{color:#7fa3c6;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.rl-mic-toggle.is-on{color:#9be7ff;background:#2c8cff1a;border-color:#61daff73}.rl-confirm-btn{color:#1c0e02;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#ffe8a0 0%,#e6b84a 40%,#b8832a 80%,#9b6928 100%);border:1px solid #f7dc918c;border-radius:14px;width:100%;height:52px;font-size:16px;font-weight:950;transition:opacity .15s,transform .12s;box-shadow:inset 0 1px #ffffff73,0 4px 16px #d9ad5b4d}.rl-confirm-btn:active{opacity:.85;transform:translateY(1px)scale(.99)}.rl-pwd-wrap{align-items:center;display:flex;position:relative}.rl-pwd-wrap input{color:#fff;letter-spacing:4px;background:#ffffff12;border:1.5px solid #ffffff2e;border-radius:12px;outline:none;flex:1;height:46px;padding:0 44px 0 16px;font-size:18px;font-weight:900;transition:border-color .2s}.rl-pwd-wrap input::placeholder{letter-spacing:normal;color:#ffffff4d;font-size:14px;font-weight:400}.rl-pwd-wrap input:focus{border-color:#f7dc91a6}.rl-pwd-wrap input.is-err{background:#ff3c3c14;border-color:#ff5050b3}.rl-pwd-eye{color:#ffffff73;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;right:12px}.rl-pwd-eye:hover{color:#fffc}.rl-pwd-hint{color:#ffffff80;margin:0 0 16px;font-size:13px}.rl-pwd-err{color:#ff7b7b;margin:6px 0 12px;font-size:13px;font-weight:800}.rl-sheet--pwd{padding:0 0 calc(env(safe-area-inset-bottom))}.rl-sheet--pwd .rl-sheet__handle{margin:12px auto 16px}.rl-sheet--pwd .rl-sheet__head,.rl-sheet--pwd .rl-pwd-hint,.rl-sheet--pwd .rl-pin-boxes,.rl-sheet--pwd .rl-pwd-err{padding-left:20px;padding-right:20px}.rl-pin-boxes{justify-content:center;gap:14px;margin:8px 0 6px;display:flex}.rl-pin-box{background:#ffffff0f;border:2px solid #d9ad5b4d;border-radius:14px;place-items:center;width:58px;height:58px;transition:border-color .15s,background .15s;display:grid}.rl-pin-box.is-err{background:#ff3c3c1a;border-color:#ff5050bf;animation:.38s pin-shake}.rl-pin-box.is-locked{background:#ff3c3c14;border-color:#ff505080}.rl-pin-lock-icon{color:#ff6464b3;place-items:center;display:grid}.rl-pwd-locked{background:#ff3c3c1a;border:1px solid #ff50504d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;margin:8px 20px 4px;padding:12px;display:flex}.rl-pwd-locked p{color:#ff9b9b;margin:0;font-size:13px;font-weight:700}.rl-pwd-locked__timer{letter-spacing:2px;line-height:1.1;color:#ff7b7b!important;font-size:28px!important;font-weight:900!important}.rl-numpad.is-locked .rl-numpad-key{opacity:.3;cursor:not-allowed}.rl-numpad-key:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.rl-pin-dot{background:#f7dc91;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #f7dc9199}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.rl-numpad{background:#00000073;border-top:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;display:grid}.rl-numpad-key{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1c2a42eb;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:66px;transition:background 80ms;display:flex}.rl-numpad-key:active{background:#465f8ce0}.rl-numpad-key--blank{cursor:default;background:#121c30eb}.rl-numpad-key__num{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:300;line-height:1}.rl-numpad-key__sub{color:#ffffff73;letter-spacing:1.8px;min-height:11px;font-size:9px;font-weight:700;display:block}.rl-numpad-del{color:#fff;font-size:22px;line-height:1}.rl-numpad-key--del{font-size:22px}.rd-page{color:#eef6ff;background:radial-gradient(circle at 10% 2%,#3282ff2e,#0000 36%),radial-gradient(circle at 90% 18%,#f7d98a1a,#0000 30%),linear-gradient(#04111f 0%,#020812 100%);min-height:100%;padding:0 0 36px}.rd-not-found{color:#9fb3cb;place-items:center;gap:12px;min-height:60dvh;font-size:15px;display:grid}.rd-not-found button{color:#f7dc91;cursor:pointer;background:0 0;border:1px solid #f7dc9166;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:900}.rd-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04111fd1;border-bottom:1px solid #d9ad5b24;grid-template-columns:46px 1fr 46px;align-items:center;gap:4px;height:56px;padding:0 4px;display:grid;position:sticky;top:0}.rd-back-btn,.rd-mic-btn{color:#b8d4f5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-self:center;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.rd-mic-btn.is-on{color:#9be7ff;background:#2c8cff1f;border-color:#61daff80}.rd-topbar__info{min-width:0}.rd-topbar__name{color:#f5e8c4;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:15px;font-weight:950;overflow:hidden}.rd-topbar__meta{color:#7fa3c6;align-items:center;gap:5px;margin:0;font-size:11px;font-weight:800;display:flex}.rd-dot{background:#ffffff4d;border-radius:50%;flex-shrink:0;width:3px;height:3px}.rd-stage{gap:8px;padding:12px;display:grid}.rd-video-box{aspect-ratio:16/9;background:#020914;border:1px solid #61daff33;border-radius:18px;width:100%;position:relative;overflow:hidden}.rd-video-placeholder{position:absolute;inset:0}.rd-video-bg{object-fit:cover;filter:brightness(.3)blur(6px);width:100%;height:100%;position:absolute;inset:0}.rd-video-overlay{text-align:center;color:#9be7ff;align-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:0}.rd-video-overlay span{color:#f7dc91;font-size:15px;font-weight:950}.rd-video-overlay small{color:#7f96b5;font-size:11px;font-weight:800}.rd-video{object-fit:cover;width:100%;height:100%;display:block}.rd-stage-btns{grid-template-columns:1fr 1fr 46px;gap:8px;display:grid}.rd-stage-btn{color:#f7dc91;cursor:pointer;background:linear-gradient(160deg,#0e2747 0%,#071529 100%);border:1px solid #d9ad5b59;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:900;transition:border-color .15s,opacity .15s;display:inline-flex}.rd-stage-btn--primary{background:linear-gradient(160deg,#193560 0%,#0e2040 100%);border-color:#f7dc9199}.rd-stage-btn--stop{color:#ff9b9b;border-color:#ff505073}.rd-stage-btn--icon{font-size:18px}.rd-stage-btn:active{opacity:.75}.rd-game-picker{scrollbar-width:none;grid-auto-columns:112px;grid-auto-flow:column;gap:8px;padding:0 12px 12px;display:grid;overflow-x:auto}.rd-game-picker::-webkit-scrollbar{display:none}.rd-game-chip{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;padding:0;transition:border-color .15s;overflow:hidden}.rd-game-chip.is-on{border-color:#f7dc91a6;box-shadow:0 0 12px #d9ad5b2e}.rd-game-chip img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.rd-game-chip span{color:#dce8ff;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:11px;font-weight:900;display:block;overflow:hidden}.rd-card{background:radial-gradient(circle at 8% 6%,#2c8cff1a,#0000 36%),linear-gradient(155deg,#0c203d 0%,#071529 56%,#040d1a 100%);border:1px solid #d9ad5b47;border-radius:20px;margin:0 12px 10px;padding:14px;box-shadow:0 8px 22px #0006,inset 0 1px #ffffff0f}.rd-card__head{color:#f7dc91;align-items:center;gap:7px;margin-bottom:14px;font-size:14px;font-weight:950;display:flex}.rd-card__badge{color:#f7dc91;background:#d9ad5b1a;border:1px solid #f7dc914d;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:900}.rd-players{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rd-player{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.rd-player__avatar-wrap{flex-shrink:0;width:46px;height:46px;position:relative}.rd-player__avatar{object-fit:cover;border:2px solid #f7dc9166;border-radius:50%;width:100%;height:100%}.rd-player__mic{color:#6a8daf;background:#17243a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.rd-player__mic.is-on{color:#9be7ff;border-color:#61daff73}.rd-player__host{color:#9be7ff;background:#61daff2e;border:1px solid #61daff59;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:900;position:absolute;top:-6px;right:-6px}.rd-player__name{color:#f5f0e8;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:2px 0 0;font-size:12px;font-weight:900;overflow:hidden}.rd-player__wager{color:#7fa3c6;margin:0;font-size:10px;font-weight:800}.rd-player__score{margin:0;font-size:11px}.rd-player__score b{color:#5de8a0;font-weight:950}.rd-bar{background:#ffffff14;border-radius:999px;height:9px;margin-bottom:8px;overflow:hidden}.rd-bar span{border-radius:inherit;background:linear-gradient(90deg,#b77924,#f7d98a,#fff2b8);height:100%;transition:width .6s;display:block;box-shadow:0 0 10px #f7d98a73}.rd-redpack-info{color:#9fb3cb;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.rd-redpack-info b{color:#f7dc91}.rd-redpack-desc{color:#7fa3c6;margin:0;font-size:12px;line-height:1.6}.rd-rank-list{gap:7px;display:grid}.rd-rank-row{background:#ffffff0a;border:1px solid #0000;border-radius:13px;grid-template-columns:26px 38px 1fr auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.rd-rank-row.is-first{background:#d9ad5b14;border-color:#f7dc9159}.rd-rank-no{color:#8fa7c6;background:#ffffff0f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:950;display:grid}.rd-rank-row.is-first .rd-rank-no{color:#f7dc91;background:#d9ad5b38;border:1px solid #f7dc9180}.rd-rank-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px}.rd-rank-name{color:#e9f3ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.rd-rank-score{color:#f7dc91;white-space:nowrap;font-size:13px;font-weight:950}@media (width>=430px){.rd-players{grid-template-columns:repeat(3,1fr)}}.br-page{--gold:#d9ad5b;--gold-light:#f7dc91;--gold-deep:#9b6928;--gold-border:#d9ad5b61;--gold-glow:#d9ad5b2e;--blue-accent:#2c8cff;--text-main:#f0ecdf;--text-soft:#b9c4d6;--text-muted:#5e6e85;--card-bg:#06101ff7;--shadow-card:0 8px 32px #00000080, 0 2px 8px #0000004d;--win-color:#4fd69c;--loss-color:#ff6b6b;--turnover-color:#f7dc91;min-height:100dvh;color:var(--text-main);background:radial-gradient(at 50% 0,#2c8cff26 0%,#0000 50%),radial-gradient(at 92% 22%,#d9ad5b14 0%,#0000 35%),linear-gradient(#04111e 0%,#020a15 100%);padding-bottom:32px;overflow-x:hidden}.br-header{z-index:100;background:linear-gradient(#04111e 70%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}.br-header__back{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff12;border:1px solid #d9ad5b38;border-radius:50%;place-items:center;transition:background .15s;display:grid}.br-header__back:active{background:#d9ad5b26}.br-header__title{letter-spacing:1px;background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:900}.br-header__placeholder{width:36px}.br-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:0 14px 12px;display:flex;overflow-x:auto}.br-filters::-webkit-scrollbar{display:none}.br-filter-label{color:var(--text-soft);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.br-select{appearance:none;color:#f0ecdf;cursor:pointer;white-space:nowrap;background-color:#0c2040;background-image:linear-gradient(160deg,#0c2040 0%,#071428 60%,#040d1c 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d9ad5b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%,right 9px center;background-repeat:no-repeat,no-repeat;background-size:100% 100%,12px;border:1px solid #d9ad5b59;border-radius:8px;flex-shrink:0;padding:7px 28px 7px 10px;font-size:13px;font-weight:700}.br-select:focus{border-color:#d9ad5bb3;outline:none}.br-select option{color:#f0ecdf;background:#0c2040}.br-summary{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), 0 0 20px var(--gold-glow);background:radial-gradient(at 90% 0,#d9ad5b1a 0%,#0000 40%),linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border-radius:16px;align-items:center;margin:0 14px 14px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.br-summary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#f7dc9180 35%,#f7dc91b3 55%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.br-summary__item{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.br-summary__divider{background:linear-gradient(#0000,#d9ad5b4d 50%,#0000);flex-shrink:0;width:1px;height:36px}.br-summary__label{color:var(--text-soft);letter-spacing:.3px;white-space:nowrap;font-size:11px}.br-summary__value{letter-spacing:-.3px;color:var(--text-main);white-space:nowrap;font-size:16px;font-weight:900}.br-summary__value.is-win{color:var(--win-color)}.br-summary__value.is-loss{color:var(--loss-color)}.br-summary__value.is-turnover{color:var(--turnover-color)}.br-list{flex-direction:column;gap:10px;padding:0 14px;display:flex}.br-card{background:radial-gradient(at 95% 0,#2c8cff12 0%,#0000 35%),linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border:1px solid #d9ad5b38;border-radius:16px;padding:14px 16px 12px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff0d}.br-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#2c8cff4d 30%,#d9ad5b66 60%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.br-card:active{transform:scale(.985);box-shadow:0 2px 10px #00000080}.br-card__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.br-card__game-info{color:var(--text-main);flex:1;min-width:0;font-size:14px;font-weight:800;line-height:1.4}.br-card__provider{color:var(--gold-light)}.br-card__sep{color:var(--text-muted);margin:0 1px}.br-card__game{color:var(--text-main)}.br-card__time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:11px}.br-card__stats{border-top:1px solid #d9ad5b1a;border-bottom:1px solid #d9ad5b1a;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;margin-bottom:12px;padding:10px 0;display:grid}.br-card__stat{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.br-card__stat-label{color:var(--text-muted);letter-spacing:.2px;white-space:nowrap;font-size:10px}.br-card__stat-val{color:var(--text-main);white-space:nowrap;font-size:14px;font-weight:800}.br-card__stat-val.is-win{color:var(--win-color)}.br-card__stat-val.is-loss{color:var(--loss-color)}.br-card__stat-val.is-turnover{color:var(--turnover-color)}.br-card__badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.br-card__badge--settled{color:#4fd69c;background:#4fd69c26;border:1px solid #4fd69c59}.br-card__badge--pending{color:var(--gold-light);background:#f7dc911f;border:1px solid #f7dc914d}.br-card__badge--cancel{color:var(--text-muted);background:#9696961f;border:1px solid #96969640}.br-card__footer{align-items:center;gap:6px;display:flex}.br-card__footer-label{color:var(--text-muted);flex-shrink:0;font-size:11px}.br-card__order-id{color:var(--text-soft);font-variant-numeric:tabular-nums;letter-spacing:.3px;flex:1;font-size:12px}.br-card__copy-btn{color:#6cb8ff;cursor:pointer;background:#2c8cff1a;border:1px solid #2c8cff40;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:background .12s,color .12s;display:grid}.br-card__copy-btn:active,.br-card__copy-btn:focus{color:var(--win-color);background:#2c8cff38;border-color:#4fd69c66}.br-empty{text-align:center;padding:60px 0 40px}.br-empty__icon{margin:0 0 14px;font-size:44px}.br-empty__title{color:var(--text-soft);margin:0 0 6px;font-size:16px;font-weight:800}.br-empty__sub{color:var(--text-muted);margin:0;font-size:13px}.tr-page{--gold:#d9ad5b;--gold-light:#f7dc91;--gold-deep:#9b6928;--gold-border:#d9ad5b61;--gold-glow:#d9ad5b2e;--text-main:#f0ecdf;--text-soft:#b9c4d6;--text-muted:#5e6e85;--shadow-card:0 8px 32px #00000080, 0 2px 8px #0000004d;--success-color:#4fd69c;--cancel-color:#ff6b6b;--pending-color:#f7dc91;min-height:100dvh;color:var(--text-main);background:radial-gradient(at 50% 0,#2c8cff26 0%,#0000 50%),radial-gradient(at 92% 22%,#d9ad5b14 0%,#0000 35%),linear-gradient(#04111e 0%,#020a15 100%);padding-bottom:40px;overflow-x:hidden}.tr-header{z-index:100;background:linear-gradient(#04111e 70%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}.tr-header__back{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff12;border:1px solid #d9ad5b38;border-radius:50%;place-items:center;display:grid}.tr-header__back:active{background:#d9ad5b26}.tr-header__title{letter-spacing:1px;background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:900}.tr-header__placeholder{width:36px}.tr-tabs{border-bottom:1px solid #d9ad5b2e;margin:0 14px 14px;display:flex}.tr-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px;font-weight:700;transition:color .15s;position:relative}.tr-tab.is-active{color:var(--gold-light)}.tr-tab.is-active:after{content:"";background:linear-gradient(90deg,#d9ad5b,#f7dc91);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:20%;right:20%;box-shadow:0 0 8px #d9ad5b80}.tr-time-btns{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 14px 14px;display:flex;overflow-x:auto}.tr-time-btns::-webkit-scrollbar{display:none}.tr-time-btn{white-space:nowrap;color:var(--text-soft);cursor:pointer;background:linear-gradient(160deg,#0c2040 0%,#071428 60%);border:1px solid #d9ad5b47;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.tr-time-btn.is-active{color:#fff;background:linear-gradient(160deg,#1e4db5 0%,#1638a0 50%,#0e2870 100%);border-color:#2c8cff99;box-shadow:0 0 12px #2c8cff4d}.tr-summary{border:1px solid var(--gold-border);box-shadow:var(--shadow-card), 0 0 20px var(--gold-glow);background:radial-gradient(at 90% 0,#d9ad5b1a 0%,#0000 40%),linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border-radius:16px;align-items:center;margin:0 14px 14px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.tr-summary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#f7dc9180 35%,#f7dc91b3 55%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.tr-summary__item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.tr-summary__divider{background:linear-gradient(#0000,#d9ad5b4d 50%,#0000);flex-shrink:0;width:1px;height:36px}.tr-summary__label{color:var(--text-soft);letter-spacing:.3px;white-space:nowrap;font-size:11px}.tr-summary__value{letter-spacing:-.3px;color:var(--text-main);white-space:nowrap;font-size:15px;font-weight:900}.tr-summary__value.is-withdraw{color:#ff8c8c}.tr-summary__value.is-topup{color:var(--gold-light)}.tr-list{flex-direction:column;gap:10px;padding:0 14px;display:flex}.tr-list__end{text-align:center;color:var(--text-muted);letter-spacing:.5px;margin:0;padding:18px 0 8px;font-size:13px}.tr-card{background:radial-gradient(at 95% 0,#2c8cff12 0%,#0000 35%),linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border:1px solid #d9ad5b33;border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff0d}.tr-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 5%,#2c8cff40 30%,#d9ad5b59 60%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.tr-card__row1{justify-content:space-between;align-items:center;display:flex}.tr-card__title{color:var(--text-main);letter-spacing:.2px;font-size:15px;font-weight:800}.tr-card__amount{color:var(--gold-light);letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.tr-card__row2{justify-content:space-between;align-items:center;display:flex}.tr-card__time{color:var(--text-muted);font-size:12px}.tr-card__status{white-space:nowrap;font-size:12px;font-weight:700}.tr-card__status.is-success{color:var(--success-color)}.tr-card__status.is-cancel{color:var(--cancel-color)}.tr-card__status.is-pending{color:var(--pending-color)}.tr-card__row3{border-top:1px solid #d9ad5b1a;align-items:center;gap:4px;padding-top:4px;display:flex}.tr-card__order-label{color:var(--text-muted);flex-shrink:0;font-size:11px}.tr-card__order-id{color:var(--text-soft);font-variant-numeric:tabular-nums;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.tr-copy-btn{color:#6cb8ff;cursor:pointer;background:#2c8cff1a;border:1px solid #2c8cff40;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:background .12s,color .12s;display:grid}.tr-copy-btn:active{color:#4fd69c;background:#4fd69c26;border-color:#4fd69c59}.tr-custom-range{color:var(--gold-light);text-align:center;cursor:pointer;letter-spacing:.3px;margin:-6px 14px 8px;font-size:12px}.tr-modal-overlay{z-index:300;background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.tr-date-modal{background:#0c2040;border-top:1px solid #d9ad5b4d;border-radius:20px 20px 0 0;width:100%;padding:20px 20px 40px}.tr-date-modal__title{text-align:center;color:var(--text-main);margin:0 0 14px;font-size:16px;font-weight:800}.tr-date-modal__fields{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tr-date-field{color:var(--text-soft);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #d9ad5b33;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .15s}.tr-date-field.is-active{border-color:var(--gold);color:var(--gold-light);background:#d9ad5b1a}.tr-date-field__sep{color:var(--text-muted);flex-shrink:0;font-size:14px}.tr-date-modal__hint{color:#6cb8ff;text-align:center;margin:0 0 16px;font-size:11px}.tr-drum-row{background:#0003;border:1px solid #d9ad5b26;border-radius:14px;gap:4px;margin-bottom:20px;display:flex;overflow:hidden}.tr-drum{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;max-height:200px;display:flex;overflow-y:auto}.tr-drum::-webkit-scrollbar{display:none}.tr-drum__item{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;padding:12px 0;font-size:14px;transition:color .12s,background .12s}.tr-drum__item.is-sel{color:var(--text-main);background:#d9ad5b1f;font-weight:800}.tr-date-modal__footer{gap:12px;display:flex}.tr-date-modal__cancel,.tr-date-modal__confirm{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:800}.tr-date-modal__cancel{color:var(--text-main);background:linear-gradient(155deg,#0c2040,#071428);border:1px solid #d9ad5b33}.tr-date-modal__confirm{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870)}.bc-page{--gold:#d9ad5b;--gold-light:#f7dc91;--gold-border:#d9ad5b59;--text-main:#f0ecdf;--text-soft:#b9c4d6;--text-muted:#5e6e85;--blue:#1e4db5;--blue-light:#6cb8ff;--card-bg:linear-gradient(155deg, #0c2040 0%, #071428 55%, #040d1c 100%);min-height:100dvh;color:var(--text-main);background:linear-gradient(#04111e 0%,#020a15 100%);flex-direction:column;display:flex;overflow-x:hidden}.bc-header{z-index:100;background:linear-gradient(#04111e 70%,#0000 100%);flex-shrink:0;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.bc-header__back{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff12;border:1px solid #d9ad5b38;border-radius:50%;place-items:center;display:grid}.bc-header__back:active{background:#d9ad5b26}.bc-header__title{text-align:center;background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1;margin:0;font-size:17px;font-weight:900}.bc-header__placeholder{width:36px}.bc-tabs{z-index:99;background:#04111e;border-bottom:1px solid #d9ad5b2e;flex-shrink:0;display:flex;position:sticky;top:60px}.bc-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;flex:1;padding:11px 0;font-size:13px;font-weight:700;transition:color .15s;position:relative}.bc-tab.is-active{color:var(--gold-light)}.bc-tab.is-active:after{content:"";background:linear-gradient(90deg,#d9ad5b,#f7dc91);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:15%;right:15%;box-shadow:0 0 8px #d9ad5b80}.bc-body{flex:1;padding-bottom:32px;overflow-y:auto}.bc-empty-hint{text-align:center;color:var(--text-muted);padding:32px 0;font-size:13px}.bc-activity{min-height:calc(100dvh - 120px);display:flex}.bc-act-sidebar{background:#030e1a;border-right:1px solid #d9ad5b1a;flex-shrink:0;width:72px;padding:8px 0}.bc-act-cat{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:14px 0;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s}.bc-act-cat.is-active{color:var(--gold-light);border-left-color:var(--gold);background:#d9ad5b12}.bc-act-list{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex}.bc-act-card{background:var(--card-bg);border:1px solid #d9ad5b2e;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 10px 12px 12px;display:flex;position:relative;overflow:hidden}.bc-act-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#e05b2b,#c73232);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.bc-act-card__body{flex:1;padding-top:20px}.bc-act-card__title{color:var(--text-main);margin:0 0 3px;font-size:14px;font-weight:800}.bc-act-card__sub{color:var(--blue-light);margin:0 0 3px;font-size:12px}.bc-act-card__desc{color:var(--text-soft);margin:0;font-size:11px}.bc-act-card__img-ph{background:radial-gradient(at 50% 30%,#2c8cff40 0%,#0000 60%),linear-gradient(135deg,#2c8cff26,#d9ad5b1a);border:1px solid #d9ad5b33;border-radius:10px;flex-shrink:0;width:72px;height:72px}.bc-cashback{flex-direction:column;align-items:center;padding:16px 16px 24px;display:flex}.bc-cb-ratio-btn{color:var(--blue-light);cursor:pointer;background:#2c8cff1a;border:1px solid #2c8cff40;border-radius:8px;align-self:flex-end;align-items:center;gap:4px;margin-bottom:32px;padding:6px 12px;font-size:13px;display:flex}.bc-cb-circle{background:linear-gradient(145deg,#0c2040,#071428);border:2px solid #d9ad5b4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:200px;height:200px;margin-bottom:32px;display:flex;box-shadow:0 0 40px #d9ad5b12,inset 0 0 24px #0000004d}.bc-cb-circle__title{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.bc-cb-circle__sub{color:var(--text-muted);text-align:center;margin:0;font-size:11px}.bc-cb-circle__amount{color:var(--blue-light);font-variant-numeric:tabular-nums;margin:0;font-size:38px;font-weight:900}.bc-cb-claim-btn{color:#ffffff59;cursor:not-allowed;background:#1e4db566;border:1px solid #2c8cff33;border-radius:12px;width:90%;max-width:320px;margin-bottom:16px;padding:14px;font-size:16px;font-weight:800}.bc-cb-detail-btn{color:var(--blue-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:28px;font-size:14px;display:flex}.bc-cb-tips{background:var(--card-bg);border:1px solid #d9ad5b26;border-radius:14px;align-self:stretch;padding:16px}.bc-cb-tips__title{color:var(--gold-light);margin:0 0 10px;font-size:14px;font-weight:800}.bc-cb-tips__list{flex-direction:column;gap:7px;margin:0;padding:0 0 0 18px;display:flex}.bc-cb-tips__list li{color:var(--text-soft);font-size:12px;line-height:1.65}.bc-welfare{padding:12px 14px}.bc-welf-code-row{background:var(--card-bg);border:1px solid #d9ad5b33;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.bc-welf-code-icon{color:var(--text-muted);font-size:16px}.bc-welf-code-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:14px}.bc-welf-code-input::placeholder{color:var(--text-muted)}.bc-welf-code-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e4db5,#0e2870);border:none;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.bc-welf-subs{gap:6px;margin-bottom:12px;display:flex}.bc-welf-sub{background:var(--card-bg);color:var(--text-muted);cursor:pointer;border:1px solid #d9ad5b2e;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:700;transition:all .15s}.bc-welf-sub.is-active{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870);border-color:#2c8cff80}.bc-welf-filter-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bc-welf-date-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:700}.bc-welf-more-btn{color:var(--blue-light);cursor:pointer;background:0 0;border:none;font-size:13px}.bc-welf-stats{color:var(--text-soft);border-bottom:1px solid #d9ad5b1a;justify-content:space-between;padding:0 2px 10px;font-size:12px;display:flex}.bc-welf-pending-bar{color:var(--text-soft);background:#4fd69c17;border:1px solid #4fd69c40;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 0;padding:10px 12px;font-size:13px;display:flex}.bc-welf-pending-amt{color:#4fd69c;font-weight:700}.bc-welf-pending-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e4db5,#0e2870);border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.bc-welf-list{flex-direction:column;gap:8px;display:flex}.bc-welf-card{background:var(--card-bg);border:1px solid #d9ad5b26;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bc-welf-card__row1{justify-content:space-between;align-items:center;display:flex}.bc-welf-card__type{color:var(--text-main);font-size:14px;font-weight:700}.bc-welf-card__amount{color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.bc-welf-card__row2{justify-content:space-between;align-items:center;display:flex}.bc-welf-card__date{color:var(--text-muted);font-size:12px}.bc-welf-card__right{align-items:center;gap:8px;display:flex}.bc-welf-card__status{color:#4fd69c;font-size:12px;font-weight:600}.bc-welf-card__no-code{color:var(--text-muted);font-size:11px}.bc-welf-card__copy-btn{color:var(--blue-light);cursor:pointer;background:#2c8cff1f;border:1px solid #2c8cff40;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.bc-modal-overlay{z-index:200;background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.bc-time-modal{background:#0c2040;border-top:1px solid #d9ad5b4d;border-radius:20px 20px 0 0;width:100%;padding:20px 20px 36px}.bc-time-modal__title{text-align:center;color:var(--text-main);margin:0 0 16px;font-size:16px;font-weight:800}.bc-time-modal__btns{gap:8px;margin-bottom:18px;display:flex}.bc-time-modal__btn{color:var(--text-soft);cursor:pointer;background:linear-gradient(155deg,#071428,#030e1a);border:1px solid #d9ad5b33;border-radius:8px;flex:1;padding:9px 0;font-size:13px;font-weight:700;transition:all .15s}.bc-time-modal__btn.is-active{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870);border-color:#2c8cff80}.bc-time-modal__custom-label{color:var(--text-muted);margin:0 0 8px;font-size:13px}.bc-time-modal__date-row{border-bottom:1px solid #d9ad5b1f;align-items:center;gap:12px;margin-bottom:8px;padding:12px 0;display:flex}.bc-time-modal__date-val{color:var(--blue-light);font-size:15px;font-weight:700}.bc-time-modal__date-sep{color:var(--text-muted);font-size:14px}.bc-time-modal__hint{color:var(--blue-light);margin:0 0 20px;font-size:11px}.bc-time-modal__footer{gap:12px;display:flex}.bc-time-modal__cancel,.bc-time-modal__confirm{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:800}.bc-time-modal__cancel{color:var(--text-main);background:linear-gradient(155deg,#0c2040,#071428);border:1px solid #d9ad5b33}.bc-time-modal__confirm{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870)}.bc-redpacket{padding:12px 14px}.bc-rp-info-bar{color:var(--text-soft);background:#2c8cff14;border:1px solid #2c8cff33;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.bc-rp-info-icon{color:var(--blue-light)}.bc-rp-info-bar strong{color:var(--text-main)}.bc-rp-subs{gap:8px;margin-bottom:24px;display:flex}.bc-rp-sub{background:var(--card-bg);color:var(--text-muted);cursor:pointer;border:1px solid #d9ad5b2e;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.bc-rp-sub.is-active{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870);border-color:#2c8cff80}.bc-rp-empty{flex-direction:column;align-items:center;gap:16px;padding:56px 0;display:flex}.bc-rp-empty__img{background:radial-gradient(at 50% 30%,#2c8cff33 0%,#0000 60%),linear-gradient(135deg,#2c8cff26,#d9ad5b1a);border:1px solid #d9ad5b33;border-radius:50%;width:100px;height:100px}.bc-rp-empty__text{color:var(--text-muted);font-size:14px}.bc-vip{padding:0 0 32px}.bc-vip-level-badge{width:fit-content;color:var(--blue-light);text-align:center;background:#2c8cff26;border:1px solid #2c8cff4d;border-radius:999px;margin:14px auto 4px;padding:4px 14px;font-size:12px}.bc-vip-heading{text-align:center;background:linear-gradient(135deg,#6cb8ff,#4891ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 16px;font-size:34px;font-style:italic;font-weight:900}.bc-vip-carousel{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;padding:0 12px;display:flex}.bc-vip-card{background:linear-gradient(145deg,#1a3a50,#0d2535);border:1px solid #4fc8dc38;border-radius:16px;padding:14px;position:relative}.bc-vip-card--side{opacity:.55;cursor:pointer;width:68px;min-height:110px;color:var(--text-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .15s;display:flex}.bc-vip-card--side:active{opacity:.8}.bc-vip-card--main{flex-direction:column;flex:1;gap:6px;min-height:140px;display:flex}.bc-vip-card--main.is-current{background:linear-gradient(145deg,#1d4a45,#0e2d2a);border-color:#4fd69c59;box-shadow:0 0 24px #4fd69c1a}.bc-vip-card__badge{color:#fff;background:linear-gradient(135deg,#4fd69c,#2ab57d);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.bc-vip-card__num{color:var(--text-main);margin-top:24px;font-size:22px;font-weight:900}.bc-vip-card__req{flex-direction:column;gap:2px;display:flex}.bc-vip-card__req-val{color:#4fd69c;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.bc-vip-card__req-label{color:var(--text-soft);font-size:11px}.bc-vip-card__detail{color:var(--text-main);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.bc-vip-unlocked{background:var(--card-bg);border:1px solid #d9ad5b2e;border-radius:14px;margin:0 14px 14px;padding:14px}.bc-vip-unlocked__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.bc-vip-unlocked__title{color:var(--text-main);font-size:14px;font-weight:800}.bc-vip-unlocked__tag{color:#fff;background:linear-gradient(135deg,#4fd69c,#2ab57d);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800}.bc-vip-unlocked__more{color:var(--blue-light);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px}.bc-vip-unlocked__icons{scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.bc-vip-unlocked__icons::-webkit-scrollbar{display:none}.bc-vip-icon-item{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.bc-vip-icon-item__circle{background:linear-gradient(135deg,#2c8cff33,#d9ad5b1a);border:1px solid #d9ad5b38;border-radius:50%;width:46px;height:46px}.bc-vip-icon-item__label{color:var(--text-soft);white-space:nowrap;font-size:11px}.bc-vip-section{background:var(--card-bg);border:1px solid #d9ad5b2e;border-radius:14px;margin:0 14px 14px;padding:14px}.bc-vip-section__title{color:var(--text-main);align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:800;display:flex}.bc-vip-section__sub{color:var(--text-muted);font-size:11px;font-weight:500}.bc-vip-section__title--blue{background:linear-gradient(135deg,#6cb8ff,#4891ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:16px;font-weight:800}.bc-vip-reward-row{border-bottom:1px solid #d9ad5b14;align-items:center;gap:10px;padding:10px 0;display:flex}.bc-vip-reward-row:last-child{border-bottom:none}.bc-vip-reward-row__icon{background:linear-gradient(135deg,#2c8cff2e,#d9ad5b14);border:1px solid #d9ad5b33;border-radius:8px;flex-shrink:0;width:36px;height:36px}.bc-vip-reward-row__label{color:var(--text-main);flex:1;font-size:14px;font-weight:700}.bc-vip-reward-row__amt{color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:14px}.bc-vip-reward-row__btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870);border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800;transition:opacity .15s}.bc-vip-reward-row__btn.is-received{color:var(--text-muted);cursor:default;background:#ffffff12;border:1px solid #ffffff1f}.bc-vip-table{flex-direction:column;display:flex}.bc-vip-table__row{border-bottom:1px solid #d9ad5b14;padding:9px 0;display:flex}.bc-vip-table__row:last-child{border-bottom:none}.bc-vip-table__row--head{color:var(--text-muted);font-size:12px}.bc-vip-table__row:not(.bc-vip-table__row--head){color:var(--text-main);font-size:15px;font-weight:700}.bc-vip-table__row span{flex:1}.bc-vip-privileges{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.bc-vip-priv-item{background:linear-gradient(135deg,#2c8cff1f,#2c8cff0f);border:1px solid #2c8cff33;border-radius:12px;flex-direction:column;gap:4px;padding:14px 12px;display:flex}.bc-vip-priv-item__val{color:var(--text-main);font-size:18px;font-weight:900}.bc-vip-priv-item__name{color:var(--text-soft);font-size:11px}.bc-vip-footnote{color:var(--text-muted);margin:0;font-size:11px;line-height:1.6}.bc-copy-btn{width:26px;height:26px;color:var(--blue-light);cursor:pointer;background:#2c8cff1a;border:1px solid #2c8cff40;border-radius:6px;place-items:center;transition:background .12s,color .12s;display:grid}.bc-copy-btn:active{color:#4fd69c;background:#4fd69c26}.fb-page{--blue:#1e4db5;--blue-mid:#2c6be5;--blue-light:#6cb8ff;--bg:#f0f6ff;--bg-card:#fff;--text-main:#1a2d4a;--text-soft:#5a6e8a;--text-muted:#9aaabf;--border:#2c6be52e;--gold:#d9ad5b;min-height:100dvh;color:var(--text-main);background:linear-gradient(160deg,#dff0ff 0%,#eaf4ff 40%,#f5faff 100%);flex-direction:column;display:flex}.fb-header{z-index:100;background:linear-gradient(#dff0ff 70%,#0000 100%);flex-shrink:0;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.fb-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--blue);cursor:pointer;background:#2c6be51a;border-radius:50%;place-items:center;display:grid}.fb-header__back:active{background:#2c6be533}.fb-header__title{text-align:center;color:var(--text-main);flex:1;margin:0;font-size:17px;font-weight:900}.fb-header__placeholder{width:36px}.fb-tabs{border-bottom:1px solid var(--border);background:#ffffffb3;flex-shrink:0;display:flex}.fb-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 0;font-size:13px;font-weight:700;transition:color .15s;display:flex;position:relative}.fb-tab.is-active{color:var(--blue)}.fb-tab.is-active:after{content:"";background:var(--blue-mid);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:15%;right:15%}.fb-tab__badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#e05b2b,#c73232);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.fb-body{flex:1;overflow-y:auto}.fb-submit{flex-direction:column;gap:14px;padding:16px 16px 32px;display:flex}.fb-intro{color:var(--text-soft);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:0;padding:14px;font-size:13px;line-height:1.7}.fb-field{flex-direction:column;gap:6px;display:flex}.fb-label{color:var(--text-main);font-size:14px;font-weight:700}.fb-req{color:#e03030}.fb-select{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:13px 14px;font-size:14px;display:flex}.fb-select__ph{color:var(--text-muted)}.fb-select__val{color:var(--text-main);font-weight:600}.fb-select__arrow{color:var(--text-muted)}.fb-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:10px;outline:none;padding:13px 14px;font-size:14px;transition:border-color .15s}.fb-input:focus{border-color:var(--blue-mid)}.fb-input::placeholder{color:var(--text-muted)}.fb-textarea{resize:none;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:10px;outline:none;padding:13px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .15s}.fb-textarea:focus{border-color:var(--blue-mid)}.fb-textarea::placeholder{color:var(--text-muted)}.fb-char-count{color:var(--text-muted);align-self:flex-end;margin-top:-4px;font-size:11px}.fb-upload-hint{color:var(--text-muted);margin:0;font-size:11px}.fb-upload-row{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.fb-upload-btn{border:2px dashed var(--border);width:70px;height:70px;color:var(--blue-mid);cursor:pointer;background:#2c6be50f;border-radius:10px;place-items:center;transition:background .15s;display:grid}.fb-upload-btn:active{background:#2c6be524}.fb-thumb{width:70px;height:70px;position:relative}.fb-thumb__img{object-fit:cover;border-radius:10px;width:100%;height:100%}.fb-thumb__del{color:#fff;cursor:pointer;background:#e03030;border:none;border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.fb-btn-row{gap:12px;margin-top:8px;display:flex}.fb-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:15px;font-size:15px;font-weight:800;transition:opacity .15s}.fb-btn--clear{color:#fff;background:linear-gradient(155deg,#1a3a6b,#0e2454)}.fb-btn--submit{color:#fff;background:linear-gradient(135deg,#2c6be5,#1e4db5)}.fb-btn--submit.is-disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#8ab0e0,#6a90c5)}.fb-modal-overlay{z-index:200;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.fb-type-modal{background:#fff;border-top:1px solid #2c6be526;border-radius:20px 20px 0 0;width:100%;padding:20px 20px 36px}.fb-type-modal__title{text-align:center;color:var(--text-main);margin:0 0 16px;font-size:16px;font-weight:800}.fb-type-modal__list{flex-direction:column;display:flex}.fb-type-item{color:var(--text-soft);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:1px solid #0000000f;padding:16px;font-size:15px;font-weight:600;transition:color .15s,background .15s}.fb-type-item:last-child{border-bottom:none}.fb-type-item.is-sel{color:var(--blue-mid);font-weight:800}.fb-type-item:active{background:#2c6be50f}.fb-type-modal__footer{gap:12px;margin-top:16px;display:flex}.fb-type-cancel,.fb-type-confirm{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:800}.fb-type-cancel{border:1px solid var(--border);color:var(--text-main);background:#f0f4ff}.fb-type-confirm{color:#fff;background:linear-gradient(135deg,#2c6be5,#1e4db5)}.fb-empty{flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.fb-empty__img{background:radial-gradient(at 50% 30%,#2c6be526 0%,#0000 60%),linear-gradient(135deg,#2c6be51a,#2c8cff0f);border:1px solid #2c6be51f;border-radius:16px;width:100px;height:100px}.fb-empty__text{color:var(--text-muted);font-size:14px}.kyc-page{--blue:#1e4db5;--blue-mid:#2c6be5;--blue-light:#6cb8ff;--bg:#f0f6ff;--bg-card:#fff;--text-main:#1a2d4a;--text-soft:#5a6e8a;--text-muted:#9aaabf;--border:#2c6be52e;min-height:100dvh;color:var(--text-main);background:linear-gradient(160deg,#dff0ff 0%,#eaf4ff 40%,#f5faff 100%);flex-direction:column;display:flex}.kyc-header{z-index:100;background:linear-gradient(#dff0ff 70%,#0000 100%);align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.kyc-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--blue);cursor:pointer;background:#2c6be51a;border-radius:50%;place-items:center;display:grid}.kyc-header__title{text-align:center;flex:1;margin:0;font-size:17px;font-weight:900}.kyc-header__placeholder{width:36px}.kyc-steps{justify-content:center;align-items:center;gap:0;padding:16px 24px;display:flex;position:relative}.kyc-step-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.kyc-step-dot{border:2px solid var(--border);width:28px;height:28px;color:var(--text-muted);z-index:1;background:#2c6be51f;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.kyc-step-dot.active{background:var(--blue-mid);border-color:var(--blue-mid);color:#fff}.kyc-step-dot.done{color:#fff;background:#4fd69c;border-color:#4fd69c}.kyc-step-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.kyc-step-label.active{color:var(--blue-mid);font-weight:700}.kyc-step-line{background:var(--border);height:2px;position:absolute;top:14px;left:60%;right:-40%}.kyc-step-line.done{background:#4fd69c}.kyc-body{padding:0 16px 32px}.kyc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #2c6be512}.kyc-card__tip{color:var(--text-soft);border:1px solid var(--border);background:#2c6be50d;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.kyc-field{flex-direction:column;gap:6px;display:flex}.kyc-label{color:var(--text-main);font-size:14px;font-weight:700}.kyc-req{color:#e03030}.kyc-input{background:var(--bg);border:1px solid var(--border);color:var(--text-main);border-radius:10px;outline:none;padding:13px 14px;font-size:14px}.kyc-input:focus{border-color:var(--blue-mid)}.kyc-input::placeholder{color:var(--text-muted)}.kyc-id-types{gap:8px;display:flex}.kyc-id-type-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:700}.kyc-id-type-btn.is-active{border-color:var(--blue-mid);color:#fff;background:linear-gradient(135deg,#2c6be5,#1e4db5)}.kyc-notice{color:var(--text-muted);background:#4fd69c12;border:1px solid #4fd69c33;border-radius:8px;align-items:flex-start;gap:6px;padding:10px 12px;font-size:12px;display:flex}.kyc-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2c6be5,#1e4db5);border:none;border-radius:12px;padding:15px;font-size:15px;font-weight:800}.kyc-btn.is-disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#8ab0e0,#6a90c5)}.kyc-btn--back{background:linear-gradient(155deg,#1a3a6b,#0e2454)}.kyc-btn-row{gap:12px;display:flex}.kyc-btn-row .kyc-btn{flex:1}.kyc-done{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:48px 20px;display:flex;box-shadow:0 4px 20px #2c6be512}.kyc-done__icon{color:#4fd69c}.kyc-done__title{color:var(--text-main);margin:0;font-size:20px;font-weight:900}.kyc-done__sub{color:var(--text-soft);text-align:center;margin:0;font-size:13px;line-height:1.7}.pi-page{--blue:#1e4db5;--blue-mid:#2c6be5;--bg-card:#fff;--text-main:#1a2d4a;--text-soft:#5a6e8a;--text-muted:#9aaabf;--border:#2c6be526;min-height:100dvh;color:var(--text-main);background:linear-gradient(160deg,#dff0ff 0%,#eaf4ff 40%,#f5faff 100%);flex-direction:column;display:flex}.pi-header{z-index:100;background:linear-gradient(#dff0ff 70%,#0000 100%);align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.pi-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--blue);cursor:pointer;background:#2c6be51a;border-radius:50%;place-items:center;display:grid}.pi-header__title{text-align:center;flex:1;margin:0;font-size:17px;font-weight:900}.pi-header__placeholder{width:36px}.pi-body{flex-direction:column;gap:12px;padding:12px 16px 40px;display:flex}.pi-avatar-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.pi-avatar{border:3px solid #2c6be54d;border-radius:50%;width:80px;height:80px;position:relative;overflow:visible}.pi-avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pi-avatar__cam{background:var(--blue-mid);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:2px;right:2px}.pi-avatar__hint{color:var(--text-muted);font-size:12px}.pi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #2c6be50f}.pi-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.pi-row__label{color:var(--text-main);flex-shrink:0;min-width:80px;font-size:14px;font-weight:700}.pi-row__val{color:var(--text-soft);text-align:right;flex:1;font-size:14px}.pi-row__val--muted{color:var(--text-muted)}.pi-row__input{text-align:right;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.pi-row__input::placeholder{color:var(--text-muted)}.pi-divider{background:var(--border);height:1px;margin:0 16px}.pi-action-row{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.pi-action-row__hint{color:var(--blue-mid);font-size:13px;font-weight:600}.pi-section-title{color:var(--text-muted);padding:4px 4px 0;font-size:13px;font-weight:700}.pi-save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2c6be5,#1e4db5);border:none;border-radius:12px;margin-top:8px;padding:15px;font-size:15px;font-weight:800}.st-page{--blue:#1e4db5;--blue-mid:#2c6be5;--bg-card:#fff;--text-main:#1a2d4a;--text-soft:#5a6e8a;--text-muted:#9aaabf;--border:#2c6be526;min-height:100dvh;color:var(--text-main);background:linear-gradient(160deg,#dff0ff 0%,#eaf4ff 40%,#f5faff 100%);flex-direction:column;display:flex}.st-header{z-index:100;background:linear-gradient(#dff0ff 70%,#0000 100%);align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.st-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--blue);cursor:pointer;background:#2c6be51a;border-radius:50%;place-items:center;display:grid}.st-header__title{text-align:center;flex:1;margin:0;font-size:17px;font-weight:900}.st-header__placeholder{width:36px}.st-body{flex-direction:column;gap:16px;padding:12px 16px 40px;display:flex}.st-section{flex-direction:column;gap:6px;display:flex}.st-section__title{color:var(--text-muted);padding:0 4px;font-size:12px;font-weight:700}.st-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #2c6be50f}.st-row{text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.st-row__icon{color:var(--blue-mid);flex-shrink:0}.st-row__label{color:var(--text-main);flex:1;font-size:14px;font-weight:600}.st-row__right{align-items:center;display:flex}.st-row__hint{color:var(--text-muted);align-items:center;gap:2px;font-size:13px;display:flex}.st-chevron{color:var(--text-muted)}.st-divider{background:var(--border);height:1px;margin:0 16px}.st-toggle{cursor:pointer;background:#d0dae8;border:none;border-radius:999px;width:44px;height:26px;transition:background .2s;position:relative}.st-toggle.is-on{background:var(--blue-mid)}.st-toggle__knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.st-toggle.is-on .st-toggle__knob{left:21px}.st-logout-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#e03030,#b32020);border:none;border-radius:12px;margin-top:8px;padding:15px;font-size:15px;font-weight:800}.trf-page{--gold:#d9ad5b;--gold-light:#f7dc91;--gold-border:#d9ad5b59;--text-main:#f0ecdf;--text-soft:#b9c4d6;--text-muted:#5e6e85;--shadow-card:0 8px 32px #00000080;min-height:100dvh;color:var(--text-main);background:radial-gradient(at 50% 0,#2c8cff26 0%,#0000 50%),linear-gradient(#04111e 0%,#020a15 100%);padding-bottom:40px;overflow-x:hidden}.trf-header{z-index:100;background:linear-gradient(#04111e 70%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}.trf-header__back{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#ffffff12;border:1px solid #d9ad5b38;border-radius:50%;place-items:center;display:grid}.trf-header__title{background:linear-gradient(135deg,#fff5c8 0%,#f7dc91 45%,#d9ad5b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:900}.trf-header__placeholder{width:36px}.trf-time-btns{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 14px 14px;display:flex;overflow-x:auto}.trf-time-btns::-webkit-scrollbar{display:none}.trf-time-btn{white-space:nowrap;color:#b9c4d6;cursor:pointer;background:linear-gradient(160deg,#0c2040 0%,#071428 60%);border:1px solid #d9ad5b47;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:700}.trf-time-btn.is-active{color:#fff;background:linear-gradient(160deg,#1e4db5 0%,#0e2870 100%);border-color:#2c8cff99}.trf-custom-range{color:var(--gold-light);text-align:center;cursor:pointer;margin:-6px 14px 8px;font-size:12px}.trf-summary{border:1px solid var(--gold-border);box-shadow:var(--shadow-card);background:radial-gradient(at 90% 0,#d9ad5b1a 0%,#0000 40%),linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border-radius:16px;align-items:center;margin:0 14px 14px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.trf-summary:before{content:"";background:linear-gradient(90deg,#0000 5%,#f7dc91b3 55%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.trf-summary__item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.trf-summary__divider{background:linear-gradient(#0000,#d9ad5b4d 50%,#0000);width:1px;height:36px}.trf-summary__label{color:var(--text-soft);font-size:11px}.trf-summary__value{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.trf-summary__value--gold{color:var(--gold-light)}.trf-list{flex-direction:column;gap:10px;padding:0 14px;display:flex}.trf-list__end{text-align:center;color:var(--text-muted);margin:0;padding:18px 0 8px;font-size:13px}.trf-card{background:linear-gradient(155deg,#0c2040 0%,#071428 55%,#040d1c 100%);border:1px solid #d9ad5b33;border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff0d}.trf-card:before{content:"";background:linear-gradient(90deg,#0000 5%,#2c8cff40 30%,#d9ad5b59 60%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.trf-card__row1{justify-content:space-between;align-items:center;display:flex}.trf-card__title{color:var(--text-main);font-size:14px;font-weight:800}.trf-card__amount{color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.trf-card__row2{justify-content:space-between;align-items:center;display:flex}.trf-card__time{color:var(--text-muted);font-size:12px}.trf-card__status{font-size:12px;font-weight:700}.trf-card__status.is-success{color:#4fd69c}.trf-card__status.is-cancel{color:#ff6b6b}.trf-card__row3{border-top:1px solid #d9ad5b1a;align-items:center;gap:4px;padding-top:4px;display:flex}.trf-card__order-label{color:var(--text-muted);flex-shrink:0;font-size:11px}.trf-card__order-id{color:#b9c4d6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.trf-copy-btn{color:#6cb8ff;cursor:pointer;background:#2c8cff1a;border:1px solid #2c8cff40;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.trf-modal-overlay{z-index:300;background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.trf-date-modal{background:#0c2040;border-top:1px solid #d9ad5b4d;border-radius:20px 20px 0 0;width:100%;padding:20px 20px 40px}.trf-date-modal__title{text-align:center;color:var(--text-main);margin:0 0 14px;font-size:16px;font-weight:800}.trf-date-modal__fields{align-items:center;gap:8px;margin-bottom:6px;display:flex}.trf-date-field{color:#b9c4d6;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #d9ad5b33;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:700}.trf-date-field.is-active{border-color:var(--gold);color:var(--gold-light);background:#d9ad5b1a}.trf-date-field__sep{color:var(--text-muted);font-size:14px}.trf-date-modal__hint{color:#6cb8ff;text-align:center;margin:0 0 16px;font-size:11px}.trf-drum-row{background:#0003;border:1px solid #d9ad5b26;border-radius:14px;gap:4px;margin-bottom:20px;display:flex;overflow:hidden}.trf-drum{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;max-height:200px;display:flex;overflow-y:auto}.trf-drum::-webkit-scrollbar{display:none}.trf-drum__item{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;padding:12px 0;font-size:14px}.trf-drum__item.is-sel{color:var(--text-main);background:#d9ad5b1f;font-weight:800}.trf-date-modal__footer{gap:12px;display:flex}.trf-date-modal__cancel,.trf-date-modal__confirm{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:800}.trf-date-modal__cancel{color:var(--text-main);background:linear-gradient(155deg,#0c2040,#071428);border:1px solid #d9ad5b33}.trf-date-modal__confirm{color:#fff;background:linear-gradient(135deg,#1e4db5,#0e2870)}