/* Transfer page center alignment: 20260618235500. */
html[data-hhgj-route="transfer"] body #app,
body[data-hhgj-route="transfer"] #app,
body:has(#app .venuesTansfer) #app {
  width: 750px !important;
  max-width: 100vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

/* 20260625: transfer page back icon only. Keep this isolated from layout fixes. */
html.hhgj-transfer-route .hhgj-transfer-back-icon {
  position: fixed !important;
  top: 10px !important;
  left: max(14px, calc((100vw - 750px) / 2 + 14px)) !important;
  z-index: 10000 !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 44px !important;
  text-indent: -9999px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

html.hhgj-transfer-route .hhgj-transfer-back-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 13px !important;
  width: 14px !important;
  height: 14px !important;
  border-left: 2px solid #f4c24d !important;
  border-bottom: 2px solid #f4c24d !important;
  border-radius: 2px !important;
  transform: rotate(45deg) !important;
  filter: drop-shadow(0 0 3px rgba(244, 194, 77, 0.35)) !important;
}

html[data-hhgj-route="transfer"] body #app .sdg.sdgg.stddss,
body[data-hhgj-route="transfer"] #app .sdg.sdgg.stddss,
body:has(#app .venuesTansfer) #app .sdg.sdgg.stddss,
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: 750px !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: min(calc(100% - 28px), 586px) !important;
  max-width: 586px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 16px 0 34px !important;
  transform: none !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,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic[data-v-2bff950e],
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle[data-v-2bff950e],
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle[data-v-2bff950e],
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e],
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[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e],
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,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle[data-v-2bff950e] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 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,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea[data-v-2bff950e] {
  box-sizing: border-box !important;
  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;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .betInput,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-cell,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .betInput,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-cell,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .betInput,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-cell {
  box-sizing: border-box !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"] body #app .venuesTansfer .inputArea .all-into,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .all-into,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .all-into {
  justify-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 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 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !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) 86px !important;
    gap: 8px !important;
  }
}

