/* TRAE UI override: iOS glass style for Arf-Tool */
:root {
  --trae-ink: #0b0f14;
  --trae-muted: #374151;
  --trae-soft: #f6f8fb;
  --trae-glass: rgba(255, 255, 255, 0.68);
  --trae-glass-strong: rgba(255, 255, 255, 0.82);
  --trae-line: rgba(15, 23, 42, 0.10);
  --trae-green: #bbf7d0;
  --trae-green-strong: #86efac;
  --trae-green-text: #064e3b;
  --trae-button: #d9f99d;
  --trae-button-hover: #bef264;
  --trae-blue-gray: #eaf0f8;
  --trae-shadow: 0 24px 80px rgba(15, 23, 42, 0.14);
  --trae-shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.10);
  --el-text-color-primary: #0b0f14 !important;
  --el-text-color-regular: #111827 !important;
  --el-text-color-secondary: #1f2937 !important;
  --el-color-primary: #9be7b1 !important;
  --el-color-primary-light-9: #f0fdf4 !important;
  --el-color-primary-dark-2: #72d991 !important;
}

html, body, #app {
  color: var(--trae-ink) !important;
  background: #f7fafc !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body *, #app * {
  text-shadow: none !important;
}

/* Login page */
.login-root,
.login-root[data-v-f901bc25] {
  background:
    radial-gradient(circle at 16% 18%, rgba(187, 247, 208, 0.58), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(219, 234, 254, 0.72), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(226, 232, 240, 0.9), transparent 42%),
    linear-gradient(135deg, #fbfdff 0%, #eef6f3 46%, #e9eef7 100%) !important;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(187, 247, 208, 0.58), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(219, 234, 254, 0.72), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(226, 232, 240, 0.9), transparent 42%),
    linear-gradient(135deg, #fbfdff 0%, #eef6f3 46%, #e9eef7 100%) !important;
  overflow: hidden !important;
}

.login-root::before,
.login-root[data-v-f901bc25]::before,
.login-root::after,
.login-root[data-v-f901bc25]::after {
  content: "" !important;
  position: fixed !important;
  pointer-events: none !important;
  filter: blur(4px) !important;
  opacity: 0.9 !important;
}

.login-root::before,
.login-root[data-v-f901bc25]::before {
  width: 520px !important;
  height: 520px !important;
  left: -170px !important;
  top: -150px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(187,247,208,.65), rgba(187,247,208,0) 66%) !important;
}

.login-root::after,
.login-root[data-v-f901bc25]::after {
  width: 620px !important;
  height: 620px !important;
  right: -230px !important;
  bottom: -220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(191,219,254,.72), rgba(191,219,254,0) 66%) !important;
}

.phone-screen-viewport,
.phone-screen-viewport[data-v-f901bc25] {
  width: 410px !important;
  max-width: min(410px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 28px !important;
  box-shadow: var(--trae-shadow) !important;
  backdrop-filter: blur(28px) saturate(185%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(185%) !important;
  overflow: hidden !important;
  position: relative !important;
}

.phone-screen-viewport::before,
.phone-screen-viewport[data-v-f901bc25]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.22)) !important;
  pointer-events: none !important;
}

.login-inner,
.login-inner[data-v-f901bc25] {
  padding: 46px 36px 42px !important;
  position: relative !important;
  z-index: 1 !important;
}

.top-decor,
.top-decor[data-v-f901bc25] {
  width: 72px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(134,239,172,.9), rgba(191,219,254,.9)) !important;
  box-shadow: 0 8px 22px rgba(134,239,172,.35) !important;
}

.sys-name,
.sys-name[data-v-f901bc25],
.welcome,
.welcome[data-v-f901bc25],
.message,
.message[data-v-f901bc25],
.login-head,
.login-head[data-v-f901bc25] {
  color: var(--trae-ink) !important;
}

.sys-name,
.sys-name[data-v-f901bc25] {
  font-size: 30px !important;
  font-weight: 760 !important;
  letter-spacing: -0.03em !important;
}

.welcome,
.welcome[data-v-f901bc25] {
  font-weight: 650 !important;
}

.message,
.message[data-v-f901bc25] {
  color: #111827 !important;
  opacity: .72 !important;
}

.login-form,
.login-form[data-v-f901bc25] {
  gap: 12px !important;
}

