:root {
  --hhgj-bg: #050403;
  --hhgj-panel: rgba(18, 14, 8, .98);
  --hhgj-panel-2: rgba(9, 7, 4, .98);
  --hhgj-gold: #f5c96a;
  --hhgj-gold-2: #d59b35;
  --hhgj-text: #fff7df;
  --hhgj-muted: #ead8a4;
  --hhgj-line: rgba(245, 201, 106, .24);
}

/* Home: final account/action strip. */
body[data-home-layout="modern"] .hallPage .centerArea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.02rem !important;
  height: auto !important;
  margin: 0 0 .34rem !important;
  padding: .16rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.7fr) !important;
  gap: .14rem !important;
  align-items: stretch !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: .16rem !important;
  background: linear-gradient(145deg, rgba(29, 23, 13, .96), rgba(8, 7, 5, .98)) !important;
  box-shadow: 0 .18rem .44rem rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 238, 182, .08) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .loginbtn,
body[data-home-layout="modern"] .hallPage .centerArea .left_content {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1.66rem !important;
  margin: 0 !important;
  padding: .16rem .2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .14rem !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(245, 201, 106, .24), transparent 46%),
    linear-gradient(145deg, rgba(60, 47, 22, .88), rgba(15, 12, 7, .96) 64%, rgba(7, 7, 5, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 178, .1), 0 .1rem .22rem rgba(0, 0, 0, .22) !important;
  overflow: hidden !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd1,
body[data-home-layout="modern"] .hallPage .centerArea .loginbtn1 {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content.hhgj-modern-has-user-meta {
  padding-top: .14rem !important;
  padding-bottom: .12rem !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-meta {
  width: 100% !important;
  height: .66rem !important;
  margin: 0 0 .06rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0 !important;
  pointer-events: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-name {
  min-width: 0 !important;
  width: 100% !important;
  height: .66rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: rgba(255, 247, 223, .88) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .88) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  line-height: .66rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-vip {
  flex: 0 0 auto !important;
  width: 1.04rem !important;
  height: .44rem !important;
  min-width: 1.04rem !important;
  margin-left: -.08rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .mey,
body[data-home-layout="modern"] .hallPage .centerArea .logindd2 {
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .14rem !important;
  color: #ffe18b !important;
  -webkit-text-fill-color: #ffe18b !important;
  font-size: .46rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  text-shadow: 0 0 .18rem rgba(245, 201, 106, .28), 0 1px 0 rgba(0, 0, 0, .58) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  align-items: stretch !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item {
  width: auto !important;
  height: auto !important;
  min-height: 1.66rem !important;
  margin: 0 !important;
  padding: .14rem .06rem .16rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .14rem !important;
  background: rgba(8, 7, 5, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 178, .08) !important;
  overflow: hidden !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item:before {
  content: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item img,
body[data-home-layout="modern"] .hallPage .centerArea .right_item .bgbox,
body[data-home-layout="modern"] .hallPage .centerArea .right_item .hhgj-modern-action-iconbox {
  position: static !important;
  flex: 0 0 1.02rem !important;
  width: 1.02rem !important;
  height: 1.02rem !important;
  min-width: 1.02rem !important;
  max-width: 1.02rem !important;
  min-height: 1.02rem !important;
  max-height: 1.02rem !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item_span {
  position: static !important;
  width: 100% !important;
  margin: .03rem auto 0 !important;
  color: var(--hhgj-text) !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Account wallet: final black-gold layout and venue balance grid. */
body .accounts,
body .accounts-scroll {
  background: linear-gradient(180deg, #070604 0%, #0b0804 48%, #050403 100%) !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
}

body .accounts .topArea {
  padding: .22rem .32rem .14rem !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

body .accounts .topArea_card {
  min-height: 2.52rem !important;
  padding: .28rem .3rem !important;
  border: 1px solid rgba(245, 201, 106, .36) !important;
  border-radius: .2rem !important;
  background:
    radial-gradient(circle at 18% 0, rgba(245, 201, 106, .22), transparent 48%),
    linear-gradient(145deg, rgba(48, 38, 18, .92), rgba(9, 7, 4, .98)) !important;
  box-shadow: 0 .14rem .34rem rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 238, 178, .08) !important;
}

body .accounts .card_top,
body .accounts .card_bottom,
body .accounts .nums_box {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .accounts .card_top {
  min-height: 1.26rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .2rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .accounts .card_bottom {
  width: 100% !important;
  margin: .12rem 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .18rem !important;
}

body .accounts .nums_box .left-nums,
body .accounts .left-nums,
body .accounts .moneyText,
body .accounts .bots {
  color: var(--hhgj-gold) !important;
  font-weight: 900 !important;
  text-shadow: 0 .05rem .12rem rgba(0, 0, 0, .5) !important;
}

body .accounts .nums_box .left-nums {
  font-size: .52rem !important;
  line-height: 1 !important;
}

body .accounts .account_money {
  min-width: 0 !important;
  padding: .1rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-gold) !important;
  font-size: .24rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

body .accounts .account_money span {
  display: block !important;
  margin-top: .04rem !important;
  color: var(--hhgj-gold) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
}

body .accounts .take_back {
  min-width: 1.72rem !important;
  height: .58rem !important;
  padding: 0 .22rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;
  border: 1px solid rgba(255, 247, 223, .42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe39a, #d59b35 58%, #8a5a19) !important;
  color: #120d05 !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  box-shadow: 0 .08rem .18rem rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}

body .accounts .venuesDetail {
  margin: .14rem .32rem 0 !important;
  padding: .18rem 0 .22rem !important;
  border-top: 1px solid rgba(245, 201, 106, .16) !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .accounts .venues {
  min-height: .62rem !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: .14rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .accounts .venues .left-nums {
  color: var(--hhgj-text) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body .accounts .venuesList {
  margin-top: .18rem !important;
  padding: .04rem 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .accounts .venuesList .listbox {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .14rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .accounts .venuesList .item,
body .accounts .venuesList .inner-box,
body .accounts .venuesList .out {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .accounts .venuesList .item {
  min-height: .98rem !important;
  padding: .14rem .08rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .16) !important;
  border-radius: .16rem !important;
  background: rgba(245, 201, 106, .035) !important;
}

body .accounts .venuesList .inner-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;
}

body .accounts .venuesList .tittleText {
  max-width: 100% !important;
  color: rgba(234, 216, 164, .76) !important;
  font-size: .22rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .accounts .venuesList .moneyText {
  color: var(--hhgj-gold) !important;
  font-size: .25rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body .accounts .main-menu {
  min-height: 1.92rem !important;
  background: linear-gradient(180deg, rgba(20, 16, 9, .96), rgba(9, 7, 4, .98)) !important;
  border-top: 1px solid rgba(245, 201, 106, .16) !important;
}

body .accounts .main-menu .item {
  height: 1.6rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .accounts .main-menu .item span {
  color: var(--hhgj-text) !important;
  font-size: .26rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

@media screen and (min-width: 769px) {
  body .accounts .venuesList .listbox {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* Withdrawal: final visible top method strip. */
body.withdrawal-route,
body.withdrawal-route #app {
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
  --withdraw-track: min(calc(100vw - 48px), 700px);
}

body.withdrawal-route #app > div,
body.withdrawal-route .sdg {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 0 .56rem !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .14), transparent 4.3rem),
    linear-gradient(180deg, #070604 0%, #0b0804 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

body.withdrawal-route .sdg > .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: 46px !important;
  transform: none !important;
  background: #060503 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .36) !important;
  z-index: 222 !important;
}

body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body.withdrawal-route .sdg > .van-nav-bar + div[style*="height"] {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

body.withdrawal-route .withdraw-icon-tabs {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  height: auto !important;
  min-height: 2.08rem !important;
  margin: .18rem auto 0 !important;
  padding: .16rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  background: linear-gradient(180deg, rgba(25, 20, 12, .96), rgba(9, 7, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .34) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .withdraw-icon-tabs > div {
  width: auto !important;
  min-width: 0 !important;
  height: 1.74rem !important;
  min-height: 1.74rem !important;
  padding: .12rem .06rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, rgba(22, 18, 12, .95), rgba(9, 7, 4, .98)) !important;
  color: var(--hhgj-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 180, .08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.withdrawal-route .withdraw-icon-tabs > div[style*="174, 72, 242"],
body.withdrawal-route .withdraw-icon-tabs > div[style*="251, 246, 255"] {
  border-color: rgba(255, 229, 158, .7) !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
}

body.withdrawal-route .withdraw-icon-tabs img {
  width: .66rem !important;
  height: .66rem !important;
  margin: 0 0 .08rem !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
  opacity: .96 !important;
}

body.withdrawal-route .withdraw-icon-tabs > div > div {
  color: inherit !important;
  font-size: .27rem !important;
  line-height: .34rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.withdrawal-route .withdraw-icon-tabs + div,
body.withdrawal-route .usrse,
body.withdrawal-route .sdg > .usrse + div,
body.withdrawal-route .sdg > div[style*="width: 86%"],
body.withdrawal-route .sdg > div[style*="width: 90%"],
body.withdrawal-route .sdg > div[style*="width: 92%"],
body.withdrawal-route .sdg > div[style*="width: 96%"] {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

body.withdrawal-route .withdraw-icon-tabs + div {
  padding: .2rem .22rem .22rem !important;
}

body.withdrawal-route .sdg > .usrse + div,
body.withdrawal-route .sdg > div[style*="width: 86%"],
body.withdrawal-route .sdg > div[style*="width: 90%"],
body.withdrawal-route .sdg > div[style*="width: 92%"],
body.withdrawal-route .sdg > div[style*="width: 96%"] {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.withdrawal-route .qibao {
  min-height: .7rem !important;
  margin: 0 0 .16rem !important;
  padding: 0 0 .1rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  column-gap: .16rem !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.withdrawal-route .qibao .imgs {
  display: none !important;
}

body.withdrawal-route .qibao .btns {
  height: .46rem !important;
  line-height: .44rem !important;
}

body.withdrawal-route .mesg {
  margin-top: .12rem !important;
}

body.withdrawal-route .usrse > div {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .textcns,
body.withdrawal-route .sdg .textcns,
body.withdrawal-route .sdg > .usrse + div .textcns,
body.withdrawal-route .sdg > div[style*="width: 86%"] .textcns,
body.withdrawal-route .sdg > div[style*="width: 90%"] .textcns,
body.withdrawal-route .sdg > div[style*="width: 92%"] .textcns,
body.withdrawal-route .sdg > div[style*="width: 96%"] .textcns {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d8c68f !important;
  padding: .16rem 0 0 !important;
  text-align: center !important;
}

body.withdrawal-route .textcns::before,
body.withdrawal-route .textcns::after {
  display: none !important;
  content: none !important;
}

@media screen and (max-width: 480px) {
  body.withdrawal-route,
  body.withdrawal-route #app {
    --withdraw-track: calc(100vw - 32px);
  }
}

/* Recharge: final amount and method layout. */
html[data-hhgj-route="recharge"],
html[data-hhgj-route="recharge"] body,
html[data-hhgj-route="recharge"] #app,
body.aurora-recharge-polish,
body.aurora-recharge-polish #app {
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] #app > div,
body.aurora-recharge-polish #app > div {
  width: min(100vw, 750px) !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .12), transparent 4.2rem),
    linear-gradient(180deg, #070604 0%, #0d0a06 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] .sdg,
body.aurora-recharge-polish .sdg {
  width: 100% !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 .18rem 1rem !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .12), transparent 4.2rem),
    linear-gradient(180deg, #070604 0%, #0d0a06 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] .sdg > div,
body.aurora-recharge-polish .sdg > div {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .typelis,
body.aurora-recharge-polish .typelis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .16rem !important;
  width: 100% !important;
  margin: .24rem 0 .28rem !important;
  padding: .22rem !important;
  border: 1px solid rgba(245, 201, 106, .22) !important;
  border-radius: .22rem !important;
  background: linear-gradient(180deg, rgba(24, 19, 11, .96), rgba(8, 6, 4, .98)) !important;
  box-shadow: 0 .14rem .3rem rgba(0, 0, 0, .3) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .typelis .tyls,
body.aurora-recharge-polish .typelis .tyls {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .1rem !important;
  width: auto !important;
  min-width: 0 !important;
  height: 1.7rem !important;
  margin: 0 !important;
  padding: .14rem .08rem !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(18, 14, 8, .96), rgba(7, 5, 3, .98)) !important;
  color: var(--hhgj-text-2) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html[data-hhgj-route="recharge"] .typelis .tyls img,
body.aurora-recharge-polish .typelis .tyls img {
  width: .86rem !important;
  height: .86rem !important;
  max-width: .86rem !important;
  max-height: .86rem !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] .usrse,
body.aurora-recharge-polish .usrse {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .22rem 0 !important;
  padding: .2rem !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .22rem !important;
  background:
    radial-gradient(circle at 74% 0, rgba(245, 201, 106, .12), transparent 34%),
    linear-gradient(180deg, rgba(22, 18, 12, .96), rgba(8, 6, 4, .98)) !important;
  box-shadow: 0 .14rem .28rem rgba(0, 0, 0, .34) !important;
  color: var(--hhgj-text) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .hgs,
body.aurora-recharge-polish .hgs,
html[data-hhgj-route="recharge"] .hgs > div,
body.aurora-recharge-polish .hgs > div {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .hgs .nams,
body.aurora-recharge-polish .hgs .nams {
  display: flex !important;
  align-items: center !important;
  min-height: .44rem !important;
  margin: 0 0 .12rem !important;
  color: var(--hhgj-text) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

html[data-hhgj-route="recharge"] .van-cell,
body.aurora-recharge-polish .van-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: .78rem !important;
  min-height: .78rem !important;
  padding: 0 .2rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .14rem !important;
  background: rgba(13, 10, 6, .94) !important;
  box-shadow: inset 0 0 .14rem rgba(245, 201, 106, .05) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .van-field__label,
body.aurora-recharge-polish .van-field__label,
html[data-hhgj-route="recharge"] .van-field__button,
body.aurora-recharge-polish .van-field__button,
html[data-hhgj-route="recharge"] .van-field__button span,
body.aurora-recharge-polish .van-field__button span {
  display: flex !important;
  align-items: center !important;
  color: var(--hhgj-text) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  line-height: .52rem !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="recharge"] .van-field__value,
body.aurora-recharge-polish .van-field__value,
html[data-hhgj-route="recharge"] .van-field__body,
body.aurora-recharge-polish .van-field__body {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  min-width: 0 !important;
  height: .54rem !important;
}

html[data-hhgj-route="recharge"] .van-field__control,
body.aurora-recharge-polish .van-field__control {
  height: .54rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 800 !important;
  line-height: .54rem !important;
}

html[data-hhgj-route="recharge"] .van-field__control::placeholder,
body.aurora-recharge-polish .van-field__control::placeholder {
  color: rgba(255, 247, 223, .48) !important;
  font-weight: 700 !important;
}

html[data-hhgj-route="recharge"] .amount-options,
body.aurora-recharge-polish .amount-options,
body.aurora-recharge-polish.aurora-phone-recharge-fixed .amount-options {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .14rem !important;
  width: 100% !important;
  margin: .22rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] .amount-options > div,
body.aurora-recharge-polish .amount-options > div,
body.aurora-recharge-polish.aurora-phone-recharge-fixed .amount-options > div {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: .74rem !important;
  padding: 0 .06rem !important;
  border: 1px solid rgba(245, 201, 106, .36) !important;
  border-radius: .16rem !important;
  background: rgba(11, 8, 5, .78) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body:has(#app .Findings) #app .Findings .FindingsContent {
  padding-top: .22rem !important;
  box-sizing: border-box !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__right {
  flex: 0 0 1.55rem !important;
  width: 1.55rem !important;
  justify-content: flex-end !important;
  gap: .24rem !important;
  padding-right: .42rem !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__latest {
  flex: 0 0 .72rem !important;
  width: .72rem !important;
  height: .72rem !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__avatar {
  width: .64rem !important;
  height: .64rem !important;
}

html[data-hhgj-route="discover"] #app .Findings .mentItem .img-right-warp::after,
body[data-hhgj-route="discover"] #app .Findings .mentItem .img-right-warp::after,
html body:has(#app .Findings) #app .Findings .mentItem .img-right-warp::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="discover"] #app .Findings .mentItem.hhgj-official-entry-unread .img-right-warp::after,
body[data-hhgj-route="discover"] #app .Findings .mentItem.hhgj-official-entry-unread .img-right-warp::after,
html body:has(#app .Findings) #app .Findings .mentItem.hhgj-official-entry-unread .img-right-warp::after {
  content: "" !important;
  display: block !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__badge {
  display: none !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__badge.is-unread {
  display: block !important;
  top: -.03rem !important;
  right: -.03rem !important;
  width: .2rem !important;
  height: .2rem !important;
  min-width: .2rem !important;
  background: #ff1616 !important;
  box-shadow: 0 0 0 .03rem #14100a !important;
}

html body:has(#app .Findings) #moments-widget .big-stage-entry__arrow {
  flex: 0 0 .24rem !important;
  width: .24rem !important;
  text-align: center !important;
}

html[data-hhgj-route="recharge"] .amount-options > div[data-hhgj-recharge-fixed-selected="1"],
body.aurora-recharge-polish .amount-options > div[data-hhgj-recharge-fixed-selected="1"] {
  border-color: #ffe59e !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #130d04 !important;
  box-shadow:
    0 0 0 1px rgba(255, 229, 158, .24),
    0 .1rem .24rem rgba(245, 201, 106, .22),
    inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

html[data-hhgj-route="recharge"] .amount-options > div[data-hhgj-recharge-fixed-selected="1"]::after,
body.aurora-recharge-polish .amount-options > div[data-hhgj-recharge-fixed-selected="1"]::after {
  content: "✓" !important;
  position: absolute !important;
  top: .04rem !important;
  right: .06rem !important;
  width: .22rem !important;
  height: .22rem !important;
  border-radius: 999px !important;
  background: #130d04 !important;
  color: #ffe39a !important;
  font-size: .15rem !important;
  font-weight: 900 !important;
  line-height: .22rem !important;
  text-align: center !important;
}

html[data-hhgj-route="recharge"] body:has(#app .sdg) .textcns,
html[data-hhgj-route="recharge"] body.aurora-recharge-polish .textcns,
body[data-hhgj-route="recharge"]:has(#app .sdg) .textcns,
body.aurora-recharge-polish:has(#app .sdg) .textcns,
html[data-hhgj-route="recharge"] .textcns,
body.aurora-recharge-polish .textcns {
  min-height: 0 !important;
  margin: .1rem 0 0 !important;
  padding: .08rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] .tipsh,
body.aurora-recharge-polish .tipsh,
html[data-hhgj-route="recharge"] .bans,
body.aurora-recharge-polish .bans {
  background: rgba(13, 10, 6, .82) !important;
  border: 1px solid rgba(245, 201, 106, .2) !important;
  border-radius: .16rem !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] div[style*="background: rgb(248, 248, 248)"],
body.aurora-recharge-polish div[style*="background: rgb(248, 248, 248)"],
html[data-hhgj-route="recharge"] div[style*="background:#f8f8f8"],
body.aurora-recharge-polish div[style*="background:#f8f8f8"],
html[data-hhgj-route="recharge"] div[style*="background: #f8f8f8"],
body.aurora-recharge-polish div[style*="background: #f8f8f8"] {
  height: .08rem !important;
  background: transparent !important;
}

@media screen and (max-width: 380px) {
  html[data-hhgj-route="recharge"] .amount-options,
  body.aurora-recharge-polish .amount-options,
  body.aurora-recharge-polish.aurora-phone-recharge-fixed .amount-options {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .1rem !important;
  }

  html[data-hhgj-route="recharge"] .amount-options > div,
  body.aurora-recharge-polish .amount-options > div,
  body.aurora-recharge-polish.aurora-phone-recharge-fixed .amount-options > div {
    height: .64rem !important;
    font-size: .24rem !important;
    border-radius: .14rem !important;
  }
}

/* Big Stage final polish: readable official tags, natural smaller media, centered end text. */
html[data-hhgj-route="discover"] .moments-page .moments-page__title,
body.big-stage-open .moments-page .moments-page__title {
  font-size: .48rem !important;
  line-height: .66rem !important;
  font-weight: 500 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__top,
body.big-stage-open .moments-page .moments-card__top {
  align-items: flex-start !important;
  gap: .08rem !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__name,
body.big-stage-open .moments-page .moments-card__name {
  font-size: .27rem !important;
  line-height: 1.22 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__time,
body.big-stage-open .moments-page .moments-card__time {
  font-size: .2rem !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-vip-badge,
body.big-stage-open .moments-page .moments-vip-badge {
  transform: scale(1.08) !important;
  transform-origin: left center !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__content,
body.big-stage-open .moments-page .moments-card__content {
  font-size: .27rem !important;
  line-height: 1.48 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__tag--image,
body.big-stage-open .moments-page .moments-card__tag--image {
  flex: 0 0 auto !important;
  width: 1.12rem !important;
  max-width: 1.12rem !important;
  height: auto !important;
  margin-left: .02rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__tag--image img,
body.big-stage-open .moments-page .moments-card__tag--image img {
  display: block !important;
  width: 1.12rem !important;
  max-width: 1.12rem !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media,
body.big-stage-open .moments-page .moments-media {
  align-items: start !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media[data-count="1"],
body.big-stage-open .moments-page .moments-media[data-count="1"] {
  width: min(62vw, 4.95rem) !important;
  max-width: 100% !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media__item,
body.big-stage-open .moments-page .moments-media__item,
html[data-hhgj-route="discover"] .moments-page .moments-media[data-count="1"] .moments-media__item,
body.big-stage-open .moments-page .moments-media[data-count="1"] .moments-media__item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: start !important;
  overflow: hidden !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media__item img,
body.big-stage-open .moments-page .moments-media__item img,
html[data-hhgj-route="discover"] .moments-page .moments-media__item video,
body.big-stage-open .moments-page .moments-media__item video,
html[data-hhgj-route="discover"] .moments-page .moments-media__poster,
body.big-stage-open .moments-page .moments-media__poster {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media__poster.is-empty,
body.big-stage-open .moments-page .moments-media__poster.is-empty {
  min-height: 2rem !important;
  aspect-ratio: 16 / 9 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-media[data-count="1"] .moments-media__poster.is-empty,
body.big-stage-open .moments-page .moments-media[data-count="1"] .moments-media__poster.is-empty {
  min-height: 3.1rem !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-card__action,
body.big-stage-open .moments-page .moments-card__action {
  min-width: .88rem !important;
  height: .46rem !important;
  padding: 0 .18rem !important;
  font-size: .22rem !important;
  line-height: .44rem !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-like-summary,
html[data-hhgj-route="discover"] .moments-page .moments-comment,
body.big-stage-open .moments-page .moments-like-summary,
body.big-stage-open .moments-page .moments-comment {
  font-size: .23rem !important;
  line-height: 1.48 !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-scroll-status,
body.big-stage-open .moments-page .moments-scroll-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .16rem !important;
  width: 100% !important;
  margin: .3rem auto .12rem !important;
  padding: 0 .2rem !important;
  color: rgba(255, 231, 166, .72) !important;
  font-size: .2rem !important;
  font-weight: 800 !important;
  line-height: .34rem !important;
  text-align: center !important;
}

html[data-hhgj-route="discover"] .moments-page .moments-scroll-status.is-finished::before,
body.big-stage-open .moments-page .moments-scroll-status.is-finished::before,
html[data-hhgj-route="discover"] .moments-page .moments-scroll-status.is-finished::after,
body.big-stage-open .moments-page .moments-scroll-status.is-finished::after {
  content: "" !important;
  flex: 1 1 auto !important;
  max-width: 1.1rem !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(245, 201, 106, .34), transparent) !important;
}

/* Withdrawal final layout reset: old desktop rules cap #app at 750px and offset .sdg. */
html[data-hhgj-route="withdrawal"] body.withdrawal-route #app,
body.withdrawal-route #app {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  position: relative !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body.withdrawal-route #app > div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route #app > div > div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg,
body.withdrawal-route #app > div,
body.withdrawal-route #app > div > div,
body.withdrawal-route .sdg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body.withdrawal-route .withdraw-icon-tabs,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .usrse,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg > .usrse + div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawal"] body.withdrawal-route .sdg > div[style*="width: 96%"],
body.withdrawal-route .withdraw-icon-tabs,
body.withdrawal-route .withdraw-icon-tabs + div,
body.withdrawal-route .usrse,
body.withdrawal-route .sdg > .usrse + div,
body.withdrawal-route .sdg > div[style*="width: 86%"],
body.withdrawal-route .sdg > div[style*="width: 90%"],
body.withdrawal-route .sdg > div[style*="width: 92%"],
body.withdrawal-route .sdg > div[style*="width: 96%"] {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

html[data-hhgj-route="withdrawal"] body.withdrawal-route .textcns,
html[data-hhgj-route="withdrawal"] body.withdrawal-route .textcns *,
body.withdrawal-route .textcns,
body.withdrawal-route .textcns * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawal"] body.withdrawal-route:has(#app .sdg) #app > div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route:has(#app .sdg) #app > div > div,
html[data-hhgj-route="withdrawal"] body.withdrawal-route:has(#app .sdg) .sdg,
body.withdrawal-route:has(#app .sdg) #app > div,
body.withdrawal-route:has(#app .sdg) #app > div > div,
body.withdrawal-route:has(#app .sdg) .sdg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Wallet secondary pages: keep add card forms on the final black-gold system. */
html[data-hhgj-route="addUsdtCard"],
html[data-hhgj-route="addBankCard"] {
  --hhgj-bind-track: min(calc(100vw - 32px), 680px);
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route #app,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route #app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #050403 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route #app > div,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route #app > div,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route #app > div > div,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route #app > div > div {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: #050403 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-nav-bar,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-nav-bar {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: #080604 !important;
  border-bottom: 1px solid var(--hhgj-line) !important;
  box-shadow: none !important;
  z-index: 20 !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-nav-bar:after,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-nav-bar:after,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-hairline--bottom:after,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-hairline--bottom:after {
  display: none !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-nav-bar__title,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: .42rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-nav-bar__left,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-nav-bar__left,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .van-nav-bar__left .van-icon,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .van-nav-bar__left .van-icon {
  color: var(--hhgj-gold) !important;
  font-size: .34rem !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-height: calc(100vh - .9rem) !important;
  margin: 0 auto !important;
  padding: .22rem 0 .56rem !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse > .hgs {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto .18rem !important;
  padding: .22rem .24rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .16rem !important;
  background:
    radial-gradient(circle at 12% 0, rgba(245, 201, 106, .16), transparent 40%),
    linear-gradient(135deg, rgba(26, 21, 12, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs .nams,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse > .hgs .nams {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: .38rem !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .5) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs .nams:not(.sc):before,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse > .hgs .nams:not(.sc):before {
  content: "" !important;
  width: .07rem !important;
  height: .26rem !important;
  margin-right: .1rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe58f, #d39528) !important;
  box-shadow: 0 0 .16rem rgba(245, 201, 106, .7) !important;
  flex: 0 0 auto !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs .nams.sc {
  display: grid !important;
  grid-template-columns: minmax(.92rem, 1fr) minmax(1.18rem, auto) minmax(1.18rem, auto) !important;
  align-items: center !important;
  column-gap: .14rem !important;
  margin: 0 !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs .ssa {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.18rem !important;
  height: .68rem !important;
  min-height: .68rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .12rem !important;
  background: rgba(8, 7, 4, .78) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs .ssa.acti {
  border-color: rgba(255, 230, 150, .92) !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 0 .2rem rgba(245, 201, 106, .26), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell-group,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell-group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell-group:after,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell-group:after,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell:after,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell:after {
  display: none !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell.van-field,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell.van-field {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-text) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-cell__value,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-cell__value,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-field__body,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-field__body {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse input,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse input,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-field__control,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-text) !important;
  font-size: .25rem !important;
  font-weight: 700 !important;
  line-height: .78rem !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: var(--hhgj-text) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse input:disabled,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse input:disabled,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-field__control:disabled,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-field__control:disabled {
  opacity: 1 !important;
  color: var(--hhgj-muted) !important;
  -webkit-text-fill-color: var(--hhgj-muted) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse .van-field__control::placeholder,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse .van-field__control::placeholder {
  color: rgba(255, 247, 223, .42) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs > .nams + div[style*="display: flex"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1.48rem !important;
  align-items: center !important;
  column-gap: .14rem !important;
  width: 100% !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs > .nams + div[style*="display: flex"] > .van-cell-group {
  width: 100% !important;
  min-width: 0 !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs > .nams + div[style*="display: flex"] > .van-button--small {
  width: 1.48rem !important;
  min-width: 1.48rem !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 1.48rem !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .hgs > .nams + div[style*="display: flex"] > .van-button--small .van-button__text {
  font-size: .25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #1f1302 !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .van-button,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse > .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: .84rem !important;
  min-height: .84rem !important;
  margin: .22rem auto 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 230, 150, .92) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .14rem .3rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route .usrse > .van-button .van-button__text,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route .usrse > .van-button .van-button__text {
  color: #1f1302 !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
}

/* Beat older high-specificity profile form rules on the first bank-card row. */
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs.realname-row,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs:first-child {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .22rem .24rem !important;
}

html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs.realname-row .nams,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs:first-child .nams {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 .14rem !important;
}

html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs.realname-row .van-cell-group,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs:first-child .van-cell-group,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs.realname-row .van-cell,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs:first-child .van-cell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs.realname-row .van-field__control,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs:first-child .van-field__control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Wallet/withdraw secondary pages: keep the final black-gold layout centered. */
html[data-hhgj-route="withdrawAccount"] {
  --hhgj-bind-track: min(calc(100vw - 32px), 680px);
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app > div,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app > div > div,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdgg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-nav-bar {
  width: 100% !important;
  height: 1.08rem !important;
  line-height: 1.08rem !important;
  background: #070604 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .24) !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-nav-bar:after,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-hairline--bottom:after {
  display: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: .34rem !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-nav-bar__left,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .van-nav-bar__left .van-icon {
  color: var(--hhgj-gold) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .withdraw-icon-tabs,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > .usrse + div,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div[style*="width: 96%"] {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  margin-top: .22rem !important;
  margin-bottom: .22rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: .22rem .24rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .95), rgba(10, 8, 5, .98)) !important;
  box-shadow: 0 .1rem .24rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 236, 172, .07) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route:has(#app .usrse) #app .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route:has(#app .usrse) #app .usrse > div:not(.hgs):empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .nams {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 .14rem !important;
  color: var(--hhgj-text) !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .nams:not(.sc):before {
  content: "" !important;
  display: inline-block !important;
  width: .07rem !important;
  height: .28rem !important;
  margin-right: .1rem !important;
  border-radius: .04rem !important;
  background: linear-gradient(180deg, #fff1a6, #d3982e) !important;
  box-shadow: 0 0 .16rem rgba(245, 201, 106, .34) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell-group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell-group:after,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell:after {
  display: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell.van-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 .22rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .94), rgba(12, 10, 6, .98)) !important;
  color: var(--hhgj-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell:has(.van-button--mini) {
  padding-right: 1.58rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse input,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-text) !important;
  font-size: .25rem !important;
  font-weight: 700 !important;
  line-height: .78rem !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: var(--hhgj-text) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-field__control::placeholder {
  color: rgba(255, 247, 223, .42) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-button--mini {
  position: absolute !important;
  right: .08rem !important;
  top: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.22rem !important;
  max-width: 1.48rem !important;
  height: .58rem !important;
  min-height: .58rem !important;
  margin: 0 !important;
  padding: 0 .16rem !important;
  flex: 0 0 auto !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .2), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-button--mini .van-button__text {
  color: #1f1302 !important;
  font-size: .23rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .van-button,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  height: .84rem !important;
  min-height: .84rem !important;
  margin: .22rem auto 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 230, 150, .92) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .14rem .3rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns *,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Final pass for the bound withdrawal page.  Keep this last so the legacy
   withdrawal rules cannot reintroduce the cramped tab/button layout. */
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route {
  --hhgj-bind-track: min(calc(100vw - 32px), 680px);
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdgg {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  height: auto !important;
  margin: .12rem auto .14rem !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: .7rem !important;
  min-height: .7rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, rgba(22, 18, 12, .98), rgba(9, 7, 4, .98)) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .05) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab.atc {
  border-color: rgba(255, 230, 150, .72) !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 64%, #8a5a19 100%) !important;
  color: #1b1204 !important;
  box-shadow: 0 .12rem .28rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab::after {
  display: none !important;
  content: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div:has(.qibao) {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  margin: .12rem auto .14rem !important;
  padding: .16rem .18rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 236, 172, .06) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: .5rem !important;
  height: auto !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao::after {
  display: none !important;
  content: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao > div:first-child,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao .imgs {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  color: var(--hhgj-text) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao .btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.38rem !important;
  height: .44rem !important;
  min-height: .44rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(255, 230, 150, .72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 229, 143, .98), rgba(184, 119, 30, .98)) !important;
  color: #201302 !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .18), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  margin: .14rem auto .2rem !important;
  gap: .18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: .9rem !important;
  padding: .2rem .24rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:first-child > .nams {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:first-child > div:not(.nams) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 1.72rem !important;
  max-width: none !important;
  height: .52rem !important;
  margin: 0 0 0 .16rem !important;
  padding: 0 .2rem !important;
  border: 1px solid rgba(255, 230, 150, .84) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  font-size: .21rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  box-shadow: 0 .1rem .2rem rgba(211, 152, 46, .18), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) {
  min-height: 1.18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) > .nams {
  margin-bottom: .12rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-cell {
  height: .66rem !important;
  min-height: .66rem !important;
  padding: 0 1.46rem 0 .18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-field__control {
  font-size: .23rem !important;
  line-height: .66rem !important;
  padding-right: .08rem !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-field__button {
  position: absolute !important;
  left: auto !important;
  right: .1rem !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.22rem !important;
  height: .48rem !important;
  min-height: .48rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button--mini {
  position: static !important;
  display: flex !important;
  width: 1.22rem !important;
  min-width: 1.22rem !important;
  max-width: 1.22rem !important;
  height: .48rem !important;
  min-height: .48rem !important;
  padding: 0 !important;
  transform: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button__content,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1f1302 !important;
  font-size: .19rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

/* Bound withdrawal visual correction. This block intentionally uses px so the
   page remains stable when the rem cap changes between mobile and wide views. */
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg.sdgg {
  width: min(calc(100vw - 24px), 720px) !important;
  max-width: min(calc(100vw - 24px), 720px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 72px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px auto 10px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div:has(.qibao) {
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  margin: 0 auto 12px !important;
  padding: 12px 12px 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao {
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 34px !important;
  margin: 0 0 12px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao > .fes,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao > div:first-child {
  flex: 0 0 auto !important;
  width: auto !important;
  color: var(--hhgj-text) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao .imgs {
  flex: 0 0 28px !important;
  width: 28px !important;
  max-width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin: 0 0 0 6px !important;
  padding: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao .btns {
  min-width: 92px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse {
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 26px !important;
  gap: 12px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs {
  width: 100% !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .nams {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
  padding: 16px 18px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) > .nams {
  order: 1 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 20px !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) > div:not(.nams) {
  order: 2 !important;
  flex: 0 0 auto !important;
  min-width: 144px !important;
  width: auto !important;
  height: 38px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  color: #1d1102 !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg,#ffe08f 0%,#d59b35 62%,#916017 100%) !important;
  font-size: 15px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) {
  min-height: 90px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) > div:not(.nams),
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) .van-cell-group,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) .van-cell {
  width: 100% !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) .van-cell {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 104px 0 16px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-cell) .van-field__control {
  height: 44px !important;
  font-size: 15px !important;
  line-height: 44px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-field__button {
  left: auto !important;
  right: 8px !important;
  width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button--mini {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button__content,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs:has(.van-button--mini) .van-button__text {
  font-size: 14px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns {
  margin-top: 8px !important;
  padding: 8px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final withdrawal binding page clamp: keep this last so older page patches cannot win. */
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app {
  display: flex !important;
  justify-content: center !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app > div,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg.sdgg {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg.sdgg {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 12px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab.atc {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab::after,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab *::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .tabVox .tab *::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .sdg > div:has(.qibao) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .qibao .btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 24px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse > .hgs.hhgj-withdraw-address-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  padding: 16px 18px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .hhgj-withdraw-address-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .hhgj-withdraw-address-add {
  flex: 0 0 auto !important;
  min-width: 144px !important;
  height: 38px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  color: #1d1102 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell {
  position: relative !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 120px 0 16px !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-field__button {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-button--mini {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-button--mini .van-button__content,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .usrse .van-button--mini .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns::before,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route .textcns::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Route-first financial page shell: prevents old Vue/base styles flashing during SPA navigation. */
html[data-hhgj-route="recharge"],
html[data-hhgj-route="withdrawal"],
html[data-hhgj-route="withdrawAccount"],
html[data-hhgj-route="addUsdtCard"],
html[data-hhgj-route="addBankCard"],
html[data-hhgj-route="account"],
html[data-hhgj-route="recharge"] body,
html[data-hhgj-route="withdrawal"] body,
html[data-hhgj-route="withdrawAccount"] body,
html[data-hhgj-route="addUsdtCard"] body,
html[data-hhgj-route="addBankCard"] body,
html[data-hhgj-route="account"] body,
html[data-hhgj-route="recharge"] #app,
html[data-hhgj-route="withdrawal"] #app,
html[data-hhgj-route="withdrawAccount"] #app,
html[data-hhgj-route="addUsdtCard"] #app,
html[data-hhgj-route="addBankCard"] #app,
html[data-hhgj-route="account"] #app {
  background: #050403 !important;
  color: #fff7df !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] #app,
html[data-hhgj-route="withdrawal"] #app,
html[data-hhgj-route="withdrawAccount"] #app,
html[data-hhgj-route="addUsdtCard"] #app,
html[data-hhgj-route="addBankCard"] #app,
html[data-hhgj-route="account"] #app {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
}

html[data-hhgj-route="recharge"] #app > div,
html[data-hhgj-route="withdrawal"] #app > div,
html[data-hhgj-route="withdrawAccount"] #app > div,
html[data-hhgj-route="addUsdtCard"] #app > div,
html[data-hhgj-route="addBankCard"] #app > div,
html[data-hhgj-route="account"] #app > div,
html[data-hhgj-route="recharge"] .sdg,
html[data-hhgj-route="withdrawal"] .sdg,
html[data-hhgj-route="withdrawAccount"] .sdg,
html[data-hhgj-route="withdrawAccount"] .sdg.sdgg,
html[data-hhgj-route="addUsdtCard"] .sdg,
html[data-hhgj-route="addBankCard"] .sdg,
html[data-hhgj-route="account"] .accounts {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawal"] .sdg,
html[data-hhgj-route="withdrawAccount"] .sdg,
html[data-hhgj-route="withdrawAccount"] .sdg.sdgg,
html[data-hhgj-route="addUsdtCard"] .sdg,
html[data-hhgj-route="addBankCard"] .sdg {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html[data-hhgj-route="withdrawal"] .withdraw-icon-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 12px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawal"] .withdraw-icon-tabs > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 74px !important;
  min-height: 74px !important;
  border-radius: 11px !important;
  overflow: hidden !important;
}

html[data-hhgj-route="withdrawal"] .withdraw-icon-tabs img {
  max-width: 32px !important;
  max-height: 32px !important;
  object-fit: contain !important;
}

html[data-hhgj-route="withdrawal"] .qibao {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawal"] .qibao .btns {
  margin-left: auto !important;
  transform: none !important;
}

html[data-hhgj-route="withdrawal"] .usrse,
html[data-hhgj-route="withdrawAccount"] .usrse,
html[data-hhgj-route="addUsdtCard"] .usrse,
html[data-hhgj-route="addBankCard"] .usrse {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] .textcns,
html[data-hhgj-route="withdrawAccount"] .textcns,
html[data-hhgj-route="recharge"] .textcns,
html[data-hhgj-route="withdrawal"] .textcns::before,
html[data-hhgj-route="withdrawal"] .textcns::after,
html[data-hhgj-route="withdrawAccount"] .textcns::before,
html[data-hhgj-route="withdrawAccount"] .textcns::after,
html[data-hhgj-route="recharge"] .textcns::before,
html[data-hhgj-route="recharge"] .textcns::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Route-first aliases for the bound withdrawal page. These intentionally do not require body.withdraw-bind-route. */
html[data-hhgj-route="withdrawAccount"] #app {
  display: flex !important;
  justify-content: center !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] #app > div,
html[data-hhgj-route="withdrawAccount"] .sdg,
html[data-hhgj-route="withdrawAccount"] .sdg.sdgg {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 12px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] .tabVox .tab,
html[data-hhgj-route="withdrawAccount"] .tabVox .tab.atc {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] .tabVox .tab::before,
html[data-hhgj-route="withdrawAccount"] .tabVox .tab::after,
html[data-hhgj-route="withdrawAccount"] .tabVox .tab *::before,
html[data-hhgj-route="withdrawAccount"] .tabVox .tab *::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] .sdg > div:has(.qibao) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] .qibao {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] .qibao .btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 24px !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse > .hgs.hhgj-withdraw-address-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  padding: 16px 18px !important;
}

html[data-hhgj-route="withdrawAccount"] .hhgj-withdraw-address-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] .hhgj-withdraw-address-add {
  flex: 0 0 auto !important;
  min-width: 144px !important;
  height: 38px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  color: #1d1102 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse .van-cell {
  position: relative !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 120px 0 16px !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse .van-cell__value,
html[data-hhgj-route="withdrawAccount"] .usrse .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse .van-field__button {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse .van-button--mini {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] .usrse .van-button--mini .van-button__content,
html[data-hhgj-route="withdrawAccount"] .usrse .van-button--mini .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

/* Auto route-class-independent aliases: generated to prevent old-style flash before body route classes arrive. */
/* Withdrawal: final visible top method strip. */
html[data-hhgj-route="withdrawal"] body,
html[data-hhgj-route="withdrawal"] body #app {
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
  --withdraw-track: min(calc(100vw - 48px), 700px);
}

html[data-hhgj-route="withdrawal"] body #app > div,
html[data-hhgj-route="withdrawal"] body .sdg {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 0 .56rem !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .14), transparent 4.3rem),
    linear-gradient(180deg, #070604 0%, #0b0804 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawal"] body .sdg > .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: 46px !important;
  transform: none !important;
  background: #060503 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .36) !important;
  z-index: 222 !important;
}

html[data-hhgj-route="withdrawal"] body .sdg > .van-nav-bar .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="withdrawal"] body .sdg > .van-nav-bar + div[style*="height"] {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  height: auto !important;
  min-height: 2.08rem !important;
  margin: .18rem auto 0 !important;
  padding: .16rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  background: linear-gradient(180deg, rgba(25, 20, 12, .96), rgba(9, 7, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .34) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs > div {
  width: auto !important;
  min-width: 0 !important;
  height: 1.74rem !important;
  min-height: 1.74rem !important;
  padding: .12rem .06rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, rgba(22, 18, 12, .95), rgba(9, 7, 4, .98)) !important;
  color: var(--hhgj-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 180, .08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs > div[style*="174,
html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs > div[style*="251 {
  border-color: rgba(255, 229, 158, .7) !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs img {
  width: .66rem !important;
  height: .66rem !important;
  margin: 0 0 .08rem !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
  opacity: .96 !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs > div > div {
  color: inherit !important;
  font-size: .27rem !important;
  line-height: .34rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawal"] body .usrse,
html[data-hhgj-route="withdrawal"] body .sdg > .usrse + div,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 96%"] {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs + div {
  padding: .2rem .22rem .22rem !important;
}

html[data-hhgj-route="withdrawal"] body .sdg > .usrse + div,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 96%"] {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawal"] body .qibao {
  min-height: .7rem !important;
  margin: 0 0 .16rem !important;
  padding: 0 0 .1rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  column-gap: .16rem !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawal"] body .qibao .imgs {
  display: none !important;
}

html[data-hhgj-route="withdrawal"] body .qibao .btns {
  height: .46rem !important;
  line-height: .44rem !important;
}

html[data-hhgj-route="withdrawal"] body .mesg {
  margin-top: .12rem !important;
}

html[data-hhgj-route="withdrawal"] body .usrse > div {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body .textcns,
html[data-hhgj-route="withdrawal"] body .sdg .textcns,
html[data-hhgj-route="withdrawal"] body .sdg > .usrse + div .textcns,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 86%"] .textcns,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 90%"] .textcns,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 92%"] .textcns,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 96%"] .textcns {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d8c68f !important;
  padding: .16rem 0 0 !important;
  text-align: center !important;
}

html[data-hhgj-route="withdrawal"] body .textcns::before,
html[data-hhgj-route="withdrawal"] body .textcns::after {
  display: none !important;
  content: none !important;
}

html[data-hhgj-route="withdrawal"] body,
html[data-hhgj-route="withdrawal"] body #app {
  --withdraw-track: calc(100vw - 32px);
}

html[data-hhgj-route="recharge"] body,
html[data-hhgj-route="recharge"] body #app {
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] body #app > div {
  width: min(100vw, 750px) !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .12), transparent 4.2rem),
    linear-gradient(180deg, #070604 0%, #0d0a06 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] body .sdg {
  width: 100% !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 .18rem 1rem !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .12), transparent 4.2rem),
    linear-gradient(180deg, #070604 0%, #0d0a06 48%, #050403 100%) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="recharge"] body .sdg > div {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .typelis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .16rem !important;
  width: 100% !important;
  margin: .24rem 0 .28rem !important;
  padding: .22rem !important;
  border: 1px solid rgba(245, 201, 106, .22) !important;
  border-radius: .22rem !important;
  background: linear-gradient(180deg, rgba(24, 19, 11, .96), rgba(8, 6, 4, .98)) !important;
  box-shadow: 0 .14rem .3rem rgba(0, 0, 0, .3) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .typelis .tyls {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .1rem !important;
  width: auto !important;
  min-width: 0 !important;
  height: 1.7rem !important;
  margin: 0 !important;
  padding: .14rem .08rem !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(18, 14, 8, .96), rgba(7, 5, 3, .98)) !important;
  color: var(--hhgj-text-2) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html[data-hhgj-route="recharge"] body .typelis .tyls img {
  width: .86rem !important;
  height: .86rem !important;
  max-width: .86rem !important;
  max-height: .86rem !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] body .usrse {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .22rem 0 !important;
  padding: .2rem !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .22rem !important;
  background:
    radial-gradient(circle at 74% 0, rgba(245, 201, 106, .12), transparent 34%),
    linear-gradient(180deg, rgba(22, 18, 12, .96), rgba(8, 6, 4, .98)) !important;
  box-shadow: 0 .14rem .28rem rgba(0, 0, 0, .34) !important;
  color: var(--hhgj-text) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .hgs,
html[data-hhgj-route="recharge"] body .hgs > div {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .hgs .nams {
  display: flex !important;
  align-items: center !important;
  min-height: .44rem !important;
  margin: 0 0 .12rem !important;
  color: var(--hhgj-text) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

html[data-hhgj-route="recharge"] body .van-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: .78rem !important;
  min-height: .78rem !important;
  padding: 0 .2rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .14rem !important;
  background: rgba(13, 10, 6, .94) !important;
  box-shadow: inset 0 0 .14rem rgba(245, 201, 106, .05) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .van-field__label,
html[data-hhgj-route="recharge"] body .van-field__button,
html[data-hhgj-route="recharge"] body .van-field__button span {
  display: flex !important;
  align-items: center !important;
  color: var(--hhgj-text) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  line-height: .52rem !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="recharge"] body .van-field__value,
html[data-hhgj-route="recharge"] body .van-field__body {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  min-width: 0 !important;
  height: .54rem !important;
}

html[data-hhgj-route="recharge"] body .van-field__control {
  height: .54rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 800 !important;
  line-height: .54rem !important;
}

html[data-hhgj-route="recharge"] body .van-field__control::placeholder {
  color: rgba(255, 247, 223, .48) !important;
  font-weight: 700 !important;
}

html[data-hhgj-route="recharge"] body .amount-options,
html[data-hhgj-route="recharge"] body.aurora-phone-recharge-fixed .amount-options {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .14rem !important;
  width: 100% !important;
  margin: .22rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .amount-options > div,
html[data-hhgj-route="recharge"] body.aurora-phone-recharge-fixed .amount-options > div {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: .74rem !important;
  padding: 0 .06rem !important;
  border: 1px solid rgba(245, 201, 106, .36) !important;
  border-radius: .16rem !important;
  background: rgba(11, 8, 5, .78) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="recharge"] body .amount-options > div[data-hhgj-recharge-fixed-selected="1"] {
  border-color: #ffe59e !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #130d04 !important;
  box-shadow:
    0 0 0 1px rgba(255, 229, 158, .24),
    0 .1rem .24rem rgba(245, 201, 106, .22),
    inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

html[data-hhgj-route="recharge"] body .amount-options > div[data-hhgj-recharge-fixed-selected="1"]::after {
  content: "✓" !important;
  position: absolute !important;
  top: .04rem !important;
  right: .06rem !important;
  width: .22rem !important;
  height: .22rem !important;
  border-radius: 999px !important;
  background: #130d04 !important;
  color: #ffe39a !important;
  font-size: .15rem !important;
  font-weight: 900 !important;
  line-height: .22rem !important;
  text-align: center !important;
}

html[data-hhgj-route="recharge"] body .textcns,
html[data-hhgj-route="recharge"] body:has(#app .sdg) .textcns,
html[data-hhgj-route="recharge"] body .textcns {
  min-height: 0 !important;
  margin: .1rem 0 0 !important;
  padding: .08rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] body .tipsh,
html[data-hhgj-route="recharge"] body .bans {
  background: rgba(13, 10, 6, .82) !important;
  border: 1px solid rgba(245, 201, 106, .2) !important;
  border-radius: .16rem !important;
  box-shadow: none !important;
}

html[data-hhgj-route="recharge"] body div[style*="background: rgb(248,
html[data-hhgj-route="recharge"] body div[style*="background:#f8f8f8"],
html[data-hhgj-route="recharge"] body div[style*="background: #f8f8f8"] {
  height: .08rem !important;
  background: transparent !important;
}

html[data-hhgj-route="recharge"] body .amount-options,
html[data-hhgj-route="recharge"] body.aurora-phone-recharge-fixed .amount-options {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .1rem !important;
}

html[data-hhgj-route="recharge"] body .amount-options > div,
html[data-hhgj-route="recharge"] body.aurora-phone-recharge-fixed .amount-options > div {
  height: .64rem !important;
  font-size: .24rem !important;
  border-radius: .14rem !important;
}

/* Withdrawal final layout reset: old desktop rules cap #app at 750px and offset .sdg. */
html[data-hhgj-route="withdrawal"] body #app,
html[data-hhgj-route="withdrawal"] body #app {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  position: relative !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body #app > div,
html[data-hhgj-route="withdrawal"] body #app > div > div,
html[data-hhgj-route="withdrawal"] body .sdg,
html[data-hhgj-route="withdrawal"] body #app > div,
html[data-hhgj-route="withdrawal"] body #app > div > div,
html[data-hhgj-route="withdrawal"] body .sdg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs,
html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawal"] body .usrse,
html[data-hhgj-route="withdrawal"] body .sdg > .usrse + div,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 96%"],
html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs,
html[data-hhgj-route="withdrawal"] body .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawal"] body .usrse,
html[data-hhgj-route="withdrawal"] body .sdg > .usrse + div,
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawal"] body .sdg > div[style*="width: 96%"] {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

html[data-hhgj-route="withdrawal"] body .textcns,
html[data-hhgj-route="withdrawal"] body .textcns *,
html[data-hhgj-route="withdrawal"] body .textcns,
html[data-hhgj-route="withdrawal"] body .textcns * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawal"] body:has(#app .sdg) #app > div,
html[data-hhgj-route="withdrawal"] body:has(#app .sdg) #app > div > div,
html[data-hhgj-route="withdrawal"] body:has(#app .sdg) .sdg,
html[data-hhgj-route="withdrawal"] body:has(#app .sdg) #app > div,
html[data-hhgj-route="withdrawal"] body:has(#app .sdg) #app > div > div,
html[data-hhgj-route="withdrawal"] body:has(#app .sdg) .sdg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body,
html[data-hhgj-route="addBankCard"] body,
html[data-hhgj-route="addUsdtCard"] body #app,
html[data-hhgj-route="addBankCard"] body #app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #050403 !important;
  color: var(--hhgj-text) !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body #app > div,
html[data-hhgj-route="addBankCard"] body #app > div,
html[data-hhgj-route="addUsdtCard"] body #app > div > div,
html[data-hhgj-route="addBankCard"] body #app > div > div {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: #050403 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .van-nav-bar,
html[data-hhgj-route="addBankCard"] body .van-nav-bar {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: #080604 !important;
  border-bottom: 1px solid var(--hhgj-line) !important;
  box-shadow: none !important;
  z-index: 20 !important;
}

html[data-hhgj-route="addUsdtCard"] body .van-nav-bar:after,
html[data-hhgj-route="addBankCard"] body .van-nav-bar:after,
html[data-hhgj-route="addUsdtCard"] body .van-hairline--bottom:after,
html[data-hhgj-route="addBankCard"] body .van-hairline--bottom:after {
  display: none !important;
}

html[data-hhgj-route="addUsdtCard"] body .van-nav-bar__title,
html[data-hhgj-route="addBankCard"] body .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: .42rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
}

html[data-hhgj-route="addUsdtCard"] body .van-nav-bar__left,
html[data-hhgj-route="addBankCard"] body .van-nav-bar__left,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar__left .van-icon,
html[data-hhgj-route="addBankCard"] body .van-nav-bar__left .van-icon {
  color: var(--hhgj-gold) !important;
  font-size: .34rem !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse,
html[data-hhgj-route="addBankCard"] body .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-height: calc(100vh - .9rem) !important;
  margin: 0 auto !important;
  padding: .22rem 0 .56rem !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs,
html[data-hhgj-route="addBankCard"] body .usrse > .hgs {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto .18rem !important;
  padding: .22rem .24rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .16rem !important;
  background:
    radial-gradient(circle at 12% 0, rgba(245, 201, 106, .16), transparent 40%),
    linear-gradient(135deg, rgba(26, 21, 12, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs .nams,
html[data-hhgj-route="addBankCard"] body .usrse > .hgs .nams {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: .38rem !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .5) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs .nams:not(.sc):before,
html[data-hhgj-route="addBankCard"] body .usrse > .hgs .nams:not(.sc):before {
  content: "" !important;
  width: .07rem !important;
  height: .26rem !important;
  margin-right: .1rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe58f, #d39528) !important;
  box-shadow: 0 0 .16rem rgba(245, 201, 106, .7) !important;
  flex: 0 0 auto !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs .nams.sc {
  display: grid !important;
  grid-template-columns: minmax(.92rem, 1fr) minmax(1.18rem, auto) minmax(1.18rem, auto) !important;
  align-items: center !important;
  column-gap: .14rem !important;
  margin: 0 !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs .ssa {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.18rem !important;
  height: .68rem !important;
  min-height: .68rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .12rem !important;
  background: rgba(8, 7, 4, .78) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs .ssa.acti {
  border-color: rgba(255, 230, 150, .92) !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 0 .2rem rgba(245, 201, 106, .26), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell-group,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell-group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell-group:after,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell-group:after,
html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell:after,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell:after {
  display: none !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell,
html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell.van-field,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell.van-field {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 .22rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .94), rgba(12, 10, 6, .98)) !important;
  color: var(--hhgj-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse .van-cell__value,
html[data-hhgj-route="addBankCard"] body .usrse .van-cell__value,
html[data-hhgj-route="addUsdtCard"] body .usrse .van-field__body,
html[data-hhgj-route="addBankCard"] body .usrse .van-field__body {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse input,
html[data-hhgj-route="addBankCard"] body .usrse input,
html[data-hhgj-route="addUsdtCard"] body .usrse .van-field__control,
html[data-hhgj-route="addBankCard"] body .usrse .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-text) !important;
  font-size: .25rem !important;
  font-weight: 700 !important;
  line-height: .78rem !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: var(--hhgj-text) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse input:disabled,
html[data-hhgj-route="addBankCard"] body .usrse input:disabled,
html[data-hhgj-route="addUsdtCard"] body .usrse .van-field__control:disabled,
html[data-hhgj-route="addBankCard"] body .usrse .van-field__control:disabled {
  opacity: 1 !important;
  color: var(--hhgj-muted) !important;
  -webkit-text-fill-color: var(--hhgj-muted) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse .van-field__control::placeholder,
html[data-hhgj-route="addBankCard"] body .usrse .van-field__control::placeholder {
  color: rgba(255, 247, 223, .42) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs > .nams + div[style*="display: flex"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1.48rem !important;
  align-items: center !important;
  column-gap: .14rem !important;
  width: 100% !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs > .nams + div[style*="display: flex"] > .van-cell-group {
  width: 100% !important;
  min-width: 0 !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs > .nams + div[style*="display: flex"] > .van-button--small {
  width: 1.48rem !important;
  min-width: 1.48rem !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 1.48rem !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .hgs > .nams + div[style*="display: flex"] > .van-button--small .van-button__text {
  font-size: .25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #1f1302 !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .van-button,
html[data-hhgj-route="addBankCard"] body .usrse > .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: .84rem !important;
  min-height: .84rem !important;
  margin: .22rem auto 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 230, 150, .92) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .14rem .3rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="addUsdtCard"] body .usrse > .van-button .van-button__text,
html[data-hhgj-route="addBankCard"] body .usrse > .van-button .van-button__text {
  color: #1f1302 !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
}

/* Beat older high-specificity profile form rules on the first bank-card row. */
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs.realname-row,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs:first-child {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .22rem .24rem !important;
}

html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs.realname-row .nams,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs:first-child .nams {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 .14rem !important;
}

html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs.realname-row .van-cell-group,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs:first-child .van-cell-group,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs.realname-row .van-cell,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs:first-child .van-cell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs.realname-row .van-field__control,
html[data-hhgj-route="addBankCard"] body:has(#app .usrse) #app .usrse > .hgs:first-child .van-field__control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body,
html[data-hhgj-route="withdrawAccount"] body #app {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #070604 !important;
  color: var(--hhgj-text) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body #app > div,
html[data-hhgj-route="withdrawAccount"] body #app > div > div,
html[data-hhgj-route="withdrawAccount"] body .sdg,
html[data-hhgj-route="withdrawAccount"] body .sdgg {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .van-nav-bar {
  width: 100% !important;
  height: 1.08rem !important;
  line-height: 1.08rem !important;
  background: #070604 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .24) !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .van-nav-bar:after,
html[data-hhgj-route="withdrawAccount"] body .van-hairline--bottom:after {
  display: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .van-nav-bar__title {
  color: var(--hhgj-text) !important;
  font-size: .34rem !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="withdrawAccount"] body .van-nav-bar__left,
html[data-hhgj-route="withdrawAccount"] body .van-nav-bar__left .van-icon {
  color: var(--hhgj-gold) !important;
}

html[data-hhgj-route="withdrawAccount"] body .withdraw-icon-tabs,
html[data-hhgj-route="withdrawAccount"] body .withdraw-icon-tabs + div,
html[data-hhgj-route="withdrawAccount"] body .usrse,
html[data-hhgj-route="withdrawAccount"] body .sdg > .usrse + div,
html[data-hhgj-route="withdrawAccount"] body .sdg > div[style*="width: 86%"],
html[data-hhgj-route="withdrawAccount"] body .sdg > div[style*="width: 90%"],
html[data-hhgj-route="withdrawAccount"] body .sdg > div[style*="width: 92%"],
html[data-hhgj-route="withdrawAccount"] body .sdg > div[style*="width: 96%"] {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  margin-top: .22rem !important;
  margin-bottom: .22rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: .22rem .24rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .95), rgba(10, 8, 5, .98)) !important;
  box-shadow: 0 .1rem .24rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 236, 172, .07) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body:has(#app .usrse) #app .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body:has(#app .usrse) #app .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body:has(#app .usrse) #app .usrse > div:not(.hgs):empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .nams {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 .14rem !important;
  color: var(--hhgj-text) !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .nams:not(.sc):before {
  content: "" !important;
  display: inline-block !important;
  width: .07rem !important;
  height: .28rem !important;
  margin-right: .1rem !important;
  border-radius: .04rem !important;
  background: linear-gradient(180deg, #fff1a6, #d3982e) !important;
  box-shadow: 0 0 .16rem rgba(245, 201, 106, .34) !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell-group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell-group:after,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell:after {
  display: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell.van-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 .22rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .94), rgba(12, 10, 6, .98)) !important;
  color: var(--hhgj-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell:has(.van-button--mini) {
  padding-right: 1.58rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse input,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hhgj-text) !important;
  font-size: .25rem !important;
  font-weight: 700 !important;
  line-height: .78rem !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: var(--hhgj-text) !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-field__control::placeholder {
  color: rgba(255, 247, 223, .42) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-button--mini {
  position: absolute !important;
  right: .08rem !important;
  top: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.22rem !important;
  max-width: 1.48rem !important;
  height: .58rem !important;
  min-height: .58rem !important;
  margin: 0 !important;
  padding: 0 .16rem !important;
  flex: 0 0 auto !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .2), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-button--mini .van-button__text {
  color: #1f1302 !important;
  font-size: .23rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .van-button,
html[data-hhgj-route="withdrawAccount"] body .sdg > .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  height: .84rem !important;
  min-height: .84rem !important;
  margin: .22rem auto 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 230, 150, .92) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .14rem .3rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="withdrawAccount"] body .textcns,
html[data-hhgj-route="withdrawAccount"] body .textcns *,
html[data-hhgj-route="withdrawAccount"] body .textcns::before,
html[data-hhgj-route="withdrawAccount"] body .textcns::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Final pass for the bound withdrawal page.  Keep this last so the legacy
   withdrawal rules cannot reintroduce the cramped tab/button layout. */
html[data-hhgj-route="withdrawAccount"] body {
  --hhgj-bind-track: min(calc(100vw - 32px), 680px);
}

html[data-hhgj-route="withdrawAccount"] body #app > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body .sdg,
html[data-hhgj-route="withdrawAccount"] body .sdgg {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  height: auto !important;
  margin: .12rem auto .14rem !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: .7rem !important;
  min-height: .7rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, rgba(22, 18, 12, .98), rgba(9, 7, 4, .98)) !important;
  color: var(--hhgj-text) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 172, .05) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab.atc {
  border-color: rgba(255, 230, 150, .72) !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 64%, #8a5a19 100%) !important;
  color: #1b1204 !important;
  box-shadow: 0 .12rem .28rem rgba(211, 152, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab::before,
html[data-hhgj-route="withdrawAccount"] body .tabVox .tab::after {
  display: none !important;
  content: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .sdg > div:has(.qibao) {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  margin: .12rem auto .14rem !important;
  padding: .16rem .18rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 236, 172, .06) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: .5rem !important;
  height: auto !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao::before,
html[data-hhgj-route="withdrawAccount"] body .qibao::after {
  display: none !important;
  content: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao > div:first-child,
html[data-hhgj-route="withdrawAccount"] body .qibao .imgs {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  color: var(--hhgj-text) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao .btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 1.38rem !important;
  height: .44rem !important;
  min-height: .44rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(255, 230, 150, .72) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 229, 143, .98), rgba(184, 119, 30, .98)) !important;
  color: #201302 !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  box-shadow: 0 .08rem .18rem rgba(211, 152, 46, .18), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse {
  width: var(--hhgj-bind-track) !important;
  max-width: var(--hhgj-bind-track) !important;
  margin: .14rem auto .2rem !important;
  gap: .18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: .9rem !important;
  padding: .2rem .24rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:first-child > .nams {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:first-child > div:not(.nams) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 1.72rem !important;
  max-width: none !important;
  height: .52rem !important;
  margin: 0 0 0 .16rem !important;
  padding: 0 .2rem !important;
  border: 1px solid rgba(255, 230, 150, .84) !important;
  border-radius: .12rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  font-size: .21rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  box-shadow: 0 .1rem .2rem rgba(211, 152, 46, .18), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) {
  min-height: 1.18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) > .nams {
  margin-bottom: .12rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-cell {
  height: .66rem !important;
  min-height: .66rem !important;
  padding: 0 1.46rem 0 .18rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-field__control {
  font-size: .23rem !important;
  line-height: .66rem !important;
  padding-right: .08rem !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-field__button {
  position: absolute !important;
  left: auto !important;
  right: .1rem !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.22rem !important;
  height: .48rem !important;
  min-height: .48rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button--mini {
  position: static !important;
  display: flex !important;
  width: 1.22rem !important;
  min-width: 1.22rem !important;
  max-width: 1.22rem !important;
  height: .48rem !important;
  min-height: .48rem !important;
  padding: 0 !important;
  transform: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button__content,
html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1f1302 !important;
  font-size: .19rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

/* Bound withdrawal visual correction. This block intentionally uses px so the
   page remains stable when the rem cap changes between mobile and wide views. */
html[data-hhgj-route="withdrawAccount"] body .sdg,
html[data-hhgj-route="withdrawAccount"] body .sdg.sdgg {
  width: min(calc(100vw - 24px), 720px) !important;
  max-width: min(calc(100vw - 24px), 720px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 72px !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px auto 10px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body .sdg > div:has(.qibao) {
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  margin: 0 auto 12px !important;
  padding: 12px 12px 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao {
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 34px !important;
  margin: 0 0 12px !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao > .fes,
html[data-hhgj-route="withdrawAccount"] body .qibao > div:first-child {
  flex: 0 0 auto !important;
  width: auto !important;
  color: var(--hhgj-text) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao .imgs {
  flex: 0 0 28px !important;
  width: 28px !important;
  max-width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin: 0 0 0 6px !important;
  padding: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao .btns {
  min-width: 92px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse {
  width: min(calc(100% - 28px), 700px) !important;
  max-width: min(calc(100% - 28px), 700px) !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 26px !important;
  gap: 12px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs {
  width: 100% !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .nams {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
  padding: 16px 18px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) > .nams {
  order: 1 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 20px !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(> .nams):not(:has(.van-cell)):not(:has(.lasthg)) > div:not(.nams) {
  order: 2 !important;
  flex: 0 0 auto !important;
  min-width: 144px !important;
  width: auto !important;
  height: 38px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  color: #1d1102 !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg,#ffe08f 0%,#d59b35 62%,#916017 100%) !important;
  font-size: 15px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) {
  min-height: 90px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) > div:not(.nams),
html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) .van-cell-group,
html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) .van-cell {
  width: 100% !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) .van-cell {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 104px 0 16px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-cell) .van-field__control {
  height: 44px !important;
  font-size: 15px !important;
  line-height: 44px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-field__button {
  left: auto !important;
  right: 8px !important;
  width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button--mini {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button__content,
html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs:has(.van-button--mini) .van-button__text {
  font-size: 14px !important;
  line-height: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body .textcns {
  margin-top: 8px !important;
  padding: 8px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final withdrawal binding page clamp: keep this last so older page patches cannot win. */
html[data-hhgj-route="withdrawAccount"] body #app {
  display: flex !important;
  justify-content: center !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body #app > div,
html[data-hhgj-route="withdrawAccount"] body .sdg,
html[data-hhgj-route="withdrawAccount"] body .sdg.sdgg {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body .sdg,
html[data-hhgj-route="withdrawAccount"] body .sdg.sdgg {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 12px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab,
html[data-hhgj-route="withdrawAccount"] body .tabVox .tab.atc {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body .tabVox .tab::before,
html[data-hhgj-route="withdrawAccount"] body .tabVox .tab::after,
html[data-hhgj-route="withdrawAccount"] body .tabVox .tab *::before,
html[data-hhgj-route="withdrawAccount"] body .tabVox .tab *::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .sdg > div:has(.qibao) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 12px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body .qibao .btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 24px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse > .hgs.hhgj-withdraw-address-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  padding: 16px 18px !important;
}

html[data-hhgj-route="withdrawAccount"] body .hhgj-withdraw-address-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body .hhgj-withdraw-address-add {
  flex: 0 0 auto !important;
  min-width: 144px !important;
  height: 38px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  color: #1d1102 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell {
  position: relative !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 120px 0 16px !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-field__body {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-field__button {
  position: absolute !important;
  left: auto !important;
  right: 8px !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-button--mini {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body .usrse .van-button--mini .van-button__content,
html[data-hhgj-route="withdrawAccount"] body .usrse .van-button--mini .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

html[data-hhgj-route="withdrawAccount"] body .textcns,
html[data-hhgj-route="withdrawAccount"] body .textcns::before,
html[data-hhgj-route="withdrawAccount"] body .textcns::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* WithdrawAccount bank card selector final polish. Keep this after the binding page block. */
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .usrse > .hgs.hhgj-withdraw-address-row,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .usrse > .hgs:has(.hhgj-withdraw-address-add) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(25, 21, 14, .96), rgba(10, 8, 5, .98)) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .hhgj-withdraw-address-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #fff7df !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .hhgj-withdraw-address-add {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 136px !important;
  max-width: 46% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 0 0 12px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffe8a8 0%, #d49b34 58%, #8a5814 100%) !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .48) !important;
  color: #1b1002 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .hhgj-withdraw-address-add,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .hhgj-withdraw-address-add * {
  color: #1b1002 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255, 246, 202, .45) !important;
}

html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .tabVox .tab,
html[data-hhgj-route="withdrawAccount"] body.withdraw-bind-route #app .tabVox .tab * {
  border-bottom-color: transparent !important;
  text-decoration: none !important;
}

/* WithdrawAccount first-paint structural fallback: applies before runtime JS tags the row. */
html[data-hhgj-route="withdrawAccount"] body #app,
html[data-hhgj-route="withdrawAccount"] body #app > div,
html[data-hhgj-route="withdrawAccount"] body #app .sdg,
html[data-hhgj-route="withdrawAccount"] body #app .sdg.sdgg {
  box-sizing: border-box !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="withdrawAccount"] body #app {
  display: flex !important;
  justify-content: center !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .sdg,
html[data-hhgj-route="withdrawAccount"] body #app .sdg.sdgg {
  width: 100% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 24px !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:first-child,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(> .hhgj-withdraw-address-add),
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(> .nams):has(> div:not(.nams)):not(:has(.van-cell)) {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(25, 21, 14, .96), rgba(10, 8, 5, .98)) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:first-child > .nams,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs > .hhgj-withdraw-address-title {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  color: #fff7df !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:first-child > div:not(.nams),
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs > .hhgj-withdraw-address-add {
  order: 2 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 126px !important;
  max-width: 44% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 0 0 10px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffe8a8 0%, #d49b34 58%, #8a5814 100%) !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .48) !important;
  color: #1b1002 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255, 246, 202, .45) !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:first-child > div:not(.nams) *,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs > .hhgj-withdraw-address-add * {
  color: #1b1002 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255, 246, 202, .45) !important;
}

/* WithdrawAccount form rows: keep inputs full-width; only the address/card row is split. */
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) > .nams {
  order: 0 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) > div:not(.nams),
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-cell-group {
  order: 1 !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-cell {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 106px 0 14px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-cell__value,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-field__body {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-field__control {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-field__button {
  position: absolute !important;
  right: 7px !important;
  top: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-button--mini {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-button--mini .van-button__content,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.van-cell) .van-button--mini .van-button__text {
  width: 100% !important;
  height: 100% !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* WithdrawAccount submit spacing: stop the form at its content and keep the CTA close. */
html[data-hhgj-route="withdrawAccount"] body #app .sdg,
html[data-hhgj-route="withdrawAccount"] body #app .sdg.sdgg {
  padding-bottom: 18px !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse,
html[data-hhgj-route="withdrawAccount"] body #app .usrse[data-v-127e64e4] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto 10px !important;
  padding: 12px 0 0 !important;
  overflow: visible !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.lasthg) {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 16px !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.lasthg) > .nams {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.lasthg) > div:not(.nams) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ead8a4 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.lasthg) > .lasthg {
  margin-top: 4px !important;
  padding: 0 !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .usrse > div:not(.hgs):empty,
html[data-hhgj-route="withdrawAccount"] body #app .usrse > .hgs:has(.lasthg) + div[style*="height"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .sdg > .usrse + div,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width:86%"],
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width: 86%"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .sdg > .usrse + div .van-button,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width:86%"] .van-button,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width: 86%"] .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 229, 145, .95) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffe49c 0%, #d69b31 62%, #9b6417 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .56) !important;
  color: #1d1102 !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .sdg > .usrse + div .van-button__content,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > .usrse + div .van-button__text,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width:86%"] .van-button__content,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width:86%"] .van-button__text,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width: 86%"] .van-button__content,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width: 86%"] .van-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #1d1102 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html[data-hhgj-route="withdrawAccount"] body #app .sdg > .usrse + div .textcns,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width:86%"] .textcns,
html[data-hhgj-route="withdrawAccount"] body #app .sdg > div[style*="width: 86%"] .textcns {
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Transfer page: single final layout 20260619120500. */
html[data-hhgj-route="transfer"],
html[data-hhgj-route="transfer"] body,
html[data-hhgj-route="transfer"] body #app,
html[data-hhgj-route="transfer"] body #app > div,
html:has(#app .venuesTansfer),
html:has(#app .venuesTansfer) body,
html:has(#app .venuesTansfer) body #app,
html:has(#app .venuesTansfer) body #app > div,
body[data-hhgj-route="transfer"],
body[data-hhgj-route="transfer"] #app,
body[data-hhgj-route="transfer"] #app > div,
body:has(#app .venuesTansfer),
body:has(#app .venuesTansfer) #app,
body:has(#app .venuesTansfer) #app > div {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #050403 !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer,
html:has(#app .venuesTansfer) body #app .venuesTansfer,
body[data-hhgj-route="transfer"] #app .venuesTansfer,
body:has(#app .venuesTansfer) #app .venuesTansfer {
  position: relative !important;
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #050403 !important;
  background-image: linear-gradient(180deg, #080604 0%, #050403 44%, #020201 100%) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
}

html:has(#app .venuesTansfer) body #app > div,
html:has(#app .venuesTansfer) body #app > div > div:not(.venuesTansfer),
body:has(#app .venuesTansfer) #app > div {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #050403 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body:has(#app .venuesTansfer) #app > div > div:not(.venuesTansfer) {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #050403 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer,
html[data-hhgj-route="transfer"] body #app .venuesTansfer *,
body[data-hhgj-route="transfer"] #app .venuesTansfer,
body[data-hhgj-route="transfer"] #app .venuesTansfer *,
body:has(#app .venuesTansfer) #app .venuesTansfer,
body:has(#app .venuesTansfer) #app .venuesTansfer * {
  box-sizing: border-box !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer::after,
body:has(#app .venuesTansfer) #app .venuesTansfer::before,
body:has(#app .venuesTansfer) #app .venuesTansfer::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-nav-bar,
html[data-hhgj-route="transfer"] body #app .venuesTansfer > div:first-child:not(.accounts-scroll),
html:has(#app .venuesTansfer) body #app .venuesTansfer .van-nav-bar,
html:has(#app .venuesTansfer) body #app .venuesTansfer > div:first-child:not(.accounts-scroll),
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll),
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll) {
  position: relative !important;
  z-index: 60 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 48px !important;
  background: #050403 !important;
  background-image: linear-gradient(180deg, #090704 0%, #050403 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .26) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .22) !important;
  color: #fff7df !important;
  opacity: 1 !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-nav-bar::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-nav-bar::after,
html[data-hhgj-route="transfer"] body #app .venuesTansfer > div:first-child:not(.accounts-scroll)::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer > div:first-child:not(.accounts-scroll)::after,
html:has(#app .venuesTansfer) body #app .venuesTansfer .van-nav-bar::before,
html:has(#app .venuesTansfer) body #app .venuesTansfer .van-nav-bar::after,
html:has(#app .venuesTansfer) body #app .venuesTansfer > div:first-child:not(.accounts-scroll)::before,
html:has(#app .venuesTansfer) body #app .venuesTansfer > div:first-child:not(.accounts-scroll)::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll)::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll)::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar::after,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll)::before,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll)::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-nav-bar__title,
html[data-hhgj-route="transfer"] body #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div,
html:has(#app .venuesTansfer) body #app .venuesTansfer .van-nav-bar__title,
html:has(#app .venuesTansfer) body #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__title,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar__title,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div {
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-nav-bar__left,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .van-icon-arrow-left,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__left,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-icon-arrow-left,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar__left,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-icon-arrow-left {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  color: #f5c96a !important;
  font-size: 24px !important;
  transform: translateY(-50%) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .accounts-scroll,
body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: calc(100vh - 64px) !important;
  margin: 0 !important;
  padding: 16px 14px 34px !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  background: linear-gradient(145deg, rgba(28, 22, 12, .98), rgba(7, 6, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic::after,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle::after,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic {
  min-height: 74px !important;
}

body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic {
  min-height: 74px !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .select-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .select-handle > div,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 0 12px !important;
  background: linear-gradient(180deg, rgba(19, 15, 9, .98), rgba(5, 4, 3, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 12px !important;
  color: #fff1bf !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .select-handle > div:nth-child(2),
html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div:nth-child(2),
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div:nth-child(2),
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div:nth-child(2),
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle > div:nth-child(2),
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div:nth-child(2) {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, rgba(68, 50, 18, .98), rgba(28, 20, 8, .98)) !important;
  color: #f5c96a !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle::before,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle > *,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > *,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle > * {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  max-width: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]),
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]),
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea > div,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-cell,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-cell,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-cell {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: linear-gradient(180deg, rgba(9, 7, 4, .98), rgba(4, 3, 2, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 18px rgba(245, 201, 106, .05) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea span:not(.all-into),
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea span:not(.all-into),
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea span:not(.all-into) {
  flex: 0 0 auto !important;
  margin: 0 10px 0 0 !important;
  color: #fff7df !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer input[placeholder*="转账金额"],
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-field__control,
body[data-hhgj-route="transfer"] #app .venuesTansfer input[placeholder*="转账金额"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-field__control,
body:has(#app .venuesTansfer) #app .venuesTansfer input[placeholder*="转账金额"],
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-field__control {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 52px !important;
  text-align: left !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer input[placeholder*="转账金额"]::placeholder,
body[data-hhgj-route="transfer"] #app .venuesTansfer input[placeholder*="转账金额"]::placeholder,
body:has(#app .venuesTansfer) #app .venuesTansfer input[placeholder*="转账金额"]::placeholder {
  color: rgba(255, 247, 223, .52) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .all-into,
body[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
body:has(#app .venuesTansfer) #app .venuesTansfer .all-into {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  background: linear-gradient(180deg, rgba(57, 43, 18, .98), rgba(30, 21, 8, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .5) !important;
  border-radius: 999px !important;
  color: #fff7df !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .bankbalance,
html[data-hhgj-route="transfer"] body #app .venuesTansfer [class*="bankbalance"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance,
body[data-hhgj-route="transfer"] #app .venuesTansfer [class*="bankbalance"],
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance,
body:has(#app .venuesTansfer) #app .venuesTansfer [class*="bankbalance"] {
  grid-area: balance !important;
  position: static !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 20px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d8c68f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .bankbalance *,
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance *,
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance * {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .submit-btn,
html[data-hhgj-route="transfer"] body #app .venuesTansfer button[class*="submit"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .submit-btn,
body[data-hhgj-route="transfer"] #app .venuesTansfer button[class*="submit"],
body:has(#app .venuesTansfer) #app .venuesTansfer .submit-btn,
body:has(#app .venuesTansfer) #app .venuesTansfer button[class*="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #ffe28a 0%, #d49a2e 62%, #a76f18 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #090602 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(213, 155, 53, .24) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle {
  margin-top: 0 !important;
}

body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle {
  margin-top: 0 !important;
}

@media screen and (max-width: 430px) {
  html[data-hhgj-route="transfer"] body #app .venuesTansfer .accounts-scroll,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
  body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
    padding: 14px 12px 30px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .select-handle,
  html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle {
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
  body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea {
    grid-template-columns: minmax(0, 1fr) 90px !important;
    gap: 8px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .all-into,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
  body:has(#app .venuesTansfer) #app .venuesTansfer .all-into {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

html:has(#app .venuesTansfer) body #app > div,
html:has(#app .venuesTansfer) body #app > div > div:not(.venuesTansfer),
body:has(#app .venuesTansfer) #app > div,
body:has(#app .venuesTansfer) #app > div > div:not(.venuesTansfer) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #050403 !important;
}

html:has(#app .venuesTansfer) body #app .venuesTansfer .accounts-scroll,
body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
  padding-top: 18px !important;
}

/* Transfer page hard reset: 20260619133000. Keep this block last for this page. */
html[data-hhgj-route="transfer"],
html[data-hhgj-route="transfer"] body,
html[data-hhgj-route="transfer"] #app,
body[data-hhgj-route="transfer"],
body[data-hhgj-route="transfer"] #app,
body:has(#app .venuesTansfer),
body:has(#app .venuesTansfer) #app {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #050403 !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="transfer"] #app,
html[data-hhgj-route="transfer"] #app > div,
html[data-hhgj-route="transfer"] #app > div > div,
body[data-hhgj-route="transfer"] #app,
body[data-hhgj-route="transfer"] #app > div,
body[data-hhgj-route="transfer"] #app > div > div,
body:has(#app .venuesTansfer) #app,
body:has(#app .venuesTansfer) #app > div,
body:has(#app .venuesTansfer) #app > div > div {
  background: #050403 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] #app > div > div:not(.venuesTansfer),
body[data-hhgj-route="transfer"] #app > div > div:not(.venuesTansfer),
body:has(#app .venuesTansfer) #app > div > div:not(.venuesTansfer) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] #app::before,
html[data-hhgj-route="transfer"] #app::after,
html[data-hhgj-route="transfer"] #app > div::before,
html[data-hhgj-route="transfer"] #app > div::after,
html[data-hhgj-route="transfer"] #app > div > div::before,
html[data-hhgj-route="transfer"] #app > div > div::after,
html[data-hhgj-route="transfer"] [class*="hairline"]::before,
html[data-hhgj-route="transfer"] [class*="hairline"]::after,
body[data-hhgj-route="transfer"] #app::before,
body[data-hhgj-route="transfer"] #app::after,
body[data-hhgj-route="transfer"] #app > div::before,
body[data-hhgj-route="transfer"] #app > div::after,
body[data-hhgj-route="transfer"] #app > div > div::before,
body[data-hhgj-route="transfer"] #app > div > div::after,
body[data-hhgj-route="transfer"] [class*="hairline"]::before,
body[data-hhgj-route="transfer"] [class*="hairline"]::after,
body:has(#app .venuesTansfer) #app::before,
body:has(#app .venuesTansfer) #app::after,
body:has(#app .venuesTansfer) #app > div::before,
body:has(#app .venuesTansfer) #app > div::after,
body:has(#app .venuesTansfer) #app > div > div::before,
body:has(#app .venuesTansfer) #app > div > div::after,
body:has(#app .venuesTansfer) [class*="hairline"]::before,
body:has(#app .venuesTansfer) [class*="hairline"]::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer,
body[data-hhgj-route="transfer"] #app .venuesTansfer,
body:has(#app .venuesTansfer) #app .venuesTansfer {
  isolation: isolate !important;
  position: relative !important;
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #080604 0%, #050403 44%, #020201 100%) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer > :not(.accounts-scroll),
body[data-hhgj-route="transfer"] #app .venuesTansfer > :not(.accounts-scroll),
body:has(#app .venuesTansfer) #app .venuesTansfer > :not(.accounts-scroll) {
  background: #050403 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar,
html[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll),
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll),
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll) {
  position: relative !important;
  z-index: 90 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 48px !important;
  background: linear-gradient(180deg, #080604 0%, #050403 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  opacity: 1 !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__title,
html[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__title,
body[data-hhgj-route="transfer"] #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar__title,
body:has(#app .venuesTansfer) #app .venuesTansfer > div:first-child:not(.accounts-scroll) > div {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__left,
html[data-hhgj-route="transfer"] #app .venuesTansfer .van-icon-arrow-left,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-nav-bar__left,
body[data-hhgj-route="transfer"] #app .venuesTansfer .van-icon-arrow-left,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-nav-bar__left,
body:has(#app .venuesTansfer) #app .venuesTansfer .van-icon-arrow-left {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #f5c96a !important;
  font-size: 24px !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: calc(100vh - 64px) !important;
  margin: 0 !important;
  padding: 16px 14px 34px !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
html[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
html[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  background: linear-gradient(145deg, rgba(28, 22, 12, .98), rgba(7, 6, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::before,
html[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::after,
html[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::before,
html[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::after,
html[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::before,
html[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle::after,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle::after,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle::before,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle::after {
  content: none !important;
  display: none !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
html[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div,
html[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 12px !important;
  background: linear-gradient(180deg, rgba(19, 15, 9, .98), rgba(5, 4, 3, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 12px !important;
  color: #fff1bf !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div:nth-child(2),
html[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div:nth-child(2),
body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle > div:nth-child(2),
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div:nth-child(2),
body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle > div:nth-child(2),
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div:nth-child(2) {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  grid-template-areas: "amount all" "balance balance" !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > *,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > *,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle > * {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  max-width: none !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
html[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]),
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]),
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle > div:has(input[placeholder*="转账金额"]) {
  grid-area: amount !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: linear-gradient(180deg, rgba(15, 12, 7, .98), rgba(5, 4, 3, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into),
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into),
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea:has(.all-into) {
  grid-area: amount / amount / amount / all !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into) > div:not(.all-into),
html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into) .van-cell,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into) > div:not(.all-into),
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into) .van-cell,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea:has(.all-into) > div:not(.all-into),
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea:has(.all-into) .van-cell {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: linear-gradient(180deg, rgba(15, 12, 7, .98), rgba(5, 4, 3, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer input[placeholder*="转账金额"],
html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-field__control,
body[data-hhgj-route="transfer"] #app .venuesTansfer input[placeholder*="转账金额"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-field__control,
body:has(#app .venuesTansfer) #app .venuesTansfer input[placeholder*="转账金额"],
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-field__control {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 52px !important;
  text-align: left !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
body[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
body:has(#app .venuesTansfer) #app .venuesTansfer .all-into {
  grid-area: all !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  background: linear-gradient(180deg, rgba(55, 43, 20, .98), rgba(28, 20, 9, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .58) !important;
  border-radius: 999px !important;
  color: #fff1bf !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance,
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance,
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance {
  grid-area: balance !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #d8c68f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance *,
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance *,
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance * {
  position: static !important;
  transform: none !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

html[data-hhgj-route="transfer"] #app .venuesTansfer .submit-btn,
html[data-hhgj-route="transfer"] #app .venuesTansfer button[class*="submit"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .submit-btn,
body[data-hhgj-route="transfer"] #app .venuesTansfer button[class*="submit"],
body:has(#app .venuesTansfer) #app .venuesTansfer .submit-btn,
body:has(#app .venuesTansfer) #app .venuesTansfer button[class*="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #ffe28a 0%, #d49a2e 62%, #a76f18 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #090602 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(213, 155, 53, .24) !important;
}

@media screen and (max-width: 430px) {
  html[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
  body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
    padding: 14px 12px 30px !important;
  }

  html[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
  html[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .select-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .select-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle {
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle,
  html[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into),
  body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea:has(.all-into),
  body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea:has(.all-into) {
    grid-template-columns: minmax(0, 1fr) 90px !important;
    gap: 8px !important;
  }

  html[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .all-into,
  body:has(#app .venuesTansfer) #app .venuesTansfer .all-into {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
}

/* Transfer page centering fix: 20260618234000. */
html[data-hhgj-route="transfer"] body #app,
html[data-hhgj-route="transfer"] body #app > div,
html[data-hhgj-route="transfer"] body #app .sdg.sdgg.stddss,
body[data-hhgj-route="transfer"] #app,
body[data-hhgj-route="transfer"] #app > div,
body[data-hhgj-route="transfer"] #app .sdg.sdgg.stddss,
body:has(#app .venuesTansfer) #app,
body:has(#app .venuesTansfer) #app > div,
body:has(#app .venuesTansfer) #app .sdg.sdgg.stddss {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer,
body[data-hhgj-route="transfer"] #app .venuesTansfer,
body:has(#app .venuesTansfer) #app .venuesTansfer {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .accounts-scroll,
body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 16px 14px 34px !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venues,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venues,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .venues {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

@media screen and (max-width: 430px) {
  html[data-hhgj-route="transfer"] body #app .venuesTansfer .accounts-scroll,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .accounts-scroll,
  body:has(#app .venuesTansfer) #app .venuesTansfer .accounts-scroll {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Add-bank binding pages: keep only the outer field card visible. */
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell-group,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell-group,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell.van-field,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell.van-field,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell__value,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell__value,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field__body,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field__body {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs input,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs input,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field__control,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hhgj-text) !important;
  -webkit-text-fill-color: var(--hhgj-text) !important;
  font-size: .25rem !important;
  font-weight: 700 !important;
  line-height: .78rem !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell:after,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell:after,
html[data-hhgj-route="addBankCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell-group:after,
html[data-hhgj-route="addUsdtCard"] body.withdraw-bind-route:has(#app .usrse) #app .usrse .hgs .van-cell-group:after {
  display: none !important;
  border: 0 !important;
  content: none !important;
}

/* Center Vant notify prompts instead of pinning them to the page top. */
body .van-notify {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  width: auto !important;
  min-width: 4.2rem !important;
  max-width: calc(100vw - .72rem) !important;
  min-height: .78rem !important;
  padding: .18rem .34rem !important;
  border: 1px solid rgba(245, 201, 106, .42) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(26, 22, 14, .98), rgba(8, 7, 5, .96)) !important;
  box-shadow: 0 .16rem .46rem rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 236, 172, .12) !important;
  color: #fff7df !important;
  font-size: .28rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  transform: translate(-50%, -50%) !important;
}

body .van-notify--success,
body .van-notify--danger,
body .van-notify--warning,
body .van-notify--primary {
  background: linear-gradient(180deg, rgba(26, 22, 14, .98), rgba(8, 7, 5, .96)) !important;
}

/* Account wallet: keep the venue-balance toggle aligned with the title. */
html[data-hhgj-route="account"] body #app .accounts .venuesDetail {
  width: 100% !important;
  margin: .16rem 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(245, 201, 106, .18) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .18) !important;
  background: linear-gradient(180deg, rgba(13, 10, 6, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: none !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues {
  width: 100% !important;
  min-height: .92rem !important;
  height: .92rem !important;
  margin: 0 !important;
  padding: 0 .42rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .24rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .left-nums {
  order: 1 !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .12rem !important;
  color: var(--hhgj-text) !important;
  font-size: .27rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .48) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .left-nums:before {
  content: "" !important;
  width: .07rem !important;
  height: .28rem !important;
  flex: 0 0 .07rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe58f, #d39528) !important;
  box-shadow: 0 0 .16rem rgba(245, 201, 106, .7) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .van-switch {
  order: 2 !important;
  flex: 0 0 .72rem !important;
  width: .72rem !important;
  min-width: .72rem !important;
  height: .38rem !important;
  min-height: .38rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(245, 201, 106, .42) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(34, 28, 16, .96), rgba(13, 10, 5, .98)) !important;
  box-shadow: inset 0 0 .1rem rgba(0, 0, 0, .52), 0 .04rem .12rem rgba(0, 0, 0, .28) !important;
  font-size: 0 !important;
  overflow: hidden !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .van-switch--on {
  border-color: rgba(255, 221, 128, .74) !important;
  background: linear-gradient(180deg, #d6a03d, #8a5a19) !important;
  box-shadow: 0 0 .14rem rgba(245, 201, 106, .28), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .van-switch__node {
  top: .03rem !important;
  left: .03rem !important;
  width: .3rem !important;
  height: .3rem !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #fff8dd, #e2bd65) !important;
  box-shadow: 0 .03rem .08rem rgba(0, 0, 0, .4) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venues .van-switch--on .van-switch__node {
  transform: translateX(.34rem) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venuesList {
  margin: 0 !important;
  padding: .18rem .32rem .28rem !important;
  border-top: 1px solid rgba(245, 201, 106, .12) !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venuesList .out {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .06rem !important;
}

html[data-hhgj-route="account"] body #app .accounts .venuesDetail .venuesList .Popovershow {
  width: .2rem !important;
  height: .2rem !important;
  min-width: .2rem !important;
  margin: 0 !important;
  opacity: .72 !important;
  filter: brightness(0) saturate(100%) invert(82%) sepia(62%) saturate(506%) hue-rotate(357deg) brightness(103%) contrast(96%) drop-shadow(0 0 .05rem rgba(245, 201, 106, .38)) !important;
}

/* Wallet card management: force the old light Vant page back into the black-gold theme. */
html[data-hhgj-route="wallet"],
html[data-hhgj-route="wallet"] body,
html[data-hhgj-route="wallet"] body #app,
html[data-hhgj-route="wallet"] body #app > div {
  min-height: 100vh !important;
  background: #050403 !important;
  background-color: #050403 !important;
  color: var(--hhgj-text, #fff7df) !important;
}

html[data-hhgj-route="wallet"] body #app > div {
  max-width: var(--hhgj-page-max, 430px) !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  box-shadow: inset 1px 0 rgba(245, 201, 106, .14), inset -1px 0 rgba(245, 201, 106, .14) !important;
}

html[data-hhgj-route="wallet"] body #app .van-nav-bar {
  height: .92rem !important;
  background: linear-gradient(180deg, #080604 0%, #050403 100%) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .24) !important;
  box-shadow: 0 .08rem .18rem rgba(0, 0, 0, .34) !important;
  z-index: 210 !important;
}

html[data-hhgj-route="wallet"] body #app .van-nav-bar__content {
  height: .92rem !important;
}

html[data-hhgj-route="wallet"] body #app .van-nav-bar__title {
  color: var(--hhgj-text, #fff7df) !important;
  font-size: .32rem !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5) !important;
}

html[data-hhgj-route="wallet"] body #app .van-nav-bar .van-icon,
html[data-hhgj-route="wallet"] body #app .van-nav-bar__arrow {
  color: #f5c96a !important;
}

html[data-hhgj-route="wallet"] body #app .van-nav-bar + div[style*="height"] {
  height: .92rem !important;
  background: transparent !important;
}

html[data-hhgj-route="wallet"] body #app .van-tabs,
html[data-hhgj-route="wallet"] body #app .van-tabs__content,
html[data-hhgj-route="wallet"] body #app .van-tab__pane,
html[data-hhgj-route="wallet"] body #app .van-tab__pane-wrapper {
  background: #050403 !important;
  background-color: #050403 !important;
  color: var(--hhgj-text, #fff7df) !important;
}

html[data-hhgj-route="wallet"] body #app .van-tabs__wrap {
  height: .76rem !important;
  border-bottom: 1px solid rgba(245, 201, 106, .16) !important;
  background: linear-gradient(180deg, rgba(14, 11, 7, .98), rgba(7, 6, 4, .98)) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .62) !important;
}

html[data-hhgj-route="wallet"] body #app .van-tabs__nav {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-hhgj-route="wallet"] body #app .van-tab {
  color: rgba(255, 247, 223, .7) !important;
  font-size: .24rem !important;
  font-weight: 800 !important;
  line-height: .76rem !important;
}

html[data-hhgj-route="wallet"] body #app .van-tab--active {
  color: #ffd875 !important;
  text-shadow: 0 0 .12rem rgba(245, 201, 106, .28) !important;
}

html[data-hhgj-route="wallet"] body #app .van-tabs__line {
  width: .56rem !important;
  height: .05rem !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255, 232, 144, .95), rgba(207, 142, 35, .95)) !important;
  box-shadow: 0 0 .12rem rgba(245, 201, 106, .5) !important;
}

html[data-hhgj-route="wallet"] body #app .adds[data-v-46a0d64d],
html[data-hhgj-route="wallet"] body #app .adds {
  width: calc(100% - .64rem) !important;
  max-width: 5.8rem !important;
  margin: .9rem auto 0 !important;
  padding: .3rem .26rem !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: .2rem !important;
  background: linear-gradient(180deg, rgba(31, 25, 14, .96), rgba(10, 8, 5, .98)) !important;
  box-shadow: 0 .18rem .38rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 236, 172, .08) !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="wallet"] body #app .adds .van-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: .78rem !important;
  min-height: .78rem !important;
  margin: 0 !important;
  padding: 0 .24rem !important;
  border: 1px solid rgba(255, 230, 150, .86) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe58f 0%, #d3982e 100%) !important;
  color: #1f1302 !important;
  box-shadow: 0 .09rem .18rem rgba(211, 152, 46, .28), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

html[data-hhgj-route="wallet"] body #app .adds .van-button__text {
  color: #1f1302 !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="wallet"] body #app .adds .btntits[data-v-46a0d64d],
html[data-hhgj-route="wallet"] body #app .adds .btntits {
  margin-top: .2rem !important;
  color: rgba(255, 247, 223, .62) !important;
  font-size: .22rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

html[data-hhgj-route="wallet"] body #app .lis[data-v-46a0d64d],
html[data-hhgj-route="wallet"] body #app .lis {
  width: calc(100% - .48rem) !important;
  min-height: 1.72rem !important;
  margin: .24rem auto 0 !important;
  padding: .2rem .26rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(31, 25, 14, .96), rgba(9, 8, 5, .98)) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 236, 172, .06) !important;
  color: var(--hhgj-text, #fff7df) !important;
}

html[data-hhgj-route="wallet"] body #app .lis .lefs {
  width: .86rem !important;
  height: .86rem !important;
  object-fit: contain !important;
  border-radius: .14rem !important;
}

html[data-hhgj-route="wallet"] body #app .lis .cest {
  margin: 0 .22rem !important;
  color: var(--hhgj-text, #fff7df) !important;
}

html[data-hhgj-route="wallet"] body #app .lis .cest .type,
html[data-hhgj-route="wallet"] body #app .lis .cest .num,
html[data-hhgj-route="wallet"] body #app .lis .cest .num span {
  color: var(--hhgj-text, #fff7df) !important;
  font-weight: 800 !important;
}

html[data-hhgj-route="wallet"] body #app .lis .cest .type {
  font-size: .27rem !important;
}

html[data-hhgj-route="wallet"] body #app .lis .cest .num {
  justify-content: flex-start !important;
  gap: .12rem !important;
}

html[data-hhgj-route="wallet"] body #app .lis .cest .num span {
  font-size: .34rem !important;
}

html[data-hhgj-route="wallet"] body #app .lis .rigss {
  top: .18rem !important;
  right: .18rem !important;
  width: .42rem !important;
  opacity: .82 !important;
  filter: sepia(1) saturate(1.8) hue-rotate(350deg) brightness(1.18) drop-shadow(0 0 .08rem rgba(245, 201, 106, .32)) !important;
}

/* Wallet card management fallback: match body route and the component scope directly. */
body[data-hhgj-route="wallet"],
body[data-hhgj-route="wallet"] #app,
body[data-hhgj-route="wallet"] #app > div,
body[data-hhgj-route="wallet"] #app div[style*="237, 241, 255"],
body[data-hhgj-route="wallet"] #app div[style*="rgb(237, 241, 255)"],
body:has(#app .adds[data-v-46a0d64d]),
body:has(#app .adds[data-v-46a0d64d]) #app,
body:has(#app .adds[data-v-46a0d64d]) #app > div,
body:has(#app .adds[data-v-46a0d64d]) #app div[style*="237, 241, 255"],
body:has(#app .adds[data-v-46a0d64d]) #app div[style*="rgb(237, 241, 255)"],
body:has(#app .lis[data-v-46a0d64d]),
body:has(#app .lis[data-v-46a0d64d]) #app,
body:has(#app .lis[data-v-46a0d64d]) #app > div,
body:has(#app .lis[data-v-46a0d64d]) #app div[style*="237, 241, 255"],
body:has(#app .lis[data-v-46a0d64d]) #app div[style*="rgb(237, 241, 255)"] {
  background: #050403 !important;
  background-color: #050403 !important;
  background-image: none !important;
  color: var(--hhgj-text, #fff7df) !important;
}

body[data-hhgj-route="wallet"] #app .van-tabs,
body[data-hhgj-route="wallet"] #app .van-tabs__content,
body[data-hhgj-route="wallet"] #app .van-tab__pane,
body[data-hhgj-route="wallet"] #app .van-tab__pane-wrapper,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tabs,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tabs__content,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tab__pane,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tab__pane-wrapper,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tabs,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tabs__content,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tab__pane,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tab__pane-wrapper {
  background: #050403 !important;
  background-color: #050403 !important;
  color: var(--hhgj-text, #fff7df) !important;
}

body[data-hhgj-route="wallet"] #app .van-tabs__wrap,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tabs__wrap,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tabs__wrap {
  height: .76rem !important;
  border-bottom: 1px solid rgba(245, 201, 106, .16) !important;
  background: linear-gradient(180deg, rgba(14, 11, 7, .98), rgba(7, 6, 4, .98)) !important;
}

body[data-hhgj-route="wallet"] #app .van-tabs__nav,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tabs__nav,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tabs__nav {
  background: transparent !important;
  background-color: transparent !important;
}

body[data-hhgj-route="wallet"] #app .van-tab,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tab,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tab {
  color: rgba(255, 247, 223, .7) !important;
  font-size: .24rem !important;
  font-weight: 800 !important;
}

body[data-hhgj-route="wallet"] #app .van-tab--active,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tab--active,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tab--active {
  color: #ffd875 !important;
}

body[data-hhgj-route="wallet"] #app .van-tabs__line,
body:has(#app .adds[data-v-46a0d64d]) #app .van-tabs__line,
body:has(#app .lis[data-v-46a0d64d]) #app .van-tabs__line {
  background: linear-gradient(90deg, rgba(255, 232, 144, .95), rgba(207, 142, 35, .95)) !important;
  box-shadow: 0 0 .12rem rgba(245, 201, 106, .5) !important;
}

body[data-hhgj-route="wallet"] #app .adds[data-v-46a0d64d],
body:has(#app .adds[data-v-46a0d64d]) #app .adds[data-v-46a0d64d] {
  width: calc(100% - .64rem) !important;
  max-width: 5.8rem !important;
  margin: .9rem auto 0 !important;
  padding: .3rem .26rem !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: .2rem !important;
  background: linear-gradient(180deg, rgba(31, 25, 14, .96), rgba(10, 8, 5, .98)) !important;
  box-shadow: 0 .18rem .38rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 236, 172, .08) !important;
}