.recharge-page .sub-page-action {
    position: absolute;
    right: calc(20 * var(--sub-vw) / 750);
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #fff;
    font-size: calc(34 * var(--sub-vw) / 750);
    line-height: 1;
    padding: calc(8 * var(--sub-vw) / 750);
    cursor: pointer;
}

.recharge-paymethod-first {
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.recharge-paymethod-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750);
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    cursor: pointer;
}

.recharge-paymethod-main {
    display: flex;
    align-items: center;
    gap: calc(12 * var(--sub-vw) / 750);
    min-width: 0;
    flex: 1;
}

.recharge-paymethod-icon {
    width: calc(40 * var(--sub-vw) / 750);
    height: calc(40 * var(--sub-vw) / 750);
    border-radius: 50%;
    background: #26a17b;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(24 * var(--sub-vw) / 750);
    font-weight: 700;
    flex-shrink: 0;
}

.recharge-paymethod-name {
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recharge-paymethod-badge {
    flex-shrink: 0;
    padding: calc(4 * var(--sub-vw) / 750) calc(12 * var(--sub-vw) / 750);
    border-radius: calc(20 * var(--sub-vw) / 750);
    background: #1f9d55;
    color: #fff;
    font-size: calc(20 * var(--sub-vw) / 750);
}

.recharge-paymethod-arrow {
    color: #d2d4e8;
    font-size: calc(34 * var(--sub-vw) / 750);
    line-height: 1;
}

.recharge-method-picker {
    margin-top: calc(10 * var(--sub-vw) / 750);
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    overflow: hidden;
}

.recharge-method-picker-item {
    padding: calc(22 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
    color: #d2d4e8;
    font-size: calc(26 * var(--sub-vw) / 750);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
}

.recharge-method-picker-item:first-child {
    border-top: 0;
}

.recharge-method-picker-item.active {
    color: #fff;
    background: rgba(94, 102, 142, 0.45);
}

.recharge-cs-banner {
    width: 100%;
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #fff;
    color: #298de1;
    font-size: calc(24 * var(--sub-vw) / 750);
    line-height: 1.45;
    padding: calc(18 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750);
    text-align: center;
    cursor: pointer;
    margin-bottom: calc(24 * var(--sub-vw) / 750);
}

.recharge-usdt-qr-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(24 * var(--sub-vw) / 750);
}

.recharge-usdt-qr-wrap .usdt-qrcode-canvas {
    width: min(68vw, 260px) !important;
    height: min(68vw, 260px) !important;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #fff;
}

.recharge-save-qr {
    margin-top: calc(18 * var(--sub-vw) / 750);
    min-width: calc(280 * var(--sub-vw) / 750);
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #c8a86b;
    color: #fff;
    font-size: calc(26 * var(--sub-vw) / 750);
    padding: calc(14 * var(--sub-vw) / 750) calc(28 * var(--sub-vw) / 750);
    cursor: pointer;
}

.recharge-usdt-address-block {
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.recharge-usdt-address-tip {
    color: #d2d4e8;
    font-size: calc(24 * var(--sub-vw) / 750);
    margin-bottom: calc(12 * var(--sub-vw) / 750);
}

.recharge-usdt-address-tip strong {
    color: #c8a86b;
}

.recharge-usdt-address-row {
    display: flex;
    align-items: center;
    gap: calc(12 * var(--sub-vw) / 750);
    background: #353963;
    border-radius: calc(8 * var(--sub-vw) / 750);
    padding: calc(16 * var(--sub-vw) / 750);
}

.recharge-usdt-address-value {
    flex: 1;
    color: #fff;
    font-size: calc(22 * var(--sub-vw) / 750);
    line-height: 1.45;
    word-break: break-all;
}

.recharge-usdt-copy {
    border: 0;
    background: transparent;
    color: #c8a86b;
    font-size: calc(30 * var(--sub-vw) / 750);
    cursor: pointer;
    flex-shrink: 0;
}

.recharge-usdt-amount {
    margin-bottom: calc(24 * var(--sub-vw) / 750);
}

.recharge-next-btn {
    background: #c8a86b !important;
}

.recharge-page--usdt .confirm {
    background: #c8a86b;
}

.recharge-page .usdt-recharge-card {
    background: #353963;
    border-radius: calc(12 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750);
    color: #fff;
}

.recharge-page .usdt-recharge-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    font-size: calc(26 * var(--sub-vw) / 750);
}

.recharge-page .usdt-recharge-label {
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #a9afc7;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
}

.recharge-page .usdt-file-input {
    display: none;
}

.recharge-page .usdt-upload-btn {
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #2c7bd9;
    color: #fff;
    padding: calc(12 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    cursor: pointer;
}

.recharge-page .usdt-proof-preview {
    display: block;
    width: min(70vw, 260px);
    max-width: 100%;
    margin-top: calc(16 * var(--sub-vw) / 750);
    border-radius: calc(8 * var(--sub-vw) / 750);
}

.recharge-page .usdt-submit-btn {
    margin-top: calc(28 * var(--sub-vw) / 750);
}

.recharge-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.recharge-page .amount_box {
    width: 100%;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750);
    box-sizing: border-box;
    border-radius: calc(10 * var(--sub-vw) / 750);
    background-color: #353963;
}

.recharge-page .amount_title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(30 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #fff;
}

.recharge-page .amount_detail {
    font-size: calc(24 * var(--sub-vw) / 750);
    font-weight: 500;
    color: #d2d4e8;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.recharge-page .amount_detail_icon {
    margin-left: calc(10 * var(--sub-vw) / 750);
    font-size: calc(28 * var(--sub-vw) / 750);
    line-height: 1;
}

.recharge-page .amount_val_box {
    width: 100%;
    height: calc(73 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    padding: 0 calc(24 * var(--sub-vw) / 750);
    font-size: calc(40 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #298de1;
    margin: calc(14 * var(--sub-vw) / 750) 0 calc(22 * var(--sub-vw) / 750);
    background: hsla(0, 0%, 100%, 0.17);
    border-radius: calc(4 * var(--sub-vw) / 750);
    border: 1px solid #298de1;
    box-sizing: border-box;
}

.recharge-page .amount_val_box .amount_prefix {
    margin-right: calc(12 * var(--sub-vw) / 750);
    flex-shrink: 0;
}

.recharge-page .amount_val_box input {
    flex: 1;
    border: 0;
    outline: none;
    background: transparent;
    font-size: calc(40 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #298de1;
}

.recharge-page .amount_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recharge-page .amount_item {
    width: 32%;
    height: calc(55 * var(--sub-vw) / 750);
    background: #373d5d;
    border: 1px solid #5e668e;
    border-radius: calc(4 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d2d4e8;
    margin-bottom: calc(10 * var(--sub-vw) / 750);
    font-size: calc(26 * var(--sub-vw) / 750);
    cursor: pointer;
    box-sizing: border-box;
}

.recharge-page .amount_active {
    color: #fff;
    background: #5e668e;
    border-color: #5e668e;
}

.recharge-page .Pay_method {
    padding: calc(28 * var(--sub-vw) / 750);
    box-sizing: border-box;
    background-color: #353963;
    margin: calc(15 * var(--sub-vw) / 750) 0 calc(35 * var(--sub-vw) / 750);
    border-radius: calc(10 * var(--sub-vw) / 750);
}

.recharge-page .method_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recharge-page .method_box,
.recharge-page .tutorial_box {
    display: flex;
    align-items: center;
    font-family: PingFang SC, sans-serif;
}

.recharge-page .method_box {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #fff;
}

.recharge-page .tutorial_box {
    font-size: calc(22 * var(--sub-vw) / 750);
    color: #d2d4e8;
}

.recharge-page .method_top .img {
    height: calc(29 * var(--sub-vw) / 750);
    margin-right: calc(14 * var(--sub-vw) / 750);
}

.recharge-page .tutorial_box .img {
    height: calc(26 * var(--sub-vw) / 750);
    margin-right: calc(14 * var(--sub-vw) / 750);
}

.recharge-page .method_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(12 * var(--sub-vw) / 750);
    margin-top: calc(30 * var(--sub-vw) / 750);
}

.recharge-page .method_item {
    width: auto;
    min-height: calc(72 * var(--sub-vw) / 750);
    height: auto;
    background: #373d5d;
    border: 1px solid #5e668e;
    border-radius: calc(8 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(24 * var(--sub-vw) / 750);
    line-height: 1.35;
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #d2d4e8;
    cursor: pointer;
    box-sizing: border-box;
    padding: calc(14 * var(--sub-vw) / 750) calc(12 * var(--sub-vw) / 750);
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.recharge-page .method_active {
    color: #fff;
    background: #5e668e;
    border-color: #5e668e;
}

.recharge-page .confirm {
    width: 90%;
    height: calc(73 * var(--sub-vw) / 750);
    margin: 0 auto;
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    border: 1px solid #298de1;
    border-radius: calc(4 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(26 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    color: #fff;
    cursor: pointer;
}

.recharge-page .recharge-pay-empty {
    padding: calc(16 * var(--sub-vw) / 750) 0;
    color: #999bb1;
    text-align: center;
    font-size: calc(26 * var(--sub-vw) / 750);
}

.recharge-page .recharge-pc-body {
    display: block;
}

.withdrawal-page.sub-page {
    min-height: 100vh;
    background: #262b4b;
}

.withdrawal-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.withdrawal-page .withdrawal-pc-body {
    display: block;
}

.withdrawal-card {
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750);
    box-sizing: border-box;
    margin-bottom: calc(15 * var(--sub-vw) / 750);
}

.withdrawal-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(30 * var(--sub-vw) / 750);
    font-weight: 500;
    color: #fff;
    margin-bottom: calc(16 * var(--sub-vw) / 750);
}

.withdrawal-detail-link,
.withdrawal-edit-bank {
    border: 0;
    background: transparent;
    color: #d2d4e8;
    font-size: calc(24 * var(--sub-vw) / 750);
    cursor: pointer;
}

.withdrawal-amount-box {
    width: 100%;
    height: calc(73 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    padding: 0 calc(16 * var(--sub-vw) / 750) 0 calc(24 * var(--sub-vw) / 750);
    font-size: calc(40 * var(--sub-vw) / 750);
    color: #298de1;
    background: hsla(0, 0%, 100%, 0.17);
    border: 1px solid #298de1;
    border-radius: calc(4 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.withdrawal-prefix {
    margin-right: calc(12 * var(--sub-vw) / 750);
    flex-shrink: 0;
}

.withdrawal-amount-box input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-size: calc(40 * var(--sub-vw) / 750);
    color: #298de1;
}

.withdrawal-max-btn {
    flex-shrink: 0;
    height: calc(48 * var(--sub-vw) / 750);
    padding: 0 calc(18 * var(--sub-vw) / 750);
    border: 1px solid #5e668e;
    border-radius: calc(4 * var(--sub-vw) / 750);
    background: #373d5d;
    color: #fff;
    font-size: calc(22 * var(--sub-vw) / 750);
    cursor: pointer;
}

.withdrawal-balance-hint {
    margin-top: calc(12 * var(--sub-vw) / 750);
    font-size: calc(22 * var(--sub-vw) / 750);
    color: #999bb1;
}

.withdrawal-payment-box {
    margin-top: calc(24 * var(--sub-vw) / 750);
    padding-top: calc(20 * var(--sub-vw) / 750);
    border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.withdrawal-payment-title {
    font-size: calc(28 * var(--sub-vw) / 750);
    color: #fff;
    margin-bottom: calc(12 * var(--sub-vw) / 750);
}

.withdrawal-payment-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    font-size: calc(44 * var(--sub-vw) / 750);
    color: #298de1;
}

.withdrawal-payment-row span {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #ced2f9;
}

.withdrawal-field {
    margin-top: calc(24 * var(--sub-vw) / 750);
}

.withdrawal-field label {
    display: block;
    margin-bottom: calc(10 * var(--sub-vw) / 750);
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #fff;
}

.withdrawal-field input {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    padding: 0 calc(20 * var(--sub-vw) / 750);
    border: 1px solid #298de1;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    outline: none;
    box-sizing: border-box;
}

.withdrawal-bank-info {
    display: grid;
    gap: calc(14 * var(--sub-vw) / 750);
}

.withdrawal-bank-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #c1c4e2;
}

.withdrawal-bank-row strong {
    color: #fff;
    font-weight: 500;
    text-align: right;
    word-break: break-all;
}

.withdrawal-bank-empty {
    padding: calc(24 * var(--sub-vw) / 750) 0;
    text-align: center;
    color: #999bb1;
    font-size: calc(26 * var(--sub-vw) / 750);
}

.withdrawal-confirm {
    width: 90%;
    height: calc(73 * var(--sub-vw) / 750);
    margin: calc(20 * var(--sub-vw) / 750) auto 0;
    border: 1px solid #298de1;
    border-radius: calc(4 * var(--sub-vw) / 750);
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    color: #fff;
    font-size: calc(26 * var(--sub-vw) / 750);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.withdrawal-confirm:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.withdrawal-bank-modal {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 86vw;
    max-width: 420px;
    background: #383e61;
    color: #fff;
}

.withdrawal-modal-field {
    margin-bottom: calc(16 * var(--sub-vw) / 750);
}

.withdrawal-modal-field label {
    display: block;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #d2d4e8;
}

.withdrawal-modal-field input {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    padding: 0 calc(16 * var(--sub-vw) / 750);
    border: 1px solid #298de1;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: calc(26 * var(--sub-vw) / 750);
    outline: none;
    box-sizing: border-box;
}

.withdrawal-bank-modal .modal-actions {
    display: flex;
    gap: calc(16 * var(--sub-vw) / 750);
    margin-top: calc(24 * var(--sub-vw) / 750);
}

.withdrawal-bank-modal .modal-btn-cancel,
.withdrawal-bank-modal .modal-btn-confirm {
    flex: 1;
    height: calc(72 * var(--sub-vw) / 750);
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    font-size: calc(28 * var(--sub-vw) / 750);
    cursor: pointer;
}

.withdrawal-bank-modal .modal-btn-cancel {
    background: #5e668e;
    color: #fff;
}

.withdrawal-bank-modal .modal-btn-confirm {
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    color: #fff;
}


.recharge-detail-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.recharge-detail-page .Recharge_details {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    display: flex;
    align-items: center;
    background-color: #353963;
    font-size: calc(30 * var(--sub-vw) / 750);
    font-weight: 500;
    color: #fff;
    padding: 0 calc(24 * var(--sub-vw) / 750);
    border-radius: calc(10 * var(--sub-vw) / 750) calc(10 * var(--sub-vw) / 750) 0 0;
    box-sizing: border-box;
}

.recharge-detail-page .Recharge_details_title {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #565c7f;
    line-height: calc(72 * var(--sub-vw) / 750);
    position: relative;
}

.recharge-detail-page .Recharge_details_line {
    width: calc(260 * var(--sub-vw) / 750);
    height: calc(4 * var(--sub-vw) / 750);
    background-color: #298de1;
    position: absolute;
    bottom: 0;
    left: 0;
}

.recharge-detail-page .detail_item {
    width: 100%;
    padding: calc(20 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(60 * var(--sub-vw) / 750);
    margin: calc(10 * var(--sub-vw) / 750) 0;
    background-color: #353963;
    box-sizing: border-box;
}

.recharge-detail-page .detail_item:first-of-type {
    border-radius: 0 0 calc(10 * var(--sub-vw) / 750) calc(10 * var(--sub-vw) / 750);
    margin-top: 0;
}

.recharge-detail-page .detail_item:not(:first-of-type) {
    border-radius: calc(10 * var(--sub-vw) / 750);
}

.recharge-detail-page .item_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(28 * var(--sub-vw) / 750);
    font-weight: 500;
    color: #fff;
}

.recharge-detail-page .item_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(12 * var(--sub-vw) / 750);
}

.recharge-detail-page .content_left {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #999bb1;
    line-height: calc(48 * var(--sub-vw) / 750);
}

.recharge-detail-page .content_right {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #298de1;
}

.recharge-detail-page .status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(120 * var(--sub-vw) / 750);
    padding: calc(6 * var(--sub-vw) / 750) calc(16 * var(--sub-vw) / 750);
    border-radius: calc(999 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
}

.recharge-detail-page .status-badge.done {
    color: #7ee0a8;
    background: rgba(46, 125, 200, 0.18);
}

.recharge-detail-page .status-badge.pending {
    color: #f5c06a;
    background: rgba(245, 192, 106, 0.12);
}

.recharge-detail-page .recharge-detail-empty {
    padding: calc(40 * var(--sub-vw) / 750) 0;
    text-align: center;
    color: #999bb1;
    font-size: calc(26 * var(--sub-vw) / 750);
}

.recharge-detail-page .recharge-detail-more {
    width: 90%;
    height: calc(73 * var(--sub-vw) / 750);
    margin: calc(24 * var(--sub-vw) / 750) auto 0;
    display: block;
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    cursor: pointer;
}


.withdrawal-detail-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    max-height: calc(100vh - 56px);
    overflow-y: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.withdrawal-detail-page .withdrawal-detail-box {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e8ebf3;
    border-radius: calc(16 * var(--sub-vw) / 750);
    box-shadow: 0 calc(8 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750) rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.withdrawal-detail-page .withdrawal-detail-title {
    padding: calc(24 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750) 0;
    font-size: calc(30 * var(--sub-vw) / 750);
    font-weight: 600;
    color: #1f2937;
    position: relative;
}

.withdrawal-detail-page .withdrawal-detail-line {
    width: calc(120 * var(--sub-vw) / 750);
    height: calc(4 * var(--sub-vw) / 750);
    margin-top: calc(16 * var(--sub-vw) / 750);
    background: linear-gradient(90deg, #298de1, #5eb3ff);
    border-radius: calc(4 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-card {
    margin: calc(20 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) 0;
    padding: calc(20 * var(--sub-vw) / 750);
    border: 1px solid #e8ebf3;
    border-radius: calc(14 * var(--sub-vw) / 750);
    background: #f8fafc;
}

.withdrawal-detail-page .withdrawal-detail-card:last-of-type {
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    margin-bottom: calc(16 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-amount {
    font-size: calc(34 * var(--sub-vw) / 750);
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.withdrawal-detail-page .withdrawal-detail-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: calc(44 * var(--sub-vw) / 750);
    padding: 0 calc(18 * var(--sub-vw) / 750);
    border-radius: 999px;
    font-size: calc(22 * var(--sub-vw) / 750);
    font-weight: 600;
    white-space: nowrap;
}

.withdrawal-detail-page .withdrawal-detail-status.is-success {
    color: #15803d;
    background: #dcfce7;
}

.withdrawal-detail-page .withdrawal-detail-status.is-pending {
    color: #1d4ed8;
    background: #dbeafe;
}

.withdrawal-detail-page .withdrawal-detail-status.is-failed {
    color: #b91c1c;
    background: #fee2e2;
}

.withdrawal-detail-page .withdrawal-detail-meta {
    display: grid;
    gap: calc(12 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-row {
    display: grid;
    grid-template-columns: calc(180 * var(--sub-vw) / 750) 1fr;
    gap: calc(12 * var(--sub-vw) / 750);
    align-items: start;
}

.withdrawal-detail-page .withdrawal-detail-label {
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #6b7280;
    line-height: calc(36 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-value {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #111827;
    line-height: calc(36 * var(--sub-vw) / 750);
    word-break: break-all;
    text-align: right;
}

.withdrawal-detail-page .withdrawal-detail-value--muted {
    color: #4b5563;
    font-size: calc(24 * var(--sub-vw) / 750);
}

.withdrawal-detail-page .withdrawal-detail-empty {
    padding: calc(48 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
    text-align: center;
    color: #6b7280;
    font-size: calc(26 * var(--sub-vw) / 750);
}


.capital-detail-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.capital-detail-page .capital-detail-box {
    width: 100%;
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(16 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.capital-detail-page .capital-detail-title {
    font-size: calc(30 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.capital-detail-page .capital-detail-line {
    width: calc(60 * var(--sub-vw) / 750);
    height: calc(4 * var(--sub-vw) / 750);
    margin-top: calc(10 * var(--sub-vw) / 750);
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    border-radius: calc(2 * var(--sub-vw) / 750);
}

.capital-detail-page .capital-filter {
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.capital-detail-page .capital-filter-select {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    padding: 0 calc(24 * var(--sub-vw) / 750);
    border: 1px solid #565c7f;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    outline: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #999bb1 50%), linear-gradient(135deg, #999bb1 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(50% - 3px), calc(100% - 16px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.capital-detail-page .record-table {
    width: 100%;
    overflow: hidden;
}

.capital-detail-page .record-table-head,
.capital-detail-page .record-table-row {
    display: grid;
    grid-template-columns: 1.2fr 1.1fr 0.9fr;
    gap: calc(8 * var(--sub-vw) / 750);
    align-items: start;
    padding: calc(18 * var(--sub-vw) / 750) 0;
}

.capital-detail-page .record-table-head {
    min-height: calc(64 * var(--sub-vw) / 750);
    align-items: center;
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #999bb1;
    border-bottom: 1px solid #565c7f;
}

.capital-detail-page .record-table-body {
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

.capital-detail-page .record-table-row {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: #fff;
    line-height: calc(40 * var(--sub-vw) / 750);
    border-bottom: 1px solid rgba(86, 92, 127, 0.55);
}

.capital-detail-page .record-table-row:last-child {
    border-bottom: 0;
}

.capital-detail-page .record-table-empty {
    padding: calc(40 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750);
    text-align: center;
    color: #999bb1;
    font-size: calc(26 * var(--sub-vw) / 750);
}

.capital-detail-page .amount-positive {
    color: #4cd964;
}

.capital-detail-page .amount-negative {
    color: #ff6b6b;
}


.change-pwd-page .container,
.sign-in-page .container {
    width: 100%;
    position: relative;
    top: 0;
    height: auto;
    padding: calc(24 * var(--sub-vw) / 750) calc(26 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.sign-in-page .sign-in-pc-body {
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(30 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.sign-in-page .sign-in-panel {
    background: transparent;
}

.change-pwd-page .change-pwd-box,
.sign-in-page .sign-in-box {
    width: 100%;
    background: #353963;
    border-radius: calc(10 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(30 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.change-pwd-page .change-pwd-title,
.sign-in-page .sign-in-title {
    font-size: calc(30 * var(--sub-vw) / 750);
    font-family: PingFang SC, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.change-pwd-page .change-pwd-line,
.sign-in-page .sign-in-line {
    width: calc(60 * var(--sub-vw) / 750);
    height: calc(4 * var(--sub-vw) / 750);
    margin-top: calc(10 * var(--sub-vw) / 750);
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    border-radius: calc(2 * var(--sub-vw) / 750);
}

.change-pwd-page .pwd_item {
    margin-bottom: calc(24 * var(--sub-vw) / 750);
}

.change-pwd-page .pwd_item_name {
    font-size: calc(28 * var(--sub-vw) / 750);
    color: #fff;
    margin-bottom: calc(12 * var(--sub-vw) / 750);
}

.change-pwd-page .pwd_item_input {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    padding: 0 calc(20 * var(--sub-vw) / 750);
    border: 1px solid #298de1;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    outline: none;
    box-sizing: border-box;
}

.change-pwd-page .confirm_btn {
    width: 100%;
    height: calc(80 * var(--sub-vw) / 750);
    margin-top: calc(12 * var(--sub-vw) / 750);
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    color: #fff;
    font-size: calc(30 * var(--sub-vw) / 750);
    background: linear-gradient(180deg, #25a8ed, #2c7bd9);
    cursor: pointer;
}

.change-pwd-page .confirm_btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.sign-in-page .sign_days {
    width: calc(433 * var(--sub-vw) / 750);
    max-width: 100%;
    margin: calc(24 * var(--sub-vw) / 750) auto calc(30 * var(--sub-vw) / 750);
    padding: calc(18 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750);
    background: linear-gradient(-3deg, #f0d089, #f2bd49);
    border-radius: calc(12 * var(--sub-vw) / 750);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0;
}

.sign-in-page .sign_days_title {
    font-size: calc(30 * var(--sub-vw) / 750);
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.sign-in-page .sign_days_title:disabled {
    cursor: default;
    opacity: 0.85;
}

.sign-in-page .sign_days_line {
    width: 100%;
    height: 1px;
    margin: calc(8 * var(--sub-vw) / 750) 0;
    background: rgba(255, 255, 255, 0.35);
}

.sign-in-page .sign_days_detail {
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #f6eacf;
}

.sign-in-page .sign_reward {
    text-align: center;
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #f2bd49;
    margin-bottom: calc(28 * var(--sub-vw) / 750);
}

.sign-in-page .sign-calendar {
    margin-bottom: calc(28 * var(--sub-vw) / 750);
}

.sign-in-page .sign-calendar-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
}

.sign-in-page .sign-calendar-btn {
    width: calc(56 * var(--sub-vw) / 750);
    height: calc(56 * var(--sub-vw) / 750);
    border: 1px solid #565c7f;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: calc(28 * var(--sub-vw) / 750);
    cursor: pointer;
}

.sign-in-page .sign-calendar-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.sign-in-page .sign-calendar-week,
.sign-in-page .sign-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: calc(8 * var(--sub-vw) / 750);
}

.sign-in-page .sign-calendar-week {
    margin-bottom: calc(10 * var(--sub-vw) / 750);
    text-align: center;
    font-size: calc(22 * var(--sub-vw) / 750);
    color: #999bb1;
}

.sign-in-page .sign-calendar-cell {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(8 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #fff;
}

.sign-in-page .sign-calendar-cell.empty {
    visibility: hidden;
}

.sign-in-page .sign-calendar-cell.signed {
    background: #2c7bd9;
    color: #fff;
    font-weight: 600;
}

.sign-in-page .sign-calendar-cell.today {
    border: 1px solid #f2bd49;
}

.sign-in-page .sign_instr {
    margin-top: calc(12 * var(--sub-vw) / 750);
}

.sign-in-page .sign_instr_detail {
    margin-top: calc(20 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    line-height: 1.6;
    color: #c3c5d8;
}

.usdt-recharge-page .usdt-recharge-card {
    background: #353963;
    border-radius: calc(12 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750);
    color: #fff;
}

.usdt-recharge-page .usdt-recharge-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    font-size: calc(26 * var(--sub-vw) / 750);
}

.usdt-recharge-page .usdt-recharge-tip {
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    line-height: 1.5;
    color: #c3c5d8;
}

.usdt-recharge-page .usdt-recharge-label {
    font-size: calc(24 * var(--sub-vw) / 750);
    color: #a9afc7;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
}

.usdt-recharge-page .usdt-recharge-address,
.usdt-recharge-page .usdt-recharge-upload {
    margin-top: calc(20 * var(--sub-vw) / 750);
}

.usdt-recharge-page .usdt-recharge-value {
    word-break: break-all;
    font-size: calc(24 * var(--sub-vw) / 750);
    line-height: 1.5;
    margin-bottom: calc(12 * var(--sub-vw) / 750);
}

.usdt-recharge-page .usdt-copy-btn,
.usdt-recharge-page .usdt-upload-btn {
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #2c7bd9;
    color: #fff;
    padding: calc(12 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    cursor: pointer;
}

.usdt-recharge-page .usdt-recharge-qrcode {
    margin-top: calc(20 * var(--sub-vw) / 750);
    text-align: center;
}

.usdt-recharge-page .usdt-qrcode-canvas {
    width: min(60vw, 220px) !important;
    height: min(60vw, 220px) !important;
    max-width: 100%;
    border-radius: calc(8 * var(--sub-vw) / 750);
    background: #fff;
}

.usdt-recharge-page .usdt-file-input {
    display: none;
}

.usdt-recharge-page .usdt-proof-preview {
    display: block;
    width: min(70vw, 260px);
    max-width: 100%;
    margin-top: calc(16 * var(--sub-vw) / 750);
    border-radius: calc(8 * var(--sub-vw) / 750);
}

.usdt-recharge-page .usdt-submit-btn {
    margin-top: calc(28 * var(--sub-vw) / 750);
}

/* Mobile exchange-style withdrawal */
.withdrawal-page--exchange {
    min-height: 100vh;
    background: var(--app-bg, #f5f7f9);
    color: var(--app-text, #24314f);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + calc(32 * var(--sub-vw) / 750));
}

.withdrawal-page--exchange .wd-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    padding: calc(16 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
    padding-top: calc(env(safe-area-inset-top, 0px) + calc(16 * var(--sub-vw) / 750));
    background: #ffffff;
    border-bottom: 1px solid var(--app-line, #e5ebf5);
}

.withdrawal-page--exchange .wd-back,
.withdrawal-page--exchange .wd-records {
    flex-shrink: 0;
    width: calc(56 * var(--sub-vw) / 750);
    height: calc(56 * var(--sub-vw) / 750);
    border: 0;
    background: transparent;
    color: var(--app-text, #24314f);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.withdrawal-page--exchange .wd-back {
    font-size: calc(52 * var(--sub-vw) / 750);
    line-height: 1;
}

.withdrawal-page--exchange .wd-title {
    flex: 1;
    min-width: 0;
    text-align: center;
    font-size: calc(34 * var(--sub-vw) / 750);
    font-weight: 600;
    color: var(--app-text, #24314f);
}

.withdrawal-page--exchange .wd-body {
    padding: 0 calc(28 * var(--sub-vw) / 750);
}

.withdrawal-page--exchange .wd-tabs {
    display: flex;
    align-items: flex-end;
    gap: calc(28 * var(--sub-vw) / 750);
    margin-bottom: calc(28 * var(--sub-vw) / 750);
    border-bottom: 1px solid var(--app-line, #e5ebf5);
}

.withdrawal-page--exchange .wd-tab {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--app-muted, #8a93a8);
    font-size: calc(26 * var(--sub-vw) / 750);
    line-height: 1.35;
    padding: 0 0 calc(16 * var(--sub-vw) / 750);
    cursor: pointer;
    text-align: center;
    position: relative;
}

.withdrawal-page--exchange .wd-tab.active {
    color: var(--app-blue, #2f73f6);
}

.withdrawal-page--exchange .wd-tab.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--app-blue, #2f73f6);
}

.withdrawal-page--exchange .wd-section {
    padding: calc(20 * var(--sub-vw) / 750) 0;
    background: #ffffff;
    border-radius: calc(12 * var(--sub-vw) / 750);
    padding-left: calc(16 * var(--sub-vw) / 750);
    padding-right: calc(16 * var(--sub-vw) / 750);
    margin-bottom: calc(12 * var(--sub-vw) / 750);
    border: 1px solid var(--app-line, #e5ebf5);
    box-shadow: var(--app-shadow, 0 calc(8 * var(--sub-vw) / 750) calc(28 * var(--sub-vw) / 750) rgba(33, 63, 124, 0.07));
}

.withdrawal-page--exchange .wd-label {
    font-size: calc(28 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    margin-bottom: calc(14 * var(--sub-vw) / 750);
}

.withdrawal-page--exchange .wd-value {
    font-size: calc(30 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    word-break: break-all;
}

.withdrawal-page--exchange .wd-empty {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
    line-height: 1.5;
}

.withdrawal-page--exchange .wd-link {
    border: 0;
    background: transparent;
    color: var(--app-blue, #2f73f6);
    font-size: calc(26 * var(--sub-vw) / 750);
    cursor: pointer;
    padding: 0;
    margin-left: calc(8 * var(--sub-vw) / 750);
}

.withdrawal-page--exchange .wd-divider {
    height: 1px;
    background: var(--app-line, #e5ebf5);
}

.withdrawal-page--exchange .wd-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    font-size: calc(28 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    margin-bottom: calc(18 * var(--sub-vw) / 750);
}

.withdrawal-page--exchange .wd-available {
    font-size: calc(24 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
    white-space: nowrap;
}

.withdrawal-page--exchange .wd-amount-row {
    display: flex;
    align-items: center;
    gap: calc(16 * var(--sub-vw) / 750);
    border-bottom: 1px solid var(--app-line, #e5ebf5);
    padding-bottom: calc(12 * var(--sub-vw) / 750);
}

.withdrawal-page--exchange .wd-amount-row input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--app-text, #24314f);
    font-size: calc(40 * var(--sub-vw) / 750);
    padding: 0;
}

.withdrawal-page--exchange .wd-amount-row input::placeholder {
    color: var(--app-muted, #8a93a8);
}

.withdrawal-page--exchange .wd-all {
    flex-shrink: 0;
    border: 0;
    background: transparent;
    color: var(--app-blue, #2f73f6);
    font-size: calc(28 * var(--sub-vw) / 750);
    cursor: pointer;
    padding: 0;
}

.withdrawal-page--exchange .wd-hint {
    margin-top: calc(14 * var(--sub-vw) / 750);
    font-size: calc(24 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
}

.withdrawal-page--exchange .wd-hint--right {
    text-align: right;
}

.withdrawal-page--exchange .wd-received {
    font-size: calc(44 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    font-weight: 600;
}

.withdrawal-page--exchange .wd-password input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--app-line, #e5ebf5);
    outline: none;
    background: transparent;
    color: var(--app-text, #24314f);
    font-size: calc(30 * var(--sub-vw) / 750);
    padding: calc(8 * var(--sub-vw) / 750) 0 calc(14 * var(--sub-vw) / 750);
    box-sizing: border-box;
}

.withdrawal-page--exchange .wd-password input::placeholder {
    color: var(--app-muted, #8a93a8);
}

.withdrawal-page--exchange .wd-ok {
    width: 100%;
    height: calc(88 * var(--sub-vw) / 750);
    margin-top: calc(36 * var(--sub-vw) / 750);
    border: 0;
    border-radius: calc(12 * var(--sub-vw) / 750);
    background: var(--app-btn, linear-gradient(180deg, #5ba3ff 0%, #2f73f6 100%));
    color: #ffffff;
    font-size: calc(32 * var(--sub-vw) / 750);
    font-weight: 600;
    cursor: pointer;
}

.withdrawal-page--exchange .wd-ok:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}