/* =====================================================
   FTT V2.0 全局覆盖样式 — 深色奢华赌场风
   参考 Demo: D:/PHP/backups/V2.0_前端设计Demo/demo.html
   ===================================================== */
@import url('/fonts/v2-fonts.css');

:root{
  --v2-bg:#050A12;
  --v2-bg2:#0a1020;
  --v2-card:rgba(12,18,36,.88);
  --v2-bor:rgba(0,229,255,.12);
  --v2-bor-g:rgba(214,178,122,.35);
  --v2-bor-w:rgba(255,255,255,.06);
  --v2-c:#00E5FF;
  --v2-cd:#0097A7;
  --v2-cg:rgba(0,229,255,.25);
  --v2-g:#D6B27A;
  --v2-gl:#F0D29A;
  --v2-gg:rgba(214,178,122,.25);
  --v2-t1:#fff;
  --v2-t2:rgba(255,255,255,.6);
  --v2-t3:rgba(255,255,255,.3);
  --v2-red:#ff4757;
  --v2-green:#2ed573;
  --v2-r:14px;
  --v2-fd:'Orbitron','Inter',-apple-system,'Segoe UI',sans-serif;
  --v2-fb:'Inter',-apple-system,sans-serif;
  /* === Demo 别名（兼容 Demo 使用的短变量名） === */
  --bg:var(--v2-bg);
  --bg2:var(--v2-bg2);
  --card:var(--v2-card);
  --bor:var(--v2-bor);
  --bor-g:var(--v2-bor-g);
  --bor-w:var(--v2-bor-w);
  --c:var(--v2-c);
  --cd:var(--v2-cd);
  --cg:var(--v2-cg);
  --g:var(--v2-g);
  --gl:var(--v2-gl);
  --gg:var(--v2-gg);
  --t1:var(--v2-t1);
  --t2:var(--v2-t2);
  --t3:var(--v2-t3);
  --red:var(--v2-red);
  --green:var(--v2-green);
  --r:var(--v2-r);
  --fd:var(--v2-fd);
  --fb:var(--v2-fb);
}

/* ===== 全局基础 ===== */
*{box-sizing:border-box}
html,body{
  font-family:var(--v2-fb)!important;
  background:var(--v2-bg)!important;
  color:var(--v2-t1)!important;
  -webkit-font-smoothing:antialiased;
}
body.desktop-mobile-shell{
  background:#030609!important;
}
body.desktop-mobile-shell>.desktop-mobile-shell__inner{
  max-width:390px!important;
  margin:0 auto;
  position:relative!important;
  background:var(--v2-bg)!important;
  border-left:1px solid rgba(255,255,255,.03);
  border-right:1px solid rgba(255,255,255,.03);
  box-shadow:0 0 80px rgba(0,229,255,.03),0 0 200px rgba(0,0,0,.5);
}

/* ===== 卡片 / 面板 ===== */
.v2-card,.card,.panel,.box,.item,.list-item,.user-box{
  background:var(--v2-card)!important;
  border:1px solid var(--v2-bor)!important;
  border-radius:var(--v2-r)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.v2-card-gold{
  background:linear-gradient(135deg,rgba(18,26,48,.95),rgba(8,14,28,.92))!important;
  border:1px solid var(--v2-bor-g)!important;
  border-radius:20px!important;
  position:relative;overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(214,178,122,.06);
}
.v2-card-gold::before{
  content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;
  background:radial-gradient(circle,rgba(214,178,122,.06),transparent);
}

/* ===== 按钮 ===== */
.v2-btn,.btn{
  border-radius:12px!important;
  font-family:var(--v2-fb)!important;
  font-weight:700!important;
  transition:all .2s!important;
  cursor:pointer!important;
}
.v2-btn-primary,.btn-primary{
  background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;
  color:#000!important;
  border:2px solid var(--v2-g)!important;
  box-shadow:0 0 30px rgba(0,229,255,.25),0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2)!important;
  position:relative;overflow:hidden;
}
.v2-btn-primary::after{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);
  animation:v2-shimmer 3s ease-in-out infinite;
}
@keyframes v2-shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}
.v2-btn-gold{
  background:linear-gradient(135deg,var(--v2-g),#a07830)!important;
  color:#000!important;
  border:none!important;
  box-shadow:0 4px 16px var(--v2-gg)!important;
}
.v2-btn-outline{
  background:rgba(0,229,255,.06)!important;
  color:var(--v2-c)!important;
  border:1px solid rgba(0,229,255,.15)!important;
}
.v2-btn-ghost{
  background:rgba(255,255,255,.03)!important;
  color:var(--v2-t2)!important;
  border:1px solid var(--v2-bor-w)!important;
}

/* ===== 输入框 ===== */
.v2-input,.form-control,input[type=text],input[type=password],input[type=number],input[type=tel],select,textarea{
  background:rgba(12,18,36,.8)!important;
  border:1px solid rgba(0,229,255,.08)!important;
  border-radius:12px!important;
  color:var(--v2-t1)!important;
  font-family:var(--v2-fb)!important;
  outline:0!important;
  transition:all .3s!important;
}
.v2-input:focus,.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--v2-c)!important;
  box-shadow:0 0 25px rgba(0,229,255,.12),inset 0 0 15px rgba(0,229,255,.02)!important;
}
input::placeholder,textarea::placeholder{
  color:rgba(255,255,255,.18)!important;
}

/* ===== 金额/数字显示 ===== */
.v2-amount,.amount,.money,.balance,.num{
  font-family:var(--v2-fd)!important;
  font-weight:700!important;
  color:var(--v2-gl)!important;
  text-shadow:0 0 20px var(--v2-gg);
}

/* ===== Tab 导航 ===== */
.v2-tabs,.tabs,.tab-bar{
  display:flex!important;
  background:var(--v2-card)!important;
  border:1px solid var(--v2-bor)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.v2-tab,.tab{
  padding:10px 16px!important;
  font-size:13px!important;
  color:var(--v2-t2)!important;
  cursor:pointer!important;
  transition:.2s!important;
  border:none!important;
  background:transparent!important;
  border-radius:10px!important;
}
.v2-tab.on,.v2-tab.active,.tab.on,.tab.active{
  background:rgba(0,229,255,.08)!important;
  color:var(--v2-c)!important;
  font-weight:600!important;
}

/* ===== 底部导航 ===== */
.v2-bottom-nav{
  position:fixed!important;
  bottom:0;left:50%;transform:translateX(-50%);
  width:390px;max-width:100vw;
  background:rgba(6,10,20,.98)!important;
  border-top:1px solid rgba(214,178,122,.15)!important;
  display:flex!important;
  padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));
  backdrop-filter:blur(30px);
  z-index:50;
  box-shadow:0 -4px 20px rgba(0,0,0,.3);
}

/* ===== 列表项 ===== */
.v2-list-item,.record-item{
  background:var(--v2-card)!important;
  border:1px solid var(--v2-bor)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  margin-bottom:10px!important;
  transition:.2s!important;
}
.v2-list-item:active{
  background:rgba(0,229,255,.03)!important;
}

