*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#eee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;color:inherit}
button{font:inherit;border:none;cursor:pointer}
input{font:inherit;border:none;outline:none;background:transparent;width:100%}
img{display:block;max-width:100%}
.app-shell{max-width:480px;min-height:100vh;margin:0 auto;background:#fff;position:relative;overflow-x:hidden;box-shadow:0 0 24px rgba(0,0,0,.12)}
.app-shell.shell-dark{background:#101d36}
.page{min-height:100vh;padding-bottom:70px}
.page.no-tab{padding-bottom:0}

/* top bar */
.tab-page{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}
.tab-page .left-side{display:flex;align-items:center}
.tab-page .logo-image{height:30px;width:auto}
.tab-page .icon-image{width:26px;height:26px}
.tab-page.overlay{position:absolute;left:0;right:0;top:0;background:transparent}
.lang-btn{border:none;background:transparent;padding:6px;margin:-6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:40;position:relative}
.lang-btn .lang-btn-img,.lang-btn .icon-image{width:26px;height:26px;pointer-events:none;border-radius:2px}
.lang-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s;z-index:200}
.lang-mask.show{opacity:1;visibility:visible}
.lang-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%) scale(.96);width:min(72vw,280px);max-height:70vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:12px 0;opacity:0;visibility:hidden;transition:all .2s;z-index:210}
.lang-popup.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.lang-popup-title{font-size:16px;font-weight:700;text-align:center;padding:8px 16px 12px;border-bottom:1px solid #f0f0f0}
.lang-item{width:55%;margin:0 auto 4px;display:flex;align-items:center;gap:8px;padding:10px 8px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:15px;font-weight:700;color:#000}
.lang-item img{width:20px;height:20px;object-fit:cover;border-radius:2px}
.lang-item:hover,.lang-item.active{background:#fff8e1}
.lang-item.active{color:#c79100}

/* icons */
.icon-svg{width:22px;height:22px;flex-shrink:0;margin-right:10px}
.icon-svg path,.icon-svg circle{fill:#FFD700}

/* bottom tabbar */
.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eee;display:flex;z-index:99}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#7A7E83;gap:2px}
.tabbar a.active{color:#ffc107}
.tabbar img{width:24px;height:24px}

/* login tweaks for native input */
.login-page .custom-input input{height:44px;font-size:15px;color:#333}
.login-page .custom-input input::placeholder{color:#bbb}
.login-page .but{display:block;text-align:center;border:none}
.login-page a.but{line-height:50px}

/* account page 1:1 overrides */
.account-page{background-color:#101d36!important;min-height:100vh;padding-bottom:80px!important}
.account-page .cont{padding:28px 18px 20px}
.account-page .user-header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}
.account-page .avatar{width:120px;height:120px;border-radius:50%;border:2px solid gold;overflow:hidden;background:#fff;margin-bottom:14px;box-sizing:border-box}
.account-page .avatar img{width:100%;height:100%;object-fit:cover;display:block;border:none;border-radius:0}
.account-page .user-info{text-align:center;width:100%}
.account-page .user-info .name{color:#fff;font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:.5px}
.account-page .user-info .tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.account-page .user-info .tags .tag{background:transparent;padding:5px 12px;border-radius:16px;color:gold;font-size:12px;display:inline-flex;align-items:center;border:1px solid gold;line-height:1.2}
.account-page .assets-card{background-color:#101d36;border:1px solid gold;border-radius:16px;padding:22px 18px 20px;margin-bottom:18px;text-align:center}
.account-page .assets-card .balance-info{margin-bottom:22px}
.account-page .assets-card .balance-info .label{color:gold;font-size:14px;margin-bottom:8px}
.account-page .assets-card .balance-info .value{color:#fff;font-size:32px;font-weight:700;line-height:1.15}
.account-page .assets-card .btn-row{display:flex;justify-content:space-between;gap:14px}
.account-page .assets-card .btn-row .nav-btn{flex:1}
.account-page .assets-card .btn-row .btn{display:block;width:100%;height:44px;line-height:44px;border-radius:22px;font-size:16px;font-weight:700;text-align:center;box-sizing:border-box}
.account-page .assets-card .btn-row .btn.recharge{background:gold;color:#101d36;border:none}
.account-page .assets-card .btn-row .btn.withdraw{background:transparent;border:1px solid gold;color:gold}
.account-page .services-card{background:#fff;border-radius:16px;padding:18px 12px 8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.account-page .services-card .card-title{font-size:16px;font-weight:700;color:#222;margin:0 8px 18px;padding-left:10px;border-left:4px solid #101d36;line-height:1.2}
.account-page .services-card .grid-box{display:flex;flex-wrap:wrap}
.account-page .services-card .grid-item{width:25%;display:flex;flex-direction:column;align-items:center;margin-bottom:18px;text-decoration:none}
.account-page .services-card .grid-item .icon{width:40px;height:40px;margin-bottom:8px;object-fit:contain}
.account-page .services-card .grid-item span{font-size:12px;color:#666;text-align:center;line-height:1.2}
.tabbar{background:#fff}
.tabbar a.active{color:#d4af37}
.tabbar a.active img{filter:none}

/* home */
.home-page .banner-section{position:relative}
.home-page .banner-section .banner-img{width:100%;height:220px;object-fit:cover}
.home-page .feature-icon-box{font-size:22px}
.home-page .partners-section .partner-logo{width:40px;height:40px;object-fit:contain}

/* starting */
.starting-page .platform-logo{height:100px;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.starting-page .product-item .prod-img{width:100%;height:100px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.starting-page .match-btn{width:100%}
.starting-page .products-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* records */
.records-page .cont-li .thumb{width:70px;height:70px;margin-right:12px;border-radius:8px;object-fit:cover}
.records-page .text-view{flex:1;min-width:0}
.records-page .scroll-text{overflow-y:auto}
.records-status-tabs{
  display:flex;align-items:stretch;background:#101d36;padding:0 4px;
  border-bottom:1px solid rgba(255,215,0,.15)
}
.records-status-tabs .status-tab{
  flex:1;height:44px;border:0;background:transparent;color:#fff;font-size:14px;
  position:relative;cursor:pointer;padding:0 4px
}
.records-status-tabs .status-tab.active{color:#ffd700;font-weight:600}
.records-status-tabs .status-tab.active::after{
  content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;
  background:#ffd700;border-radius:2px 2px 0 0
}
.records-page .scroll-text{height:calc(100vh - 140px)!important}

/* register agreement */
.agreement-box{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;margin:10px 0 5px}
.agreement-box a{color:#ffc107}


.login-page{min-height:100vh;background-color:#fff}.login-page .header-container{position:relative;width:100%;height:320px;overflow:hidden;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.login-page .header-container .banner{width:100%;height:100%;display:block}.login-page .content-card{position:relative;margin-top:-30px;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:30px 25px;z-index:20}.login-page .content-card .card-header{text-align:center;margin-bottom:25px}.login-page .content-card .card-header .card-title{font-size:24px;font-weight:700;color:#000;margin-bottom:8px}.login-page .content-card .card-header .card-subtitle{font-size:14px;color:#999}.login-page .content-card .login-tabs{display:flex;background-color:#efefef;border-radius:10px;padding:4px;margin-bottom:25px}.login-page .content-card .login-tabs .tab-item{flex:1;text-align:center;padding:12px 0;font-size:15px;color:#666;border-radius:8px;transition:all .3s}.login-page .content-card .login-tabs .tab-item.active{background-color:#ffc107;color:#fff;font-weight:700}.login-page .content-card .form-view .input-group{display:flex;align-items:center;background-color:#f8f8f8;border-radius:30px;margin-bottom:20px;padding:5px 15px;height:54px}.login-page .content-card .form-view .input-group .country-code-box{display:flex;align-items:center;padding-right:15px;margin-right:10px;border-right:1px solid #ddd;height:24px}.login-page .content-card .form-view .input-group .country-code-box uni-text{font-size:16px;color:#333;margin-right:4px}.login-page .content-card .form-view .input-group .input-icon{margin-right:10px}.login-page .content-card .form-view .input-group .custom-input{flex:1;background-color:initial}.login-page .content-card .form-view .but{width:100%;height:50px;line-height:50px;border-radius:25px;font-size:16px;font-weight:700;margin-top:15px}.login-page .content-card .form-view .but::after{border:none}.login-page .content-card .form-view .but-login{background-color:#ffc107;color:#fff;margin-top:10px;box-shadow:0 4px 10px rgba(255,193,7,.3)}.login-page .content-card .form-view .but-register{background-color:#fff;color:#333;border:1px solid #ddd;margin-top:20px}.login-page .content-card .form-view .but-register::after{border:none}
.login-page{min-height:100vh;background-color:#fff}.login-page .header-container{position:relative;width:100%;height:320px;overflow:hidden;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.login-page .header-container .banner{width:100%;height:100%;display:block}.login-page .content-card{position:relative;margin-top:-30px;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:30px 25px;z-index:20}.login-page .content-card .card-header{text-align:center;margin-bottom:25px}.login-page .content-card .card-header .card-title{font-size:24px;font-weight:700;color:#000;margin-bottom:8px}.login-page .content-card .card-header .card-subtitle{font-size:14px;color:#999}.login-page .content-card .form-view .input-group{display:flex;align-items:center;background-color:#f8f8f8;border-radius:30px;margin-bottom:20px;padding:5px 15px;height:54px}.login-page .content-card .form-view .input-group .input-icon{margin-right:10px}.login-page .content-card .form-view .input-group .custom-input{flex:1;background-color:initial}.login-page .content-card .form-view .agreement-box{margin-top:10px;margin-bottom:20px}.login-page .content-card .form-view .agreement-box .checkbox-txt{color:#333;font-weight:700}.login-page .content-card .form-view .but{width:100%;height:50px;line-height:50px;border-radius:25px;font-size:16px;font-weight:700;margin-top:15px}.login-page .content-card .form-view .but::after{border:none}.login-page .content-card .form-view .but-login{background-color:#ffc107;color:#fff;margin-top:10px;box-shadow:0 4px 10px rgba(255,193,7,.3)}.login-page .content-card .form-view .but-register{background-color:#fff;color:#333;border:1px solid #ddd;margin-top:15px}.login-page .content-card .form-view .but-register::after{border:none}

.u-checkbox{display:inline-flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1.8}.u-checkbox__icon-wrap{color:#606266;flex:none;display:-webkit-flex;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;width:21px;height:21px;color:transparent;text-align:center;transition-property:color,border-color,background-color;font-size:20px;border:1px solid #c8c9cc;transition-duration:.2s}.u-checkbox__icon-wrap--circle{border-radius:100%}.u-checkbox__icon-wrap--square{border-radius:3px}.u-checkbox__icon-wrap--checked{color:#fff;background-color:#2979ff;border-color:#2979ff}.u-checkbox__icon-wrap--disabled{background-color:#ebedf0;border-color:#c8c9cc}.u-checkbox__icon-wrap--disabled--checked{color:#c8c9cc!important}.u-checkbox__label{word-wrap:break-word;margin-left:5px;margin-right:12px;color:#606266;font-size:15px}.u-checkbox__label--disabled{color:#c8c9cc}

.u-checkbox-group{display:inline-flex;flex-wrap:wrap}
.home-page{background-color:#f5f6fa;min-height:100vh}.home-page .content-wrapper{padding-bottom:0}.home-page .banner-section{position:relative}.home-page .banner-section .start-btn{position:absolute;bottom:25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(90deg,#ff6b6b,#ff4d4f);color:#fff;padding:12px 40px;border-radius:30px;font-size:18px;font-weight:700;display:flex;align-items:center;box-shadow:0 4px 15px rgba(255,77,79,.4);z-index:2}.home-page .banner-section .start-btn:active{-webkit-transform:translateX(-50%) scale(.98);transform:translateX(-50%) scale(.98)}.home-page .intro-section{padding:0 15px 15px;margin-top:-20px;position:relative;z-index:1}.home-page .intro-section .intro-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.home-page .intro-section .intro-card .intro-title{font-size:20px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.home-page .intro-section .intro-card .intro-desc{font-size:14px;color:#666;line-height:1.6;text-align:justify}.home-page .features-section{padding:0 15px 15px}.home-page .features-section .feature-item{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;display:flex;align-items:flex-start;box-shadow:0 4px 12px rgba(0,0,0,.05)}.home-page .features-section .feature-item .feature-icon-box{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.home-page .features-section .feature-item .feature-text .feature-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.home-page .features-section .feature-item .feature-text .feature-desc{font-size:13px;color:#888;line-height:1.5}.home-page .data-section{padding:0 15px 15px}.home-page .data-section .section-header{display:flex;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;color:#333}.home-page .data-section .section-header .header-line{width:4px;height:16px;background-color:#2979ff;margin-right:8px;border-radius:2px}.home-page .data-section .withdraw{width:100%;height:200px;padding:10px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);box-sizing:border-box}.home-page .data-section .withdraw .scroll-text{width:100%;height:100%;overflow:hidden}.home-page .data-section .withdraw .scroll-text .cont-li{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;height:40px;padding:0 15px;border-radius:8px;background-color:#f8f8f8;color:#333}.home-page .data-section .withdraw .scroll-text .cont-li .txt1{font-size:14px;color:#666}.home-page .data-section .withdraw .scroll-text .cont-li .txt2{font-size:14px;font-weight:700;color:#2979ff}.home-page .about-section{padding:0 15px 30px}.home-page .about-section .about-card{background:#fff;border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.05)}.home-page .about-section .about-card .about-left{display:flex;align-items:center}.home-page .about-section .about-card .about-left .about-title{font-size:16px;color:#333;margin-left:10px}.home-page .partners-section{background-color:#000;padding:20px 15px;margin-top:20px}.home-page .partners-section .section-title{color:#fff;font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;position:relative}.home-page .partners-section .section-title::after{content:"";display:block;width:40px;height:2px;background:#fff;margin:8px auto 0}.home-page .partners-section .partners-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.home-page .partners-section .partners-grid .partner-item{width:23%;background:#fff;border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px}.home-page .partners-section .partners-grid .partner-item .partner-logo{width:40px;height:40px;margin-bottom:5px}.home-page .partners-section .partners-grid .partner-item .partner-name{font-size:12px;color:#333;font-weight:500;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.tab-page{padding:10px;display:flex;align-items:center;justify-content:space-between}.tab-page.transparent{background-color:initial!important}.tab-page.dark-mode{background-color:#000}.tab-page.dark-mode .title{color:#fff}.tab-page.dark-mode .icon-image{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.tab-page .left-side{display:flex;align-items:center}.tab-page .logo-image{height:30px;width:auto}.tab-page .tab-image{width:100px;height:auto}.tab-page .title{font-weight:700;font-size:20px}.tab-page .icon-image{width:26px;height:26px}.tab-page .t1-image{width:32px}.popup-view{padding:15px 0}.popup-view uni-view{font-size:16px;font-weight:700;color:#000;text-decoration:none;text-align:left;padding:8px}
.account-page{background-color:#101d36;min-height:100vh;padding-bottom:30px}.account-page .cont{padding:20px}.account-page .cont .user-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.account-page .cont .user-header .avatar{margin-bottom:15px;border:2px solid gold}.account-page .cont .user-header .user-info{text-align:center}.account-page .cont .user-header .user-info .name{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px}.account-page .cont .user-header .user-info .tags{display:flex;justify-content:center;gap:10px}.account-page .cont .user-header .user-info .tags .tag{background:hsla(0,0%,100%,.1);padding:4px 10px;border-radius:15px;color:gold;font-size:12px;display:flex;align-items:center}.account-page .cont .assets-card{background-color:#101d36;border:1px solid gold;border-radius:15px;padding:20px;margin-bottom:20px;text-align:center}.account-page .cont .assets-card .balance-info{margin-bottom:20px}.account-page .cont .assets-card .balance-info .label{color:gold;font-size:14px;margin-bottom:5px}.account-page .cont .assets-card .balance-info .value{color:#fff;font-size:30px;font-weight:700}.account-page .cont .assets-card .btn-row{display:flex;justify-content:space-between;gap:15px}.account-page .cont .assets-card .btn-row .nav-btn{flex:1}.account-page .cont .assets-card .btn-row .btn{width:100%;height:44px;line-height:44px;border-radius:22px;font-size:16px;font-weight:700;border:none}.account-page .cont .assets-card .btn-row .btn.recharge{background:gold;color:#101d36}.account-page .cont .assets-card .btn-row .btn.withdraw{background:transparent;border:1px solid gold;color:gold}.account-page .cont .assets-card .btn-row .btn:after{border:none}.account-page .cont .services-card{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.account-page .cont .services-card .card-title{font-size:16px;font-weight:700;color:#333;margin-bottom:20px;padding-left:10px;border-left:4px solid #101d36}.account-page .cont .services-card .grid-box{display:flex;flex-wrap:wrap}.account-page .cont .services-card .grid-box .grid-item{width:25%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.account-page .cont .services-card .grid-box .grid-item .icon{width:40px;height:40px;margin-bottom:8px}.account-page .cont .services-card .grid-box .grid-item uni-text{font-size:12px;color:#666;text-align:center}

.u-avatar{display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#606266;border-radius:10px;position:relative}.u-avatar__img{width:100%;height:100%}.u-avatar__sex{position:absolute;width:16px;color:#fff;height:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50px;top:5%;z-index:1;right:-7%;border:1px #fff solid}.u-avatar__sex--man{background-color:#2979ff}.u-avatar__sex--woman{background-color:#fa3534}.u-avatar__sex--none{background-color:#f90}.u-avatar__level{position:absolute;width:16px;color:#fff;height:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50px;bottom:5%;z-index:1;right:-7%;border:1px #fff solid;background-color:#f90}
.u-notice-bar{padding:9px 12px;overflow:hidden}.u-direction-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.u-left-icon{display:inline-flex;align-items:center}.u-notice-box{flex:1;display:flex;flex-direction:row;overflow:hidden;margin-left:6px}.u-right-icon{margin-left:6px;display:inline-flex;align-items:center}.u-notice-content{-webkit-animation:u-loop-animation-data-v-6e04882c 10s linear infinite both;animation:u-loop-animation-data-v-6e04882c 10s linear infinite both;text-align:right;padding-left:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.u-notice-text{font-size:13px;word-break:keep-all;white-space:nowrap}@-webkit-keyframes u-loop-animation-data-v-6e04882c{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes u-loop-animation-data-v-6e04882c{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}

.starting-page{background-color:#101d36;min-height:100vh;padding-bottom:30px}.starting-page .cont{width:100%}.starting-page .cont .top-card{background-color:#101d36;padding:15px;margin-bottom:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.starting-page .cont .top-card .user-info-bar{display:flex;align-items:center;margin:15px 0}.starting-page .cont .top-card .user-info-bar .welcome{color:gold;font-size:16px;margin-right:10px}.starting-page .cont .top-card .user-info-bar .level-icon{width:24px;height:24px;background:linear-gradient(180deg,#d96ffb,#9b5df8);border-radius:50%;color:#fff;text-align:center;line-height:24px;font-size:14px;margin-right:10px}.starting-page .cont .top-card .user-info-bar .username{color:#fff;font-size:16px}.starting-page .cont .top-card .assets-card{display:flex;justify-content:space-between;align-items:center;border:1px solid gold;border-radius:10px;padding:20px 0;background-color:#101d36}.starting-page .cont .top-card .assets-card .asset-col{flex:1;display:flex;flex-direction:column;align-items:center}.starting-page .cont .top-card .assets-card .asset-col .label{color:gold;font-size:14px;margin-bottom:10px}.starting-page .cont .top-card .assets-card .asset-col .value{color:#fff;font-size:24px;font-weight:700}.starting-page .cont .top-card .assets-card .divider{width:1px;height:40px;background-color:hsla(0,0%,100%,.2)}.starting-page .cont .view1{width:90%;margin:auto}.starting-page .cont .view1 .match-card{background-color:#fff;border-radius:15px;padding:20px 15px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}.starting-page .cont .view1 .match-card .logo-area{margin-bottom:15px;height:120px;display:flex;justify-content:center;align-items:center}.starting-page .cont .view1 .match-card .logo-area .platform-logo{height:100px;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%, 100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%, 100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.starting-page .cont .view1 .match-card .card-title{text-align:left;font-size:16px;font-weight:700;color:#333;margin-bottom:15px}.starting-page .cont .view1 .match-card .products-scroll{white-space:nowrap;margin-bottom:20px;width:100%}.starting-page .cont .view1 .match-card .products-scroll .product-item{display:inline-block;width:140px;background:#fff;border:1px solid #eee;border-radius:10px;padding:10px;margin-right:10px;vertical-align:top;text-align:left}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-img{width:100%;height:100px;border-radius:8px;margin-bottom:8px}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-title{font-size:12px;color:#333;line-height:1.4;height:34px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-price-row .price{font-weight:700;color:#e53238;font-size:14px}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-price-row .qty{color:#999;font-size:12px}.starting-page .cont .view1 .match-card .products-scroll .product-item .prod-commission{font-size:10px;color:#666}.starting-page .cont .view1 .match-card .match-btn{background:linear-gradient(90deg,#4a90e2,#0064d2);color:#fff;border-radius:50px;height:50px;line-height:50px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,100,210,.3);border:none}.starting-page .cont .view1 .match-card .match-btn:after{border:none}.starting-page .cont .view1 .match-card .match-hint{margin-top:10px;color:#999;font-size:12px}.starting-page .cont .view1 .stats-card{margin-top:20px;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)}.starting-page .cont .view1 .stats-card .stats-header{background:linear-gradient(135deg,#243949,#517fa4);padding:25px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.starting-page .cont .view1 .stats-card .stats-header .stat-item{display:flex;align-items:center;flex:1;justify-content:center}.starting-page .cont .view1 .stats-card .stats-header .stat-item .info{margin-left:12px;text-align:left}.starting-page .cont .view1 .stats-card .stats-header .stat-item .info .label{font-size:13px;color:hsla(0,0%,100%,.8);margin-bottom:4px}.starting-page .cont .view1 .stats-card .stats-header .stat-item .info .value{font-size:24px;font-weight:700;line-height:1.2}.starting-page .cont .view1 .stats-card .stats-header .line{width:1px;height:40px;background:hsla(0,0%,100%,.2)}.starting-page .cont .view1 .stats-card .stats-body{background-color:#fff;padding:20px}.starting-page .cont .view1 .stats-card .stats-body .income-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.starting-page .cont .view1 .stats-card .stats-body .income-row .left{display:flex;align-items:center;font-size:15px;color:#333;font-weight:500}.starting-page .cont .view1 .stats-card .stats-body .income-row .left .icon-box{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px}.starting-page .cont .view1 .stats-card .stats-body .income-row .left .icon-box.orange-bg{background:linear-gradient(135deg,#ff9a44,#fc6076);box-shadow:0 4px 10px rgba(252,96,118,.3)}.starting-page .cont .view1 .stats-card .stats-body .income-row .left .icon-box.yellow-bg{background:linear-gradient(135deg,#ffe259,#ffa751);box-shadow:0 4px 10px rgba(255,167,81,.3)}.starting-page .cont .view1 .stats-card .stats-body .income-row .right{font-size:18px;font-weight:700;font-family:DIN,sans-serif}.starting-page .cont .view1 .stats-card .stats-body .income-row .right.orange-text{color:#fc6076}.starting-page .cont .view1 .stats-card .stats-body .income-row .right.yellow-text{color:#ffa751}.starting-page .cont .view1 .stats-card .stats-body .divider-hor{height:1px;background-color:#f0f0f0;margin:5px 0}.starting-page .cont .view1 .activity-card{margin-top:20px;background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.starting-page .cont .view1 .activity-card .title{display:flex;align-items:center;font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.starting-page .cont .view1 .activity-card .title .icon-box{width:20px;height:20px;margin-right:10px;display:flex;align-items:flex-end;justify-content:space-between}.starting-page .cont .view1 .activity-card .title .icon-box .bar{width:5px;border-radius:2px 2px 0 0}.starting-page .cont .view1 .activity-card .title .icon-box .b1{height:60%;background:#4a90e2}.starting-page .cont .view1 .activity-card .title .icon-box .b2{height:100%;background:#e53238}.starting-page .cont .view1 .activity-card .title .icon-box .b3{height:80%;background:#f5af02}.starting-page .cont .view1 .activity-card .chart-container{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:10px}.starting-page .cont .view1 .activity-card .chart-container .chart-item{display:flex;flex-direction:column;align-items:center;flex:1}.starting-page .cont .view1 .activity-card .chart-container .chart-item .bar-wrapper{height:100px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px;width:100%}.starting-page .cont .view1 .activity-card .chart-container .chart-item .bar-wrapper .bar{width:20px;border-radius:5px 5px 0 0}.starting-page .cont .view1 .activity-card .chart-container .chart-item .day{font-size:12px;color:#666;margin-bottom:2px}.starting-page .cont .view1 .activity-card .chart-container .chart-item .percent{font-size:12px;color:#333;font-weight:700}

.popup-view{padding:18px 18px 24px}.popup-view .txt1{font-size:13px;color:#666;line-height:2}.popup-view .cont{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.popup-view .cont uni-image{width:60px;height:60px;margin-right:10px}.popup-view .cont .cont-text{max-width:calc(100% - 70px);font-size:13px;color:#333;line-height:1.8}.popup-view .txt-view{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;color:#000;line-height:2}.popup-view .txt-view .nub{color:hsla(0,0%,40%,.6196078431)}.popup-view .submit{background:#000;border-radius:10px;margin-top:10px;color:#fff;font-size:15px;font-weight:700;line-height:50px;height:50px}

.u-notice-bar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:9px 12px;overflow:hidden}.u-swiper{font-size:13px;height:16px;display:flex;flex-direction:row;align-items:center;flex:1;margin-left:6px}.u-swiper-item{display:flex;flex-direction:row;align-items:center;overflow:hidden}.u-news-item{overflow:hidden}.u-right-icon{margin-left:6px;display:inline-flex;align-items:center}.u-left-icon{display:inline-flex;align-items:center}

.u-notice-bar-wrap{overflow:hidden}.u-notice-bar{padding:9px 12px;overflow:hidden}.u-direction-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.u-left-icon{display:flex;flex-direction:row;align-items:center}.u-notice-box{flex:1;display:flex;flex-direction:row;overflow:hidden;margin-left:6px}.u-right-icon{margin-left:6px;display:flex;flex-direction:row;align-items:center}.u-notice-content{line-height:1;white-space:nowrap;font-size:13px;-webkit-animation:u-loop-animation-data-v-786b4733 10s linear infinite both;animation:u-loop-animation-data-v-786b4733 10s linear infinite both;text-align:right;padding-left:100%}@-webkit-keyframes u-loop-animation-data-v-786b4733{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes u-loop-animation-data-v-786b4733{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
.popup-view{padding:18px 18px 24px}.popup-view .txt1{font-size:13px;color:#666;line-height:2}.popup-view .cont{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.popup-view .cont uni-image{width:60px;height:60px;margin-right:10px}.popup-view .cont .cont-text{max-width:calc(100% - 70px);font-size:13px;color:#333;line-height:1.8}.popup-view .txt-view{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;color:#000;line-height:2}.popup-view .txt-view .nub{color:hsla(0,0%,40%,.6196078431)}.popup-view .submit{background:#000;border-radius:10px;margin-top:10px;color:#fff;font-size:15px;font-weight:700;line-height:50px;height:50px}

.records-page{background-color:#101d36;min-height:100vh}.records-page .scroll-text{height:calc(100vh - 80px);box-sizing:border-box;padding:10px 3%}.records-page .scroll-text .cont-li{margin:5px 0 15px;box-sizing:border-box;padding:15px;background:#101d36;border:1px solid gold;border-radius:15px}.records-page .scroll-text .cont-li .cont{display:flex;padding:15px 0;border-bottom:1px solid rgba(255,215,0,.2)}.records-page .scroll-text .cont-li .cont uni-image{width:70px;height:70px;margin-right:12px;border-radius:8px}.records-page .scroll-text .cont-li .cont .text-view{flex-grow:1;max-width:calc(100% - 82px)}.records-page .scroll-text .cont-li .cont .text-view uni-text{color:#ccc}.records-page .scroll-text .cont-li .cont .text-view .txt1{font-size:14px;line-height:20px;margin-bottom:8px;color:#fff}.records-page .scroll-text .cont-li .cont .text-view .commission{display:flex;justify-content:space-between;margin-bottom:5px}.records-page .scroll-text .cont-li .cont .text-view .commission .val{color:#fff}.records-page .scroll-text .cont-li .cont .text-view .commission .ffc{color:gold}.records-page .scroll-text .cont-li .title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:10px;margin-bottom:5px}.records-page .scroll-text .cont-li .title .site-name{font-size:16px;color:gold}.records-page .scroll-text .cont-li .title .time{color:#999;font-size:12px}.records-page .scroll-text .cont-li .action-row{margin-top:10px;display:flex;justify-content:flex-end}.records-page .scroll-text .cont-li .action-row .submit-btn{background-color:gold;color:#101d36;padding:6px 25px;border-radius:20px;font-size:14px;font-weight:700}
.u-input{position:relative;flex:1;display:flex;flex-direction:row}.u-input__input{font-size:14px;color:#303133;flex:1}.u-input__textarea{width:auto;font-size:14px;color:#303133;padding:5px 0;line-height:normal;flex:1}.u-input--border{border-radius:3px;border-radius:4px;border:1px solid #dcdfe6}.u-input--error{border-color:#fa3534!important}.u-input__right-icon__item{margin-left:5px}.u-input__right-icon--select{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.u-input__right-icon--select--reverse{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

.tab-page{padding:10px;display:flex;align-items:center;justify-content:space-between}.tab-page.transparent{background-color:initial!important}.tab-page.dark-mode{background-color:#000}.tab-page.dark-mode .title{color:#fff}.tab-page.dark-mode .icon-image{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.tab-page .left-side{display:flex;align-items:center}.tab-page .logo-image{height:30px;width:auto}.tab-page .tab-image{width:100px;height:auto}.tab-page .title{font-weight:700;font-size:20px}.tab-page .icon-image{width:26px;height:26px}.tab-page .t1-image{width:32px}.popup-view{padding:15px 0}.popup-view uni-view{font-size:16px;font-weight:700;color:#000;text-decoration:none;text-align:left;padding:8px}

/* ---- missing sub pages ---- */
.sub-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #f0f0f0}
.sub-top .back{width:32px;height:32px;border:none;background:transparent;font-size:22px;line-height:32px;cursor:pointer;color:#333}
.sub-top .sub-title{font-size:17px;font-weight:700;color:#111}
.sub-top .lang-btn{margin-right:0}
.page.sub{padding-bottom:20px;background:#f6f6f6;min-height:100vh}

.recharge-page{min-height:100vh;background:#f6f6f6;padding:10px 3%}
.recharge-page .border-bot{border-bottom:1px solid #f0f0f0}
.recharge-page .tips{margin-top:20px;font-size:15px;color:#333;line-height:1.7}
.recharge-page .but{background:#000;color:#fff;margin-top:9px;height:32px;padding:8px 18px;line-height:16px;border-radius:25px;font-size:14px;border:0;display:inline-block}
.recharge-page .submit{display:block;width:100%;text-align:center;background:#00d0ea;border-radius:10px;margin-top:15px;color:#fff;font-size:15px;font-weight:700;line-height:50px;height:50px;border:none}
.recharge-page .form-view{padding:10px;margin:10px 0;border-radius:5px;background:#fff}
.recharge-page .form-view .label{height:40px;line-height:40px;font-size:14px;color:#333}
.recharge-page .form-view .value{padding:6px 0}
.recharge-page .form-view .v-input,.recharge-page .form-view input{width:100%;height:40px;font-size:15px}
.recharge-page .mymoney{border-radius:5px 28px 5px 5px;padding:35px 30px;background:#000}
.recharge-page .mymoney .f1{color:hsla(0,0%,100%,.8);font-size:12px}
.recharge-page .mymoney .f2{color:#fff;font-size:13px;font-weight:700;margin-top:10px}
.recharge-page .mymoney .f2 .nub{font-size:32px;margin-left:5px}
.recharge-page .upload-box{margin-top:10px;width:100px;height:100px;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:28px;background:#fafafa}

.password-page{min-height:100vh;background:#fff}
.password-page .form-view{padding:10px 6%}
.password-page .form-view .item{display:flex;align-items:center;padding:10px 0;border-bottom:1px #ededed solid}
.password-page .form-view .item .label{font-size:14px;color:#000;width:100px;flex-shrink:0}
.password-page .form-view .item .value{flex-grow:1;margin-left:15px}
.password-page .form-view .item input{width:100%;height:36px;font-size:14px}
.password-page .submit{display:block;width:calc(100% - 12%);margin:30px 6% 0;text-align:center;background:#000;border-radius:5px;color:#fff;font-size:15px;font-weight:700;line-height:50px;height:50px;border:none}
.password-page .article{padding:16px;font-size:16px;line-height:1.7;color:#222;white-space:pre-wrap}
.password-page .article h2{text-align:center;font-size:22px;margin:10px 0 18px;font-weight:600}

.bills-page{background:#f6f6f6;min-height:100vh}
.bills-tabs{display:flex;align-items:center;justify-content:space-around;background:#fff;padding:10px 0 0;border-bottom:1px solid #f0f0f0}
.bills-tabs .bills-tab{flex:1;border:0;background:transparent;padding:10px 0 12px;font-size:14px;color:#666;position:relative}
.bills-tabs .bills-tab.active{color:#333;font-weight:600}
.bills-tabs .bills-tab.active::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:28px;height:3px;border-radius:2px;background:#ffc107}
.bills-page .scroll-text{padding:0 3%;height:calc(100vh - 120px);overflow-y:auto}
.bills-page .cont-li{margin:8px 0;padding:3px 3%;background:#fff;border-radius:8px}
.bills-page .cont-li .title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px #f4f4f4 solid;height:35px;font-size:14px}
.bills-page .cont-li .title .time{color:#999;font-size:13px}
.bills-page .cont-li .cont{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#000}
.bills-page .empty,.msg-page .empty{padding:80px 20px;text-align:center;color:#999;font-size:14px}

.msg-page{background:#f6f6f6;min-height:100vh}
.msg-page .scroll-text{padding:10px 3%}
.msg-page .cont-li{margin:8px 0;padding:12px;background:#fff;border-radius:8px}
.msg-page .cont-li .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.msg-page .cont-li .title .img{font-weight:700;color:#333}
.msg-page .cont-li .time{color:#999;font-size:12px}
.msg-page .cont-li .text{color:#666;font-size:14px;line-height:1.5}

.service-page{min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}
.service-page .svc-title{font-size:20px;font-weight:700;margin-bottom:12px}
.service-page .svc-desc{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px}
.service-page .svc-btn{background:#ffc107;color:#fff;border:none;border-radius:25px;padding:12px 36px;font-size:16px;font-weight:700}


/* ==== account page visual 1:1 fix ==== */
.app-shell.shell-dark{background:#101d36!important}
.account-page{background-color:#101d36!important;min-height:100vh;padding-bottom:80px!important}
.account-page .cont{padding:28px 18px 20px!important}
.account-page .cont .user-header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px!important}
.account-page .cont .user-header .avatar{
  width:120px!important;height:120px!important;border-radius:50%!important;border:2px solid gold!important;
  overflow:hidden;background:#fff;margin-bottom:14px!important;box-sizing:border-box;padding:0
}
.account-page .cont .user-header .avatar img{
  width:100%!important;height:100%!important;object-fit:cover;display:block;border:none!important;border-radius:0
}
.account-page .cont .user-header .user-info .name{color:#fff!important;font-size:20px!important;font-weight:700!important;margin-bottom:12px!important}
.account-page .cont .user-header .user-info .tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.account-page .cont .user-header .user-info .tags .tag{
  background:transparent!important;padding:5px 12px!important;border-radius:16px!important;color:gold!important;
  font-size:12px!important;display:inline-flex;align-items:center;border:1px solid gold!important
}
.account-page .cont .assets-card{
  background-color:#101d36!important;border:1px solid gold!important;border-radius:16px!important;
  padding:22px 18px 20px!important;margin-bottom:18px!important;text-align:center
}
.account-page .cont .assets-card .balance-info .label{color:gold!important;font-size:14px!important;margin-bottom:8px!important}
.account-page .cont .assets-card .balance-info .value{color:#fff!important;font-size:32px!important;font-weight:700!important}
.account-page .cont .assets-card .btn-row{display:flex;gap:14px}
.account-page .cont .assets-card .btn-row .nav-btn{flex:1}
.account-page .cont .assets-card .btn-row .btn{
  display:block;width:100%;height:44px;line-height:44px;border-radius:22px;font-size:16px;font-weight:700;text-align:center;box-sizing:border-box
}
.account-page .cont .assets-card .btn-row .btn.recharge{background:gold!important;color:#101d36!important;border:none!important}
.account-page .cont .assets-card .btn-row .btn.withdraw{background:transparent!important;border:1px solid gold!important;color:gold!important}
.account-page .cont .services-card{background:#fff!important;border-radius:16px!important;padding:18px 12px 8px!important}
.account-page .cont .services-card .card-title{
  font-size:16px!important;font-weight:700!important;color:#222!important;margin:0 8px 18px!important;
  padding-left:10px!important;border-left:4px solid #101d36!important
}
.account-page .cont .services-card .grid-box .grid-item{width:25%;display:flex;flex-direction:column;align-items:center;margin-bottom:18px}
.account-page .cont .services-card .grid-box .grid-item .icon{width:40px!important;height:40px!important;margin-bottom:8px!important;object-fit:contain}
.account-page .cont .services-card .grid-box .grid-item span{font-size:12px!important;color:#666!important;text-align:center}
/* ACCOUNT PAGE FIX END */

/* in-app modal / toast (inside .app-shell, mobile frame) */
.app-shell{position:relative}
.app-toast{
  position:absolute;left:50%;top:16%;transform:translateX(-50%);z-index:10001;
  background:rgba(0,0,0,.78);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;
  max-width:80%;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;line-height:1.4
}
.app-toast.show{opacity:1}
.app-modal-mask{
  position:absolute;inset:0;z-index:10000;background:rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;padding:24px 20px;
  opacity:0;visibility:hidden;transition:opacity .18s ease
}
.app-modal-mask.show{opacity:1;visibility:visible}
.app-modal{
  width:100%;max-width:320px;background:#fff;border-radius:14px;padding:20px 18px 16px;
  box-shadow:0 12px 40px rgba(0,0,0,.22);transform:translateY(8px) scale(.98);
  transition:transform .18s ease
}
.app-modal-mask.show .app-modal{transform:translateY(0) scale(1)}
.app-modal-title{font-size:17px;font-weight:700;color:#222;text-align:center;margin-bottom:8px}
.app-modal-desc{font-size:13px;color:#666;text-align:center;line-height:1.5;white-space:pre-line;margin-bottom:14px;word-break:break-all}
.app-modal-input{
  width:100%;height:44px;border:1px solid #ddd;border-radius:10px;padding:0 12px;
  font-size:16px;box-sizing:border-box;outline:none;letter-spacing:4px;text-align:center
}
.app-modal-input:focus{border-color:#2979ff}
.app-modal-actions{display:flex;gap:10px;margin-top:16px}
.app-modal-btn{
  flex:1;height:42px;border-radius:21px;border:none;font-size:15px;font-weight:600;cursor:pointer
}
.app-modal-btn.cancel{background:#f2f3f5;color:#333}
.app-modal-btn.ok{background:#2979ff;color:#fff}

/* recharge pay methods */
.pay-method-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.pay-method-item{
  min-width:72px;padding:10px 14px;border:1px solid #ddd;border-radius:10px;
  text-align:center;font-size:14px;color:#333;background:#fff;cursor:pointer
}
.pay-method-item.active{border-color:#101d36;background:#101d36;color:#ffd700;font-weight:600}
.pay-qr-wrap{
  display:flex;align-items:center;justify-content:center;min-height:160px;
  margin-bottom:14px;background:#f7f8fa;border-radius:12px;padding:12px
}
.pay-qr{width:160px;height:160px;object-fit:contain;border-radius:8px;background:#fff}
.pay-qr-empty{font-size:13px;color:#999}
.pay-addr-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pay-address{font-size:13px;word-break:break-all;flex:1;line-height:1.4}
.pay-limit{font-size:12px;color:#999;margin:6px 0 10px}