/* Byits interface refresh: familiar compact exchange layout */
html,body,.pane,.view-container,.scroll-content,.tab-content{width:100%!important;max-width:none!important}
body{background:#071824!important;color:#eef5ff!important}
.header{height:48px!important;background:#121f34!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.header>a{position:absolute!important;left:16px!important}.header>a img{width:28px!important;height:28px!important;object-fit:contain!important}
.header p{margin:0!important}.header p img{width:auto!important;height:25px!important;max-width:105px!important;object-fit:contain!important}
.header-right{right:18px!important;top:0!important;height:48px!important;display:flex!important;align-items:center!important}
.home-content{top:48px!important;bottom:58px!important}.home{display:flex!important;flex-direction:column!important;padding:10px 10px 76px!important;background:#071824!important;min-height:100%!important}
.bannar{order:1!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}.bannar-swiper-container{width:100%!important;height:auto!important;border-radius:12px!important;overflow:hidden!important}
.bannar .swiper-slide{height:auto!important}.bannar img{display:block!important;width:100%!important;height:clamp(180px,42vw,520px)!important;object-fit:cover!important;border-radius:12px!important}
.notice-w{order:2!important;margin:8px 0 10px!important;height:34px!important;background:#101f34!important;border-radius:4px!important}.notice{height:34px!important;line-height:34px!important}.notice img{width:16px!important;height:16px!important}
.market{display:none!important}.show{display:none!important}
.info{order:3!important;display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:10px!important;margin:0 0 12px!important}.info-pay,.info-detail>a{background:#121f34!important;border-radius:6px!important;min-height:74px!important}.info-detail{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.info a,.info dl{height:100%!important}.info dl{display:flex!important;align-items:center!important;justify-content:center!important}.info-pay img{width:38px!important;height:38px!important;object-fit:contain!important}.info-detail img{width:24px!important;height:24px!important;object-fit:contain!important}
.rate{order:4!important;margin:0!important;background:#0d1c2f!important;border-radius:6px!important;overflow:hidden!important}.rate-hd{height:44px!important;background:#121f34!important}.rate-hd li{font-size:16px!important;padding:12px 14px!important}.list-hd{height:38px!important;color:#91a0b7!important;background:#0b192a!important}.list-hd li{font-size:13px!important}
.list-item{height:66px!important;background:#0d1c2f!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:0 14px!important}.item-field{font-size:15px!important}.item-field:first-child{width:48%!important}.item-field:nth-child(2){width:27%!important;text-align:right!important}.item-field:nth-child(3){width:25%!important;text-align:right!important}.field-group{display:flex!important;align-items:center!important}.market-coin-icon{width:34px!important;height:34px!important;max-width:34px!important;object-fit:contain!important;border-radius:50%!important;margin-right:11px!important;background:transparent!important}.field-group span{font-size:15px!important;font-weight:600!important}.field-group em{display:block!important;font-size:11px!important;color:#7d8ca5!important}.list-item .up{color:#19b98c!important}.list-item .down{color:#ef5164!important}
.tab-nav.tabs{height:58px!important;background:#121f34!important;border:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.tab-nav .tab-item{width:auto!important;max-width:none!important;color:#ccd5e2!important;font-size:20px!important;padding-top:7px!important}.tab-nav .tab-item-active{color:#1682d4!important}.tab-nav .tab-title{font-size:12px!important;margin-top:2px!important}
/* account */
.user-center-main{bottom:58px!important;background:#071824!important}.my-center-head{min-height:260px!important;background:linear-gradient(120deg,#2694df,#54c1f4)!important;padding:26px 20px 54px!important;position:relative!important}.my-center-head .user{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.my-center-head .img{float:none!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#fff!important;padding:7px!important}.my-center-head .img img{width:100%!important;height:100%!important;object-fit:contain!important}.userinfo{margin:9px 0 0!important}.userinfo dt{font-size:17px!important}.userinfo dd{font-size:14px!important}.set-link{top:18px!important;right:18px!important;color:#fff!important}.usdt{position:absolute!important;left:20px!important;right:20px!important;bottom:-38px!important;height:100px!important;background:#fff!important;color:#263243!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important}.usdt dl{padding-top:21px!important}.usdt dt{font-size:14px!important}.usdt dd{font-size:24px!important;font-weight:700!important}
.my-center-section2{margin-top:52px!important;padding:0 20px!important;background:transparent!important}.my-center-section2 .links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.my-center-section2 li{float:none!important;width:100%!important}.my-center-section2 a{height:48px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#14243a!important;color:#fff!important}
.my-center-section3{margin:18px 20px 80px!important;padding:16px!important;background:#121f34!important;border-radius:6px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.my-center-section3 .common-module{height:104px!important;border:0!important;padding:12px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.my-center-section3 .left{float:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;font-size:12px!important;line-height:18px!important}.my-center-section3 .icon-img{width:28px!important;height:28px!important;object-fit:contain!important;margin:0 0 9px!important}.my-center-section3 .right{display:none!important}
/* trade */
.trade-view header{background:#071824!important;padding:12px 18px!important}.trade-view header .data-price{font-size:30px!important}.trade-view nav{background:#121f34!important}.trade-view footer{background:#071824!important}.trade_bar{height:58px!important;background:#121f34!important}.trade_bar section{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.trade_bar section:nth-child(2){background:#13a54b!important}.trade_bar section:nth-child(3){background:#ee2029!important}.trade_bar i{font-size:18px!important}.trade_bar p{font-size:13px!important}
@media(max-width:600px){.home{padding-left:8px!important;padding-right:8px!important}.bannar img{height:43vw!important;min-height:150px!important}.info{grid-template-columns:1.25fr 1fr!important}.info-detail{grid-template-columns:1fr!important}.info-pay,.info-detail>a{min-height:58px!important}.my-center-section3{margin-left:10px!important;margin-right:10px!important;padding:8px!important}.my-center-head{min-height:236px!important}}

.usdt dt,.usdt dd{color:#263243!important}.my-center-section2 .links li{position:static!important;margin:0!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important}.my-center-section2 .links a{width:100%!important;margin:0!important}

.my-center-section2 .links{display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:stretch!important;gap:12px!important}.my-center-section2 .links li{float:none!important;clear:none!important;position:static!important;display:block!important;flex:1 1 0!important;width:auto!important;height:48px!important;margin:0!important}.my-center-section2 .links .link1,.my-center-section2 .links .link2{float:none!important;clear:none!important;margin:0!important}

/* asset page polish + rounded market movement labels 2026-09-28 */
.user-center-main .user-center{width:100%;max-width:430px;margin:0 auto;padding-bottom:88px}
.user-center-main .my-center-head{height:auto!important;padding:18px 14px 28px!important}
.user-center-main .my-center-head .user{height:auto!important;min-height:116px;padding:18px!important;display:grid!important;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:linear-gradient(135deg,#172b49 0%,#10213a 100%);border:1px solid rgba(82,143,219,.22);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.user-center-main .my-center-head .user .img{grid-row:1/3;width:72px!important;height:72px!important}
.user-center-main .my-center-head .user .img img{width:72px!important;height:72px!important;border-radius:50%;object-fit:cover}
.user-center-main .my-center-head .userinfo{margin:0!important;padding:0!important;text-align:left!important;width:auto!important}
.user-center-main .my-center-head .profile-meta{grid-column:2;margin:4px 0 0!important;text-align:left!important;line-height:1.55;color:#a9b9cf!important}
.user-center-main .my-center-head .usdt{position:static!important;width:100%!important;height:auto!important;min-height:88px;margin:12px 0 0!important;padding:14px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,#ffffff 0%,#edf4ff 100%)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.user-center-main .my-center-section2{margin:14px 0 0!important;padding:0 14px!important}
.user-center-main .my-center-section2 .links{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
.user-center-main .my-center-section2 .links li{float:none!important;width:100%!important;border-radius:12px!important;overflow:hidden}
.user-center-main .my-center-section3{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:14px 14px 82px!important;padding:6px 14px!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.user-center-main .my-center-section3 .common-module{width:100%!important;height:auto!important;min-height:52px!important;padding:12px 4px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.065);align-items:center}
.user-center-main .my-center-section3 .common-module:last-child{border-bottom:0}
.index-main .product-list .item-field .up,.product-list .item-field .up{background:#18b68f!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 12px rgba(24,182,143,.22);font-weight:700}
.index-main .product-list .item-field .down,.product-list .item-field .down{background:#ef5164!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 12px rgba(239,81,100,.22);font-weight:700}

/* movement pill color correction */
.item-field .up{background:#18b68f!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 12px rgba(24,182,143,.22)!important;font-weight:700!important}
.item-field .down{background:#ef5164!important;color:#fff!important;border-radius:9px!important;box-shadow:0 4px 12px rgba(239,81,100,.22)!important;font-weight:700!important}

/* reference-style centered asset summary and home heading 2026-09-28 */
.user-center-main .my-center-head{padding:20px 14px 28px!important}
.user-center-main .my-center-head .user{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:198px!important;padding:18px 14px!important;background:linear-gradient(180deg,#2fa0df 0%,#46b8ee 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center!important}
.user-center-main .my-center-head .user .img{width:64px!important;height:64px!important;margin:0 auto 6px!important}
.user-center-main .my-center-head .user .img img{width:64px!important;height:64px!important;border-radius:50%!important}
.user-center-main .my-center-head .userinfo{width:100%!important;margin:0!important;padding:0!important;text-align:center!important}
.user-center-main .my-center-head .userinfo dt,.user-center-main .my-center-head .userinfo dd{text-align:center!important}
.user-center-main .my-center-head .profile-meta{width:100%!important;margin:2px 0 0!important;text-align:center!important;line-height:1.75!important;color:#fff!important}
.user-center-main .my-center-head .usdt{margin-top:-2px!important;min-height:104px!important;padding:20px 22px!important;border-radius:12px!important;background:#fff!important;color:#1f2732!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;text-align:left!important}
.user-center-main .my-center-head .usdt dl,.user-center-main .my-center-head .usdt dt,.user-center-main .my-center-head .usdt dd{text-align:left!important}
.header>p{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;margin:0!important;display:block!important}
.header>p em{width:auto!important;display:block!important}
.header>p img{display:block!important;margin:0 auto!important}
.home .rate{max-width:430px!important;margin-left:auto!important;margin-right:auto!important;border-radius:14px!important;overflow:hidden!important}
.home .rate-hd{display:flex!important;justify-content:center!important;align-items:center!important;padding:0 16px!important}
.home .rate-hd li{float:none!important;width:auto!important;min-width:150px!important;text-align:center!important;margin:0 auto!important}

.home .rate{width:calc(100% - 28px)!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}

/* responsive home, asset button alignment and polished sign-in 2026-09-28 */
.home .rate{width:calc(100% - 24px)!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
.home .rate .list-hd,.home .rate .list-item{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(92px,.9fr) minmax(92px,.75fr)!important;align-items:center!important}
.home .rate .list-hd li,.home .rate .list-item>.item-field{width:auto!important;min-width:0!important;text-align:center!important}
.home .rate .list-hd li:first-child,.home .rate .list-item>.item-field:first-child{text-align:left!important}
.home .rate .field-group{display:flex!important;align-items:center!important;min-width:0!important;white-space:nowrap!important}
@media(max-width:700px){.header-right .language-tit{display:none!important}.header-right{right:10px!important;width:auto!important}.header>p img{max-width:82px!important}.home .rate{width:calc(100% - 20px)!important}.home .rate .list-hd,.home .rate .list-item{grid-template-columns:minmax(0,1.35fr) minmax(82px,.85fr) minmax(82px,.8fr)!important}}
.user-center-main .my-center-section2 .links li:nth-child(1){grid-column:1!important;grid-row:1!important}
.user-center-main .my-center-section2 .links li:nth-child(2){grid-column:2!important;grid-row:1!important}
.signin-view{background:radial-gradient(circle at 50% 18%,#153650 0%,#081724 48%,#050f19 100%)!important}
.signin{width:min(86%,380px)!important;height:100%!important;margin:0 auto!important;padding-top:34px!important;text-align:center!important}
.signin-header{margin:0 0 28px!important}
.signin-header .system-logo{max-width:270px!important}
.signin-header .system-logo img{width:min(78%,240px)!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}
.signin-content>.list{height:auto!important;margin-bottom:18px!important}
.signin-content>.list>.item{height:52px!important;line-height:52px!important;margin-bottom:12px!important;padding:0 14px!important;border:1px solid #213d59!important;border-radius:12px!important;background:#10243a!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.signin-content>.list>.item>.input-icon{width:34px!important;height:52px!important;line-height:52px!important;margin:0!important;color:#e8f2ff!important;font-size:22px!important}
.signin-content>.list>.item>input{height:50px!important;padding:0 8px!important;background:transparent!important;color:#f3f7fc!important;-webkit-text-fill-color:#f3f7fc!important;font-size:15px!important;caret-color:#45a3ff!important}
.signin-content>.list>.item>input::placeholder{color:#8298b2!important;opacity:1!important}
.signin-content>.list>.item>input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #10243a inset!important;-webkit-text-fill-color:#f3f7fc!important}
.signin-action{padding:0!important}
.signin-action .sign_button{height:48px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#2878f0,#1e63d8)!important;color:#fff!important;font-size:17px!important;box-shadow:0 10px 24px rgba(40,120,240,.3)!important}
.signin-footer{margin-top:17px!important}
.signin-footer>a{color:#c8d8e9!important;font-size:14px!important}
.signin-footer>a:hover{color:#fff!important}

/* adaptive asset dashboard, sign-in alignment and readable toast 2026-09-28 */
.user-center-main .user-center{width:100%!important;max-width:980px!important;margin:0 auto!important}
.user-center-main .my-center-head{padding-left:16px!important;padding-right:16px!important}
.user-center-main .my-center-head .user,.user-center-main .my-center-head .usdt{width:100%!important;max-width:none!important}
.user-center-main .my-center-section2{padding:0 16px!important}
.user-center-main .my-center-section2 .links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.user-center-main .my-center-section3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 6px!important;margin:16px 16px 22px!important;padding:14px 10px!important;border-radius:12px!important;background:#12223a!important;box-shadow:none!important}
.user-center-main .my-center-section3 .common-module{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:96px!important;width:100%!important;padding:10px 4px!important;border:0!important;text-align:center!important}
.user-center-main .my-center-section3 .common-module .left{float:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;line-height:1.35!important;text-align:center!important;font-size:13px!important;white-space:normal!important}
.user-center-main .my-center-section3 .common-module .icon-img{width:28px!important;height:28px!important;margin:0!important;object-fit:contain!important}
.user-center-main .my-center-section3 .common-module .right{display:none!important}
.user-center-main .my-center-section3 .common-module[onclick*='app_exit']{display:none!important}
.user-center-main .asset-logout-btn{display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;margin:0 16px 92px!important;border-radius:24px!important;background:linear-gradient(135deg,#ffc329,#ffad18)!important;color:#15191f!important;font-size:15px!important;font-weight:600!important;box-shadow:0 10px 22px rgba(255,180,27,.18)!important;text-decoration:none!important}
@media(min-width:760px){.user-center-main .my-center-head{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:16px!important;align-items:stretch!important}.user-center-main .my-center-head .user{min-height:245px!important}.user-center-main .my-center-head .usdt{margin-top:0!important;min-height:245px!important;display:flex!important;align-items:center!important}.user-center-main .my-center-section3{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:420px){.user-center-main .my-center-section3{margin-left:10px!important;margin-right:10px!important;padding:10px 6px!important}.user-center-main .my-center-section3 .common-module{min-height:88px!important}.user-center-main .my-center-section3 .common-module .left{font-size:12px!important}.user-center-main .asset-logout-btn{margin-left:10px!important;margin-right:10px!important}}
.signin-content>.list>.item{display:flex!important;align-items:center!important}
.signin-content>.list>.item>.input-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;padding:0!important}
.signin-content>.list>.item>input{flex:1 1 auto!important;width:auto!important;min-width:0!important}
.layui-layer-msg{background:#10243a!important;border:1px solid #2c4a68!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(0,0,0,.35)!important}
.layui-layer-msg .layui-layer-content{color:#f4f8fc!important;font-weight:600!important}
.ionic_toast .toast_section{background:#10243a!important;color:#f4f8fc!important;border:1px solid #2c4a68!important;border-radius:12px!important}

/* keep reference layout at every width; scale only the container */
.user-center-main .my-center-head{display:block!important}
.user-center-main .my-center-head .user{min-height:225px!important}
.user-center-main .my-center-head .usdt{margin-top:-2px!important;min-height:112px!important;display:flex!important;align-items:center!important}
.user-center-main .my-center-section3{grid-template-columns:repeat(3,minmax(0,1fr))!important}

.user-center-main .user-center{max-width:100%!important}

/* home header: keep language switch fixed at the right */
.header .header-right{position:absolute!important;top:0!important;right:12px!important;left:auto!important;height:48px!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;z-index:101!important}
.header .header-right .language{height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;padding:0 7px!important;cursor:pointer!important}
.header .header-right .language-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;line-height:28px!important;font-size:20px!important;border-radius:6px!important;background:rgba(255,255,255,.08)!important}
.header .header-right>ul{right:0!important;left:auto!important;top:46px!important;z-index:102!important}
@media(max-width:700px){.header .header-right{right:8px!important}.header .header-right .language{padding:0 3px!important}.header .header-right .language-tit{display:none!important}}

/* use real flag images instead of platform emoji glyphs */
.header .language-icon{background:transparent!important}
.header .language-icon img,.header-right>ul li em img{display:block!important;width:28px!important;height:18px!important;object-fit:cover!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important}

/* compact flag frame matching the flag aspect ratio */
.header .header-right .language-icon{width:30px!important;height:20px!important;min-width:30px!important;padding:0!important;border-radius:4px!important;background:transparent!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 3px 8px rgba(0,0,0,.22)!important}
.header .header-right .language-icon img{width:30px!important;height:20px!important;border-radius:3px!important;object-fit:cover!important;box-shadow:none!important}


/* polished withdrawal, bank and withdrawal-password pages */
.finance-body{min-height:100%;background:#071521!important;color:#eef5ff!important}
.finance-header{height:52px!important;background:#0c1b2c!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06)!important}
.finance-header .title{height:52px!important;line-height:52px!important;color:#f4f8fc!important;font-size:16px!important;font-weight:600!important}
.finance-header .back-button{height:52px!important;display:flex!important;align-items:center!important;color:#4ea8ff!important;padding:0 16px!important}
.finance-shell{width:min(100%,720px);margin:0 auto;padding:76px 16px 42px;box-sizing:border-box}
.withdraw-balance-card{min-height:142px;padding:28px 20px;border-radius:18px;background:linear-gradient(135deg,#15345c 0%,#0d2442 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 36px rgba(0,0,0,.25)}
.withdraw-balance-card strong{font-size:38px;line-height:1.2;color:#fff;letter-spacing:.3px}.withdraw-balance-card span{margin-top:10px;color:#91a7c1;font-size:14px}
.withdraw-bank-selector{margin-top:14px;min-height:76px;padding:14px 16px;border:1px solid #253b55;border-radius:14px;background:#12243a;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none!important}
.selector-icon{width:38px;height:38px;border-radius:12px;background:#ffba22;color:#142033;display:flex;align-items:center;justify-content:center;font-size:20px}.selector-copy{display:flex;flex:1;min-width:0;flex-direction:column}.selector-copy small{color:#8299b3;font-size:12px}.selector-copy b{margin-top:4px;color:#f5f8fb;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.withdraw-bank-selector>i{color:#71869e;font-size:20px}
.finance-notice{margin-top:16px;padding:14px;border:1px solid rgba(255,186,34,.28);border-radius:12px;background:rgba(255,186,34,.08);display:flex;gap:11px;align-items:flex-start}.finance-notice>span{flex:0 0 24px;height:24px;border-radius:50%;background:#ffba22;color:#172131;display:flex;align-items:center;justify-content:center;font-weight:800}.finance-notice p{margin:1px 0 0;color:#d9e3ee;font-size:13px;line-height:1.55}
.finance-primary-link,.finance-secondary-link,.finance-submit{width:100%;height:50px;margin-top:12px;border:0;border-radius:25px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:15px;font-weight:650;box-sizing:border-box}.finance-primary-link,.finance-submit{background:linear-gradient(135deg,#ffc329,#ffad18)!important;color:#18202a!important;box-shadow:0 10px 24px rgba(255,179,26,.18)}.finance-secondary-link{border:1px solid #2d4a69;background:#13263d;color:#dce9f6}
.finance-card{margin-top:18px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#111f32;box-shadow:0 18px 38px rgba(0,0,0,.24)}.finance-card h2{margin:0 0 18px;color:#fff;font-size:18px}.finance-field{display:block;margin-top:16px}.finance-field>span{display:block;margin-bottom:8px;color:#a8bbd0;font-size:13px}.finance-field input,.finance-field select{width:100%!important;height:48px!important;margin:0!important;padding:0 14px!important;border:1px solid #29435f!important;border-radius:11px!important;background:#0b1929!important;color:#f4f8fc!important;font-size:14px!important;box-sizing:border-box!important;outline:none!important}.finance-field input::placeholder{color:#617892!important}.finance-field input:focus,.finance-field select:focus{border-color:#4b9fff!important;box-shadow:0 0 0 3px rgba(75,159,255,.12)!important}.finance-field select option{background:#fff;color:#172131}.finance-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-input{height:48px;border:1px solid #29435f;border-radius:11px;background:#0b1929;display:flex;align-items:center;overflow:hidden}.money-input b{padding-left:14px;color:#ffbd24}.money-input input{border:0!important;box-shadow:none!important}.withdraw-fee{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#8fa5bd}.withdraw-fee b{color:#ffbd24}
.bank-illustration{height:72px;position:relative;display:flex;align-items:flex-end;justify-content:center;opacity:.48}.bank-illustration span{width:116px;height:14px;background:#476076;border-radius:5px 5px 0 0}.bank-illustration i,.bank-illustration b{position:absolute;bottom:14px;background:#476076}.bank-illustration i{width:22px;height:34px;left:calc(50% - 48px)}.bank-illustration b{width:28px;height:46px;right:calc(50% - 54px)}
.bank-form{margin-top:0}.bank-form>header{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.bank-form>header .card-chip{grid-row:1/3;width:36px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ffca38,#d89600);color:#fff1ad;display:flex;align-items:center;justify-content:center}.bank-form>header h2{margin:0;color:#ffbd24;font-size:17px}.bank-form>header small{color:#7289a2}.finance-help{margin:16px 0 0;color:#7f96ae;font-size:12px;line-height:1.55}
.password-hero{text-align:center;padding:10px 20px 2px}.lock-mark{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,#1e70d4,#3ca4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transform:rotate(45deg);box-shadow:0 14px 28px rgba(30,112,212,.25)}.password-hero h2{margin:0;color:#fff;font-size:20px}.password-hero p{margin:8px 0 0;color:#8097b0;font-size:13px}.password-form{margin-top:22px}
@media(max-width:480px){.finance-shell{padding-left:12px;padding-right:12px}.withdraw-balance-card{min-height:126px}.withdraw-balance-card strong{font-size:32px}.finance-card{padding:18px 14px}.finance-field-pair{grid-template-columns:1fr}.bank-illustration{height:58px}}


/* finance navigation and notification polish */
.finance-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important}
.finance-nav-button{position:absolute!important;left:0!important;top:0!important;width:52px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;z-index:3!important;cursor:pointer!important}
.finance-close{position:absolute;right:0;top:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#8fa6bf!important;text-decoration:none!important;font-size:26px;font-weight:300;line-height:1;z-index:3}
.finance-close:active,.finance-nav-button:active{opacity:.65}
.layui-layer-msg{min-width:220px!important;max-width:calc(100vw - 32px)!important;border:1px solid #294763!important;border-radius:14px!important;background:#10243a!important;box-shadow:0 16px 40px rgba(0,0,0,.38)!important;color:#f2f7fc!important}
.layui-layer-msg .layui-layer-content{min-height:24px!important;padding:14px 18px 14px 52px!important;display:flex!important;align-items:center!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}
.layui-layer-msg .layui-layer-ico{left:14px!important;top:50%!important;width:26px!important;height:26px!important;margin-top:-13px!important;border-radius:50%!important;background-image:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important}
.layui-layer-msg .layui-layer-ico:after{font-family:Arial,sans-serif;font-size:17px;font-weight:700;line-height:1}
.layui-layer-msg .layui-layer-ico1{background:#19b99a!important}.layui-layer-msg .layui-layer-ico1:after{content:'\2713';color:#fff}
.layui-layer-msg .layui-layer-ico2{background:#f05e70!important}.layui-layer-msg .layui-layer-ico2:after{content:'\00d7';color:#fff}

.layui-layer-msg .layui-layer-ico0,.layui-layer-msg .layui-layer-ico3{background:#368ee8!important}
.layui-layer-msg .layui-layer-ico0:after{content:'i';color:#fff;font-size:15px}
.layui-layer-msg .layui-layer-ico3:after{content:'?';color:#fff;font-size:15px}
.layui-layer-msg .layui-layer-ico5,.layui-layer-msg .layui-layer-ico6{background:#19b99a!important}
.layui-layer-msg .layui-layer-ico5:after,.layui-layer-msg .layui-layer-ico6:after{content:'\2713';color:#fff}


/* explicit per-field validation */
.finance-field.has-error input,.finance-field.has-error select{border-color:#f05e70!important;box-shadow:0 0 0 3px rgba(240,94,112,.12)!important}
.finance-field.has-error>span{color:#ff8292!important}
.field-error{display:block;margin-top:7px;color:#ff667a;font-size:12px;line-height:1.35}


/* allow long finance forms to scroll naturally */
html:has(.finance-body),body.finance-body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
body.finance-body .finance-shell{min-height:calc(100vh - 52px)!important;overflow:visible!important;padding-bottom:56px!important}
body.finance-body .bank-form{margin-bottom:30px!important}

/* recharge empty state */
.recharge-record-link{position:absolute;right:14px;top:0;height:52px;display:flex;align-items:center;color:#f4f8fc!important;text-decoration:none!important;font-size:14px;z-index:3}
.recharge-empty{min-height:100vh;padding:104px 20px 40px;box-sizing:border-box;text-align:center;background:#071521;color:#8498ae}
.recharge-empty p{margin-top:20px;font-size:14px;letter-spacing:.5px}
.empty-city{width:180px;height:124px;margin:0 auto;position:relative;border-bottom:8px solid #546778;filter:drop-shadow(0 12px 8px rgba(142,164,183,.18))}
.empty-city>i,.empty-city>b,.empty-city>em{position:absolute;bottom:0;background:linear-gradient(#aab7c3,#617281);display:block}
.empty-city>i{left:12px;width:34px;height:65px}.empty-city>b{right:14px;width:42px;height:100px}.empty-city>em{left:47px;width:18px;height:86px}
.empty-city>span{position:absolute;left:62px;bottom:0;width:66px;height:90px;background:#edf2f5;border:9px solid #a9b5bf;box-sizing:border-box;padding-top:17px}
.empty-city>span u{display:block;width:28px;height:5px;margin:0 auto 7px;background:#c9d1d7;text-decoration:none}