/* ===== 表格 ===== */
.v2-table,.table{
  background:var(--v2-card)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.v2-table th,.table th{
  background:rgba(0,229,255,.04)!important;
  color:var(--v2-t2)!important;
  font-size:11px!important;
  padding:12px 10px!important;
  border-bottom:1px solid var(--v2-bor)!important;
}
.v2-table td,.table td{
  color:var(--v2-t1)!important;
  padding:12px 10px!important;
  border-bottom:1px solid var(--v2-bor-w)!important;
  font-size:13px!important;
}

/* ===== 状态标签 ===== */
.v2-badge{
  display:inline-block!important;
  padding:3px 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:600!important;
}
.v2-badge-success{background:rgba(46,213,115,.12)!important;color:var(--v2-green)!important}
.v2-badge-danger{background:rgba(255,71,87,.12)!important;color:var(--v2-red)!important}
.v2-badge-info{background:rgba(0,229,255,.08)!important;color:var(--v2-c)!important}
.v2-badge-gold{background:rgba(214,178,122,.1)!important;color:var(--v2-g)!important}

/* ===== 弹窗 / 对话框 ===== */
.v2-modal,.dialog,.art-dialog{
  background:rgba(8,12,28,.97)!important;
  border:1px solid var(--v2-bor-g)!important;
  border-radius:24px!important;
  backdrop-filter:blur(40px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(0,229,255,.05)!important;
}

/* ===== 顶部栏 ===== */
.v2-header,.header,.top-bar{
  background:rgba(6,10,20,.95)!important;
  border-bottom:1px solid var(--v2-bor-g)!important;
  backdrop-filter:blur(20px)!important;
}

/* ===== 分割线 ===== */
.v2-divider,.divider,.line{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(214,178,122,.2),rgba(0,229,255,.15),rgba(214,178,122,.2),transparent)!important;
  border:none!important;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar{width:2px!important;height:2px!important}
::-webkit-scrollbar-track{background:0!important}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.04)!important;border-radius:2px!important}

/* ===== 通用间距工具类 ===== */
.v2-p-sm{padding:8px 12px!important}
.v2-p-md{padding:14px 16px!important}
.v2-p-lg{padding:20px 24px!important}
.v2-m-sm{margin:8px 12px!important}
.v2-m-md{margin:14px 16px!important}
.v2-m-lg{margin:20px 24px!important}

/* ===== 文字工具类 ===== */
.v2-text-gold{color:var(--v2-g)!important}
.v2-text-cyan{color:var(--v2-c)!important}
.v2-text-muted{color:var(--v2-t2)!important}
.v2-text-dim{color:var(--v2-t3)!important}
.v2-text-sm{font-size:11px!important}
.v2-text-md{font-size:13px!important}
.v2-text-lg{font-size:16px!important}
.v2-text-xl{font-size:22px!important}

/* ===== 图片/图标 ===== */
.v2-icon{
  width:36px;height:36px;
  border-radius:12px;
  background:rgba(0,229,255,.06);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--v2-bor);
}

/* ===== 响应式 ===== */
@media(max-width:360px){
  body.desktop-mobile-shell>.desktop-mobile-shell__inner{max-width:100vw!important;border:none!important}
  .v2-p-lg{padding:14px 16px!important}
  .v2-m-lg{margin:14px 16px!important}
  .v2-text-xl{font-size:18px!important}
}
@media(min-width:414px) and (max-width:768px){
  body.desktop-mobile-shell>.desktop-mobile-shell__inner{max-width:414px!important}
}
@media(min-width:769px){
  body.desktop-mobile-shell>.desktop-mobile-shell__inner{max-width:390px!important}
}
/* 全局自适应 */
img{max-width:100%!important;object-fit:cover}
table{max-width:100%!important;overflow-x:auto;display:block}
/* 例外：artDialog 弹窗框体是 table 布局（table.aui_border/table.aui_dialog），
   上一行的全局 table{display:block;overflow-x:auto} 会把弹窗表格压成块级/0宽0高，
   导致"只见蒙版不见弹窗框体"——必须恢复 table 布局 */
