/* Align recharge / withdraw pages to tsyl688 home-recharge1 / home-reflect */

.tsyl-rw-page {
  min-height: 100dvh;
  width: 100%;
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  background: url(/assets/tsyl-rw/inner-bg.png) repeat-y top;
  background-size: 100% auto;
  overflow-x: hidden;
}

.tsyl-rw-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: min(11.733vw, 50.219px);
  padding: 0 min(2.667vw, 11.413px);
  position: relative;
  z-index: 20;
  color: #fff;
}

.tsyl-rw-title-back,
.tsyl-rw-title-more {
  width: min(8.533vw, 36.523px);
  height: min(8.533vw, 36.523px);
  border: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.tsyl-rw-title-name {
  flex: 1;
  text-align: center;
  font-size: min(4.267vw, 18.261px);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.tsyl-rw-body {
  padding: min(2.667vw, 11.413px) min(4vw, 17.12px) min(10.667vw, 45.653px);
}

.tsyl-rw-tabs {
  display: flex;
  gap: min(2.133vw, 9.131px);
  margin-bottom: min(5.333vw, 22.827px);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.tsyl-rw-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: min(23.467vw, 100.437px);
  height: min(8.533vw, 36.523px);
  padding: 0 min(2.133vw, 9.131px);
  border: 0;
  border-radius: min(1.6vw, 6.848px);
  background: rgba(197, 202, 233, 0.16);
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  font-weight: 600;
  flex-shrink: 0;
}

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

.tsyl-rw-panel {
  border-radius: min(3.2vw, 13.696px);
  background-image: linear-gradient(178deg, rgba(252, 245, 255, 0.1), rgba(96, 64, 111, 0.14));
  padding: min(3.733vw, 15.979px);
}

.tsyl-rw-label {
  font-size: min(3.733vw, 15.979px);
  color: hsla(0, 0%, 100%, 0.7);
  line-height: min(5.333vw, 22.827px);
  margin: min(2.133vw, 9.131px) 0;
}

.tsyl-rw-input {
  width: 100%;
  height: min(10.667vw, 45.653px);
  border: 0;
  outline: none;
  border-radius: min(1.6vw, 6.848px);
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 0 min(4vw, 17.12px);
  font-size: min(3.733vw, 15.979px);
  box-sizing: border-box;
}

.tsyl-rw-input::placeholder {
  color: #8393ba;
}

.tsyl-rw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.133vw, 9.131px);
  width: 100%;
}

