/* 提现覆盖层 — 星云背景 + 玻璃边框，绕开 SPA AuthGate */

html.jb-withdraw-open {
  overflow: hidden;
}

#jb-withdraw-root {
  position: fixed;
  inset: 0;
  z-index: 10060;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.jb-wd-page {
  min-height: 100%;
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  background-color: #151e34;
  background-image: url(/home-bg.png);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
  box-sizing: border-box;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

.jb-wd-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: min(11.733vw, 50.219px);
  padding: 0 min(2.667vw, 11.413px);
  position: sticky;
  top: 0;
  z-index: 20;
  background: linear-gradient(180deg, rgba(10, 4, 28, 0.72), rgba(10, 4, 28, 0.2));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.jb-wd-back,
.jb-wd-more,
.jb-wd-title-hold {
  width: min(8.533vw, 36.523px);
  height: min(8.533vw, 36.523px);
  border: 0;
  padding: 0;
  background: transparent;
}

.jb-wd-back {
  background: url(/assets/tsyl-records/back-arrow.webp) center / 100% 100% no-repeat;
  cursor: pointer;
}

.jb-wd-more {
  background: url(/assets/tsyl-rw/history-icon.webp) center / 100% 100% no-repeat;
  cursor: pointer;
}

.jb-wd-title-name {
  flex: 1;
  text-align: center;
  font-size: min(4.8vw, 20.544px);
  font-weight: 500;
}

.jb-wd-body {
  padding: min(2.667vw, 11.413px) min(4vw, 17.12px) 0;
}

.jb-wd-tabs {
  display: flex;
  gap: min(2.133vw, 9.131px);
  overflow-x: auto;
  padding-top: min(2.133vw, 9.131px);
  margin-bottom: min(3.2vw, 13.696px);
}

.jb-wd-tab {
  min-width: min(23.467vw, 100.437px);
  height: min(8.533vw, 36.523px);
  padding: 0 min(2.133vw, 9.131px);
  border-radius: min(1.6vw, 6.848px);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  background: rgba(197, 200, 233, 0.08);
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  font-weight: 600;
  flex-shrink: 0;
  cursor: pointer;
}

.jb-wd-tab.is-active {
  border-color: transparent;
  background: url(/assets/tsyl-rw/tab-selected.png) center / 100% 100% no-repeat;
}

.jb-wd-top {
  height: min(17.067vw, 73.045px);
  margin: 0 min(1.6vw, 6.848px);
  padding: 0 min(5.333vw, 22.827px);
  border-radius: min(5.333vw, 22.827px) min(5.333vw, 22.827px) 0 0;
  border: 1px solid hsla(0, 0%, 100%, 0.14);
  border-bottom: 0;
  background: url(/assets/tsyl-rw/withdraw-top.webp) center / 100% 100% no-repeat;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.jb-wd-top-left {
  display: flex;
  align-items: center;
  gap: min(2.133vw, 9.131px);
  font-weight: 600;
}

.jb-wd-coin {
  width: min(5.333vw, 22.827px);
  height: min(5.333vw, 22.827px);
  background: url(/assets/tsyl-rw/usdt-icon.png) center / contain no-repeat;
}

.jb-wd-bal {
  margin-left: auto;
  color: #ffe63d;
  font-weight: 600;
}

.jb-wd-bal strong {
  margin-left: 4px;
  color: #ffe63d;
}

.jb-wd-panel {
  position: relative;
  margin: 0 min(1.6vw, 6.848px);
  padding: min(3.733vw, 15.979px);
  border-radius: 0 0 min(3.2vw, 13.696px) min(3.2vw, 13.696px);
  border: 1px solid hsla(0, 0%, 100%, 0.14);
  border-top: 0;
  background-image: linear-gradient(177deg, rgba(252, 245, 255, 0.08), rgba(96, 64, 111, 0.18));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

.jb-wd-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, transparent 10%, #bdbaba 55%, transparent);
}

.jb-wd-label {
  margin: min(2.133vw, 9.131px) 0;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: min(3.733vw, 15.979px);
}

.jb-wd-input {
  width: 100%;
  height: min(10.667vw, 45.653px);
  border-radius: min(1.6vw, 6.848px);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  background: rgba(197, 200, 233, 0.08);
  color: #fff;
  padding: 0 min(4vw, 17.12px);
  font-size: min(3.733vw, 15.979px);
  box-sizing: border-box;
  outline: none;
}

.jb-wd-input::placeholder {
  color: #8393ba;
}

.jb-wd-amount-row {
  display: flex;
  align-items: center;
  gap: min(2.133vw, 9.131px);
}

.jb-wd-amount-row .jb-wd-input {
  flex: 1;
}

.jb-wd-all {
  border: 0;
  background: transparent;
  color: #00b7ff;
  white-space: nowrap;
  font-size: min(3.733vw, 15.979px);
  height: min(10.667vw, 45.653px);
  cursor: pointer;
}

.jb-wd-set-pwd {
  width: 100%;
  height: min(10.667vw, 45.653px);
  border-radius: min(1.6vw, 6.848px);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  background: rgba(197, 200, 233, 0.08);
  color: #00b7ff;
  text-align: left;
  padding-left: min(3.2vw, 13.696px);
  font-size: min(3.733vw, 15.979px);
  cursor: pointer;
}

.jb-wd-submit {
  margin-top: min(5.333vw, 22.827px);
  width: 100%;
  height: min(10.667vw, 45.653px);
  border: 0;
  padding: 0;
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  font-weight: 600;
  background: url(/assets/tsyl-rw/btn-withdraw-submit.webp) center / 100% 100% no-repeat;
  cursor: pointer;
}

.jb-wd-submit:disabled {
  opacity: 0.55;
}

.jb-wd-first {
  margin-top: min(3.2vw, 13.696px);
}

.jb-wd-notice {
  margin: 0;
  color: hsla(0, 0%, 100%, 0.7);
  line-height: 1.6;
}

.jb-wd-link {
  border: 0;
  background: none;
  color: #00b7ff;
  padding: 0;
  cursor: pointer;
}

.jb-wd-err {
  margin-top: 10px;
  color: #ff7b7b;
}

.jb-wd-ok {
  margin-top: 10px;
  color: #24ee89;
}

.jb-wd-tips {
  margin: min(3.2vw, 13.696px) min(3.2vw, 13.696px) 0;
}

.jb-wd-tip {
  position: relative;
  margin: 0;
  padding-left: min(3.733vw, 15.979px);
  color: #aba8ae;
  line-height: 1.5;
}

.jb-wd-tip.is-spaced {
  margin-top: min(3.2vw, 13.696px);
}

.jb-wd-tip-icon {
  position: absolute;
  left: 0;
  top: 2px;
  width: min(3.2vw, 13.696px);
  height: min(3.2vw, 13.696px);
  background: url(/assets/tsyl-rw/tip-warning.webp) center / 100% 100% no-repeat;
}

.jb-wd-loading {
  padding: 80px 20px;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.7);
}

.jb-wd-loading.is-err button {
  display: inline-block;
  margin-top: 12px;
  margin-left: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid hsla(0, 0%, 100%, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}