table.aui_border,table.aui_dialog{display:table!important;max-width:none!important;overflow:visible!important;width:100%!important;border-collapse:collapse!important;border:0;margin:0}
.v2-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.v2-flex{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.v2-flex-between{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}

/* ===== AmazeUI 深色覆盖 ===== */
.am-tabs-nav{background:transparent!important;border:none!important}
.am-tabs-nav li{background:transparent!important}
.am-tabs-nav li a{color:var(--v2-t2)!important;border:1px solid var(--v2-bor)!important;border-radius:10px!important;background:var(--v2-card)!important;padding:8px 14px!important;font-size:13px!important}
.am-tabs-nav li.am-active a,.am-tabs-nav li.active a{color:var(--v2-c)!important;background:rgba(0,229,255,.08)!important;border-color:rgba(0,229,255,.2)!important;font-weight:600!important}
.am-tabs-bd{background:transparent!important;border:none!important}
.am-tab-panel{background:transparent!important}
.am-list{background:transparent!important;border:none!important}
.am-list li,.am-list-item-dated{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important;margin-bottom:10px!important;padding:0!important}
.am-list li a{color:var(--v2-t1)!important;padding:12px 16px!important}
.am-list li a:hover{background:rgba(0,229,255,.03)!important}
.am-list-news{background:transparent!important}
.am-list-news-bd{background:transparent!important}
.am-g{background:transparent!important}
.am-cf{color:var(--v2-t1)!important}
.am-fl,.am-fr{color:inherit!important}
.billrecord_main{background:transparent!important}
.billrecord_time{color:var(--v2-t2)!important}
.billrecord_day{background:rgba(8,12,28,.97)!important;border:1px solid var(--v2-bor-g)!important;border-radius:20px!important}
.billrecord_day .am-list{background:transparent!important}
.billrecord_day .am-list li{background:transparent!important;border:none!important;border-bottom:1px solid var(--v2-bor-w)!important;border-radius:0!important}
.billrecord_day .am-list li a{color:var(--v2-t1)!important}
.billrecord_day .btn_red{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border:2px solid var(--v2-g)!important;border-radius:14px!important}
.am-modal-actions{background:rgba(8,12,28,.97)!important}
.am-modal-actions-group{background:transparent!important}
.am-modal-actions-header a{color:var(--v2-t1)!important}
.chedan_btn{color:var(--v2-red)!important;border:1px solid rgba(255,71,87,.3)!important;border-radius:8px!important;padding:4px 10px!important}
.aoligei{color:var(--v2-t2)!important}
.money{font-family:var(--v2-fd)!important}
.green-black a{background:rgba(0,229,255,.06)!important;color:var(--v2-t2)!important;border-radius:10px!important;border:1px solid var(--v2-bor)!important}
.green-black .current{background:rgba(0,229,255,.12)!important;color:var(--v2-c)!important;border:1px solid rgba(0,229,255,.25)!important}
.green-black span{color:var(--v2-t1)!important}

/* ===== Legacy UI 深色覆盖 ===== */
.ui-header{background:rgba(6,10,20,.95)!important;border-bottom:1px solid var(--v2-bor-g)!important;color:var(--v2-t1)!important}
.ui-header h1{color:var(--v2-t1)!important}
.ui-footer{background:rgba(6,10,20,.98)!important;border-top:1px solid var(--v2-bor-g)!important}
.ui-footer li a{color:var(--v2-t2)!important}
.ui-footer li.current a{color:var(--v2-c)!important}
.ui-container{background:transparent!important}
.ui-form-item{background:var(--v2-card)!important;border-bottom:1px solid var(--v2-bor)!important;padding:14px 16px!important}
.ui-form-item label{color:var(--v2-t2)!important}
.ui-form-item input,.ui-form-item select{background:rgba(12,18,36,.8)!important;border:1px solid rgba(0,229,255,.08)!important;border-radius:12px!important;color:var(--v2-t1)!important}
.ui-btn-lg{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border:2px solid var(--v2-g)!important;border-radius:14px!important;font-weight:700!important}
.ui-border-b{border-bottom:1px solid var(--v2-bor)!important}
.ui-border-t{border-top:1px solid var(--v2-bor)!important}
.rui-form-container{background:transparent!important}

/* ===== 安全级别/设置页覆盖 ===== */
.security_h{text-align:center;padding:20px 15px}
.security_h h4{color:var(--v2-g)!important;font-size:14px;letter-spacing:2px}
.security_h_stars{color:var(--v2-g)!important;font-size:20px}
.security_h_stars .current{color:var(--v2-g)!important}
.security_h_stars .icon-favorfill:not(.current){color:rgba(214,178,122,.2)!important}
.security_h_time{color:var(--v2-t2)!important;font-size:12px;margin-top:10px}
.security_h_ress{color:var(--v2-t3)!important;font-size:11px}
.security_h_ress a{color:var(--v2-c)!important}

/* ===== 设置项深色覆盖 ===== */
.setting-header{color:var(--v2-g)!important}
.setting-content{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important}
.setting-item-btn{color:var(--v2-t1)!important}
.setting-item-btn .heading{color:var(--v2-t1)!important}
.setting-item-btn .subheading{color:var(--v2-t2)!important}
.setting-item-btn .hint{color:var(--v2-t3)!important}
.logout-btn{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border:2px solid var(--v2-g)!important;border-radius:14px!important;font-weight:700!important}

/* ===== 表单深色覆盖 ===== */
.form-field-header{color:var(--v2-t1)!important}
.form-field-content input,.form-field-content select,.form-field-content textarea{background:rgba(12,18,36,.8)!important;border:1px solid rgba(0,229,255,.08)!important;border-radius:12px!important;color:var(--v2-t1)!important}
.form-field-content input:focus{border-color:var(--v2-c)!important;box-shadow:0 0 25px rgba(0,229,255,.12)!important}
.ng-invalid{background:rgba(12,18,36,.8)!important;border:1px solid rgba(0,229,255,.08)!important;color:var(--v2-t1)!important}

/* ===== 充值/记录页面深色覆盖 ===== */
.deposit-method-header{color:var(--v2-t1)!important}
.deposit-method-container{border-radius:14px!important}
.deposit-method-wrapper{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important}
.deposit-method-placeholder{background:var(--v2-card)!important}
.amount-shortcut-btn{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;color:var(--v2-t1)!important;border-radius:12px!important}
.amount-shortcut-btn.active{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border-color:var(--v2-g)!important}
.back-btn,.deposit-result-action-btn{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border:2px solid var(--v2-g)!important;border-radius:14px!important;font-weight:700!important}
.recharge-route-btn{color:var(--v2-t2)!important}
.recharge-route-btn.selected{color:var(--v2-t1)!important}

/* ===== 记录页面深色覆盖 ===== */
.records-filter-btn-container{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important}
.records-filter-btn-container__btn{color:var(--v2-t2)!important;background:transparent!important}
.records-filter-btn-container__btn--active{background:rgba(0,229,255,.08)!important;color:var(--v2-c)!important}
.record-item{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important;padding:12px 14px!important}
.title{color:var(--v2-t1)!important}
.status{color:var(--v2-t2)!important}
.datetime{color:var(--v2-t3)!important}
.value{color:var(--v2-t2)!important}
.finished-record-value{color:var(--v2-g)!important}
.withdraw-finished-record-value{color:var(--v2-c)!important}
.deposit-record-switch-container{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important}
.deposit-record-switch-btn{color:var(--v2-t2)!important}
.deposit-record-switch-btn.current{color:var(--v2-c)!important}
.date-filter-nav-bar{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important}
.date-filter-nav-bar__nav-btn{color:var(--v2-t2)!important}
.date-filter-nav-bar__nav-btn--active{color:var(--v2-c)!important}
.account-board{background:linear-gradient(135deg,rgba(18,26,48,.95),rgba(8,14,28,.92))!important;border:1px solid var(--v2-bor-g)!important;border-radius:20px!important}
.account-board__profile{background:rgba(214,178,122,.08)!important}
.account-board__content__col__title{color:var(--v2-t2)!important}
.fund-record-board{background:linear-gradient(135deg,rgba(18,26,48,.95),rgba(8,14,28,.92))!important;border:1px solid var(--v2-bor-g)!important;border-radius:20px!important}
.fund-record-board__user-info__username{color:var(--v2-t2)!important}
.fund-record-board__balance-info__title{color:var(--v2-t2)!important}
.fund-record-content__item__route-btn{background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;border-radius:14px!important}
.fund-record-content__item__route-btn__title{color:var(--v2-t2)!important}
.copu_btn{background:linear-gradient(180deg,#00d4ff,#0090dd,#0060aa)!important;color:#000!important;border-radius:10px!important;font-weight:600!important}
.info-label{color:var(--v2-t2)!important}
.info-value{color:var(--v2-c)!important}

/* ===== 头像页 ===== */
.update_header{background:rgba(8,12,28,.97)!important;border:1px solid var(--v2-bor-g)!important;border-radius:20px!important}
.update_header h3{color:var(--v2-t1)!important}

/* ===== 页码 ===== */
.page{text-align:center;padding:15px 0}
.page a,.page span{display:inline-block;padding:6px 12px;margin:0 3px;border-radius:8px;font-size:13px;color:var(--v2-t2)!important;background:var(--v2-card)!important;border:1px solid var(--v2-bor)!important;text-decoration:none}
.page .current,.page span.current{background:rgba(0,229,255,.12)!important;color:var(--v2-c)!important;border-color:rgba(0,229,255,.25)!important}

/* ============================================================
   artDialog V2.0 深色奢华覆盖
   ============================================================ */
.aui_inner{
  /* V2.2 实心深色底（完全不透明，不穿透底层数字/网格） */
  background:#0C1224!important;
  /* 深色低对比描边（替换原浅棕金边 var(--v2-bor-g)） */
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  /* 宽度随视口封顶（防右侧被截断），高度不封死按钮区（防 Close 按钮被裁） */
  max-width:calc(100vw - 24px)!important; max-width:min(580px, calc(100vw - 24px))!important;
  max-height:92vh!important; max-height:min(560px, 92vh)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(0,229,255,.05)!important;
}
.aui_inner .aui_title{
  position:relative!important;
  background:transparent!important;
  color:var(--v2-g)!important;
  font-size:17px!important;
  font-weight:700!important;
  text-align:left!important;
  padding:20px 44px 2px 18px!important;
  border-bottom:none!important;
  letter-spacing:.5px;
  height:auto!important;
  line-height:1.4!important;
  overflow:visible!important;
  /* 多语言长标题换行不溢出（如 id-id「Pemberitahuan」），右侧 44px 恒留给关闭按钮 */
  word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;
}
/* Message 弹窗不使用 artDialog 图标格（.aui_iconBg 无尺寸，空列残留会挤偏内容行） */
.aui_icon,.aui_iconBg{display:none!important}
/* 标题左侧青→金竖条点缀（bet-dlg 头部自带点缀，排除避免双条；
   旧 webview 不支持 :has() 时整条规则优雅降级为无竖条） */
.aui_inner .aui_title:not(.bet-dlg-title):not(:has(.bet-dlg-head)):before{
  content:'';position:absolute;left:0;top:20px;
  width:3px;height:20px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#00E5FF,#D6B27A)!important;
}
.aui_inner .aui_content{
  color:#fff!important;
  font-size:14px!important;
  font-family:var(--v2-fb)!important;
  display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;
  /* 间距节奏：标题上 20 / 标题→内容 15 / 内容→按钮 17 / 底部 18，视觉均匀 */
  padding:13px 22px 15px!important;
  /* 横屏手机 48vh 封顶 + 滚动，保证标题+Close 按钮完整可见 */
  max-height:48vh!important; max-height:min(385px, 48vh)!important;
  overflow-y:auto!important; overflow-x:hidden!important;
  line-height:1.6;
}
.aui_buttons{
  background:transparent!important;
  border-top:none!important;
  padding:2px 18px 18px!important;
  display:flex!important;
  gap:10px!important;
  justify-content:center!important;
}
.aui_buttons button{
  flex:1!important;
  max-width:140px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:700!important;
  font-family:var(--v2-fb)!important;
  border:none!important;
  cursor:pointer!important;
  transition:all .2s!important;
}
button.aui_state_highlight{
  background:linear-gradient(135deg,var(--v2-g),#a07830)!important;
  color:#000!important;
  margin-right:0!important;
  box-shadow:0 4px 16px var(--v2-gg)!important;
}
button.aui_state_highlight:hover{
  box-shadow:0 4px 24px rgba(214,178,122,.4)!important;
  transform:translateY(-1px);
}
button.aui_state_highlight:active{
  transform:scale(.97)!important;
  box-shadow:none!important;
}
/* 次要按钮 = 页面 .btn-clear 风格（多按钮弹窗的取消/次要项） */
.aui_buttons button:not(.aui_state_highlight):not(:only-child){
  background:rgba(255,255,255,.03)!important;
  color:var(--v2-t2)!important;
  border:1px solid var(--v2-bor-w)!important;
}
/* 单按钮弹窗（Message / Close / 确定）= 页面 .btn-confirm 风格：
   青色渐变 + 金描边 + 12px 圆角，宽 240px 居中（不霸屏）；bet 弹窗单主按钮（bet-btn-primary）带自有类，排除。
   ⛔ 不排除 bet-btn-secondary：单按钮弹窗永远走 V2 单按钮规范，防止误贴类后按钮缩成灰色小胶囊 */
.aui_buttons button:only-child:not(.bet-btn-primary){
  max-width:240px!important; min-width:132px!important;
  /* V2.2 水平居中 + 金描边柔和（替换 2px 实金亮边/全宽拉伸） */
  display:block!important; margin:0 auto!important; float:none!important; flex:none!important;
  background:linear-gradient(135deg,var(--v2-c),#0090dd)!important;
  color:#000!important;
  font-weight:800!important;
  border:1px solid rgba(214,178,122,.45)!important;
  border-radius:12px!important;
  box-shadow:0 4px 20px rgba(0,229,255,.18),0 0 0 3px rgba(214,178,122,.10),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.aui_buttons button:only-child:not(.bet-btn-primary):hover{
  box-shadow:0 6px 26px rgba(0,229,255,.3),0 0 0 3px rgba(214,178,122,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
  border-color:rgba(214,178,122,.6)!important;
  transform:translateY(-1px);
}
.aui_buttons button:only-child:not(.bet-btn-primary):focus,
.aui_buttons button:only-child:not(.bet-btn-primary):focus-visible{
  outline:none!important;
  border-color:rgba(214,178,122,.5)!important;
  box-shadow:0 4px 20px rgba(0,229,255,.18),0 0 0 3px rgba(214,178,122,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.aui_buttons button:only-child:not(.bet-btn-primary):active{
  transform:scale(.97)!important;
  box-shadow:none!important;
}
.aui_close{
  color:var(--v2-t3)!important;
  font-size:20px!important;
  width:32px!important;
  height:32px!important;
  top:12px!important;
  right:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  transition:all .2s!important;
  text-indent:0!important;
}
.aui_close:hover{
  background:rgba(255,255,255,.06)!important;
  color:var(--v2-t1)!important;
}
/* artDialog 遮罩层（V2.2：8 个边框格全部无底色/无模糊，杜绝右下阶梯状厚边） */
.aui_state_lock .aui_nw,.aui_state_lock .aui_n,.aui_state_lock .aui_ne,
.aui_state_lock .aui_w,.aui_state_lock .aui_e,
.aui_state_lock .aui_sw,.aui_state_lock .aui_s,.aui_state_lock .aui_se{
  background:none!important;
  backdrop-filter:none!important;
}
/* artDialog 全局遮罩覆盖 */
.aui_lock{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(8px)!important;}
.aui_modal{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(8px)!important;}
.aui_mask{background:rgba(0,0,0,.55)!important;}
/* ===== 下注弹窗"只见蒙版不见框体"修复：框体可见性/层级强制保障 ===== */
/* 1) 弹窗链路强制可见（防 opacity/visibility/display 被任何样式隐藏） */
.aui_outer,.aui_inner,.aui_content,.aui_titleBar,.aui_title,.aui_header,.aui_main,.aui_footer,.aui_buttons{
  opacity:1!important;visibility:visible!important;
}
.aui_outer{display:block!important;width:auto!important}
.aui_inner{display:block!important;width:auto!important}
/* 2) 弹窗框体最小尺寸保险（防宽高为 0 导致不可见） */
.aui_outer{min-width:220px!important;min-height:80px!important}
.aui_inner{min-width:220px!important;min-height:80px!important}
/* 3) 层级 + 居中（V2.1 彻底修复：弹窗永远视口正中最顶层）：
      框体 wrap 强制 fixed + translate(-50%,-50%) 居中 + z-index 最顶，
      压过 artDialog JS 内联 left/top 与页面任何元素（页面 z-index ≤ 1000）。
      ⛔ 排除 artDialog 预加载隐藏框（left:-9999em）与 follow 跟随框（data-aui-follow） */
body>div:has(>div.aui_outer):not([style*="-9999em"]):not([data-aui-follow]),
body>div.aui_state_focus:not([style*="-9999em"]):not([data-aui-follow]),
body>div.aui_state_lock:not([style*="-9999em"]):not([data-aui-follow]){
  position:fixed!important;
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  -webkit-transform:translate(-50%,-50%)!important;
  z-index:2147483000!important;
}
/* 3b) lock 遮罩（bet-dialog.js 打标 .aui-lock-wrap）：低于框体、高于页面 */
body>div.aui-lock-wrap,.aui-lock-wrap{z-index:2147482999!important}
/* 4) 弹窗遮罩（artDialog lock 生成的无 class 蒙版）永远压不到弹窗内容本身 */
.aui_state_lock .aui_inner,.aui_state_lock .aui_content{opacity:1!important;visibility:visible!important}
/* artDialog 表单元素深色覆盖 */
.aui_content input,.aui_content select,.aui_content textarea{
  background:rgba(12,18,36,.8)!important;border:1px solid rgba(0,229,255,.1)!important;
  border-radius:10px!important;color:var(--v2-t1)!important;
}
.aui_content label{color:var(--v2-t2)!important;}
/* artDialog 详情框内容自适应（覆盖 style.css 固定 height:120px） */
.submitComfire ul li .textarea{height:auto!important;min-height:0!important;padding:12px 14px!important;width:auto!important;max-width:100%!important;border-color:var(--v2-bor-w)!important;border-radius:10px!important;background:rgba(12,18,36,.5)!important;}
/* artDialog 无标题模式 */
.aui_state_noTitle .aui_inner{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0C1224!important;
}
.aui_state_noTitle .aui_close{
  color:var(--v2-t3)!important;
}
.aui_state_noTitle .aui_close:hover{
  color:var(--v2-red)!important;
  background:rgba(255,71,87,.1)!important;
}

/* ============================================================
   V2.2 Message 弹窗五项修复（按钮居中 / 右侧空白 / 背景透明 / 重影 / 黄边）
   与 resources/css/artDialog.css 同源镜像
   ============================================================ */
/* 1) 宽度链到底：wrap→outer→border 表→inner→dialog 表→header/main/footer→content/buttons 同宽，
   图标列物理清零，隐藏图标格不再残留空白列挤偏内容 */
table.aui_border,table.aui_dialog{width:100%!important;table-layout:auto!important}
td.aui_c,.aui_inner{width:100%!important;box-sizing:border-box!important}
td.aui_header,td.aui_main,td.aui_footer{width:100%!important}
td.aui_icon,td.aui_tdIcon{width:0!important;min-width:0!important;padding:0!important}
.aui_nw,.aui_ne,.aui_sw,.aui_se,.aui_w,.aui_e{width:0!important;min-width:0!important;padding:0!important}
.aui_nw,.aui_n,.aui_ne,.aui_w,.aui_e,.aui_sw,.aui_s,.aui_se{
  height:0!important;font-size:0!important;line-height:0!important;
  background:none!important;backdrop-filter:none!important;box-shadow:none!important;
}
.aui_content{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important}
.aui_buttons{width:100%!important;box-sizing:border-box!important;text-align:center!important;justify-content:center!important}
/* 2) 实心深色底：outer/inner 双层同色不透明 */
.aui_outer{background:#0C1224!important}
.aui_inner,.aui_state_noTitle .aui_inner{background:#0C1224!important}
/* 3) 无重影：内层 table/dialog/outer 零阴影，唯一投影留在 .aui_inner 外沿 */
table.aui_dialog,.aui_dialog,.aui_state_focus .aui_dialog,.aui_state_noTitle .aui_dialog,
.aui_outer,.aui_state_drag .aui_outer{box-shadow:none!important}
.aui_inner{box-shadow:0 18px 50px rgba(0,0,0,.55)!important;border-radius:16px!important}
/* 4) Close/确定按钮：水平居中 + 青色渐变 + 柔和金描边 */
.aui_buttons button{margin:0!important;float:none!important;vertical-align:middle!important;outline:none!important}
.aui_buttons button:only-child:not(.bet-btn-primary),
.aui_buttons button:only-child:not(.bet-btn-primary).aui_state_highlight{
  display:block!important;margin:0 auto!important;flex:none!important;
  max-width:240px!important;min-width:132px!important;
  background:linear-gradient(135deg,var(--v2-c),#0090dd)!important;
  color:#000!important;font-weight:800!important;
  border:1px solid rgba(214,178,122,.45)!important;border-radius:12px!important;
  box-shadow:0 4px 20px rgba(0,229,255,.18),0 0 0 3px rgba(214,178,122,.10),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
/* 5) wrap 框与 .aui_inner 同步封顶（防 JS 内联宽 > inner 出现右侧空白） */
body>div:has(>div.aui_outer):not([style*="-9999em"]):not([data-aui-follow]),
body>div.aui_state_focus:not([style*="-9999em"]):not([data-aui-follow]),
body>div.aui_state_lock:not([style*="-9999em"]):not([data-aui-follow]){
  max-width:min(580px,calc(100vw - 24px))!important;
}
.aui_outer{max-width:min(580px,calc(100vw - 24px))!important;box-sizing:border-box!important}

/* ============================================================
   投注记录页 V2.0 样式
   ============================================================ */
.v2-rec-tabs{
  display:flex;
  gap:0;
  margin:12px 16px;
  background:var(--v2-card);
  border:1px solid var(--v2-bor);
  border-radius:12px;
  overflow:hidden;
}
.v2-rec-tabs a{
  flex:1;
  padding:10px 8px;
  text-align:center;
  font-size:13px;
  font-weight:500;
  color:var(--v2-t3);
  text-decoration:none;
  transition:all .2s;
  border:none;
  white-space:nowrap;
}
.v2-rec-tabs a.v2-active{
  background:rgba(0,229,255,.08);
  color:var(--v2-c);
  font-weight:600;
}
.v2-rec-tabs a:hover{
  color:var(--v2-t2);
}
.v2-rec-tabs a.v2-active:hover{
  color:var(--v2-c);
}

/* 统计摘要 */
.v2-rec-summary{
  display:flex;
  gap:8px;
  padding:0 16px;
  margin-bottom:12px;
}
.v2-rec-sum{
  flex:1;
  background:var(--v2-card);
  border:1px solid var(--v2-bor);
  border-radius:12px;
  padding:12px;
  text-align:center;
}
.v2-rec-sum .v{
  font-family:var(--v2-fd);
  font-size:18px;
  font-weight:700;
  margin-bottom:2px;
}
.v2-rec-sum .l{
  font-size:10px;
  color:var(--v2-t3);
  text-transform:uppercase;
  letter-spacing:1px;
}

/* 投注记录列表 */
.v2-rec-list{
  padding:0 16px;
}
.v2-rec-item{
  background:var(--v2-card);
  border:1px solid var(--v2-bor);
  border-radius:12px;
  padding:14px;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  transition:all .2s;
  text-decoration:none;
  color:inherit;
}
.v2-rec-item:active{
  background:rgba(0,229,255,.03);
  transform:scale(.98);
}
.v2-rec-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.v2-rec-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v2-rec-info{
  flex:1;
  min-width:0;
}
.v2-rec-name{
  font-size:13px;
  font-weight:600;
  margin-bottom:3px;
  color:var(--v2-t1);
}
.v2-rec-meta{
  font-size:11px;
  color:var(--v2-t3);
}
.v2-rec-right{
  text-align:right;
  flex-shrink:0;
}
.v2-rec-amount{
  font-family:var(--v2-fd);
  font-size:15px;
  font-weight:700;
  margin-bottom:2px;
}
.v2-rec-amount.win{color:var(--v2-green)}
.v2-rec-amount.lose{color:var(--v2-red)}
.v2-rec-amount.pending{color:var(--v2-c)}
.v2-rec-amount.cancel{color:var(--v2-t3)}
.v2-rec-status{
  font-size:10px;
  padding:2px 8px;
  border-radius:6px;
  font-weight:600;
  display:inline-block;
}
.v2-rec-status.win{background:rgba(46,213,115,.1);color:var(--v2-green)}
.v2-rec-status.lose{background:rgba(255,71,87,.1);color:var(--v2-red)}
.v2-rec-status.pending{background:rgba(0,229,255,.06);color:var(--v2-c)}
.v2-rec-status.cancel{background:rgba(255,255,255,.04);color:var(--v2-t3)}

/* 空状态 */
.v2-empty-state{
  padding:48px 16px;
  text-align:center;
}
.v2-empty-state .v2-empty-icon{
  font-size:40px;
  opacity:.25;
  margin-bottom:12px;
}
.v2-empty-state .v2-empty-text{
  color:var(--v2-t3);
  font-size:13px;
  letter-spacing:1px;
}

/* ============================================================
   投注详情页 V2.0 样式
   ============================================================ */
.v2-detail-header{
  position:relative;
  padding:30px 20px 20px;
  text-align:center;
  overflow:hidden;
}
.v2-detail-header::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(214,178,122,.06),transparent 60%);
}
.v2-detail-icon{
  width:64px;
  height:64px;
  border-radius:16px;
  overflow:hidden;
  margin:0 auto 12px;
  border:2px solid var(--v2-bor-g);
  box-shadow:0 0 20px var(--v2-gg);
  position:relative;
  z-index:1;
}
.v2-detail-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v2-detail-title{
  font-size:16px;
  font-weight:700;
  color:var(--v2-t1);
  margin-bottom:4px;
  position:relative;
  z-index:1;
}
.v2-detail-subtitle{
  font-size:12px;
  color:var(--v2-t3);
  position:relative;
  z-index:1;
}
.v2-detail-card{
  margin:0 16px;
  background:var(--v2-card);
  border:1px solid var(--v2-bor);
  border-radius:14px;
  padding:16px;
  box-shadow:0 4px 20px rgba(0,0,0,.2);
}
.v2-detail-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--v2-bor-w);
}
.v2-detail-row:last-child{
  border-bottom:none;
}
.v2-detail-label{
  font-size:13px;
  color:var(--v2-t2);
}
.v2-detail-value{
  font-size:13px;
  color:var(--v2-t1);
  font-weight:500;
  text-align:right;
  max-width:60%;
  word-break:break-all;
}
.v2-detail-value.amount{
  font-family:var(--v2-fd);
  color:var(--v2-gl);
  font-weight:700;
}
.v2-detail-value.win{color:var(--v2-green)}
.v2-detail-value.lose{color:var(--v2-red)}
.v2-detail-value.pending{color:var(--v2-c)}

.v2-detail-status{
  display:flex;
  align-items:center;
  gap:8px;
}
.v2-detail-status .badge{
  padding:3px 10px;
  border-radius:8px;
  font-size:11px;
  font-weight:600;
}
.v2-detail-status .badge.win{background:rgba(46,213,115,.1);color:var(--v2-green)}
.v2-detail-status .badge.lose{background:rgba(255,71,87,.1);color:var(--v2-red)}
.v2-detail-status .badge.pending{background:rgba(0,229,255,.06);color:var(--v2-c)}

/* 进入游戏按钮 */
.v2-detail-btn{
  display:block;
  width:calc(100% - 32px);
  margin:24px 16px;
  height:48px;
  line-height:48px;
  text-align:center;
  background:linear-gradient(135deg,var(--v2-g),#a07830);
  color:#000;
  border:none;
  border-radius:14px;
  font-size:14px;
  font-weight:700;
  font-family:var(--v2-fb);
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 4px 16px var(--v2-gg);
  transition:all .2s;
  letter-spacing:2px;
}
.v2-detail-btn:active{
  transform:scale(.97);
  box-shadow:none;
}

/* 中奖金币印章 */
.v2-win-stamp{
  position:absolute;
  bottom:20px;
  right:20px;
  width:70px;
  height:70px;
  opacity:.6;
  z-index:10;
}

/* ============================================================
   底部弹窗 V2.0
   ============================================================ */
.v2-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  z-index:1000;
  display:none;
  align-items:flex-end;
  justify-content:center;
}
.v2-modal-overlay.show{display:flex}
.v2-modal-sheet{
  width:100%;
  max-width:390px;
  background:rgba(8,12,28,.97);
  border:1px solid var(--v2-bor-g);
  border-bottom:none;
  border-radius:20px 20px 0 0;
  backdrop-filter:blur(40px);
  -webkit-backdrop-filter:blur(40px);
  overflow:hidden;
  animation:v2-slide-up .3s ease;
}
@keyframes v2-slide-up{
  from{transform:translateY(100%);opacity:0}
  to{transform:translateY(0);opacity:1}
}
.v2-modal-sheet__header{
  padding:16px 20px;
  text-align:center;
  font-size:15px;
  font-weight:700;
  color:var(--v2-g);
  border-bottom:1px solid var(--v2-bor-w);
  letter-spacing:1px;
}
.v2-modal-sheet__option{
  padding:16px 20px;
  text-align:center;
  font-size:15px;
  color:var(--v2-t1);
  cursor:pointer;
  transition:all .15s;
  border-bottom:1px solid var(--v2-bor-w);
}
.v2-modal-sheet__option:active{
  background:rgba(0,229,255,.06);
  color:var(--v2-c);
}
.v2-modal-sheet__cancel{
  padding:16px 20px;
  text-align:center;
  font-size:15px;
  color:var(--v2-t3);
  cursor:pointer;
  background:rgba(255,255,255,.02);
  margin-top:4px;
  padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
}
.v2-modal-sheet__cancel:active{
  background:rgba(255,255,255,.04);
}

/* ============================================================
   顶部栏 V2.0 统一
   ============================================================ */
.v2-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  background:var(--v2-bg2);
  border-bottom:1px solid var(--v2-bor);
  min-height:56px;
}
.v2-topbar__back{
  color:var(--v2-t2);
  font-size:20px;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
}
.v2-topbar__title{
  font-size:16px;
  font-weight:700;
  color:var(--v2-t1);
}
.v2-topbar__action{
  width:30px;
}
.v2-topbar__filter{
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px 12px;
  border-radius:14px;
  border:1px solid var(--v2-bor);
  background:var(--v2-card);
  color:var(--v2-t2);
  font-size:12px;
  cursor:pointer;
  backdrop-filter:blur(10px);
}

/* ============================================================
   Angular SPA 响应式修复（全站通用）
   确保 desktop-mobile-shell 390px 容器内不溢出
   ============================================================ */
.desktop-mobile-shell__inner jx-root{display:block;width:100%;max-width:100%;overflow-x:hidden}
.desktop-mobile-shell__inner[_ngcontent-cop-c10]{width:100%;box-sizing:border-box}

/* ⭐ 核心修复：fixed定位的header/footer限制在390px容器内 */
body.desktop-mobile-shell .header-view__nav-row-wrapper{
  position:absolute!important;
  left:0!important;right:0!important;
  width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;
  z-index:999;
}
body.desktop-mobile-shell .header-view__footer-row-wrapper{
  position:absolute!important;
  left:0!important;right:0!important;
  width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;
}
/* 退出按钮/底部固定栏 */
body.desktop-mobile-shell .footer-fixed-container,
body.desktop-mobile-shell .footer-wrapper,
body.desktop-mobile-shell .footer-view-wrapper{
  position:absolute!important;
  left:0!important;right:0!important;
  width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;
}
/* 万能兜底：desktop-mobile-shell 内所有 fixed 底部元素（排除弹窗/模态框） */
body.desktop-mobile-shell .desktop-mobile-shell__inner [style*="position:fixed"][style*="bottom:0"]:not(.am-modal-actions):not(.am-modal):not([id*="modal"]):not([id*="actions"]):not(.update_header){
  position:absolute!important;
  left:0!important;right:0!important;
  width:100%!important;
}

/* 筛选按钮栏：4按钮自适应 */
.records-filter-btn-container{width:100%;box-sizing:border-box!important;margin:0 15px!important;width:calc(100% - 30px)!important}
.records-filter-btn-container__btn{min-width:0!important;padding:5px 4px!important;font-size:12px!important;flex:1 1 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.records-filter-btn-container__btn--active{font-size:13px!important;line-height:20px!important}

/* 日期筛选栏 */
.date-filter-nav-bar{margin:0 15px!important;width:calc(100% - 30px)!important;box-sizing:border-box!important}
.date-filter-nav-bar__nav-btn{min-width:0!important;padding:5px 4px!important;font-size:12px!important}
.date-filter-nav-bar__nav-btn--active{font-size:13px!important;line-height:20px!important}

/* 充提/交易切换按钮 */
.deposit-record-switch-container{margin:0 15px!important;width:calc(100% - 30px)!important;box-sizing:border-box!important}
.deposit-record-switch-btn{min-width:0!important;font-size:12px!important}
.deposit-record-switch-btn.current{font-size:14px!important}

/* 代理Tab按钮 */
.agent-tab-btn-group{width:100%;box-sizing:border-box!important}
.agent-tab-btn-group__tab-btn__content-wrapper{font-size:13px!important;padding:5px 2px!important}
.agent-tab-btn-group__tab-btn__content-wrapper__icon{margin-right:2px!important;width:16px!important;height:16px!important}

/* 记录列表容器 */
.records-container{width:100%;box-sizing:border-box;padding:0 15px!important}
.records-container__record-item{width:100%;box-sizing:border-box}

/* 单条记录项：flex自适应 */
.record-item{display:flex!important;width:100%;box-sizing:border-box;flex-wrap:wrap!important;align-items:center}
.icon-container{flex:0 0 auto!important}
.status-container{flex:1 1 auto!important;min-width:0!important;overflow:hidden}
.value-container{flex:0 0 auto!important;min-width:0!important;text-align:right;white-space:nowrap}

/* 资金记录2列网格 */
.fund-record-content{width:100%;box-sizing:border-box;padding:0 15px!important}
.fund-record-content__item{width:calc(50% - 8px)!important;margin-left:0!important}
.fund-record-content__item:nth-child(2n){margin-left:16px!important}

/* 账户面板 */
.account-board{margin:0 15px!important;width:calc(100% - 30px)!important;box-sizing:border-box!important}
.account-board__content{flex-wrap:wrap!important}

/* header-view内容区 */
.header-view__content-wrapper{width:100%;box-sizing:border-box}
.header-row-content-wrapper{padding-left:0!important;padding-right:0!important}

/* 分页 */
.page{width:100%;text-align:center;box-sizing:border-box}

/* 通用强制不溢出 */
[_ngcontent-cop-c28],[_ngcontent-cop-c30],[_ngcontent-cop-c45],[_ngcontent-cop-c46]{max-width:100%;box-sizing:border-box;overflow-x:hidden}

/* 下拉选择器 */
.member-filter-content__label{border-radius:0!important}
div.sorter{max-width:45%;overflow:hidden}
div.sorter select{max-width:100%;font-size:12px!important}

/* ============================================================
   下注确认弹窗多语言自适应（长文本语言不变形）
   ============================================================ */
.submitComfire{
  width:100%;box-sizing:border-box;padding:12px 16px!important;
  /* V2.0：无浅棕边框（var(--v2-bor-g)/rgba(214,178,122,.35) 全部改 rgba(255,255,255,.08)），圆角 12px */
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:rgba(12,18,36,.5)!important;
}
.submitComfire .ui-form{list-style:none;margin:0;padding:0}
.submitComfire .ui-form li{
  display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px;
  width:100%!important;float:none!important;
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);
}
.submitComfire .ui-form li:last-child{border-bottom:none}
.submitComfire .ui-label{
  flex:0 0 auto;white-space:nowrap;min-width:0;
  font-size:13px;color:var(--v2-t2);
}
.submitComfire .mark,.submitComfire .ui-text-info{
  flex:1;min-width:0;word-break:break-word;word-wrap:break-word;
  font-size:13px;
}
.submitComfire .textarea{
  width:100%;flex:1 1 100%;min-width:0;
  word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;
}
.submitComfire .textarea p{
  margin:2px 0;line-height:1.5;word-break:break-word;
}
.aui_content{word-break:break-word!important;word-wrap:break-word!important;overflow-wrap:break-word!important}

/* ============================================================
   下注确认弹窗头部排版：「Bet details」居左醒目 + 「Deadline」时钟胶囊居右
   （覆盖上方 .aui_inner .aui_title 的通用标题排版，bet 弹窗头部独立布局）
   ============================================================ */
.aui_inner .aui_title:has(.bet-dlg-head){
  display:flex!important;align-items:center!important;text-align:left!important;
  padding:0 42px 0 0!important;height:auto!important;min-height:46px!important;
  line-height:1.3!important;letter-spacing:0!important;color:#fff!important;
  background:linear-gradient(90deg,rgba(0,229,255,.10),rgba(214,178,122,.05))!important;
  border-bottom:1px solid var(--v2-bor-w)!important;
}
.aui_inner .bet-dlg-head-title{color:#fff!important;font-size:15px!important;font-weight:700!important}
.aui_inner .bet-dlg-dl-time{color:#00E5FF!important;font-size:13px!important;font-weight:700!important}
.aui_inner .bet-dlg-head-deadline{background:rgba(0,229,255,.08)!important;border:1px solid rgba(0,229,255,.25)!important}

/* ===== 下注确认弹窗标题条自适应布局：不依赖 :has() 与页面内联样式 =====
   此前布局只存在于 Game_k3.php 的内联 <style> 与 :has() 规则里，
   pk10/ssc/syxw 等页面（artDialog 流程）标题条全部变形。 */
.aui_inner .aui_title.bet-dlg-title{
  display:flex!important;align-items:center!important;text-align:left!important;
  padding:0 42px 0 0!important;height:auto!important;min-height:46px!important;
  line-height:1.3!important;letter-spacing:0!important;color:#fff!important;
  background:linear-gradient(90deg,rgba(0,229,255,.10),rgba(214,178,122,.05))!important;
  border-bottom:1px solid var(--v2-bor-w)!important;
}
.aui_inner .bet-dlg-head{
  display:flex!important;align-items:center;justify-content:space-between;gap:10px;
  width:100%;min-width:0;letter-spacing:0;text-align:left;box-sizing:border-box;
}
.aui_inner .bet-dlg-head-title{
  display:flex!important;align-items:center;gap:8px;position:relative;min-width:0;
  padding:13px 0 13px 18px;font-size:15px!important;font-weight:700!important;
  color:#fff!important;white-space:nowrap;
}
.aui_inner .bet-dlg-head-title:before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:18px;border-radius:2px;background:linear-gradient(180deg,#00E5FF,#D6B27A);
}
.aui_inner .bet-dlg-head-deadline{
  display:flex!important;align-items:center;gap:6px;white-space:nowrap;padding:5px 12px;
  border-radius:999px;font-size:11.5px;color:rgba(255,255,255,.6);flex:none;
}
.aui_inner .bet-clock{color:#00E5FF;flex:none}
.aui_inner .bet-dlg-dl-label{color:rgba(255,255,255,.6)}

/* 下注确认弹窗内容区：总金额行高亮，层次分明 */
.submitComfire .ui-form li.bet-row-total{
  background:rgba(214,178,122,.08);border-radius:10px;border-bottom:none;
  padding:12px 14px;margin:4px 0 2px;align-items:center;
}
.submitComfire .ui-form li.bet-row-total .ui-label{color:var(--v2-g);font-size:13px;font-weight:600}
.submitComfire .ui-form li.bet-row-total .mark{
  color:var(--v2-g);font-size:18px;font-weight:700;text-align:right;
  font-variant-numeric:tabular-nums;
}

/* ============================================================
   K3 下注确认弹窗（SUI modal）同风格：头部 + 金色 Confirm / 暗色 Cancel
   ============================================================ */
/* ===== FIX(2026-10-22): SUI .modal 弹窗/成功提示垂直位置 =====
   根因：amazeui.min.css 的 body{position:relative} 使 .modal（sm.css: position:absolute;
   top:50%;margin-top:-半高）以 body 全高为基准 → 弹窗偏下遮住底部操作栏，$.toast 成功提示
   被甩出视口（下注成功无提示）。改为 fixed + translate(-50%,-50%) 视口正中（与 artDialog
   / Game_pk10 / Game_fc3d 居中方案一致）；margin:0!important 压掉 sm.js openModal 的行内
   margin-top/margin-left 半高修正（与 translate 重复）。 */
.modal:not(.picker-modal):not(.login-screen):not(.actions-modal){
  position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  margin:0!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;
}
.modal-overlay{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important}
.modal{
  background:rgba(8,12,28,.97)!important;
  border:1px solid var(--v2-bor-g)!important;
  border-radius:18px!important;width:86%!important;max-width:420px;
  color:var(--v2-t1)!important;overflow:hidden;
}
.modal .modal-inner{padding:0 0 12px!important;background:transparent!important}
.modal .modal-inner:after,.modal .modal-inner:before{display:none!important}
.modal .bet-dlg-head{
  display:flex!important;align-items:center;justify-content:space-between;gap:10px;
  width:auto;margin:0 -16px 10px;padding:0 42px 0 0;
  background:linear-gradient(90deg,rgba(0,229,255,.10),rgba(214,178,122,.05));
  border-bottom:1px solid var(--v2-bor-w);min-height:46px;
}
.modal .bet-dlg-head-title{color:#fff!important;font-size:15px!important;font-weight:700!important}

/* ===== $.toast 提示条（“投注成功”等）不能套用下注弹窗 .modal 的盒式样式 =====
   sm.js 的 $.toast 生成 <div class="modal toast ...">，上面的 .modal 全局覆盖
   把提示条撑成 86% 宽的大弹窗 → 变形；这里还原 toast 本来的轻量外观。 */
.modal.toast{
  width:auto!important;max-width:78vw;min-width:0!important;
  height:2rem!important;line-height:2rem!important;padding:0 .8rem!important;
  background:rgba(0,0,0,.8)!important;
  border:1px solid rgba(214,178,122,.18)!important;border-radius:1rem!important;
  color:#fff!important;font-size:.8rem!important;text-align:center;
  overflow:visible!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;
}
.modal.toast.success{background:rgba(25,169,123,.8)!important}
.modal .bet-k3-rows{padding:0 16px;font-size:13px}
.modal .bet-k3-rows .bet-k3-row{
  display:flex;align-items:flex-start;gap:12px;
  padding:8px 0;border-bottom:1px dashed rgba(214,178,122,.12);
}
.modal .bet-k3-rows .bet-k3-row:last-child{border-bottom:none}
.modal .bet-k3-rows .bet-k3-label{flex:none;min-width:90px;color:rgba(255,255,255,.45);font-size:12.5px}
.modal .bet-k3-rows .bet-k3-val{flex:1;min-width:0;color:#fff;word-break:break-all}
.modal .bet-k3-rows .bet-k3-val.bet-k3-money{color:#D6B27A;font-size:17px;font-weight:700}
.modal-buttons{border-top:1px solid var(--v2-bor-w)!important;background:transparent!important}
.modal-button{
  background:rgba(255,255,255,.03)!important;color:var(--v2-t2)!important;
  border:none!important;border-radius:0!important;font-weight:600;
}
.modal-button.bold{
  background:linear-gradient(135deg,var(--v2-g),#a07830)!important;
  color:#000!important;font-weight:700!important;
  border-left:1px solid var(--v2-bor-w)!important;
}

/* ===== 下注确认弹窗按钮：Confirm/Bet 金色高亮，Cancel 暗色 ===== */
.aui_buttons .bet-btn-primary,.modal-buttons .bet-btn-primary{background:linear-gradient(135deg,#E8C88E,#D6B27A)!important;color:#050A12!important;border:none!important;font-weight:700!important;box-shadow:0 4px 14px rgba(214,178,122,.35)!important;border-radius:8px!important;text-shadow:none!important}
.aui_buttons .bet-btn-secondary,.modal-buttons .bet-btn-secondary{background:rgba(255,255,255,.05)!important;color:#8FA3B8!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;box-shadow:none!important}

/* ============================================================
   V2.0 SUI modal 弹窗精修（member.agent.do 等页面的 $.modal / $.alert）
   统一：深色玻璃盒 + 标题/正文层次 + 单按钮青色渐变金描边
   （与 artDialog 单按钮规范一致：.aui_buttons button:only-child）
   注意：排除 K3 下注弹窗按钮（.bet-btn-primary/.bet-btn-secondary），不改变游戏页
   ============================================================ */
.modal .modal-title{
  padding:18px 18px 6px!important;margin:0!important;
  font-size:16px!important;font-weight:700!important;color:#fff!important;
  text-align:center!important;background:transparent!important;
}
.modal .modal-text{
  padding:6px 18px 8px!important;margin:0!important;
  font-size:14px!important;line-height:1.7!important;
  color:rgba(255,255,255,.75)!important;text-align:center!important;
}
.modal .modal-title + .modal-text{padding-top:2px!important;}
.modal .modal-text textarea{
  width:100%;min-height:64px;padding:10px 12px;
  background:rgba(5,10,18,.9)!important;border:1px solid rgba(0,229,255,.15)!important;
  border-radius:10px!important;color:#fff!important;font-size:12px;line-height:1.6;resize:none;
}
.modal .modal-text .clearfix{text-align:left;}
.modal-buttons{
  height:auto!important;min-height:52px;overflow:visible!important;
  padding:6px 14px 14px!important;gap:8px;border-top:none!important;
}
.modal-button{
  height:46px!important;line-height:46px!important;
  border-radius:12px!important;margin:0 4px!important;
  font-size:14px!important;font-weight:600!important;
  background:rgba(255,255,255,.05)!important;color:var(--v2-t2)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.modal-button:after{display:none!important;}
.modal-button.bold:not(.bet-btn-primary):not(.bet-btn-secondary),
.modal-button:first-child:last-child:not(.bet-btn-primary):not(.bet-btn-secondary){
  background:linear-gradient(135deg,#00E5FF,#0090dd)!important;
  color:#050A12!important;font-weight:800!important;
  border:1px solid rgba(214,178,122,.45)!important;
  box-shadow:0 4px 20px rgba(0,229,255,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* ============================================================
   V2.0 日期选择器（SUI calendar / .picker-modal）
   压掉 .modal 盒式规则对 picker 的误伤（86% 宽小盒），改为全宽底部面板 + 深色日历
   ============================================================ */
.modal.picker-modal,.picker-modal{
  width:100%!important;max-width:none!important;
  border:none!important;border-radius:0!important;
  background:rgba(5,10,18,.98)!important;color:var(--v2-t1)!important;text-align:left!important;
}
.picker-modal .toolbar{
  background:rgba(12,18,36,.95)!important;
  border-bottom:1px solid rgba(214,178,122,.18)!important;
}
.picker-modal .toolbar a{color:var(--v2-c)!important;}
.picker-calendar{background:rgba(8,12,28,.96)!important;height:310px;}
.picker-calendar .picker-modal-inner{background:transparent!important;}
.picker-calendar-week-days{
  background:rgba(12,18,36,.9)!important;
  border-bottom:1px solid rgba(214,178,122,.15)!important;
}
.picker-calendar-week-days .picker-calendar-week-day{color:rgba(255,255,255,.45)!important;}
.picker-calendar-months,.picker-calendar-month{background:transparent!important;}
.picker-calendar-row{border-bottom:1px solid rgba(255,255,255,.05)!important;}
.picker-calendar-row:after{background:rgba(255,255,255,.05)!important;}
.picker-calendar-day{color:#fff!important;}
.picker-calendar-day span{background:transparent!important;color:inherit!important;}
.picker-calendar-day.picker-calendar-day-next,
.picker-calendar-day.picker-calendar-day-disabled{color:rgba(255,255,255,.22)!important;}
.picker-calendar-day.picker-calendar-day-today span{
  background:rgba(0,229,255,.16)!important;color:var(--v2-c)!important;border-radius:10px;
}
.picker-calendar-day.picker-calendar-day-selected span{
  background:linear-gradient(135deg,#E8C88E,#D6B27A)!important;color:#050A12!important;
  border-radius:10px;font-weight:700;
}
.picker-calendar-year-picker,.picker-calendar-months-picker{background:rgba(8,12,28,.97)!important;}
.picker-calendar-year-picker a.icon-only{color:var(--v2-c)!important;}
.picker-calendar-year-picker span,.picker-calendar-months-picker a{color:#fff!important;}