/* Responsive positioning and interactive behavior for the recreated frontend. */
:root{--site-width:450px;--site-left:max(0px,calc(50vw - 225px));--blue:#1686f3;--panel:#101629;--home-rem:min(4.10256vw,1.23077rem)}
html.black,body{background:#090f1f;color:#fff;overscroll-behavior:none}
*{ -webkit-tap-highlight-color:transparent }
button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid #54adff;outline-offset:3px}
button.plain{border:0;background:none;color:inherit;padding:0}button.primary{border:0;border-radius:9px;background:#1287f5;color:white;min-height:48px;font-weight:650;padding:12px 22px;width:100%}
#page{width:min(100%,450px);height:100dvh;margin:auto;position:relative;overflow:hidden;background:#090f1f}
.navbar[data-v-435dd8aa]{left:var(--site-left);right:auto;width:min(100%,450px)}
.navbar .myData[data-v-435dd8aa]{height:62px;align-items:center;background:#101629}
.navbar .logo[data-v-435dd8aa]{margin:0 10px 0 17px;height:auto}
.navbar .logo .leftNav .img img[data-v-435dd8aa]{width:153px;max-width:100%;height:36px}
.navbar .logo .leftNav i[data-v-435dd8aa]{font-size:24px;margin-right:6px}
.navbar .btn[data-v-435dd8aa]{margin-right:17px}
.navbar .message{cursor:pointer}
.fixedStyle{width:100%;height:100dvh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none}
.home[data-v-b385a6c2]{position:relative;background:#090f1f}
.home:before{pointer-events:none}
.home .content[data-v-b385a6c2]{margin-top:57px;padding-bottom:90px}
.home .banner .van-swipe{width:100%;overflow:hidden;touch-action:pan-y}
.home .banner .van-swipe__track{display:flex!important;width:100%!important;transform:translateX(calc(var(--slide,0) * -100%))!important;transition:transform .5s ease!important}
.home .banner .van-swipe-item{width:100%!important;min-width:100%;flex:0 0 100%;transform:none!important;cursor:pointer}
.home .banner .van-swipe__indicator{cursor:pointer;opacity:.4}.home .banner .van-swipe__indicator--active{background:#fff;opacity:1}
.home .notice .van-notice-bar__content{transition:none!important;animation:notice-scroll 18s linear infinite;white-space:nowrap}
@keyframes notice-scroll{0%,15%{transform:translateX(0)}100%{transform:translateX(-70%)}}
.home .home-categories[data-v-b385a6c2]{top:62px!important;background:#090f1f;padding:0 0 7px}
.home .sort .swiper{overflow-x:auto;scrollbar-width:none}.home .sort .swiper-wrapper{display:flex;transform:none!important;width:max-content}
.home .sort .swiper-slide{width:calc(var(--home-rem)*4.78)!important;flex:none;margin-right:5px}
.home .sort-item:hover{background:#1c2941}
.home .game .title{display:flex;justify-content:space-between;align-items:center;margin:9px 0 14px;height:30px}
.home .game .title .name{display:flex;align-items:center;gap:8px}.home .game .title .name img{width:28px;height:28px;object-fit:contain}.home .game .title .p1{font-size:19px;font-weight:700;color:white}
.home .game .title .btn-list{display:flex;align-items:center;gap:5px;font-size:12px;color:#a4aabb}.home .game .title .total{padding:6px 9px;border:1px solid #293047;border-radius:4px;cursor:pointer}.home .game .title .btn{display:grid;place-items:center;width:24px;height:24px;border:1px solid #293047;border-radius:5px;cursor:pointer;color:#aab3c3}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.game-grid .game-card{position:relative;min-width:0;aspect-ratio:128/175;border-radius:15px;overflow:hidden;background:#152238;cursor:pointer;transition:filter .2s,transform .15s}
.game-grid .game-card:hover{filter:brightness(1.09)}.game-grid .game-card:active{transform:scale(.97)}
.game-card img{width:100%;height:100%;object-fit:cover;display:block}.game-card .favorite{position:absolute;right:6px;top:6px;width:23px;height:23px;display:grid;place-items:center;background:white;color:#c2c3ca;border:none;border-radius:50%;font-size:17px;line-height:1;box-shadow:0 1px 3px #0003}.game-card .favorite.saved{color:#f0a825}
.game-card .game-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.home .game{padding-bottom:14px}
#bottomNav{position:fixed;bottom:0;left:var(--site-left);right:auto;transform:none;width:min(100%,450px);max-width:450px;height:calc(48px + env(safe-area-inset-bottom));z-index:100}
#bottomNav .box{display:flex;background:#101629;padding-bottom:env(safe-area-inset-bottom);height:48px;align-items:center;position:static;width:100%;box-sizing:content-box}
#bottomNav .item{flex:1;text-align:center;cursor:pointer;color:#7d8a9c;padding:4px 0}#bottomNav .item img{height:22px;width:24px;object-fit:contain;margin:auto;display:block}#bottomNav .item p{font-size:10px;line-height:16px}#bottomNav .itemActive{color:white}
.home .leftBottom{position:fixed!important;left:calc(var(--site-left) + 12px)!important;bottom:70px!important;z-index:50;cursor:pointer}
.home .adRightBottom{position:fixed!important;right:calc(var(--site-left) + 12px)!important;left:auto!important;bottom:190px!important;z-index:45;cursor:pointer}
.home .adRightBottom img{max-width:90px}.home .adRightBottom .close{cursor:pointer}
.site-footer{position:relative;color:#657089;text-align:center;margin:30px 18px 0;padding-top:22px;border-top:1px solid #1d2840;font-size:11px;line-height:1.65}
.site-footer img{width:130px;margin:0 auto 12px;display:block}.site-footer .download{border:1px solid #315186;background:#14253f;border-radius:8px;color:#c3d7ef;width:100%;padding:12px;margin:12px 0 20px}.site-footer .eighteen{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #73809a;border-radius:50%;margin:12px;font-size:11px}
.layer{position:fixed;inset:0;z-index:2000}.layer-backdrop{position:absolute;inset:0;background:#000a}
.layer .login,.layer .register{left:var(--site-left)!important;right:auto;width:min(100%,450px);max-width:450px;overflow:auto}
.account-top img{object-fit:contain}.account-close,.account-input-remark span,.account-btn,.remberAccount{cursor:pointer}
.login .account-content,.register .account-content{box-sizing:content-box;min-height:calc(100dvh - 190px);height:auto}
.login .account-top,.register .account-top{position:absolute;top:18px;left:5%;width:90%;display:flex;align-items:center;justify-content:space-between}
.login .account-top img,.register .account-top img{width:132px;height:34px}
.account-input input{min-width:0;outline:none}.account-input .password-eye{cursor:pointer;margin-right:12px}.remember-tick{width:13px;height:13px;accent-color:#1387f5;margin-right:8px}.form-error{color:#fbad79;font-size:13px;line-height:1.5;margin:18px 0 0}.account-btn[aria-disabled=true]{opacity:.5}
.sidebar-layer .popup{left:var(--site-left)!important;top:0;bottom:0;transform:none;width:196px;height:100dvh;max-width:70vw;border-radius:0;background:#090f1f}
.sidebar-layer .popupTop .img img{width:135px;max-width:100%;object-fit:contain}.sidebar-layer .popupActivity{display:flex;flex-direction:column;gap:10px;padding:14px 10px}.sidebar-link{display:flex;align-items:center;gap:8px;border:1px solid #604b29;border-radius:6px;background:linear-gradient(115deg,#493616,#141623);color:#f7d89d;font-size:12px;font-weight:700;min-height:46px;padding:8px 10px;text-align:left}.sidebar-link b{font-size:23px}.popupRecorde,.popupGame .item,.popupTop>i,.service{cursor:pointer}
.ad-van-popup .van-popup{left:var(--site-left)!important;width:min(100%,450px)!important}.ad-van-popup .ad-content{position:relative}.ad-van-popup .ad-banner{position:relative;cursor:pointer}.promo-brand{position:absolute;top:2%;left:30%;width:40%!important;height:9%;object-fit:fill!important}.ad-van-popup .ad-popup .ad-content .ad-banner img.promo-brand{position:absolute}
.ad-van-popup .van-popup{transform:none!important}.ad-van-popup .van-overlay{background:#000a}.ad-van-popup .van-tabs{width:100%}.ad-van-popup .van-tab{padding:0 5px;cursor:pointer}.ad-van-popup .van-tab__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.ad-van-popup .check-box,.ad-van-popup .btn-close{cursor:pointer}.ad-van-popup .van-checkbox__icon--checked{background:#1387f5}.ad-van-popup .van-checkbox__icon--checked i{color:#fff}.ad-van-popup .van-tab--active{color:#fff!important}
.activity.fixedStyle{padding-bottom:65px;background:#090f1f}.activity .van-tabs__wrap{overflow-x:auto;background:#101629;position:sticky;top:0;z-index:10}.activity .van-tabs__nav{min-width:560px}.activity .van-tab{cursor:pointer}.activity .van-tabs__line{display:none}.activity .van-tab--active:after{content:"";position:absolute;bottom:0;width:28px;height:3px;background:#1686f3;border-radius:3px}.activity .content>.item{position:relative;cursor:pointer}.activity .content>.item>img{display:block;width:100%;border-radius:8px}.activity .content>.item>.activity-brand{position:absolute;top:0;left:13.5%;width:25%;height:17%;object-fit:fill;border-radius:0}.activity .content{padding:12px!important}.activity .content>.item{margin-bottom:12px!important}
.empty-panel{margin:65px 25px;text-align:center;color:#77849b;font-size:14px;line-height:1.7}.empty-panel .empty-icon{color:#394960;font-size:45px;margin-bottom:14px}.empty-panel .primary{margin-top:25px}.empty-panel input,.redeem-input{box-sizing:border-box;width:100%;padding:14px;background:#1b2336;border:1px solid #2b3850;border-radius:8px;color:#fff;outline:none}
.hall{height:100dvh;overflow-y:auto;padding-bottom:76px;box-sizing:border-box;background:#090f1f}.hall-head{display:flex;align-items:center;gap:12px;height:58px;padding:0 17px;background:#101629;position:sticky;top:0;z-index:20}.back-button{border:0;background:none;color:#fff;font-size:27px;width:25px;padding:0}.hall-head h1{font-size:18px;font-weight:500;flex:1;margin:0}.hall-head .search-toggle{font-size:23px;color:#7d8c9f}.search-box{margin:14px 17px;display:flex;align-items:center;gap:8px;border:1px solid #34435e;background:#162035;border-radius:7px;padding:0 12px}.search-box input{padding:12px 0;width:100%;background:none;color:white;border:none;outline:none;font-size:14px}.hall-tabs{display:flex;gap:8px;margin:12px 17px;overflow-x:auto}.hall-tab{flex:1;white-space:nowrap;background:#172137;border:1px solid #27344b;border-radius:6px;color:#8492a8;padding:9px 13px;font-size:13px}.hall-tab.active{background:#147df3;color:white;border-color:#147df3}.provider-filter{width:calc(100% - 34px);margin:0 17px 17px;background:#10192b;color:#bdc7d7;border:1px solid #23334b;border-radius:6px;padding:11px;font-size:13px}.hall .game-grid{margin:0 17px}.results-meta{margin:0 18px 13px;color:#7c8aa1;font-size:12px}
.dialog-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #2d3c58;border-radius:15px;background:#10192c;padding:24px;color:#fff;text-align:center;box-shadow:0 20px 80px #0008}.dialog-card .dialog-close{position:absolute;right:12px;top:10px;color:#8c9bb2;font-size:24px;cursor:pointer;border:0;background:none}.dialog-card .detail-image{width:100px;height:137px;object-fit:cover;border-radius:12px;margin:8px auto 16px}.dialog-card h2{font-size:21px;margin:4px 0 12px}.dialog-card p{font-size:14px;color:#98a6bb;line-height:1.65;margin:0 0 20px}.dialog-card label{display:block;text-align:left;color:#aab7cc;font-size:13px;margin-bottom:8px}.dialog-card input{padding:12px;width:100%;box-sizing:border-box;color:#fff;background:#1c2940;border:1px solid #364761;border-radius:8px;margin-bottom:16px}.dialog-card .activity-preview{position:relative;margin:20px -10px}.dialog-card .activity-preview>img{width:100%;border-radius:7px}.dialog-card .activity-preview>img.activity-brand{position:absolute;top:0;left:13.5%;width:25%;height:17%;border-radius:0}
#toast{position:fixed;z-index:10000;top:45%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:min(320px,80vw);box-sizing:border-box;padding:13px 20px;border-radius:8px;background:#000d;color:white;font-size:14px;line-height:1.5;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}
@media(max-width:380px){.navbar .logo[data-v-435dd8aa]{margin-left:12px;margin-right:5px}.navbar .logo .leftNav .img img[data-v-435dd8aa]{width:120px}.navbar .btn[data-v-435dd8aa]{margin-right:12px}.game-grid{gap:11px}.ad-van-popup .ad-popup{transform:scale(.9)}.home .game .title .p1{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.install-strip{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 12px;border:1px solid #53462b;border-radius:10px;background:linear-gradient(115deg,#242538,#111b2e);text-align:left}
.support-choice .support-channel{display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid #354861;border-radius:10px;background:#172841;text-align:left;text-decoration:none;color:#dbe8fa;margin-top:12px}.support-channel>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#2e4564;color:#edc36d;font-size:22px;flex:none}.support-channel div{flex:1}.support-channel strong{display:block;font-size:14px}.support-channel small{display:block;margin-top:5px;color:#9eafc7;font-size:11px;line-height:1.4}.support-channel>b{font-size:20px;color:#edc36d}.support-choice .support-live{border-color:#796237;background:linear-gradient(110deg,#302a25,#142137)}.support-choice .support-live>span{background:#5b4830}
.install-strip[hidden]{display:none}.install-strip img{width:40px;height:40px;border-radius:9px;flex:none}.install-strip div{flex:1;min-width:0}.install-strip strong{display:block;color:#f6dfac;font-size:13px;line-height:1.5}.install-strip span{display:block;color:#9faec5;font-size:11px;line-height:1.4}.install-strip button{flex:none;background:#edc36d;color:#172136;border:0;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700;cursor:pointer}
.install-panel{max-height:calc(100dvh - 36px);overflow-y:auto;box-sizing:border-box;padding:24px 20px}.install-panel .install-icon{width:66px;height:66px;border-radius:15px;margin:0 auto 16px;display:block}.install-panel h2{font-size:20px}.install-panel>p{margin-bottom:18px}.install-option{border:1px solid #2b3a53;background:#142137;border-radius:11px;padding:15px;margin-top:12px;text-align:left}.install-label{display:block;color:#d7b871;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:11px}.install-panel .primary,.apk-download{display:block;box-sizing:border-box;width:100%;font-size:14px;font-weight:700;line-height:1.4;text-align:center;padding:13px 9px;border-radius:8px;cursor:pointer}.install-panel .primary{background:#edc36d;color:#142039;border:1px solid #edc36d}.install-panel .primary:disabled{opacity:.6;cursor:default}.apk-download{color:#c6e1ff!important;border:1px solid #436793;background:#193657;text-decoration:none!important}.apk-download[aria-disabled=true]{opacity:.5;cursor:default}.install-panel .install-option p{margin:11px 0 0;font-size:12px;line-height:1.65;color:#b5c2d4}.install-panel p.install-footnote{margin:16px 0 0;font-size:11px;color:#8291aa}.install-panel button:focus-visible,.install-panel a:focus-visible{outline:2px solid #fff;outline-offset:3px}