/* V111 — Withdraw overlay on exact #/wallet/Withdraw (Ref 2, 3, 5). */

html.co-wd-open,
html.co-wd-open body {
  overflow: hidden;
}

html.co-wd-open #app,
html.co-wd-leaving #app {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Native Vue withdraw must never paint — overlay owns #/wallet/Withdraw. */
#app .withdraw__container,
#app .withdraw__container-content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.co-wd-leaving,
html.co-wd-leaving body {
  overflow: hidden;
}

html.co-wd-open .van-overlay,
html.co-wd-open .van-popup,
html.co-wd-open .van-dialog,
html.co-wd-open .dialog__outside,
html.co-wd-open .dialog__container,
html.co-wd-open .dialog-queue-host {
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 5000 !important;
}

html.co-wd-open .van-toast,
html.co-wd-open .van-notify {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.co-wd {
  --wd-bg: #2c3033;
  --wd-header: #2c3033;
  --wd-card: #24282b;
  --wd-border: transparent;
  --wd-text: #ffffff;
  --wd-label: #f2f4f5;
  --wd-muted: #9aa0a6;
  --wd-green: #24ee89;
  --wd-neon: #24ee89;
  --wd-active-fill: #24ee89;
  --wd-glow: none;
  --wd-gold: #FFB341;
  --wd-section-gap: 0.64rem;
  --wd-radius: 0.32rem;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 10rem;
  height: 100%;
  height: 100dvh;
  z-index: 200;
  display: flex;
  flex-direction: column;
  background: var(--wd-bg);
  color: var(--wd-text);
  font-family: inherit;
  overflow: hidden;
}

.co-wd *,
.co-wd *:before,
.co-wd *:after { box-sizing: border-box; }

.co-wd__header {
  flex: none;
  display: grid;
  grid-template-columns: 0.85333rem 1fr 0.85333rem;
  align-items: center;
  min-height: 1.17333rem;
  padding: 0.16rem 0.32rem;
  padding-top: calc(0.16rem + env(safe-area-inset-top, 0px));
  background: var(--wd-header);
}

.co-wd__title {
  margin: 0;
  text-align: center;
  font-size: 0.48rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

.co-wd__head-btn {
  appearance: none;
  width: 0.85333rem;
  height: 0.85333rem;
  border: 0;
  border-radius: 0.16rem;
  background: #464f50;
  color: #e9eded;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
}

.co-wd__head-btn svg {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
}

.co-wd__scroll {
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.32rem 0.32rem calc(0.48rem + env(safe-area-inset-bottom, 0px));
}

.co-wd__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.12rem;
}

.co-wd__row h3 {
  margin: 0;
  font-size: 0.37333rem;
  font-weight: 700;
  color: var(--wd-label);
}

.co-wd__link {
  appearance: none;
  border: 0;
  background: transparent;
  color: #888888;
  font-size: 0.34667rem;
  font-weight: 500;
  padding: 0;
  cursor: pointer;
}

.co-wd__bans {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.28rem;
  gap: 0.08rem;
}

.co-wd__ban-block {
  width: 100%;
  margin-bottom: 0.2rem;
  overflow: visible;
}

.co-wd__ban,
.co-wd__ban:hover,
.co-wd__ban:focus,
.co-wd__ban:focus-visible,
.co-wd__ban:active,
.co-wd__ban.is-empty {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 0.21333rem;
  background: var(--wd-card);
  color: var(--wd-label);
  padding: 0.32rem 0.42667rem;
  text-align: left;
  cursor: pointer;
  min-height: 1.17rem;
  box-shadow: none;
  text-shadow: none;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.co-wd__ban.is-on,
.co-wd__ban.is-empty.is-on {
  background: #018548;
  border: 0;
  box-shadow: none;
  color: #FFFFFF;
}

.co-wd__ban.is-on .co-wd__bank-top,
.co-wd__ban.is-on .co-wd__bank-empty {
  color: #FFFFFF;
  font-weight: 700;
}

.co-wd__bank-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.16rem;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--wd-label);
}

.co-wd__bank-empty {
  font-size: 0.32rem;
  font-weight: 700;
  color: #c8c8c8;
}

