/* Withdraw result and payment keypads only. Keep all form and payment logic intact. */

html body .mall-withdraw-page[data-v-7319ba85] .mall-state.mall-success[data-v-7319ba85] {
  padding: 16px 16px 13px;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success-mark[data-v-7319ba85] {
  width: 36px;
  height: 36px;
  margin-bottom: 9px;
  font-size: 19px;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success h1[data-v-7319ba85] {
  font-size: 17px;
  line-height: 1.3;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success > p[data-v-7319ba85] {
  margin-top: 4px;
  line-height: 1.45;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details[data-v-7319ba85] {
  margin: 12px 0 13px;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details > div[data-v-7319ba85] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  padding: 7px 0;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details > div:first-child[data-v-7319ba85] {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  padding: 9px 10px;
  margin-bottom: 3px;
  background: var(--wd-soft);
  border: 1px solid var(--wd-line);
  border-radius: 7px;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details dt[data-v-7319ba85],
html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details dd[data-v-7319ba85] {
  min-width: 0;
  font-size: 13px;
  line-height: 1.4;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details dd[data-v-7319ba85] {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-result-details > div:first-child dd[data-v-7319ba85] {
  font-size: 12px;
  text-align: start;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-primary-button[data-v-7319ba85] {
  min-height: 44px;
}

html body .mall-withdraw-page[data-v-7319ba85] .mall-success .mall-text-button[data-v-7319ba85] {
  min-height: 44px;
  margin-top: 4px;
}

/* The site base CSS applies margin-left:-240px to every Vant keyboard. The
   payment panel already centers with translateX(-50%); remove the second shift. */
html body .van-number-keyboard.mall-payment-keyboard,
html body .pay-panel-container[data-v-30273cfc] .van-number-keyboard {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  box-sizing: border-box;
  width: min(480px, 100vw) !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 3000 !important;
  padding-left: max(10px, env(safe-area-inset-left)) !important;
  padding-right: max(10px, env(safe-area-inset-right)) !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 360px) {
  html body .mall-withdraw-page[data-v-7319ba85] .mall-state.mall-success[data-v-7319ba85] {
    padding: 14px 12px 12px;
  }
}