.tsyl-rw-chip {
  width: calc((100% - min(4.266vw, 18.262px)) / 3);
  height: min(10.667vw, 45.653px);
  border: 0;
  border-radius: min(1.6vw, 6.848px);
  background: hsla(0, 0%, 100%, 0.08);
  color: #fff;
  font-size: min(3.733vw, 15.979px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tsyl-rw-chip.is-active {
  background-image: linear-gradient(-81deg, rgba(36, 11, 253, 0.3), rgba(180, 45, 255, 0.3));
  background-size: 100% 100%;
}

.tsyl-rw-pay {
  margin-top: min(8vw, 34.24px);
  width: 100%;
  height: min(11.733vw, 50.219px);
  border: 0;
  padding: 0;
  color: #fff;
  font-size: min(3.733vw, 15.979px);
  font-weight: 600;
  letter-spacing: 0.12em;
  background: url(/assets/tsyl-rw/btn-pay.webp) center / 100% 100% no-repeat;
}

.tsyl-rw-pay:disabled {
  opacity: 0.55;
}

.tsyl-rw-tip {
  margin-top: min(4vw, 17.12px);
  color: hsla(0, 0%, 100%, 0.7);
  font-size: min(3.2vw, 13.696px);
  line-height: min(5.333vw, 22.827px);
}

.tsyl-rw-order {
  margin-top: min(3.2vw, 13.696px);
  padding: min(2.667vw, 11.413px);
  border-radius: min(1.6vw, 6.848px);
  background: hsla(0, 0%, 100%, 0.08);
  font-size: min(3.2vw, 13.696px);
  line-height: 1.6;
}

/* withdraw */

.tsyl-wd-top {
  height: min(17.067vw, 73.045px);
  border-radius: min(5.333vw, 22.827px) min(5.333vw, 22.827px) 0 0;
  background: url(/assets/tsyl-rw/withdraw-top.webp) center / 100% 100% no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 min(6.4vw, 27.392px) 0 min(5.333vw, 22.827px);
  margin: 0 min(1.6vw, 6.848px);
}

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

.tsyl-wd-coin {
  width: min(5.333vw, 22.827px);
  height: min(5.333vw, 22.827px);
  border-radius: 50%;
  background: #22dd99;
  color: #0a4a30;
  font-size: min(2.667vw, 11.413px);
  font-weight: 700;
  display: grid;
  place-items: center;
}

.tsyl-wd-bal {
  font-size: min(3.2vw, 13.696px);
  color: hsla(0, 0%, 100%, 0.75);
}

.tsyl-wd-bal strong {
  color: #22dd99;
  font-weight: 700;
  margin-left: min(1.067vw, 4.565px);
}

.tsyl-wd-panel {
  margin-top: 0;
  border-radius: 0 0 min(3.2vw, 13.696px) min(3.2vw, 13.696px);
}

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

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

.tsyl-wd-all {
  border: 0;
  background: transparent;
  color: #00b7ff;
  font-size: min(3.2vw, 13.696px);
  font-weight: 600;
  white-space: nowrap;
  padding: 0;
}

.tsyl-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;
}

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

.tsyl-rw-link {
  display: block;
  margin-top: min(3.2vw, 13.696px);
  text-align: center;
  color: #00b7ff;
  font-size: min(3.2vw, 13.696px);
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
}

/* —— home-recharge1 / usdt_recharge from chunk-3f5f6038 —— */
.home-recharge1 {
  min-height: 100dvh;
  width: 100%;
  overflow: hidden;
}

.tsyl-rw-record-icon {
  display: block;
  width: min(5.333vw, 22.827px);
  height: min(5.333vw, 22.827px);
  background: url(/assets/tsyl-rw/record-icon.webp) center / 100% 100% no-repeat;
}

.usdt_recharge {
  min-height: min(114.933vw, 491.915px);
  background-image: url(/assets/tsyl-rw/usdt-recharge-bg.png);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: min(2.133vw, 9.131px);
  position: relative;
  padding: 0 min(3.2vw, 13.696px) min(4.267vw, 18.261px);
  box-sizing: border-box;
}

.usdt_recharge .first_line {
  display: flex;
  align-items: center;
  font-size: min(5.333vw, 22.827px);
  font-weight: 700;
  padding-top: min(4.267vw, 18.261px);
  height: min(10.667vw, 45.653px);
  line-height: min(6.4vw, 27.392px);
  gap: min(1.067vw, 4.565px);
}

.usdt_recharge .icon-pic {
  width: min(6.4vw, 27.392px);
  height: min(6.4vw, 27.392px);
  border-radius: 50%;
  background: linear-gradient(135deg, #26a17b, #50af95);
  flex-shrink: 0;
}

.usdt_recharge .u_label {
  color: #fff;
  font-size: min(4.267vw, 18.261px);
}

.usdt_recharge .t_label {
  color: hsla(0, 0%, 100%, 0.65);
  font-size: min(3.2vw, 13.696px);
  font-weight: 500;
  margin-left: min(1.067vw, 4.565px);
}

.usdt_recharge .go_download {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #00b7ff;
  font-size: min(2.933vw, 12.555px);
  padding: 0;
  white-space: nowrap;
}

.usdt_recharge .recharge-amount {
  display: flex;
  flex-direction: column;
  margin-top: min(3.2vw, 13.696px);
}

.usdt_recharge .recharge-amount .label {
  font-size: min(3.733vw, 15.979px);
  color: hsla(0, 0%, 100%, 0.7);
  line-height: min(5.333vw, 22.827px);
  margin: min(2.133vw, 9.131px) 0;
}

.usdt_recharge .tsyl-rw-pay {
  margin-top: min(5.333vw, 22.827px);
}