.co-wd__amt-lab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.12rem;
  margin: 0.04rem 0 0.16rem;
}

.co-wd__amt-lab b {
  font-size: 0.37333rem;
  font-weight: 700;
  color: var(--wd-label);
}

.co-wd__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  height: 0.48rem;
  padding: 0 0.2rem;
  border-radius: 0.53333rem;
  background: #24ee89;
  color: #10231a;
  font-size: 0.24rem;
  font-weight: 700;
  white-space: nowrap;
}

.co-wd__pill svg {
  width: 0.24rem;
  height: 0.24rem;
  display: block;
}

.co-wd__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.16rem;
  margin-bottom: var(--wd-section-gap);
}

.co-wd__chip,
.co-wd__chip:hover,
.co-wd__chip:focus,
.co-wd__chip:focus-visible,
.co-wd__chip:active {
  appearance: none;
  -webkit-appearance: none;
  min-height: 1.76rem;
  border: 0;
  outline: none;
  border-radius: 0.21333rem;
  background: var(--wd-card);
  color: var(--wd-label);
  font-size: 0.48rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.co-wd__chip.is-on {
  background: #326654;
  border: 2.4px solid #24ee89;
  box-shadow: none;
  color: #24ee89;
}

.co-wd__stats {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 0 0.21333rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}

.co-wd__stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.16rem;
  min-height: 0;
  height: auto;
  padding: 0.22667rem 0;
  border: 0;
  background: transparent;
}

.co-wd__stat + .co-wd__stat {
  border-top: 0;
  margin-top: 0.05333rem;
}

.co-wd__stat span {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  color: #ffffff;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.48rem;
  letter-spacing: 0;
}

.co-wd__stat b,
.co-wd__val {
  color: #FFFFFF;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.48rem;
  text-align: right;
  letter-spacing: 0;
}

.co-wd__stat b.is-gold,
.co-wd__val--accent,
.co-wd__fee b.co-wd__val--accent {
  color: #FFB341;
  font-weight: 700;
}

.co-wd__stat--fee {
  align-items: flex-start;
  min-height: 0;
  padding-top: 0.22667rem;
  padding-bottom: 0.26667rem;
}

.co-wd__fee {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.02667rem;
  min-width: 0;
}

.co-wd__fee b {
  color: #FFFFFF;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.48rem;
}

.co-wd__fee em {
  display: inline-flex;
  align-items: center;
  gap: 0.05333rem;
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-size: 0.26667rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  line-height: 0.34667rem;
}

.co-wd__fee em svg {
  width: 0.26667rem;
  height: 0.26667rem;
  flex: none;
  opacity: 0.7;
}

.co-wd__info {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 0.26667rem;
  height: 0.26667rem;
  border: 0.02667rem solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.co-wd__bang {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: #FFB341;
  color: #ffffff;
  font-size: 0.18667rem;
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  position: relative;
  top: 0.01333rem;
}

.co-wd__cta {
  appearance: none;
  width: 100%;
  min-height: 1.17333rem;
  margin: 0.08rem auto 0;
  border: 0;
  border-radius: 0.26667rem;
  background: #24ee89;
  color: #111111;
  font-size: 0.4rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  cursor: pointer;
}

.co-wd__cta.is-off {
  opacity: 1;
  filter: none;
  background: #3a4142;
  color: rgba(255, 255, 255, 0.55);
  pointer-events: none;
  cursor: default;
}

.co-wd__cta svg {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
}

.co-wd__slow {
  display: block;
  margin: 0.2rem auto 0.32rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.32rem;
  font-weight: 600;
  text-decoration: underline;
  letter-spacing: 0.01em;
}

/* Payment Guarantee uses Deposit .v84-g stack — no green box. */

.co-wd__shade {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.64rem 0.48rem;
  background: rgba(0, 0, 0, 0.7);
}

.co-wd__modal {
  width: 100%;
  max-width: 8.53333rem;
  background: #2c2e30;
  border-radius: 0.48rem;
  padding: 0.64rem 0.53333rem 0.53333rem;
  box-shadow: 0 0.32rem 1.2rem rgba(0, 0, 0, 0.55);
  position: relative;
}

.co-wd__modal--pwd,
.co-wd__modal--done {
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(241, 196, 15, 0.16), transparent 52%),
    #242628;
  border: 1px solid rgba(241, 196, 15, 0.22);
  box-shadow:
    0 0.32rem 1.4rem rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  padding-top: 0.72rem;
}