/* Transfer form layout cleanup: 20260619003000. */
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div {
  min-height: 52px !important;
  border-radius: 10px !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .second-handle[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .second-handle[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .second-handle[data-v-2bff950e] {
  display: block !important;
  width: 100% !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,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea[data-v-2bff950e] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 108px !important;
  gap: 10px !important;
  grid-area: auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 10px 0 14px !important;
  background: linear-gradient(180deg, rgba(15, 12, 7, .98), rgba(5, 4, 3, .98)) !important;
  background-image: linear-gradient(180deg, rgba(15, 12, 7, .98), rgba(5, 4, 3, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 18px rgba(245, 201, 106, .04) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .betInput,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-cell,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .betInput,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-cell,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .betInput,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-cell {
  display: flex !important;
  grid-area: auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-cell__value,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-field__value,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .van-field__body,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-cell__value,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-field__value,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .van-field__body,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-cell__value,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-field__value,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .van-field__body {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !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: #fff1bf !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !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: 24px !important;
  font-weight: 900 !important;
  line-height: 56px !important;
  text-align: left !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .all-into,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .all-into,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .all-into {
  justify-self: stretch !important;
  grid-area: auto !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !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 {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 18px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e],
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e],
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton[data-v-2bff950e] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 18px 0 2px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

@media screen and (max-width: 430px) {
  html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle {
    padding: 12px !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) 92px !important;
    gap: 8px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer input[placeholder*="转账金额"],
  body[data-hhgj-route="transfer"] #app .venuesTansfer input[placeholder*="转账金额"],
  body:has(#app .venuesTansfer) #app .venuesTansfer input[placeholder*="转账金额"] {
    font-size: 21px !important;
  }
}

/* Transfer click-area guard: recycle buttons must not inherit page-sized button styles. */
html[data-hhgj-route="transfer"] body #app .venuesTansfer .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .lastbutton {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: 150px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 16px 0 2px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

/* Center transfer page prompts: 20260619004500. */
html[data-hhgj-route="transfer"] body [class*="full-toast_full_toast_container"],
html[data-hhgj-route="transfer"] body [class*="full-toast_promotion_container"],
body[data-hhgj-route="transfer"] [class*="full-toast_full_toast_container"],
body[data-hhgj-route="transfer"] [class*="full-toast_promotion_container"],
body:has(#app .venuesTansfer) [class*="full-toast_full_toast_container"],
body:has(#app .venuesTansfer) [class*="full-toast_promotion_container"],
html[data-hhgj-route="transfer"] body .van-notify,
html[data-hhgj-route="transfer"] body .van-popup--top.van-notify,
body[data-hhgj-route="transfer"] .van-notify,
body[data-hhgj-route="transfer"] .van-popup--top.van-notify,
body:has(#app .venuesTansfer) .van-notify,
body:has(#app .venuesTansfer) .van-popup--top.van-notify,
html[data-hhgj-route="transfer"] body .van-toast,
body[data-hhgj-route="transfer"] .van-toast,
body:has(#app .venuesTansfer) .van-toast {
  position: fixed !important;
  top: 44% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 1000002 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 136px !important;
  max-width: min(78vw, 360px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  overflow: visible !important;
  color: #fff7df !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  background: rgba(8, 7, 5, .94) !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .46), 0 0 18px rgba(245, 201, 106, .12) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  pointer-events: none !important;
}

html[data-hhgj-route="transfer"] body [class*="full-toast_full_toast_container"],
html[data-hhgj-route="transfer"] body [class*="full-toast_promotion_container"],
body[data-hhgj-route="transfer"] [class*="full-toast_full_toast_container"],
body[data-hhgj-route="transfer"] [class*="full-toast_promotion_container"],
body:has(#app .venuesTansfer) [class*="full-toast_full_toast_container"],
body:has(#app .venuesTansfer) [class*="full-toast_promotion_container"],
html[data-hhgj-route="transfer"] body .van-notify,
html[data-hhgj-route="transfer"] body .van-popup--top.van-notify,
body[data-hhgj-route="transfer"] .van-notify,
body[data-hhgj-route="transfer"] .van-popup--top.van-notify,
body:has(#app .venuesTansfer) .van-notify,
body:has(#app .venuesTansfer) .van-popup--top.van-notify,
html[data-hhgj-route="transfer"] body .van-toast,
body[data-hhgj-route="transfer"] .van-toast,
body:has(#app .venuesTansfer) .van-toast {
  animation: aurora-transfer-toast-dismiss .28s 2.2s ease forwards !important;
}

@keyframes aurora-transfer-toast-dismiss {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

html[data-hhgj-route="transfer"] body .van-notify--success,
body[data-hhgj-route="transfer"] .van-notify--success,
body:has(#app .venuesTansfer) .van-notify--success {
  color: #201403 !important;
  background: linear-gradient(180deg, #ffe186, #d59621) !important;
  border-color: rgba(255, 235, 166, .62) !important;
}

html[data-hhgj-route="transfer"] body .van-notify--danger,
body[data-hhgj-route="transfer"] .van-notify--danger,
body:has(#app .venuesTansfer) .van-notify--danger {
  color: #fff7df !important;
  background: rgba(8, 7, 5, .94) !important;
}

html[data-hhgj-route="transfer"] body .van-toast--top,
body[data-hhgj-route="transfer"] .van-toast--top,
body:has(#app .venuesTansfer) .van-toast--top {
  top: 44% !important;
}

html[data-hhgj-route="transfer"] body .van-notify__content,
html[data-hhgj-route="transfer"] body .van-toast__text,
body[data-hhgj-route="transfer"] .van-notify__content,
body[data-hhgj-route="transfer"] .van-toast__text,
body:has(#app .venuesTansfer) .van-notify__content,
body:has(#app .venuesTansfer) .van-toast__text {
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-align: inherit !important;
}

/* Transfer page black-gold rebuild: 20260623183500. */
html[data-hhgj-route="transfer"],
html[data-hhgj-route="transfer"] body,
body[data-hhgj-route="transfer"],
body:has(#app .venuesTansfer) {
  background: #050403 !important;
}

html[data-hhgj-route="transfer"] body #app,
body[data-hhgj-route="transfer"] #app,
body:has(#app .venuesTansfer) #app {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 50% -120px, rgba(245, 201, 106, .16), transparent 260px),
    linear-gradient(180deg, #090704 0%, #020201 100%) !important;
}

html[data-hhgj-route="transfer"] body #app .sdg > .van-nav-bar,
html[data-hhgj-route="transfer"] body #app .van-nav-bar,
body[data-hhgj-route="transfer"] #app .sdg > .van-nav-bar,
body[data-hhgj-route="transfer"] #app .van-nav-bar,
body:has(#app .venuesTansfer) #app .sdg > .van-nav-bar,
body:has(#app .venuesTansfer) #app .van-nav-bar {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 50% -60px, rgba(245, 201, 106, .18), transparent 130px),
    linear-gradient(180deg, #080604 0%, #030201 100%) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .34) !important;
  color: #fff7df !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .42) !important;
  z-index: 80 !important;
}

html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__content,
html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__left,
html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__title,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__content,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__left,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__title,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__content,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__left,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__title {
  height: 58px !important;
  line-height: 58px !important;
}

html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__left,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__left,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__left {
  display: flex !important;
  align-items: center !important;
  padding: 0 18px !important;
}

html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__arrow,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__arrow,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__arrow {
  color: #f5c96a !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  text-shadow: 0 0 12px rgba(245, 201, 106, .35) !important;
}

html[data-hhgj-route="transfer"] body #app .van-nav-bar .van-nav-bar__title,
body[data-hhgj-route="transfer"] #app .van-nav-bar .van-nav-bar__title,
body:has(#app .venuesTansfer) #app .van-nav-bar .van-nav-bar__title {
  color: #fff7df !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .6) !important;
}

html[data-hhgj-route="transfer"] body #app .van-nav-bar + div[style*="height"],
body[data-hhgj-route="transfer"] #app .van-nav-bar + div[style*="height"],
body:has(#app .venuesTansfer) #app .van-nav-bar + div[style*="height"] {
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !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 {
  width: min(calc(100% - 28px), 650px) !important;
  max-width: 650px !important;
  padding-top: 20px !important;
  padding-bottom: 42px !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  margin: 0 0 14px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 219, 132, .14), transparent 48%),
    linear-gradient(180deg, rgba(34, 28, 16, .92), rgba(9, 7, 4, .98)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 235, 168, .08) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic > div:first-child,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic > div:first-child,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic > div:first-child {
  min-width: 0 !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic p,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic span,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic p,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic span,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic p,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic span {
  margin: 0 !important;
  color: rgba(255, 247, 223, .64) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic .van-switch,
body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic .van-switch,
body:has(#app .venuesTansfer) #app .venuesTansfer .automatic .van-switch {
  flex: 0 0 auto !important;
  margin: 0 !important;
  box-shadow: 0 0 0 1px rgba(245, 201, 106, .28), inset 0 1px 5px rgba(0, 0, 0, .4) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle {
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 16% 8%, rgba(245, 201, 106, .18), transparent 44%),
    linear-gradient(145deg, rgba(30, 24, 13, .94), rgba(7, 6, 4, .99)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 235, 168, .08) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div,
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div {
  min-height: 58px !important;
  border: 1px solid rgba(245, 201, 106, .27) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(16, 13, 8, .96), rgba(4, 3, 2, .98)) !important;
  box-shadow: inset 0 0 18px rgba(245, 201, 106, .05) !important;
  color: #fff1bf !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div:nth-child(2),
body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div:nth-child(2),
body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div:nth-child(2) {
  border-color: rgba(245, 201, 106, .36) !important;
  background: radial-gradient(circle, rgba(245, 201, 106, .16), rgba(7, 6, 4, .98)) !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 {
  height: 60px !important;
  min-height: 60px !important;
  grid-template-columns: minmax(0, 1fr) 116px !important;
  border-radius: 14px !important;
  border-color: rgba(245, 201, 106, .36) !important;
  background: linear-gradient(180deg, rgba(9, 8, 5, .98), rgba(4, 3, 2, .99)) !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 {
  font-size: 22px !important;
  line-height: 60px !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .all-into,
body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .all-into,
body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .all-into {
  height: 40px !important;
  border: 1px solid rgba(255, 226, 145, .58) !important;
  background: linear-gradient(180deg, #ffe391 0%, #d3972d 100%) !important;
  color: #1b1105 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(211, 151, 45, .24), inset 0 1px 0 rgba(255, 255, 255, .38) !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 {
  margin-top: 10px !important;
  padding-left: 2px !important;
  color: rgba(255, 247, 223, .72) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .bankbalance b,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .bankbalance span,
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance b,
body[data-hhgj-route="transfer"] #app .venuesTansfer .bankbalance span,
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance b,
body:has(#app .venuesTansfer) #app .venuesTansfer .bankbalance span {
  color: #ffe08b !important;
  font-weight: 900 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle .lastbutton {
  height: 52px !important;
  min-height: 52px !important;
  margin-top: 16px !important;
  border: 1px solid rgba(255, 229, 148, .76) !important;
  background: linear-gradient(180deg, #ffe99f 0%, #f0bd50 44%, #c88316 100%) !important;
  color: #1f1302 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(220, 157, 42, .28), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

/* Keep the venue recycle action from inheriting the full-width transfer submit hit area. */
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venue-handle .lastbutton,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .topArea .lastbutton,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .lastbutton,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venue-handle .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .topArea .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .lastbutton,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .venue-handle .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .topArea .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .lastbutton,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox .lastbutton {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: 150px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .topArea,
body[data-hhgj-route="transfer"] #app .venuesTansfer .topArea,
body:has(#app .venuesTansfer) #app .venuesTansfer .topArea {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .topArea:has(.venuesDetail),
body[data-hhgj-route="transfer"] #app .venuesTansfer .topArea:has(.venuesDetail),
body:has(#app .venuesTansfer) #app .venuesTansfer .topArea:has(.venuesDetail) {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail {
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])),
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])),
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])) {
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(16, 13, 8, .94), rgba(5, 4, 3, .98)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
  overflow: hidden !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  position: relative !important;
  z-index: 2 !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  border-radius: 14px !important;
  outline: 0 !important;
  background: linear-gradient(180deg, rgba(16, 13, 8, .94), rgba(5, 4, 3, .98)) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])) .venues,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])) .venues,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail:has(.venuesList:not([style*="display: none"])) .venues {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues .left-nums,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues .left-nums,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues .left-nums {
  display: flex !important;
  align-items: center !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  color: #fff7df !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues .left-nums:before,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues .left-nums:before,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues .left-nums:before {
  content: "" !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffe89c, #d39427) !important;
  box-shadow: 0 0 12px rgba(245, 201, 106, .55) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues > span,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues > span,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  max-width: 100% !important;
  color: rgba(255, 247, 223, .58) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues > img,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues > img,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues > img {
  display: block;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 22px !important;
  height: 22px !important;
  position: relative !important;
  z-index: 8 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  object-fit: contain !important;
  filter: sepia(1) saturate(1.8) brightness(1.25) drop-shadow(0 0 5px rgba(245, 201, 106, .45)) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues > img[style*="display: none"],
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues > img[style*="display: none"],
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues > img[style*="display: none"] {
  display: none !important;
}

/* Keep the detail wrapper from becoming the card grid; otherwise it can cover the header controls. */
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList > .top,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList > .top,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList > .top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  position: relative !important;
  z-index: 2 !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .18) !important;
  background: linear-gradient(180deg, rgba(255, 235, 168, .035), rgba(255, 235, 168, .012)) !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList > .top .left,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList > .top .left,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList > .top .left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .left-top,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .left-top,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .left-top {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffe08b !important;
  line-height: 1 !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .left-top .main-number,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .left-top .main-number,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .left-top .main-number {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffe08b !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-shadow: 0 0 8px rgba(245, 201, 106, .25) !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList > .top .money,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList > .top .money,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList > .top .money {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffe08b !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .left-top img,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .left-top img,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .left-top img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .button.onClickBack,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .button.onClickBack,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .button.onClickBack {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: 150px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  pointer-events: auto !important;
  z-index: 3 !important;
  touch-action: manipulation !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox .lis,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .item,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox .lis,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .item,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox .lis,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(245, 201, 106, .23) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(20, 16, 9, .96), rgba(6, 5, 3, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 168, .06) !important;
  color: #fff7df !important;
  overflow: hidden !important;
}

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

html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox .name,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .name,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox .name,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .name,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox .name,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .name {
  width: 100% !important;
  min-width: 0 !important;
  color: rgba(255, 247, 223, .72) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox .num,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .gameBox .nmey,
html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesList .moneyText,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox .num,
body[data-hhgj-route="transfer"] #app .venuesTansfer .gameBox .nmey,
body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesList .moneyText,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox .num,
body:has(#app .venuesTansfer) #app .venuesTansfer .gameBox .nmey,
body:has(#app .venuesTansfer) #app .venuesTansfer .venuesList .moneyText {
  width: 100% !important;
  min-width: 0 !important;
  color: #ffe08b !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-hhgj-route="transfer"] body .van-popup.card,
body[data-hhgj-route="transfer"] .van-popup.card,
body:has(#app .venuesTansfer) .van-popup.card {
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100vw, 750px) !important;
  max-height: min(70vh, 620px) !important;
  height: auto !important;
  transform: translate3d(-50%, 0, 0) !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(180deg, rgba(20, 16, 9, .98), rgba(4, 3, 2, .99)) !important;
  box-shadow: 0 -18px 42px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 235, 168, .08) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html[data-hhgj-route="transfer"] body .van-popup.card .poptit,
body[data-hhgj-route="transfer"] .van-popup.card .poptit,
body:has(#app .venuesTansfer) .van-popup.card .poptit {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(245, 201, 106, .24) !important;
  background: linear-gradient(180deg, rgba(15, 12, 7, .99), rgba(7, 6, 4, .99)) !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html[data-hhgj-route="transfer"] body .van-popup.card > .lis,
body[data-hhgj-route="transfer"] .van-popup.card > .lis,
body:has(#app .venuesTansfer) .van-popup.card > .lis {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 54px !important;
  margin: 0 14px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .16) !important;
  background: transparent !important;
  color: #fff7df !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html[data-hhgj-route="transfer"] body .van-popup.card > .lis:last-child,
body[data-hhgj-route="transfer"] .van-popup.card > .lis:last-child,
body:has(#app .venuesTansfer) .van-popup.card > .lis:last-child {
  border-bottom: 0 !important;
}

html[data-hhgj-route="transfer"] body .van-popup.card > .lis .num,
html[data-hhgj-route="transfer"] body .van-popup.card > .lis .nmey,
body[data-hhgj-route="transfer"] .van-popup.card > .lis .num,
body[data-hhgj-route="transfer"] .van-popup.card > .lis .nmey,
body:has(#app .venuesTansfer) .van-popup.card > .lis .num,
body:has(#app .venuesTansfer) .van-popup.card > .lis .nmey {
  color: #ffe08b !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-align: right !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 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 12px 34px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic,
  body:has(#app .venuesTansfer) #app .venuesTansfer .automatic {
    min-height: 54px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .automatic > div:first-child,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .automatic > div:first-child,
  body:has(#app .venuesTansfer) #app .venuesTansfer .automatic > div:first-child {
    font-size: 15px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .user-handle,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .user-handle,
  body:has(#app .venuesTansfer) #app .venuesTansfer .user-handle {
    padding: 12px !important;
    border-radius: 14px !important;
  }

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

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div,
  body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .first-handle > div:nth-child(2),
  body[data-hhgj-route="transfer"] #app .venuesTansfer .first-handle > div:nth-child(2),
  body:has(#app .venuesTansfer) #app .venuesTansfer .first-handle > div:nth-child(2) {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !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 {
    height: 56px !important;
    min-height: 56px !important;
    grid-template-columns: minmax(0, 1fr) 94px !important;
    padding: 0 8px 0 12px !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 {
    font-size: 20px !important;
    line-height: 56px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .inputArea .all-into,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .inputArea .all-into,
  body:has(#app .venuesTansfer) #app .venuesTansfer .inputArea .all-into {
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

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

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues,
  body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues {
    grid-template-columns: minmax(0, 1fr) auto 24px !important;
    min-height: 50px !important;
    padding: 0 12px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues .left-nums,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues .left-nums,
  body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues .left-nums {
    font-size: 15px !important;
  }

  html[data-hhgj-route="transfer"] body #app .venuesTansfer .venuesDetail .venues > span,
  body[data-hhgj-route="transfer"] #app .venuesTansfer .venuesDetail .venues > span,
  body:has(#app .venuesTansfer) #app .venuesTansfer .venuesDetail .venues > span {
    max-width: 145px !important;
    font-size: 11px !important;
  }
}