:root{
--theme-primary_color:#00A884;--theme-secondary_color:#0B7285;--theme-accent_color:#F4B740;--theme-page_bg:#F4FBF8;--theme-card_bg:#FFFFFF;--theme-header_bg:#FFFFFF;--theme-header_text:#17332D;--theme-nav_active:#00A884;--theme-nav_text:#5D756E;--theme-button_bg:#00A884;--theme-button_text:#FFFFFF;--theme-button_hover:#007A63;--theme-button_disabled:#C7D8D3;--theme-game_bg:#FFFFFF;--theme-game_title:#17332D;--theme-game_selected:#00A884;--theme-game_unselected:#E8F7F3;--theme-game_border:#BFE7DE;--theme-timer_color:#F4B740;--theme-wallet_bg:#007A63;--theme-wallet_text:#FFFFFF;--theme-success_color:#16A34A;--theme-warning_color:#D97706;--theme-error_color:#DC2626;--theme-footer_bg:#FFFFFF;--theme-footer_text:#65756F;--theme-icon_color:#00A884;--theme-link_color:#0B7285;--main-color:var(--theme-primary_color);
}

/* Global theme controls */
html,body,#app{background:var(--theme-page_bg)!important;color:var(--theme-header_text)!important}
body{--van-primary-color:var(--theme-primary_color);--van-success-color:var(--theme-success_color);--van-danger-color:var(--theme-error_color);--van-warning-color:var(--theme-warning_color);--van-blue:var(--theme-secondary_color);}
a{color:var(--theme-link_color)!important}
::selection{background:var(--theme-primary_color)!important;color:#fff!important}

/* Main SPA / top navigation */
.top_nav{background:var(--theme-primary_color)!important;color:var(--theme-button_text)!important}
.top_nav *{color:var(--theme-button_text)!important}

/* Vant navigation / tabs */
.van-nav-bar,.van-nav-bar__content{background:var(--theme-header_bg)!important}
.van-nav-bar__title,.van-nav-bar__text,.van-nav-bar .van-icon{color:var(--theme-header_text)!important}
.van-tabbar{background:var(--theme-footer_bg)!important}
.van-tabbar-item{color:var(--theme-footer_text)!important}
.van-tabbar-item--active,.van-tabbar-item--select{color:var(--theme-nav_active)!important}
.van-tabs__line{background:var(--theme-nav_active)!important}
.van-tabs__nav{background:var(--theme-header_bg)!important}

/* Buttons */
.van-button--primary,.van-button--success{background:var(--theme-button_bg)!important;border-color:var(--theme-button_bg)!important;color:var(--theme-button_text)!important}
.van-button--danger{background:var(--theme-error_color)!important;border-color:var(--theme-error_color)!important;color:#fff!important}
.van-button--warning{background:var(--theme-warning_color)!important;border-color:var(--theme-warning_color)!important;color:#fff!important}

/* Common cards / cells */
.van-cell,.van-cell-group,.van-popup,.van-dialog,.van-action-sheet,.van-picker{background:var(--theme-card_bg)!important;color:var(--theme-header_text)!important}
.van-cell__title,.van-cell__value,.van-cell__label{color:var(--theme-header_text)!important}
.van-card{background:var(--theme-game_bg)!important}
.van-notice-bar{background:var(--theme-accent_color)!important;color:#fff!important}
.van-dropdown-menu__bar{background:var(--theme-header_bg)!important}
.van-switch--on{background:var(--theme-primary_color)!important}

/* Main site custom components */
.game-card,.period-card,.bet-card,.game_list,.game_item,.period-item{background:var(--theme-game_bg)!important;border-color:var(--theme-game_border)!important}
.game-title,.game_name,.game-title *{color:var(--theme-game_title)!important}
.selected,.active-option,.is-selected,.choose,.selected-item{background:var(--theme-game_selected)!important;border-color:var(--theme-game_selected)!important;color:var(--theme-button_text)!important}
.unselected,.option{background:var(--theme-game_unselected)!important;border-color:var(--theme-game_border)!important}
.timer,.countdown{color:var(--theme-timer_color)!important}
.wallet,.wallet-card,.balance-card{background:var(--theme-wallet_bg)!important;color:var(--theme-wallet_text)!important}
.wallet *,.wallet-card *,.balance-card *{color:var(--theme-wallet_text)!important}

/* Status */
.text-success,.success,.status-success{color:var(--theme-success_color)!important}
.text-danger,.danger,.status-error{color:var(--theme-error_color)!important}
.text-warning,.warning,.status-warning{color:var(--theme-warning_color)!important}

/* Footer / icons */
.footer{background:var(--theme-footer_bg)!important;color:var(--theme-footer_text)!important}
.icon,.fa,.bi{color:var(--theme-icon_color)}

/* Recharge reward card */
#rechargeRewardCard>div{background:linear-gradient(135deg,var(--theme-primary_color),var(--theme-secondary_color),var(--theme-accent_color))!important}
#rechargeRewardCard a{color:var(--theme-primary_color)!important}

/* Common theme tokens used by pages that already expose custom classes */
.appHeader1{background:var(--theme-primary_color)!important;border-color:var(--theme-primary_color)!important}
.appHeader{background:var(--theme-header_bg)!important;color:var(--theme-header_text)!important}
.van-tag--success{background:var(--theme-success_color)!important}


/* VIP visual system: coordinated surfaces, gradients, depth and mobile polish */
body{background:var(--theme-page_bg)!important;min-height:100vh}
#app{background:var(--theme-page_bg)!important;min-height:100vh}

/* Repeated Vue component names used throughout the SPA */
[class*="top_nav"]{background:linear-gradient(135deg,var(--theme-primary_color),var(--theme-secondary_color))!important;color:var(--theme-button_text)!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important}
[class*="top_nav"] *{color:var(--theme-button_text)!important}
[class*="nav_foot"]{background:var(--theme-footer_bg)!important;border-top:1px solid var(--theme-game_border)!important;box-shadow:0 -6px 22px rgba(0,0,0,.07)!important}
[class*="nav_foot"] li span{color:var(--theme-footer_text)!important}
[class*="nav_foot"] li.active span,[class*="nav_foot"] li.router-link-active span{color:var(--theme-nav_active)!important}
[class*="recharge_box"],[class*="game_box"],[class*="period_box"],[class*="trend_box"],[class*="record_box"]{background:var(--theme-card_bg)!important;border-color:var(--theme-game_border)!important;box-shadow:0 7px 22px rgba(15,23,42,.07)!important}
[class*="recharge_btn"] button,[class*="recharge_btn"] .van-button{background:linear-gradient(135deg,var(--theme-button_bg),var(--theme-secondary_color))!important;border-color:transparent!important;color:var(--theme-button_text)!important;box-shadow:0 7px 16px rgba(0,0,0,.10)!important}
[class*="game_item"],[class*="game-card"],[class*="period-item"],[class*="period-card"],[class*="bet-card"]{background:var(--theme-game_bg)!important;border-color:var(--theme-game_border)!important;color:var(--theme-game_title)!important;border-radius:14px!important}
[class*="game_item"] .active,[class*="game_item"] .selected,[class*="period-item"] .active,[class*="period-item"] .selected{background:var(--theme-game_selected)!important;color:var(--theme-button_text)!important;border-color:var(--theme-game_selected)!important}
[class*="game_item"] .disabled,[class*="period-item"] .disabled{background:var(--theme-game_unselected)!important;color:var(--theme-nav_text)!important}

/* Surface hierarchy */
.van-cell,.van-cell-group,.van-card,.van-popup,.van-dialog,.van-action-sheet,.van-picker,.van-dropdown-menu__bar{border-color:var(--theme-game_border)!important}
.van-cell-group,.van-card{box-shadow:0 6px 20px rgba(15,23,42,.055)!important}
.van-button--primary,.van-button--success{background:linear-gradient(135deg,var(--theme-button_bg),var(--theme-secondary_color))!important;border-color:transparent!important;box-shadow:0 6px 15px rgba(0,0,0,.09)!important}
.van-button--warning{background:linear-gradient(135deg,var(--theme-warning_color),var(--theme-accent_color))!important;border-color:transparent!important}
.van-button--danger{background:linear-gradient(135deg,var(--theme-error_color),var(--theme-primary_color))!important;border-color:transparent!important}
.van-button--disabled,.van-button--disabled:before{background:var(--theme-button_disabled)!important;border-color:var(--theme-button_disabled)!important}
.van-tabs__line{height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--theme-primary_color),var(--theme-accent_color))!important}
.van-tab--active{color:var(--theme-nav_active)!important;font-weight:800!important}
.van-nav-bar{box-shadow:0 3px 14px rgba(0,0,0,.06)!important}
.van-field,.van-search,.van-field__control{background:var(--theme-card_bg)!important;color:var(--theme-header_text)!important}
.van-field__control::placeholder{color:var(--theme-nav_text)!important;opacity:.8}
.van-divider{border-color:var(--theme-game_border)!important}
.van-tag--primary{background:var(--theme-primary_color)!important}

/* Wallet / balance surfaces */
.wallet,.wallet-card,.balance-card,[class*="wallet"],[class*="balance"]{border-color:var(--theme-primary_color)!important}
.wallet,.wallet-card,.balance-card{background:linear-gradient(135deg,var(--theme-wallet_bg),var(--theme-secondary_color))!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important;border-radius:18px!important}

/* VIP reward / promotional cards */
#rechargeRewardCard>div{background:linear-gradient(135deg,var(--theme-primary_color) 0%,var(--theme-secondary_color) 55%,var(--theme-accent_color) 100%)!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important;border:1px solid rgba(255,255,255,.20)!important}

/* Generic panels that commonly appear on account/history pages */
[class*="record"], [class*="history"], [class*="profile"], [class*="user_box"], [class*="info_box"]{border-color:var(--theme-game_border)!important}
[class*="record"] .van-cell,[class*="history"] .van-cell,[class*="profile"] .van-cell{background:var(--theme-card_bg)!important}

/* Dark/premium theme remains readable even where compiled SPA CSS has dark text */
#app .van-cell__title,#app .van-cell__value,#app .van-cell__label,#app .van-card__title,#app .van-card__desc{color:var(--theme-header_text)!important}
#app .van-icon{color:var(--theme-icon_color)}
#app .van-tabbar-item{background:transparent!important}

/* ==========================================================
   MY PAGE — PREMIUM ACCOUNT UI
   Visual-only layer. Scoped to .mine so no other page logic/UI
   is affected. No data, API, navigation or business rules changed.
   ========================================================== */
.mine[data-v-ecfa0006]{
  position:relative;
  min-height:100vh;
  padding-bottom:78px!important;
  background:linear-gradient(180deg,#f5fbfa 0%,#f8fafc 48%,#f3f7f7 100%)!important;
}
.mine[data-v-ecfa0006] .mine_top{overflow:hidden;background:transparent!important;box-shadow:none!important}
.mine[data-v-ecfa0006] .mine_top .mine_info{
  position:relative;padding:18px 14px 20px!important;
  background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.20),transparent 24%),radial-gradient(circle at 12% 100%,rgba(255,215,102,.14),transparent 30%),linear-gradient(135deg,#007f73 0%,#00a98f 46%,#008f83 100%)!important;
  border-radius:0 0 28px 28px!important;box-shadow:0 12px 30px rgba(0,91,82,.20)!important;border-bottom:1px solid rgba(255,255,255,.22)
}
.mine[data-v-ecfa0006] .mine_info:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 0 45%,rgba(255,255,255,.055) 46%,transparent 57%)}
.mine[data-v-ecfa0006] .mine_info_top{position:relative;z-index:1;align-items:center}
.mine[data-v-ecfa0006] .info_left img{width:54px!important;height:54px!important;margin:0 11px 0 2px!important;border:2px solid rgba(255,255,255,.86)!important;box-shadow:0 5px 16px rgba(0,0,0,.22)!important}
.mine[data-v-ecfa0006] .info_left ul{margin-left:0!important;font-size:14px!important;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.mine[data-v-ecfa0006] .info_left ul li{line-height:25px!important}
.mine[data-v-ecfa0006] .info_left ul li:first-child{font-size:15px!important;font-weight:700}
.mine[data-v-ecfa0006] .info_left ul li:last-child{font-size:13px!important;opacity:.88}
.mine[data-v-ecfa0006] .info_right .notice{width:44px!important;height:44px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.60);box-shadow:0 7px 18px rgba(0,0,0,.15)!important}
.mine[data-v-ecfa0006] .info_right .notice:after{content:"";width:8px;height:8px;position:absolute;margin:-27px 0 0 25px;border-radius:50%;background:#ffd166;border:2px solid #fff}
.mine[data-v-ecfa0006] .mine_top_items{position:relative;z-index:1;gap:8px;padding:20px 0 2px!important;align-items:stretch!important}
.mine[data-v-ecfa0006] .top_item{flex:1 1 0;min-width:0;padding:13px 6px 12px;box-sizing:border-box;border-radius:18px;border:1px solid rgba(255,255,255,.20);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 17px rgba(0,0,0,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mine[data-v-ecfa0006] .top_item>div{margin-bottom:4px!important;color:#fff!important;font-size:18px!important;font-weight:800!important;letter-spacing:.01em;text-shadow:0 2px 5px rgba(0,0,0,.15)}
.mine[data-v-ecfa0006] .top_item:after{content:"";width:28px;height:3px;margin:2px auto 8px;border-radius:99px;background:linear-gradient(90deg,#fff,#ffd166);opacity:.8}
.mine[data-v-ecfa0006] .top_item:nth-child(2){background:linear-gradient(145deg,rgba(255,214,102,.28),rgba(255,255,255,.09))!important;border-color:rgba(255,214,102,.34)}
.mine[data-v-ecfa0006] .top_item:nth-child(3){background:linear-gradient(145deg,rgba(91,182,255,.20),rgba(255,255,255,.08))!important}
.mine[data-v-ecfa0006] .mine_top_items .one_btn{width:100%!important;min-height:34px!important;margin:0!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#08b5a0,#008d80)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 5px 12px rgba(0,0,0,.14)!important}
.mine[data-v-ecfa0006] .mine_top_items .top_item:nth-child(2) .one_btn{background:linear-gradient(135deg,#f4c95d,#d99a25)!important}
.mine[data-v-ecfa0006] .mine_top_items .top_item:nth-child(3) .one_btn{background:linear-gradient(135deg,#3a9df5,#2374d8)!important}
.mine[data-v-ecfa0006] .mine_nav{margin-top:10px!important;padding:10px 10px 12px!important;background:transparent!important}
.mine[data-v-ecfa0006] .mine_nav>ul{margin:0!important;padding:0!important}
.mine[data-v-ecfa0006] .mine_nav>ul>li{position:relative;min-height:62px;margin:7px 0;padding:9px 13px!important;border:1px solid rgba(24,70,66,.075);border-radius:17px;background:rgba(255,255,255,.96)!important;box-shadow:0 5px 18px rgba(25,67,64,.065),inset 0 1px 0 rgba(255,255,255,.90);transition:transform .18s ease,box-shadow .18s ease}
.mine[data-v-ecfa0006] .mine_nav>ul>li:active{transform:scale(.988);box-shadow:0 3px 10px rgba(25,67,64,.08)}
.mine[data-v-ecfa0006] .mine_nav>ul>li>ol,.mine[data-v-ecfa0006] .mine_nav .van-collapse-item__title{min-height:44px!important}
.mine[data-v-ecfa0006] .mine_nav>ul>li>ol{width:100%;padding:0!important;box-sizing:border-box}
.mine[data-v-ecfa0006] .mine_nav>ul>li>ol img,.mine[data-v-ecfa0006] .mine_nav .van-collapse-item__title img{width:42px!important;height:42px!important;padding:8px;margin-right:12px!important;box-sizing:border-box;border-radius:13px;background:linear-gradient(145deg,#eefcf9,#dff6f1);box-shadow:0 4px 10px rgba(0,0,0,.06)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(1) img{background:linear-gradient(145deg,#e8fff5,#d3f4e5)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(2) img{background:linear-gradient(145deg,#eef5ff,#dce9ff)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(3) img{background:linear-gradient(145deg,#f5ecff,#eadbff)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(4) img{background:linear-gradient(145deg,#fff4e8,#ffe4c5)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(5) img{background:linear-gradient(145deg,#fff9e8,#ffefc3)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(6) img{background:linear-gradient(145deg,#edf7ff,#dceeff)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(7) img{background:linear-gradient(145deg,#f5efff,#e7ddff)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(8) img{background:linear-gradient(145deg,#fff1e9,#ffe1d0)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(9) img{background:linear-gradient(145deg,#eafff6,#d5f7e8)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(10) img{background:linear-gradient(145deg,#eef5ff,#dbe9ff)}
.mine[data-v-ecfa0006] .mine_nav>ul>li:nth-child(11) img{background:linear-gradient(145deg,#fff0fa,#ffdff0)}
.mine[data-v-ecfa0006] .mine_nav ul li ol span,.mine[data-v-ecfa0006] .mine_nav .nav_name{color:#243b3a!important;font-size:16px!important;font-weight:700!important;letter-spacing:.005em}
.mine[data-v-ecfa0006] .mine_nav .van-icon{color:#00a28e!important;font-size:18px!important;font-weight:800}
.mine[data-v-ecfa0006] .mine_nav>ul>li>ol[onclick*="refund_process"]{padding:0!important;gap:12px!important;min-height:44px}
.mine[data-v-ecfa0006] .mine_nav>ul>li>ol[onclick*="refund_process"]>span{font-size:16px!important;font-weight:700!important;color:#243b3a!important}
.mine[data-v-ecfa0006] .van-collapse-item__content{margin:8px 2px 0!important;padding:10px 12px!important;border-radius:13px;background:#f6fbfa!important;border:1px solid #e2f0ed}
.mine[data-v-ecfa0006] .nav_content{padding:10px 8px!important;border-bottom:1px solid #e4eeec;color:#39514f!important;font-size:14px!important;font-weight:600}
.mine[data-v-ecfa0006] .nav_content:last-child{border-bottom:0}
.mine[data-v-ecfa0006] .goout_box{padding:10px 18px 18px!important;background:transparent!important}
.mine[data-v-ecfa0006] .goout_box button{width:100%!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#263f3d,#132b29)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;letter-spacing:.04em;box-shadow:0 8px 20px rgba(20,48,45,.16)!important}
.mine[data-v-ecfa0006] .nav_foot{background:rgba(255,255,255,.97)!important}
@media (max-width:360px){.mine[data-v-ecfa0006] .mine_info{padding-left:10px!important;padding-right:10px!important}.mine[data-v-ecfa0006] .info_left img{width:50px!important;height:50px!important}.mine[data-v-ecfa0006] .top_item{padding-left:4px;padding-right:4px}.mine[data-v-ecfa0006] .top_item>div{font-size:16px!important}.mine[data-v-ecfa0006] .mine_nav>ul>li{margin:6px 0;padding-left:10px!important;padding-right:10px!important}}