.co-wd__m-lock,
.co-wd__ok-badge {
  width: 1.12rem;
  height: 1.12rem;
  margin: 0 auto 0.24rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.co-wd__m-lock {
  background: rgba(241, 196, 15, 0.12);
  color: #f1c40f;
  box-shadow: 0 0 0 0.08rem rgba(241, 196, 15, 0.08);
}
.co-wd__m-lock svg,
.co-wd__ok-badge svg {
  width: 0.64rem;
  height: 0.64rem;
  display: block;
}
.co-wd__ok-badge {
  background: rgba(39, 230, 139, 0.12);
  box-shadow: 0 0 0 0.08rem rgba(39, 230, 139, 0.1);
}
.co-wd__ok-badge svg {
  width: 0.72rem;
  height: 0.72rem;
}

.co-wd__m-amt {
  margin: -0.2rem 0 0.4rem;
  text-align: center;
  color: #f1c40f;
  font-size: 0.32rem;
  font-weight: 800;
}

.co-wd__pwd-wrap {
  position: relative;
}
.co-wd__pwd-wrap input {
  padding-right: 1.12rem;
}
.co-wd__pwd-eye {
  appearance: none;
  position: absolute;
  right: 0.12rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  border: 0;
  background: transparent;
  color: #b1bcbe;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
}
.co-wd__pwd-eye svg {
  width: 0.44rem;
  height: 0.44rem;
  display: block;
}

.co-wd__ok-title {
  margin: 0 0.4rem 0.2rem;
  text-align: center;
  font-size: 0.42667rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
}
.co-wd__ok-line {
  margin: 0 0 0.12rem;
  text-align: center;
  color: #e8e8e8;
  font-size: 0.32rem;
  line-height: 1.45;
  font-weight: 600;
}
.co-wd__ok-line.is-wait {
  color: #c8c8c8;
  font-weight: 500;
  margin-bottom: 0.2rem;
}
.co-wd__ok-extra {
  margin: 0 0 0.2rem;
  text-align: center;
  color: #f1c40f;
  font-size: 0.26667rem;
  line-height: 1.4;
}

.co-wd__m-save.is-gold {
  background: linear-gradient(to right, #f1c40f, #f39c12);
  color: #1f2123;
  box-shadow: 0 0.16rem 0.4rem rgba(243, 156, 18, 0.35);
}

.co-wd__m-title {
  margin: 0 0.72rem 0.48rem;
  text-align: center;
  font-size: 0.4rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.25;
}

.co-wd__m-x {
  appearance: none;
  position: absolute;
  top: 0.32rem;
  right: 0.32rem;
  width: 0.56rem;
  height: 0.56rem;
  border: 0;
  border-radius: 0.10667rem;
  background: #3a3d40;
  color: #ffffff;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
}

.co-wd__m-x svg {
  width: 0.29333rem;
  height: 0.29333rem;
  display: block;
}

.co-wd__field {
  margin-bottom: 0.42667rem;
}

.co-wd__field label {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.16rem;
  color: #ffffff;
  font-size: 0.32rem;
  font-weight: 500;
}

.co-wd__field label svg {
  width: 0.4rem;
  height: 0.4rem;
  color: #b1bcbe;
  fill: #b1bcbe;
  stroke: none;
  flex: none;
}

.co-wd__req {
  color: #e74c3c;
  font-weight: 800;
}

.co-wd__field input {
  width: 100%;
  min-height: 1.28rem;
  border: 1px solid #3e4042;
  border-radius: 0.21333rem;
  background: #18191a;
  color: #ffffff;
  font-size: 0.37333rem;
  font-weight: 600;
  padding: 0 0.4rem;
  outline: none;
  box-sizing: border-box;
}

.co-wd__field input:focus {
  border-color: #4caf50;
}

.co-wd__field input::placeholder {
  color: #6a6a6a;
  font-weight: 500;
}

.co-wd__m-msg {
  margin: 0 0 0.32rem;
  color: #e0e0e0;
  font-size: 0.32rem;
  line-height: 1.45;
  text-align: center;
}

.co-wd__m-err {
  min-height: 0.4rem;
  margin: 0.08rem 0 0.24rem;
  color: #e74c3c;
  font-size: 0.26667rem;
  font-weight: 600;
  text-align: center;
}

.co-wd__m-save {
  appearance: none;
  width: 100%;
  min-height: 1.33333rem;
  border: 0;
  border-radius: 0.26667rem;
  background: linear-gradient(90deg, #6eea78 0%, #2db84a 100%);
  color: #ffffff;
  font-size: 0.42667rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 0.16rem 0.4rem rgba(45, 184, 74, 0.4);
}

.co-wd__m-save:hover {
  background: linear-gradient(90deg, #7af084 0%, #32c552 100%);
}

.co-wd__m-save:active {
  opacity: 1;
  filter: brightness(0.96);
}

.co-wd__m-save[disabled] {
  opacity: 0.55;
  pointer-events: none;
}

.co-wd button:active { opacity: 0.88; }
.co-wd__cta.is-off:active { opacity: 0.34; }
.co-wd__ban:active,
.co-wd__chip:active,
.co-wd__ban.is-on:active,
.co-wd__chip.is-on:active { opacity: 1; }

/* Inactive charcoal lock — no box borders on Bank / UPI / USDT. */
html.co-wd-open .co-wd__ban,
html.co-wd-open .co-wd__ban:hover,
html.co-wd-open .co-wd__ban:focus,
html.co-wd-open .co-wd__ban:focus-visible,
html.co-wd-open .co-wd__ban:active,
html.co-wd-open .co-wd__ban.is-empty {
  background: #24282b !important;
  background-color: #24282b !important;
  border: 0 !important;
  border-radius: 0.21333rem !important;
  box-shadow: none !important;
  color: #f2f4f5 !important;
}

html.co-wd-open .co-wd__ban.is-on,
html.co-wd-open .co-wd__ban.is-empty.is-on,
html.co-wd-open .co-wd__ban.is-on:hover,
html.co-wd-open .co-wd__ban.is-on:focus,
html.co-wd-open .co-wd__ban.is-on:active {
  background: #018548 !important;
  background-color: #018548 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  padding: 0.32rem 0.42667rem !important;
}

html.co-wd-open .co-wd__ban.is-on .co-wd__bank-top,
html.co-wd-open .co-wd__ban.is-on .co-wd__bank-empty {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

html.co-wd-open .co-wd__chip:not(.is-on),
html.co-wd-open .co-wd__chip:not(.is-on):hover,
html.co-wd-open .co-wd__chip:not(.is-on):focus,
html.co-wd-open .co-wd__chip:not(.is-on):active {
  background: #24282b !important;
  background-color: #24282b !important;
  border: 0 !important;
  border-radius: 0.21333rem !important;
  box-shadow: none !important;
  color: #f2f4f5 !important;
}

html.co-wd-open .co-wd__chip.is-on,
html.co-wd-open .co-wd__chip.is-on:hover,
html.co-wd-open .co-wd__chip.is-on:focus,
html.co-wd-open .co-wd__chip.is-on:active {
  background: #326654 !important;
  background-color: #326654 !important;
  border: 2.4px solid #24ee89 !important;
  box-shadow: none !important;
  color: #24ee89 !important;
}

html.co-wd-open .co-wd,
html.co-wd-open .co-wd__scroll {
  background: #2c3033 !important;
  background-color: #2c3033 !important;
}

html.co-wd-open .co-wd__header {
  background: #2c3033 !important;
  background-color: #2c3033 !important;
}

html.co-wd-open .co-wd__grid {
  margin-bottom: var(--wd-section-gap) !important;
}

html.co-wd-open .co-wd__stats {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0.21333rem !important;
}

html.co-wd-open .co-wd__stat {
  min-height: 0 !important;
  padding: 0.22667rem 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.co-wd-open .co-wd__stat + .co-wd__stat {
  margin-top: 0.05333rem !important;
}

html.co-wd-open .co-wd__stat--fee {
  min-height: 0 !important;
  padding-top: 0.22667rem !important;
  padding-bottom: 0.26667rem !important;
}

html.co-wd-open .co-wd__stats,
html.co-wd-open .co-wd__stat,
html.co-wd-open .co-wd__stat span,
html.co-wd-open .co-wd__stat b,
html.co-wd-open .co-wd__val,
html.co-wd-open .co-wd__fee,
html.co-wd-open .co-wd__fee b,
html.co-wd-open .co-wd__fee em {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

html.co-wd-open .co-wd__stat span {
  color: #ffffff !important;
  font-size: 0.37333rem !important;
  font-weight: 700 !important;
  line-height: 0.48rem !important;
}

html.co-wd-open .co-wd__stat b,
html.co-wd-open .co-wd__val,
html.co-wd-open .co-wd__fee b {
  color: #FFFFFF !important;
  font-size: 0.37333rem !important;
  font-weight: 700 !important;
  line-height: 0.48rem !important;
}

html.co-wd-open .co-wd__stat b.is-gold,
html.co-wd-open .co-wd__val--accent,
html.co-wd-open .co-wd__fee b.co-wd__val--accent {
  color: #FFB341 !important;
  font-weight: 700 !important;
}

html.co-wd-open .co-wd__fee em {
  font-size: 0.26667rem !important;
  font-weight: 400 !important;
  line-height: 0.34667rem !important;
}

html.co-wd-open .co-wd__fee em,
html.co-wd-open .co-wd__info {
  color: rgba(255, 255, 255, 0.4) !important;
}

html.co-wd-open .co-wd__bang {
  background: #FFB341 !important;
  color: #ffffff !important;
  width: 0.32rem !important;
  height: 0.32rem !important;
}

html.co-wd-open .co-wd__modal {
  background: #2c2e30 !important;
  background-color: #2c2e30 !important;
}
html.co-wd-open .co-wd__modal--pwd,
html.co-wd-open .co-wd__modal--done {
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(241, 196, 15, 0.16), transparent 52%),
    #242628 !important;
  background-color: #242628 !important;
}
html.co-wd-open .co-wd__m-save.is-gold {
  background: linear-gradient(to right, #f1c40f, #f39c12) !important;
  color: #1f2123 !important;
  box-shadow: 0 0.16rem 0.4rem rgba(243, 156, 18, 0.35) !important;
}

html.co-wd-open .co-wd__field label {
  color: #ffffff !important;
}

html.co-wd-open .co-wd__field label svg {
  color: #b1bcbe !important;
  fill: #b1bcbe !important;
  stroke: none !important;
}

html.co-wd-open .co-wd__field input {
  background: #18191a !important;
  background-color: #18191a !important;
  border: 1px solid #3e4042 !important;
  color: #ffffff !important;
}

html.co-wd-open .co-wd__field input:focus {
  border-color: #4caf50 !important;
}
html.co-wd-open .co-wd__modal--pwd .co-wd__field input:focus {
  border-color: #f1c40f !important;
}

html.co-wd-open #co-wd-root .co-wd__modal:not(.co-wd__modal--pwd):not(.co-wd__modal--done) .co-wd__field input,
html.co-wd-open #co-wd-root .co-wd__modal:not(.co-wd__modal--pwd):not(.co-wd__modal--done) .co-wd__field input:focus,
html.co-wd-open #co-wd-root .co-wd__modal:not(.co-wd__modal--pwd):not(.co-wd__modal--done) .co-wd__field.is-lock input,
html.co-wd-open #co-wd-root .co-wd__modal:not(.co-wd__modal--pwd):not(.co-wd__modal--done) .co-wd__field.is-lock input:focus {
  background: #232526 !important;
  background-color: #232526 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.co-wd-open .co-wd__m-x {
  background: #3a3d40 !important;
  background-color: #3a3d40 !important;
  color: #ffffff !important;
  border-radius: 0.10667rem !important;
}

html.co-wd-open .co-wd__m-save {
  background: linear-gradient(90deg, #6eea78 0%, #2db84a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0.16rem 0.4rem rgba(45, 184, 74, 0.4) !important;
}

.co-wd__lock-hint {
  display: flex;
  align-items: flex-start;
  gap: 0.16rem;
  margin: 0.08rem 0 0.4rem;
  color: #9aa0a6;
  font-size: 0.29333rem;
  line-height: 1.45;
  font-weight: 500;
}

.co-wd__lock-hint .co-wd__bang {
  flex: none;
  margin-top: 0.04rem;
}

.co-wd__field.is-lock input,
.co-wd__field.is-lock input:focus {
  color: #8b9094;
  caret-color: transparent;
  border-color: #3e4042;
  cursor: default;
}

html.co-wd-open .co-wd__field.is-lock input,
html.co-wd-open .co-wd__field.is-lock input:focus {
  color: #8b9094 !important;
  border-color: #3e4042 !important;
}

html.co-wd-open .co-wd__m-save.is-cs {
  color: #111111 !important;
  background: linear-gradient(180deg, #6eea78 0%, #2db84a 100%) !important;
}

.co-wd__scroll--ok {
  display: flex;
  flex-direction: column;
  padding: 0.16rem 0.32rem calc(0.48rem + env(safe-area-inset-bottom, 0px));
}

.co-wd__ok {
  flex: 1;
  min-height: 12rem;
  background: #2b2d30;
  border-radius: 0.32rem;
  padding: 0.32rem 0.32rem 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.co-wd__ok-mark {
  width: 4rem;
  height: 4rem;
  margin: 1.6rem auto 0.48rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #4df07b 0%, #26b955 100%);
  box-shadow: 0 0.16rem 0.64rem rgba(36, 238, 137, 0.28);
  display: grid;
  place-items: center;
}

.co-wd__ok-mark svg {
  width: 2.13rem;
  height: 2.13rem;
  display: block;
}

.co-wd__ok-h {
  margin: 0 0 0.72rem;
  text-align: center;
  font-size: 0.48rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
}

.co-wd__ok-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  min-height: 0.96rem;
  padding: 0.18rem 0.8rem;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2edb6e 0%, #a5eb62 100%);
  color: #111111;
  font-size: 0.4rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0.12rem 0.48rem rgba(46, 219, 110, 0.45);
}

.co-wd__ok-btn:active {
  opacity: 0.92;
}

html.co-wd-open .co-wd__ok-btn {
  background: linear-gradient(90deg, #2edb6e 0%, #a5eb62 100%) !important;
  color: #111111 !important;
  box-shadow: 0 0.12rem 0.48rem rgba(46, 219, 110, 0.45) !important;
}

#co-wd-root .co-wd__otp {
  margin: 0 0 0.32rem;
}
#co-wd-root .co-wd__otp-hint {
  margin: 0.12rem 0 0;
  color: #b3bec1;
  font-size: 0.29333rem;
  line-height: 0.4rem;
  font-weight: 500;
}
#co-wd-root .co-wd__otp-hint[hidden] {
  display: none !important;
}
#co-wd-root .co-wd__otp-row {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  min-height: 1.28rem;
  height: 1.28rem;
  border: 0;
  border-radius: 0.21333rem;
  background: #232526;
  padding: 0 0.28rem 0 0.32rem;
  box-sizing: border-box;
}
#co-wd-root .co-wd__otp-row:focus-within {
  outline: none;
  box-shadow: none;
}
#co-wd-root .co-wd__otp-row input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.37333rem;
  font-weight: 600;
  padding: 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  letter-spacing: 0;
}
#co-wd-root .co-wd__otp-row input:focus {
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
}
#co-wd-root .co-wd__otp-row input::placeholder {
  color: #6a6a6a;
  font-weight: 400;
}
#co-wd-root .co-wd__otp-send {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  min-width: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  padding: 0 0.08rem;
  margin: 0;
  cursor: pointer;
  box-shadow: none;
}
#co-wd-root .co-wd__otp-send:disabled {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