.login-root .el-input__wrapper,
.login-root[data-v-f901bc25] .el-input__wrapper,
[data-v-f901bc25] .el-input__wrapper {
  height: 48px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 10px 26px rgba(15,23,42,.06) !important;
  color: var(--trae-ink) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.login-root .el-input__wrapper.is-focus,
.login-root .el-input__wrapper:hover,
[data-v-f901bc25] .el-input__wrapper.is-focus,
[data-v-f901bc25] .el-input__wrapper:hover {
  border-color: rgba(34,197,94,.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 0 0 4px rgba(187,247,208,.36) !important;
}

.login-root .el-input__inner,
.login-root .el-checkbox__label,
.login-root .el-link,
[data-v-f901bc25] .el-input__inner,
[data-v-f901bc25] .el-checkbox__label,
[data-v-f901bc25] .el-link {
  color: var(--trae-ink) !important;
}

.login-btn,
.login-btn[data-v-f901bc25],
.login-root .el-button--primary,
.login-root[data-v-f901bc25] .el-button--primary {
  height: 48px !important;
  width: 100% !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%) !important;
  border: 1px solid rgba(22,101,52,.22) !important;
  color: #0b0f14 !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: .08em !important;
  box-shadow: 0 12px 26px rgba(34,197,94,.18) !important;
}

.login-btn:hover,
.login-btn[data-v-f901bc25]:hover,
.login-root .el-button--primary:hover {
  background: linear-gradient(180deg, #bbf7d0 0%, #86efac 100%) !important;
  color: #0b0f14 !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

.settings-bar,
.settings-bar[data-v-f901bc25] {
  margin-top: 24px !important;
}

.theme-btn,
.locale-btn,
.theme-btn[data-v-f901bc25],
.locale-btn[data-v-f901bc25] {
  background: rgba(255,255,255,.68) !important;
  color: var(--trae-ink) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.06) !important;
}

/* Dashboard glass surface */
.dashboard-container,
.dashboard-container[data-v-3bc516d8],
.dashboard-layout,
.el-container {
  background:
    radial-gradient(circle at 12% 6%, rgba(187,247,208,.48), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(219,234,254,.62), transparent 34%),
    linear-gradient(135deg, #f8fbff 0%, #f2f7f4 100%) !important;
  color: var(--trae-ink) !important;
}

.sidebar,
.sidebar[data-v-3bc516d8],
.el-aside,
.el-header,
.header,
.header[data-v-3bc516d8],
.tabs-container,
.tabs-container[data-v-3bc516d8] {
  background: rgba(255,255,255,.70) !important;
  border-color: rgba(15,23,42,.10) !important;
  color: var(--trae-ink) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  box-shadow: 0 10px 32px rgba(15,23,42,.07) !important;
}

.logo,
.logo[data-v-3bc516d8] {
  background: transparent !important;
  border-color: rgba(15,23,42,.08) !important;
}

.logo-tag,
.logo-tag-mini,
.logo-tag[data-v-3bc516d8],
.logo-tag-mini[data-v-3bc516d8] {
  border-radius: 0 !important;
  background: #dcfce7 !important;
  color: var(--trae-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(22,101,52,.16) !important;
}

.sidebar-menu,
.sidebar-menu[data-v-3bc516d8],
.el-menu {
  background: transparent !important;
  color: var(--trae-ink) !important;
  border: 0 !important;
}

.el-menu-item,
.el-sub-menu__title,
.sidebar-menu .el-menu-item,
.sidebar-menu[data-v-3bc516d8] .el-menu-item,
.sidebar-menu[data-v-3bc516d8] .el-sub-menu__title {
  color: var(--trae-ink) !important;
  background: transparent !important;
  border-radius: 14px !important;
  margin: 4px 8px !important;
}

.el-menu-item:hover,
.el-sub-menu__title:hover,
.el-menu-item.is-active,
.sidebar-menu .el-menu-item.active,
.sidebar-menu .el-menu-item.is-active {
  background: rgba(220,252,231,.84) !important;
  color: var(--trae-ink) !important;
}

.el-main,
.main-content,
.main-content[data-v-3bc516d8] {
  background: transparent !important;
  color: var(--trae-ink) !important;
}

.el-card,
.el-dialog,
.el-table,
.el-table__inner-wrapper,
.el-form,
.custom-tab-item,
.custom-tab-item[data-v-3bc516d8],
[class*="card"],
[class*="panel"] {
  color: var(--trae-ink) !important;
}

.el-card,
.el-dialog,
.el-table,
.el-table__inner-wrapper,
.custom-tab-item,
.custom-tab-item[data-v-3bc516d8] {
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(15,23,42,.10) !important;
  box-shadow: var(--trae-shadow-soft) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

.el-card,
.el-dialog,
.el-table,
.el-table__inner-wrapper {
  border-radius: 18px !important;
}

.el-button,
.el-button span,
.el-dropdown,
.el-dropdown *,
.el-input__inner,
.el-textarea__inner,
.el-form-item__label,
.el-table th,
.el-table td,
.el-table .cell,
.el-dialog__title,
.el-tabs__item,
.el-checkbox__label,
.el-radio__label {
  color: var(--trae-ink) !important;
}

.el-button--primary,
.el-button.is-plain.el-button--primary {
  background: #dcfce7 !important;
  border-color: rgba(22,101,52,.20) !important;
  color: var(--trae-ink) !important;
  box-shadow: 0 8px 18px rgba(34,197,94,.12) !important;
}

.el-button--primary:hover,
.el-button.is-plain.el-button--primary:hover {
  background: #bbf7d0 !important;
  color: var(--trae-ink) !important;
}

/* Message / notification prompt style */
.el-message,
.el-notification {
  background: rgba(255,255,255,.94) !important;
  border: 1px solid #bbf7d0 !important;
  border-left: 5px solid #86efac !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 52px rgba(6,78,59,.16) !important;
  color: #0b0f14 !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
}

.el-message__content,
.el-message__closeBtn,
.el-notification__title,
.el-notification__content,
.el-notification__closeBtn {
  color: #0b0f14 !important;
}

.el-message .el-icon,
.el-notification .el-icon,
.el-message--success .el-message-icon--success,
.el-notification .el-notification__icon {
  color: var(--trae-green-text) !important;
}

.el-message--error,
.el-message--warning,
.el-message--info,
.el-message--success {
  background: rgba(255,255,255,.94) !important;
  border-color: #bbf7d0 !important;
}

@media (max-width: 520px) {
  .phone-screen-viewport,
  .phone-screen-viewport[data-v-f901bc25] {
    width: calc(100vw - 28px) !important;
    border-radius: 22px !important;
  }

  .login-inner,
  .login-inner[data-v-f901bc25] {
    padding: 38px 24px 34px !important;
  }
}
/* TRAE mobile + generated-link polish */
/* Generated auth / recharge links */
.auth-verify-container,
.fullscreen-game-wrapper,
.recharge-page,
.recharge-page.fullscreen-game {
  min-height: 100svh !important;
  width: 100% !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(187, 247, 208, 0.62), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(219, 234, 254, 0.72), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(226, 232, 240, 0.86), transparent 42%),
    linear-gradient(135deg, #fbfdff 0%, #eef7f2 48%, #eaf0f8 100%) !important;
  overflow-x: hidden !important;
}

.recharge-page .bg-wrapper,
.fullscreen-game-wrapper .bg-wrapper {
  inset: 0 !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(187,247,208,.50), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(191,219,254,.54), transparent 34%) !important;
}

.recharge-page .bg-image,
.fullscreen-game-wrapper .bg-image {
  opacity: .16 !important;
  filter: blur(10px) saturate(.82) brightness(1.12) !important;
  transform: scale(1.04) !important;
}

.recharge-card,
.recharge-card.el-card {
  width: min(430px, calc(100vw - 32px)) !important;
  max-width: 430px !important;
  min-height: auto !important;
  padding: 0 !important;
  margin: 24px auto !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.64) !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .14) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  overflow: hidden !important;
}

.recharge-card .el-card__body {
  width: auto !important;
  padding: 30px 28px 32px !important;
  box-sizing: border-box !important;
}

.recharge-card .card-title {
  color: #0b0f14 !important;
  font-size: 28px !important;
  font-weight: 760 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 24px !important;
}

.recharge-card .form-item,
.recharge-card .label,
.recharge-card .value,
.recharge-card .el-form-item__label,
.recharge-card .el-input__inner,
.recharge-card .el-select__placeholder,
.recharge-card .el-select__selected-item,
.recharge-card .el-button span {
  color: #0b0f14 !important;
}

.recharge-card .form-item {
  align-items: flex-start !important;
  gap: 8px !important;
  min-height: 24px !important;
}

.recharge-card .el-input__wrapper,
.recharge-card .el-select__wrapper {
  min-height: 44px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 10px 24px rgba(15,23,42,.06) !important;
}

.recharge-card .el-form-item {
  margin-bottom: 18px !important;
}

.recharge-card .el-form-item__content {
  min-width: 0 !important;
}

.verify-code-btn,
.recharge-card .verify-code-btn {
  width: 112px !important;
  min-width: 112px !important;
  height: 44px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  background: #dcfce7 !important;
  border: 1px solid rgba(22,101,52,.20) !important;
  color: #0b0f14 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.recharge-btn-original,
.recharge-card .recharge-btn-original {
  width: 100% !important;
  height: 46px !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%) !important;
  border: 1px solid rgba(22,101,52,.22) !important;
  color: #0b0f14 !important;
  font-weight: 760 !important;
  letter-spacing: .06em !important;
}

.help-btn {
  background: rgba(255,255,255,.72) !important;
  color: #0b0f14 !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.12) !important;
  backdrop-filter: blur(18px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
}

/* Mobile dashboard: stop squeezing content into a narrow column */
@media (max-width: 768px) {
  html, body, #app {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .login-root,
  .login-root[data-v-f901bc25] {
    align-items: flex-start !important;
    padding: max(28px, env(safe-area-inset-top)) 14px 24px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  .phone-screen-viewport,
  .phone-screen-viewport[data-v-f901bc25] {
    width: 100% !important;
    max-width: 420px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    border-radius: 24px !important;
  }

  .login-inner,
  .login-inner[data-v-f901bc25] {
    padding: 34px 22px 30px !important;
  }

  .dashboard-container,
  .dashboard-container[data-v-3bc516d8] {
    display: block !important;
    height: auto !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .sidebar,
  .sidebar[data-v-3bc516d8] {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(15,23,42,.10) !important;
    overflow: visible !important;
    z-index: 20 !important;
  }

  .sidebar.is-collapse,
  .sidebar.is-collapse[data-v-3bc516d8] {
    width: 100% !important;
  }

  .logo,
  .logo[data-v-3bc516d8] {
    height: 52px !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  .sidebar-menu,
  .sidebar-menu[data-v-3bc516d8],
  .el-menu {
    width: 100% !important;
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 10px 10px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .sidebar-menu::-webkit-scrollbar,
  .el-menu::-webkit-scrollbar {
    display: none !important;
  }

  .sidebar-menu .el-menu-item,
  .sidebar-menu[data-v-3bc516d8] .el-menu-item,
  .sidebar-menu[data-v-3bc516d8] .el-sub-menu__title,
  .el-menu-item,
  .el-sub-menu__title {
    flex: 0 0 auto !important;
    height: 40px !important;
    line-height: 40px !important;
    min-width: max-content !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  .header,
  .header[data-v-3bc516d8],
  .el-header {
    height: auto !important;
    min-height: 52px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .tabs-container,
  .tabs-container[data-v-3bc516d8] {
    overflow-x: auto !important;
    padding: 8px 10px !important;
  }

  .main-content,
  .main-content[data-v-3bc516d8],
  .el-main {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .el-card,
  .el-dialog,
  .el-form,
  .account-generate,
  .system-tools,
  [class*="management"],
  [class*="generate"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .el-form-item {
    display: block !important;
    margin-bottom: 16px !important;
  }

  .el-form-item__label {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 0 0 7px !important;
    text-align: left !important;
  }

  .el-form-item__content {
    width: 100% !important;
    margin-left: 0 !important;
    min-width: 0 !important;
  }

  .el-input,
  .el-select,
  .el-input-number,
  .el-textarea,
  .el-date-editor {
    width: 100% !important;
    max-width: 100% !important;
  }

  .el-table,
  .el-table__inner-wrapper,
  .el-table__body-wrapper,
  .el-table__header-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .auth-link-cell,
  .auth-link-text {
    max-width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
  }

  .el-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: normal !important;
  }

  .el-dialog {
    width: calc(100vw - 24px) !important;
    margin: 8vh auto 0 !important;
  }

  .music-player-essence {
    transform: scale(.88) !important;
    transform-origin: right bottom !important;
  }
}

@media (max-width: 560px) {
  .recharge-page,
  .recharge-page.fullscreen-game {
    align-items: flex-start !important;
    justify-content: center !important;
    padding: max(18px, env(safe-area-inset-top)) 12px max(22px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  .recharge-card,
  .recharge-card.el-card {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    border-radius: 24px !important;
  }

  .recharge-card .el-card__body {
    padding: 26px 18px 26px !important;
  }

  .recharge-card .card-title {
    font-size: 26px !important;
    margin-bottom: 22px !important;
  }

  .recharge-card .form-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    margin-bottom: 16px !important;
  }

  .recharge-card .label,
  .recharge-card .value {
    width: 100% !important;
    display: block !important;
  }

  .recharge-card .value {
    font-weight: 700 !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.68) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-sizing: border-box !important;
  }

  .recharge-card .el-form-item,
  .recharge-card .el-form-item__content,
  .recharge-card .el-input,
  .recharge-card .el-select {
    width: 100% !important;
  }

  .recharge-card .el-input-group,
  .recharge-card .el-input-group--append {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .recharge-card .el-input-group--append .el-input__wrapper {
    width: auto !important;
    min-width: 0 !important;
    border-radius: 16px 0 0 16px !important;
  }

  .recharge-card .el-input-group__append {
    width: 112px !important;
    min-width: 112px !important;
    height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    border-radius: 0 16px 16px 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .recharge-card .verify-code-btn {
    width: 112px !important;
    min-width: 112px !important;
    height: 44px !important;
    border-radius: 0 16px 16px 0 !important;
    font-size: 13px !important;
    padding: 0 8px !important;
  }

  .recharge-card .btn-item .el-form-item__content {
    display: block !important;
  }

  .help-btn {
    width: 48px !important;
    height: 48px !important;
    right: 16px !important;
    bottom: 16px !important;
  }
}