body.withdrawal-route,
body.withdrawal-route #app {
  background: #070604 !important;
  color: #fff7df !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;
  color: #fff7df !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

body.withdrawal-route .sdg > .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: 46px !important;
  transform: none !important;
  background: #060503 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  color: #fff7df !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__content,
body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__left,
body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__title {
  height: 46px !important;
  line-height: 46px !important;
}

body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__left {
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
}

body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__arrow {
  color: #f5c96a !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

body.withdrawal-route .sdg > .van-nav-bar .van-nav-bar__title {
  color: #fff7df !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;
  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: #fff7df !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;
  box-shadow: 0 .1rem .24rem rgba(213, 155, 53, .28) !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[style*="174, 72, 242"] img,
body.withdrawal-route .withdraw-icon-tabs > div[style*="251, 246, 255"] img {
  filter: brightness(.18) sepia(1) saturate(1.5) hue-rotate(350deg) !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 {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin: .16rem auto 0 !important;
  padding: .2rem .22rem .22rem !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, .3) !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .qibao {
  width: 100% !important;
  height: auto !important;
  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;
  color: #fff7df !important;
  overflow: visible !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.withdrawal-route .qibao .fes {
  color: #fff7df !important;
  font-size: .32rem !important;
  line-height: .42rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.withdrawal-route .qibao .imgs {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.withdrawal-route .qibao .imgs img {
  width: 0 !important;
  height: 0 !important;
  object-fit: contain !important;
  filter: none !important;
}

body.withdrawal-route .qibao .btns {
  width: auto !important;
  min-width: 1.42rem !important;
  height: .46rem !important;
  padding: 0 .2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 229, 158, .68) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 62%, #8a5a19 100%) !important;
  color: #120d05 !important;
  font-size: .24rem !important;
  line-height: .44rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-shadow: 0 .12rem .24rem rgba(213, 155, 53, .26) !important;
  overflow: visible !important;
}

body.withdrawal-route .mesg {
  width: 100% !important;
  height: auto !important;
  margin: .12rem 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .12rem !important;
}

body.withdrawal-route .mesg .bosgf {
  width: auto !important;
  height: auto !important;
  min-height: .68rem !important;
  margin: 0 !important;
  padding: .1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: .14rem !important;
  background: rgba(7, 6, 4, .68) !important;
  color: #fff7df !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .mesg .bots,
body.withdrawal-route .mesg span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  color: #ead8a4 !important;
  font-size: .24rem !important;
  line-height: .34rem !important;
  text-align: center !important;
}

body.withdrawal-route .usrse {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .16rem auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

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

body.withdrawal-route .usrse div[style*="rgb(248, 248, 248)"],
body.withdrawal-route .usrse div[style*="#f8f8f8"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.withdrawal-route .usrse .hgs {
  width: 100% !important;
  height: auto !important;
  min-height: 1.28rem !important;
  margin: 0 0 .16rem !important;
  padding: .22rem !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(26, 22, 14, .96), rgba(12, 10, 7, .96)) !important;
  color: #fff7df !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 235, 180, .08) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .usrse .hgs .nams {
  margin: 0 0 .14rem !important;
  color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .38rem !important;
  font-weight: 900 !important;
}

body.withdrawal-route .usrse .hgs .nams span {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.withdrawal-route .usrse .hgs .nams span + span {
  height: .52rem !important;
  padding: 0 .2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 229, 158, .62) !important;
  border-radius: .26rem !important;
  background: linear-gradient(180deg, rgba(255, 231, 166, .14), rgba(213, 155, 53, .08)) !important;
  color: #f5c96a !important;
  font-size: .24rem !important;
  line-height: .5rem !important;
  font-weight: 900 !important;
}

body.withdrawal-route .usrse .hgs .nams + div[style*="dashed"],
body.withdrawal-route .usrse .hgs .nams + div[style*="251, 245, 255"],
body.withdrawal-route .usrse .hgs .nams + div[style*="fbf5ff"] {
  width: 100% !important;
  height: .72rem !important;
  min-height: .72rem !important;
  margin: 0 !important;
  padding: 0 .2rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 229, 158, .58) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 62%, #8a5a19 100%) !important;
  color: #120d05 !important;
  font-size: .26rem !important;
  line-height: .7rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .usrse .hgs div[style*="box-shadow"] {
  width: 100% !important;
  margin: 0 !important;
  padding: .16rem !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .16rem !important;
  background: rgba(7, 6, 4, .64) !important;
  color: #fff7df !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .usrse .hgs div[style*="border-bottom"] {
  border-bottom: 0 !important;
}

body.withdrawal-route .usrse .van-cell-group,
body.withdrawal-route .usrse .van-cell,
body.withdrawal-route .usrse .van-field,
body.withdrawal-route .usrse .van-cell__value,
body.withdrawal-route .usrse .van-field__body {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.withdrawal-route .usrse .van-cell-group {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.withdrawal-route .usrse .van-cell,
body.withdrawal-route .usrse .van-field {
  width: 100% !important;
  height: .82rem !important;
  min-height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(31, 25, 14, .9)) !important;
  color: #fff7df !important;
  box-shadow: inset 0 1px 0 rgba(255, 233, 168, .06) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .usrse .van-cell:after,
body.withdrawal-route .usrse .van-cell-group:after,
body.withdrawal-route .usrse .van-field:after {
  display: none !important;
  border: 0 !important;
  content: none !important;
}

body.withdrawal-route .usrse .van-field__body,
body.withdrawal-route .usrse .van-cell__value {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
}

body.withdrawal-route .usrse input,
body.withdrawal-route .usrse .van-field__control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
}

body.withdrawal-route .usrse .van-field__control::placeholder {
  color: rgba(255, 247, 223, .48) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .48) !important;
}

body.withdrawal-route .usrse .van-field__button {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 0 0 .14rem !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.withdrawal-route .usrse .van-button--mini {
  width: auto !important;
  min-width: 1.28rem !important;
  height: .58rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(255, 229, 158, .66) !important;
  border-radius: .14rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  font-size: .24rem !important;
  line-height: .56rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 .1rem .22rem rgba(213, 155, 53, .24) !important;
}

body.withdrawal-route .usrse .van-button--mini .van-button__text {
  color: #120d05 !important;
  font-size: .24rem !important;
  line-height: .56rem !important;
  font-weight: 900 !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%"] {
  width: var(--withdraw-track) !important;
  max-width: var(--withdraw-track) !important;
  margin: .18rem auto .36rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.withdrawal-route .sdg > .usrse + div .van-button,
body.withdrawal-route .sdg > div[style*="width: 86%"] .van-button,
body.withdrawal-route .sdg > div[style*="width: 90%"] .van-button,
body.withdrawal-route .sdg > div[style*="width: 92%"] .van-button,
body.withdrawal-route .sdg > div[style*="width: 96%"] .van-button {
  width: 100% !important;
  height: .88rem !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 229, 158, .68) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  box-shadow: 0 .14rem .3rem rgba(213, 155, 53, .28) !important;
}

body.withdrawal-route .sdg > .usrse + div .van-button__text,
body.withdrawal-route .sdg > div[style*="width: 86%"] .van-button__text,
body.withdrawal-route .sdg > div[style*="width: 90%"] .van-button__text,
body.withdrawal-route .sdg > div[style*="width: 92%"] .van-button__text,
body.withdrawal-route .sdg > div[style*="width: 96%"] .van-button__text {
  color: #120d05 !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
}

body.withdrawal-route .textcns {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ead8a4 !important;
  font-size: .26rem !important;
  line-height: .38rem !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;
}

body.withdrawal-route .textcns span {
  color: #f5c96a !important;
  font-weight: 900 !important;
  text-shadow: 0 0 .12rem rgba(245, 201, 106, .24) !important;
}

@media screen and (min-width: 769px) {
  body.withdrawal-route .sdg {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

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

/* Hard reset for old desktop centering rules that survive route changes. */
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;
}

/* First-paint layout for add bank/withdraw method pages.
   The route marker is set in the document head before Vue mounts, so these
   rules apply before the page's component CSS can flash the old row layout. */
html[data-hhgj-route="addBankCard"],
html[data-hhgj-route="addUsdtCard"] {
  background: #070604 !important;
}

html[data-hhgj-route="addBankCard"] body,
html[data-hhgj-route="addUsdtCard"] body,
html[data-hhgj-route="addBankCard"] body #app,
html[data-hhgj-route="addUsdtCard"] body #app {
  background: #070604 !important;
  color: #fff7df !important;
  overflow-x: hidden !important;
  --withdraw-bind-track: min(calc(100vw - 48px), 700px);
}

html[data-hhgj-route="addBankCard"] body #app > div,
html[data-hhgj-route="addUsdtCard"] body #app > div,
html[data-hhgj-route="addBankCard"] body #app > div > div,
html[data-hhgj-route="addUsdtCard"] body #app > div > div,
html[data-hhgj-route="addBankCard"] body .sdg,
html[data-hhgj-route="addUsdtCard"] body .sdg {
  width: 100% !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .13), transparent 4.6rem),
    linear-gradient(180deg, #070604 0%, #0b0804 50%, #050403 100%) !important;
  color: #fff7df !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

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

html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__content,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__content,
html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__left,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__left,
html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__title,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__title {
  height: 46px !important;
  line-height: 46px !important;
}

html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__left,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__left {
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
}

html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__arrow,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__arrow {
  color: #f5c96a !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

html[data-hhgj-route="addBankCard"] body .van-nav-bar .van-nav-bar__title,
html[data-hhgj-route="addUsdtCard"] body .van-nav-bar .van-nav-bar__title {
  color: #fff7df !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

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

html[data-hhgj-route="addBankCard"] body .usrse,
html[data-hhgj-route="addUsdtCard"] body .usrse {
  width: var(--withdraw-bind-track) !important;
  max-width: var(--withdraw-bind-track) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .18rem auto 0 !important;
  padding: 0 0 .36rem !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

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

html[data-hhgj-route="addBankCard"] body .usrse .hgs,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1.28rem !important;
  margin: 0 0 .16rem !important;
  padding: .22rem !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(26, 22, 14, .96), rgba(12, 10, 7, .96)) !important;
  color: #fff7df !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 235, 180, .08) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs .nams,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .nams {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .38rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs .nams::before,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .nams::before {
  content: "" !important;
  display: inline-block !important;
  width: .08rem !important;
  height: .26rem !important;
  margin-right: .1rem !important;
  border-radius: .04rem !important;
  background: linear-gradient(180deg, #ffe39a, #c58b2d) !important;
  box-shadow: 0 0 .14rem rgba(245, 201, 106, .45) !important;
  vertical-align: -.04rem !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell-group,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell-group,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field {
  width: 100% !important;
  height: .82rem !important;
  min-height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(31, 25, 14, .9)) !important;
  color: #fff7df !important;
  box-shadow: inset 0 1px 0 rgba(255, 233, 168, .06) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

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

html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field__body,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field__body,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell__value,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell__value {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs input,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs input,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field__control,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field__control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
}

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

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

html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-button--small,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-button--small,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-button--mini,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-button--mini {
  width: 100% !important;
  height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(255, 229, 158, .66) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 .1rem .22rem rgba(213, 155, 53, .24) !important;
}

html[data-hhgj-route="addBankCard"] body .usrse > .van-button,
html[data-hhgj-route="addUsdtCard"] body .usrse > .van-button,
html[data-hhgj-route="addBankCard"] body .usrse > button,
html[data-hhgj-route="addUsdtCard"] body .usrse > button {
  width: 100% !important;
  height: .88rem !important;
  margin: .18rem 0 0 !important;
  border: 1px solid rgba(255, 229, 158, .68) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  box-shadow: 0 .14rem .3rem rgba(213, 155, 53, .28) !important;
}

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

@media screen and (max-width: 480px) {
  html[data-hhgj-route="addBankCard"] body,
  html[data-hhgj-route="addUsdtCard"] body,
  html[data-hhgj-route="addBankCard"] body #app,
  html[data-hhgj-route="addUsdtCard"] body #app {
    --withdraw-bind-track: calc(100vw - 32px);
  }
}

/* DOM-signature guard for SPA transitions: the add-bank component can mount
   before route-scoped classes settle, so key the first paint from its own rows. */
html:has(#app .usrse .realname-row),
body:has(#app .usrse .realname-row),
body:has(#app .usrse .realname-row) #app {
  background: #070604 !important;
  color: #fff7df !important;
  overflow-x: hidden !important;
  --withdraw-bind-track: min(calc(100vw - 48px), 700px);
}

body:has(#app .usrse .realname-row) #app > div,
body:has(#app .usrse .realname-row) #app > div > div,
body:has(#app .usrse .realname-row) .sdg {
  width: 100% !important;
  max-width: 750px !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .13), transparent 4.6rem),
    linear-gradient(180deg, #070604 0%, #0b0804 50%, #050403 100%) !important;
  color: #fff7df !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: 46px !important;
  transform: none !important;
  background: #060503 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  color: #fff7df !important;
  box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .36) !important;
  z-index: 222 !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__content,
body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__left,
body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__title {
  height: 46px !important;
  line-height: 46px !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__left {
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__arrow {
  color: #f5c96a !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar .van-nav-bar__title {
  color: #fff7df !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body:has(#app .usrse .realname-row) .van-nav-bar + div[style*="height"] {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

body:has(#app .usrse .realname-row) .usrse,
body:has(#app .usrse .realname-row) .usrse[data-v-65c8b819] {
  width: var(--withdraw-bind-track) !important;
  max-width: var(--withdraw-bind-track) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .18rem auto 0 !important;
  padding: 0 0 .36rem !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

body:has(#app .usrse .realname-row) .usrse > div {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs,
body:has(#app .usrse .realname-row) .usrse[data-v-65c8b819] .hgs {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1.28rem !important;
  margin: 0 0 .16rem !important;
  padding: .22rem !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, rgba(26, 22, 14, .96), rgba(12, 10, 7, .96)) !important;
  color: #fff7df !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 235, 180, .08) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .nams,
body:has(#app .usrse .realname-row) .usrse[data-v-65c8b819] .hgs .nams {
  display: block !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .14rem !important;
  padding: 0 !important;
  color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .38rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .nams::before {
  content: "" !important;
  display: inline-block !important;
  width: .08rem !important;
  height: .26rem !important;
  margin-right: .1rem !important;
  border-radius: .04rem !important;
  background: linear-gradient(180deg, #ffe39a, #c58b2d) !important;
  box-shadow: 0 0 .14rem rgba(245, 201, 106, .45) !important;
  vertical-align: -.04rem !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .van-cell-group,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field {
  width: 100% !important;
  height: .82rem !important;
  min-height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(31, 25, 14, .9)) !important;
  color: #fff7df !important;
  box-shadow: inset 0 1px 0 rgba(255, 233, 168, .06) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .van-cell:after,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell-group:after,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field:after {
  display: none !important;
  border: 0 !important;
  content: none !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .van-field__body,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell__value {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs input,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field__control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .van-field__control::placeholder {
  color: rgba(255, 247, 223, .48) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .48) !important;
}

body.withdrawal-route [class*="full-toast_full_toast_container"],
html[data-hhgj-route="withdrawal"] body [class*="full-toast_full_toast_container"],
body.withdrawal-route .van-notify,
html[data-hhgj-route="withdrawal"] body .van-notify,
body.withdrawal-route .van-popup--top.van-notify,
html[data-hhgj-route="withdrawal"] body .van-popup--top.van-notify,
body.withdrawal-route .van-toast--top,
html[data-hhgj-route="withdrawal"] body .van-toast--top {
  position: fixed !important;
  left: 50% !important;
  top: 44% !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 74vw !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .22rem .34rem !important;
  transform: translate(-50%, -50%) scale(1) !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .16rem !important;
  background: rgba(17, 24, 39, .92) !important;
  color: #fff7df !important;
  font-size: .32rem !important;
  font-weight: 800 !important;
  line-height: .44rem !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-shadow: 0 .18rem .46rem rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

body.withdrawal-route .van-notify__content,
html[data-hhgj-route="withdrawal"] body .van-notify__content,
body.withdrawal-route .van-toast__text,
html[data-hhgj-route="withdrawal"] body .van-toast__text {
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-align: inherit !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs > div[style*="display: flex"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(1.8rem, 2.7rem) !important;
  gap: .14rem !important;
  align-items: center !important;
}

body:has(#app .usrse .realname-row) .usrse .hgs .van-button--small,
body:has(#app .usrse .realname-row) .usrse .hgs .van-button--mini {
  width: 100% !important;
  height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 1px solid rgba(255, 229, 158, .66) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 .1rem .22rem rgba(213, 155, 53, .24) !important;
}

body:has(#app .usrse .realname-row) .usrse > .van-button,
body:has(#app .usrse .realname-row) .usrse > button {
  width: 100% !important;
  height: .88rem !important;
  margin: .18rem 0 0 !important;
  border: 1px solid rgba(255, 229, 158, .68) !important;
  border-radius: .18rem !important;
  background: linear-gradient(180deg, #ffe39a 0%, #d59b35 58%, #8a5a19 100%) !important;
  color: #120d05 !important;
  box-shadow: 0 .14rem .3rem rgba(213, 155, 53, .28) !important;
}

body:has(#app .usrse .realname-row) .usrse > .van-button .van-button__text {
  color: #120d05 !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
}

@media screen and (max-width: 480px) {
  body:has(#app .usrse .realname-row),
  body:has(#app .usrse .realname-row) #app {
    --withdraw-bind-track: calc(100vw - 32px);
  }
}

/* Collapse Vant's wrapper boxes on add-bank pages. Only the card and the
   actual input should draw borders; otherwise first paint looks double framed. */
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell-group,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell-group,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell-group,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field__body,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field__body,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-cell__value,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-cell__value,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field__body,
body:has(#app .usrse .realname-row) .usrse .hgs .van-cell__value {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="addBankCard"] body .usrse .hgs input,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs input,
html[data-hhgj-route="addBankCard"] body .usrse .hgs .van-field__control,
html[data-hhgj-route="addUsdtCard"] body .usrse .hgs .van-field__control,
body:has(#app .usrse .realname-row) .usrse .hgs input,
body:has(#app .usrse .realname-row) .usrse .hgs .van-field__control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .82rem !important;
  min-height: .82rem !important;
  margin: 0 !important;
  padding: 0 .18rem !important;
  border: 0 !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(31, 25, 14, .9)) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 201, 106, .24), inset 0 1px 0 rgba(255, 233, 168, .06) !important;
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  font-size: .28rem !important;
  line-height: .8rem !important;
  box-sizing: border-box !important;
}

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