html.co-wd-open #co-wd-root .co-wd__otp-row {
  background: #232526 !important;
  background-color: #232526 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.co-wd-open #co-wd-root .co-wd__otp-row input,
html.co-wd-open #co-wd-root .co-wd__otp-row input:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #ffffff !important;
}
html.co-wd-open #co-wd-root .co-wd__otp-send,
html.co-wd-open #co-wd-root .co-wd__otp-send:hover,
html.co-wd-open #co-wd-root .co-wd__otp-send:focus,
html.co-wd-open #co-wd-root .co-wd__otp-send:disabled {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.co-wd__bal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0.05333rem 0 0.37333rem;
  padding: 0;
  min-height: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.co-wd__bal span {
  font-size: 0.4rem;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0.10667rem;
}
.co-wd__bal b {
  font-size: 0.58667rem;
  font-weight: 800;
  color: #24ee89;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.co-wd__minmax {
  margin: 0 0 0.2rem;
  font-size: 0.32rem;
  color: #d8dde2;
  font-weight: 600;
}
.co-wd__amtbox {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  margin: 0 0 0.28rem;
  padding: 0.12rem 0.2rem 0.12rem 0.28rem;
  min-height: 1.04rem;
  border-radius: 0.21333rem;
  background: #323738;
  border: 1px solid #3d4446;
  border-bottom: 1px solid #3d4446;
}
.co-wd__rs {
  flex: 0 0 auto;
  font-size: 0.4rem;
  font-weight: 700;
  color: #fff;
}
.co-wd__amtbox input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 0.37333rem;
  font-weight: 600;
  height: 0.8rem;
}
.co-wd__amtbox input::placeholder { color: #8b9298; font-weight: 500; }
.co-wd__all {
  appearance: none;
  border: 0;
  background: transparent;
  color: #24ee89;
  font-size: 0.32rem;
  font-weight: 800;
  padding: 0.12rem 0.16rem;
  cursor: pointer;
}
.co-wd__acct {
  appearance: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.24rem;
  margin: 0 0 0.32rem;
  padding: 0.28rem 0.28rem;
  border: 1px solid #3d4446;
  border-radius: 0.21333rem;
  background: #323738;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.co-wd__acct-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.04rem; }
.co-wd__acct-txt b { font-size: 0.32rem; font-weight: 700; }
.co-wd__acct-txt em { font-size: 0.28rem; font-style: normal; color: #b8bec4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.co-wd__acct-go { font-size: 0.48rem; color: #9aa0a6; line-height: 1; }
.co-wd__meths { margin: 0 0 0.42667rem; padding-top: 0.16rem; }
.co-wd__meth-lab {
  margin: 0 0 0.21333rem;
  font-size: 0.4rem;
  font-weight: 700;
  color: #fff;
}
.co-wd__meth-lab i { color: #24ee89; font-style: normal; }
.co-wd__meth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.21333rem;
}
.co-wd__meth {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 0.85333rem;
  height: 0.85333rem;
  padding: 0 0.10667rem;
  border: 0.064rem solid #414849;
  border-radius: 0.21333rem;
  background: #3a4142;
  color: #fff;
  font-size: 0.34667rem;
  font-weight: 600;
  line-height: 0.74667rem;
  cursor: pointer;
  overflow: visible;
}
.co-wd__meth.is-on {
  background: #326654;
  border-color: #24ee89;
  color: #24ee89;
  box-shadow: none;
}
.co-wd__facts {
  margin: 0.12rem 0 0.2rem;
  padding: 0.12rem 0.08rem;
  border-radius: 0.21333rem;
  background: #323738;
  border: 1px solid #3d4446;
}
.co-wd__facts > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  padding: 0.2rem 0.16rem;
  font-size: 0.29333rem;
  color: #d5dadd;
}
.co-wd__facts b { color: #fff; font-weight: 700; }
.co-wd__note {
  margin: 0.08rem 0 0.28rem;
  font-size: 0.28rem;
  line-height: 1.45;
  color: #c5c9ce;
}
.co-wd__note b { color: #fff; }
.co-wd__note em { color: #24ee89; font-style: normal; font-weight: 700; }
html.co-wd-open .co-wd__cta {
  background: #3a4142;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.4rem;
  font-weight: 800;
  border-radius: 0.26667rem;
  min-height: 1.17333rem;
}
html.co-wd-open .co-wd__cta:not(.is-off) {
  background: #24ee89;
  color: #111111;
}
html.co-wd-open .co-wd__cta.is-off {
  opacity: 1;
  filter: none;
  background: #3a4142;
  color: rgba(255, 255, 255, 0.55);
  pointer-events: none;
}