/* =========================================================
   DEPOSIT PAGE (#/wallet/Recharge) - NEW UI
   Loaded after blue-theme.css (see index.html).
   Markup hooks added in page-wallet-75464017.js:
   .pm-head, .pm-sub, .ba-pill, .pa-custom, .pa-bonus
   ========================================================= */

.Recharge__box {
    --dp-gold: #FFD24A;
    --dp-gold-2: #F2A900;
    --dp-card: linear-gradient(180deg, #11295A 0%, #0A1C3F 100%);
    --dp-tile: linear-gradient(180deg, #14336B 0%, #0C2148 100%);
    --dp-border: rgba(86, 156, 255, .28);
    --dp-muted: #9DB2D8;

    background:
        radial-gradient(120% 40% at 50% 0%, rgba(30, 110, 255, .22) 0%, rgba(30, 110, 255, 0) 70%),
        #050D1F;
    min-height: 100vh;
}

/* ---------- Header: "Deposit history" pill ---------- */
.Recharge__box .navbar__content-right .title {
    display: inline-flex;
    align-items: center;
    gap: .10667rem;
    padding: .08rem .24rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: .53333rem;
    font-size: .32rem !important;
    color: #FFFFFF;
    background: rgba(255, 255, 255, .06);
}

.Recharge__box .navbar__content-right .title::before {
    content: "";
    width: .34667rem;
    height: .34667rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Balance card ---------- */
.Recharge__box .balanceAssets[data-v-98c90f53] {
    height: auto;
    min-height: 3.2rem;
    padding: .37333rem .4rem .4rem;
    margin-top: .26667rem;
    border-radius: .32rem;
    color: #FFFFFF;
    overflow: hidden;
    background:
        url("/assets/png/deposit/wallet.svg") right -.10667rem center / 4.53333rem auto no-repeat,
        radial-gradient(90% 120% at 100% 0%, rgba(80, 160, 255, .45) 0%, rgba(80, 160, 255, 0) 60%),
        linear-gradient(135deg, #1A4FB8 0%, #0D2B6E 55%, #0A1F52 100%) !important;
    border: 1px solid rgba(110, 175, 255, .45);
    box-shadow: 0 .16rem .48rem rgba(0, 40, 140, .45), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.Recharge__box .balanceAssets__header__left[data-v-98c90f53] {
    font-size: .37333rem;
    color: #DCE8FF;
}

.Recharge__box .balanceAssets__main[data-v-98c90f53] {
    margin: .13333rem 0 .21333rem;
    font-size: .8rem;
    color: var(--dp-gold);
    text-shadow: 0 .02667rem .10667rem rgba(0, 0, 0, .35);
}

.Recharge__box .balanceAssets__main p[data-v-98c90f53] {
    margin-left: 0;
}

.Recharge__box .balanceAssets__tip {
    display: none;
}

.ba-pill {
    display: none;
}

.Recharge__box .ba-pill {
    display: inline-flex;
    align-items: center;
    gap: .10667rem;
    padding: .08rem .24rem;
    border-radius: .53333rem;
    font-size: .29333rem;
    color: #E8EFFF;
    background: rgba(5, 18, 50, .45);
    border: 1px solid rgba(140, 190, 255, .35);
}

.Recharge__box .ba-pill::before {
    content: "";
    width: .32rem;
    height: .32rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD24A'%3E%3Cpath d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5L3 8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Section headings ---------- */
.Recharge__box .pm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .42667rem;
}

.Recharge__box .pm-head__title {
    position: relative;
    padding-left: .24rem;
    font-size: .42667rem;
    font-weight: 700;
    color: #FFFFFF;
}

.Recharge__box .pm-head__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: .08rem;
    height: .42667rem;
    border-radius: .05333rem;
    background: linear-gradient(180deg, #4DA3FF 0%, #1565FF 100%);
    transform: translateY(-50%);
}

.Recharge__box .pm-head__secure {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    font-size: .26667rem;
    color: var(--dp-muted);
}

.Recharge__box .pm-head__secure::before {
    content: "";
    width: .32rem;
    height: .32rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5l8-3z' fill='%23FFD24A'/%3E%3Cpath d='M8 12l3 3 5-6' fill='none' stroke='%23704A00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Payment method tiles ---------- */
.Recharge__box .Recharge__container-tabcard[data-v-4f3d8608] {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .18667rem;
    margin-top: .26667rem;
}

.Recharge__box .Recharge__container-tabcard__items[data-v-4f3d8608] {
    height: auto;
    min-height: 2.13333rem;
    padding: .13333rem .05333rem .21333rem;
    border-radius: .21333rem;
    background: var(--dp-tile);
    border: 1px solid var(--dp-border);
    color: #FFFFFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    transition: transform .15s ease-out;
}

.Recharge__box .Recharge__container-tabcard__items[data-v-4f3d8608]:active {
    transform: scale(.97);
}

.Recharge__box .Recharge__container-tabcard__top[data-v-4f3d8608] {
    width: .85333rem;
    height: .85333rem;
    margin: .16rem auto .10667rem;
}

.Recharge__box .Recharge__container-tabcard__top img[data-v-4f3d8608] {
    object-fit: contain;
}

.Recharge__box .Recharge__container-tabcard__items .Recharge__container-tabcard__bot[data-v-4f3d8608] {
    font-size: .29333rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 .05333rem;
    word-break: break-word;
}

.Recharge__box .pm-sub {
    margin-top: .05333rem;
    font-size: .22667rem;
    font-weight: 500;
    color: var(--dp-muted);
}

.Recharge__box .Recharge__container-tabcard__items.active[data-v-4f3d8608] {
    background:
        radial-gradient(120% 85% at 50% 0%, rgba(255, 205, 70, .42) 0%, rgba(255, 205, 70, .12) 45%, rgba(255, 205, 70, 0) 75%),
        linear-gradient(180deg, #3A2E12 0%, #1A2142 100%) !important;
    border: 1.5px solid var(--dp-gold);
    box-shadow:
        0 0 .37333rem rgba(255, 200, 60, .6),
        inset 0 0 .53333rem rgba(255, 196, 50, .55),
        inset 0 0 0 1px rgba(255, 236, 160, .35);
    color: #FFFFFF;
}

.Recharge__box .Recharge__container-tabcard__items.active .pm-sub {
    color: #FFE6A0;
}

/* Check badge on the selected tile */
.Recharge__box .Recharge__container-tabcard__items.active[data-v-4f3d8608]::after {
    content: "";
    position: absolute;
    top: .08rem;
    right: .08rem;
    width: .37333rem;
    height: .37333rem;
    border-radius: 50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23523600' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat,
        linear-gradient(180deg, var(--dp-gold) 0%, var(--dp-gold-2) 100%);
    box-shadow: 0 0 .10667rem rgba(255, 200, 60, .6);
}

html:lang(ar) .Recharge__box .Recharge__container-tabcard__items.active[data-v-4f3d8608]::after {
    right: auto;
    left: .08rem;
}

/* ---------- Cards (channel / amount) ---------- */
.Recharge__box .boxStyle[data-v-9e03166f] {
    background: var(--dp-card);
    border: 1px solid var(--dp-border);
    border-radius: .32rem;
    padding: .32rem .29333rem .37333rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.Recharge__box .Recharge__content-quickInfo__title .title[data-v-9e03166f],
.Recharge__box .Recharge__content-paymoney__title[data-v-9e03166f] {
    align-items: center;
    font-size: .4rem;
    font-weight: 700;
    color: #FFFFFF;
}

.Recharge__box .Recharge__content-quickInfo__title .title .svg-icon[data-v-9e03166f],
.Recharge__box .Recharge__content-paymoney__title .svg-icon[data-v-9e03166f],
.Recharge__box .Recharge__content-paymoney__title img[data-v-9e03166f] {
    width: .53333rem;
    height: .53333rem;
    margin-right: .21333rem;
}

/* Channel items */
.Recharge__box .Recharge__content-quickInfo .rechargeTypes_list[data-v-9e03166f] {
    grid-column-gap: .21333rem;
}

.Recharge__box .Recharge__content-quickInfo__item[data-v-9e03166f] {
    position: relative;
    max-width: 100%;
    margin-bottom: .21333rem;
    border-radius: .21333rem;
    background: var(--dp-tile);
    border: 1px solid var(--dp-border);
}

.Recharge__box .Recharge__content-quickInfo__item .other[data-v-9e03166f] {
    padding: .21333rem .29333rem;
    line-height: 1.45;
}

.Recharge__box .Recharge__content-quickInfo__item div[data-v-9e03166f] {
    font-size: .29333rem;
    color: var(--dp-muted);
}

.Recharge__box .Recharge__content-quickInfo__item .other > div[data-v-9e03166f]:first-child,
.Recharge__box .Recharge__content-quickInfo__item .usdt_icon > div > div[data-v-9e03166f]:first-child {
    font-size: .37333rem;
    font-weight: 700;
    color: #FFFFFF;
}

.Recharge__box .Recharge__content-quickInfo .item_active[data-v-9e03166f] {
    background:
        linear-gradient(100deg, rgba(255, 210, 74, .16) 0%, rgba(255, 210, 74, 0) 70%),
        var(--dp-tile) !important;
    border: 1px solid var(--dp-gold);
    box-shadow: 0 0 .21333rem rgba(255, 200, 60, .3);
}

.Recharge__box .Recharge__content-quickInfo .item_active div[data-v-9e03166f] {
    color: #FFE6A0;
}

.Recharge__box .Recharge__content-quickInfo .item_active .other > div[data-v-9e03166f]:first-child,
.Recharge__box .Recharge__content-quickInfo .item_active .usdt_icon > div > div[data-v-9e03166f]:first-child {
    color: #FFFFFF;
}

.Recharge__box .Recharge__content-quickInfo .item_active[data-v-9e03166f]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: .21333rem;
    width: .37333rem;
    height: .37333rem;
    border-radius: 50%;
    transform: translateY(-50%);
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23523600' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat,
        linear-gradient(180deg, var(--dp-gold) 0%, var(--dp-gold-2) 100%);
}

html:lang(ar) .Recharge__box .Recharge__content-quickInfo .item_active[data-v-9e03166f]::after {
    right: auto;
    left: .21333rem;
}

/* Collapsed channel: only the selected channel, shown as one wide card with "Change" */
.Recharge__box .ch-change {
    display: none;
}

.Recharge__box .Recharge__content-quickInfo .rechargeTypes_list.ch-collapsed[data-v-9e03166f] {
    grid-template-columns: 1fr;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .Recharge__content-quickInfo__item[data-v-9e03166f]:not(.item_active) {
    display: none;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active[data-v-9e03166f] {
    min-height: 1.49333rem;
    margin-bottom: 0;
    justify-content: center;
    padding-left: 1.2rem;
    padding-right: 2.13333rem;
    overflow: hidden;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Ctext x='0' y='34' font-family='Arial Black,Arial' font-weight='900' font-style='italic' font-size='38' fill='white' fill-opacity='.07'%3EUPI%3C/text%3E%3C/svg%3E") right 1.86667rem center / 2.4rem auto no-repeat,
        linear-gradient(100deg, rgba(255, 210, 74, .2) 0%, rgba(255, 210, 74, .04) 55%, rgba(255, 210, 74, .12) 100%),
        linear-gradient(180deg, #1A3A78 0%, #0D2350 100%) !important;
    border: 1.5px solid var(--dp-gold);
    box-shadow:
        0 0 .32rem rgba(255, 200, 60, .45),
        inset 0 0 .37333rem rgba(255, 196, 50, .3);
}

/* Wallet icon on the left */
.Recharge__box .rechargeTypes_list.ch-collapsed .item_active[data-v-9e03166f]::before {
    content: "";
    position: absolute;
    left: .26667rem;
    top: 50%;
    width: .74667rem;
    height: .74667rem;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='8' width='26' height='19' rx='4' fill='%23FFC928'/%3E%3Cpath d='M6 8l14-5 3 5z' fill='%23FFE27A'/%3E%3Crect x='19' y='14' width='10' height='7' rx='2' fill='%23E59A00'/%3E%3Ccircle cx='23' cy='17.5' r='1.6' fill='%23FFF3C4'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* The "Change" button replaces the check badge */
.Recharge__box .rechargeTypes_list.ch-collapsed .item_active[data-v-9e03166f]::after {
    display: none;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active .ch-change {
    display: inline-flex;
    align-items: center;
    gap: .05333rem;
    position: absolute;
    right: .26667rem;
    top: 50%;
    transform: translateY(-50%);
    padding: .10667rem .29333rem;
    border-radius: .53333rem;
    font-size: .32rem;
    font-weight: 700;
    color: #FFFFFF;
    background: linear-gradient(180deg, #2F8BFF 0%, #0B57D9 100%);
    border: 1px solid #7CC0FF;
    box-shadow: 0 0 .21333rem rgba(47, 139, 255, .5);
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active .ch-change::after {
    content: "\203A";
    font-size: .4rem;
    line-height: 1;
}

html:lang(ar) .Recharge__box .rechargeTypes_list.ch-collapsed .item_active[data-v-9e03166f] {
    padding-left: 2.13333rem;
    padding-right: 1.2rem;
}

html:lang(ar) .Recharge__box .rechargeTypes_list.ch-collapsed .item_active[data-v-9e03166f]::before {
    left: auto;
    right: .26667rem;
}

html:lang(ar) .Recharge__box .rechargeTypes_list.ch-collapsed .item_active .ch-change {
    right: auto;
    left: .26667rem;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active .other[data-v-9e03166f],
.Recharge__box .rechargeTypes_list.ch-collapsed .item_active .usdt_icon[data-v-9e03166f] {
    padding: .16rem 0;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active .other > div[data-v-9e03166f]:first-child {
    font-size: .42667rem;
}

/* USDT channels show their own icon, so skip the wallet icon */
.Recharge__box .rechargeTypes_list.ch-collapsed .item_active:has(.usdt_icon)[data-v-9e03166f]::before {
    display: none;
}

.Recharge__box .rechargeTypes_list.ch-collapsed .item_active:has(.usdt_icon)[data-v-9e03166f] {
    padding-left: 0;
}

/* ---------- Custom amount input: hidden until "Enter custom amount" is tapped ---------- */
.Recharge__box .Recharge__content-paymoney:not(.pa-show-input) .Recharge__content-paymoney__money-input {
    display: none;
}

.Recharge__box .pa-show-input .pa-custom {
    color: var(--dp-gold);
}

/* ---------- Deposit amount ---------- */
.Recharge__box .pa-custom {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    margin-left: auto;
    font-size: .26667rem;
    font-weight: 500;
    color: var(--dp-muted);
    cursor: pointer;
}

html:lang(ar) .Recharge__box .pa-custom {
    margin-left: 0;
    margin-right: auto;
}

.Recharge__box .pa-custom::before {
    content: "";
    width: .32rem;
    height: .32rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239DB2D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h5M9 17l6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.Recharge__box .Recharge__content-paymoney__money-list[data-v-9e03166f] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .18667rem;
    margin-bottom: .26667rem;
}

.Recharge__box .Recharge__content-paymoney__money-list__item[data-v-9e03166f] {
    width: auto;
    min-height: .90667rem;
    margin: 0 !important;
    padding: .10667rem 0;
    border-radius: .16rem;
    background: var(--dp-tile);
    border: 1px solid var(--dp-border);
    color: #FFFFFF;
}

.Recharge__box .Recharge__content-paymoney__money-list__item .amount[data-v-9e03166f] {
    gap: .02667rem;
    font-size: .34667rem;
    font-weight: 700;
}

.Recharge__box .Recharge__content-paymoney__money-list__item .amount span[data-v-9e03166f] {
    position: static;
    font-size: .34667rem;
    color: inherit;
}

.Recharge__box .Recharge__content-paymoney__money-list__item.active[data-v-9e03166f],
.Recharge__box .Recharge__content-paymoney__money-list__item.arActive[data-v-9e03166f] {
    background: linear-gradient(180deg, #2F8BFF 0%, #0B57D9 100%) !important;
    border: 1px solid #7CC0FF !important;
    border-radius: .16rem;
    color: #FFFFFF;
    box-shadow: 0 0 .26667rem rgba(47, 139, 255, .55);
}

.Recharge__box .Recharge__content-paymoney__money-input[data-v-9e03166f] {
    height: 1.06667rem;
    border-radius: .21333rem;
    background: #071633;
    border: 1px solid var(--dp-border);
}

.Recharge__box .Recharge__content-paymoney__money-input .place-div[data-v-9e03166f] {
    height: 1.06667rem;
    line-height: 1.06667rem;
    color: var(--dp-gold);
}

.Recharge__box .Recharge__content-paymoney__money-input .place-right[data-v-9e03166f] {
    top: .26667rem;
}

.Recharge__box .Recharge__content-paymoney__money-input .amount-input[data-v-9e03166f] input,
.Recharge__box .Recharge__content-paymoney__money-input .amount-input input {
    color: #FFFFFF;
}

/* ---------- Bonus banner ---------- */
.Recharge__box .pa-bonus {
    display: flex;
    align-items: center;
    gap: .21333rem;
    margin: .32rem 0;
    padding: .21333rem .26667rem;
    border-radius: .26667rem;
    background:
        linear-gradient(100deg, rgba(255, 210, 74, .12) 0%, rgba(255, 210, 74, 0) 60%),
        linear-gradient(180deg, #102A5C 0%, #0A1D44 100%);
    border: 1px solid rgba(255, 210, 74, .35);
}

.Recharge__box .pa-bonus__icon {
    flex: none;
    width: .85333rem;
    height: .85333rem;
    border-radius: .21333rem;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='9' width='18' height='12' rx='2' fill='%23FFC928'/%3E%3Crect x='2' y='7' width='20' height='4' rx='1.5' fill='%23FFDE6B'/%3E%3Crect x='11' y='7' width='2' height='14' fill='%23E5484D'/%3E%3Cpath d='M12 7c-2-4-6-4-6-1.5S10 7 12 7zm0 0c2-4 6-4 6-1.5S14 7 12 7z' fill='%23E5484D'/%3E%3C/svg%3E") center / 62% no-repeat,
        linear-gradient(180deg, #1D4E9E 0%, #0F2E66 100%);
    border: 1px solid rgba(255, 210, 74, .4);
}

.Recharge__box .pa-bonus__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .02667rem;
}

.Recharge__box .pa-bonus__text b {
    font-size: .32rem;
    font-weight: 700;
    color: #FFFFFF;
}

.Recharge__box .pa-bonus__text span {
    font-size: .26667rem;
    color: var(--dp-muted);
}

.Recharge__box .pa-bonus__btn {
    flex: none;
    padding: .10667rem .24rem;
    border-radius: .53333rem;
    font-size: .26667rem;
    font-weight: 700;
    color: var(--dp-gold);
    border: 1px solid var(--dp-gold);
    background: rgba(255, 210, 74, .08);
    cursor: pointer;
}

.Recharge__box .pa-bonus__btn::after {
    content: " \203A";
}

/* ---------- Deposit button ---------- */
.Recharge__box .Recharge__container-rechageBtn {
    height: 1.17333rem !important;
    line-height: 1.17333rem !important;
    margin: .10667rem 0 .26667rem !important;
    border-radius: .58667rem !important;
    font-size: .45333rem !important;
    font-weight: 800;
    color: rgba(58, 38, 0, .75) !important;
    background: linear-gradient(180deg, #E8C873 0%, #B48A2C 100%) !important;
    opacity: .6;
    box-shadow: none;
}

.Recharge__box .Recharge__container-rechageBtn::after {
    content: "  \203A";
    font-weight: 800;
}

.Recharge__box .Recharge__container-rechageBtn.rechage_active {
    color: #3A2600 !important;
    background: linear-gradient(180deg, #FFE27A 0%, #FFC21A 55%, #F2A900 100%) !important;
    opacity: 1;
    box-shadow: 0 .10667rem .32rem rgba(255, 190, 30, .45), inset 0 1px 0 rgba(255, 255, 255, .6);
}

.Recharge__box .Recharge__container-rechageBtn.rechage_active:active {
    transform: scale(.98);
}

/* ---------- QR deposit popup (opened by the Deposit button) ---------- */
.Recharge__box .qr-modal {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .42667rem;
    background: rgba(2, 8, 22, .78);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.Recharge__box .qr-modal__box {
    position: relative;
    width: 100%;
    max-width: 8.8rem;
    max-height: 92vh;
    overflow-y: auto;
    padding: .48rem .42667rem .42667rem;
    border-radius: .42667rem;
    text-align: center;
    color: #FFFFFF;
    background:
        radial-gradient(120% 50% at 50% 0%, rgba(40, 120, 255, .35) 0%, rgba(40, 120, 255, 0) 70%),
        linear-gradient(180deg, #12306A 0%, #0A1C42 100%);
    border: 1px solid rgba(255, 210, 74, .45);
    box-shadow: 0 .32rem .8rem rgba(0, 0, 0, .6), 0 0 .42667rem rgba(255, 200, 60, .25);
}

.Recharge__box .qr-modal__close {
    position: absolute;
    top: .21333rem;
    right: .26667rem;
    width: .64rem;
    height: .64rem;
    line-height: .58667rem;
    border-radius: 50%;
    font-size: .48rem;
    color: #DCE8FF;
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
}

.Recharge__box .qr-modal__title {
    font-size: .48rem;
    font-weight: 800;
}

.Recharge__box .qr-modal__amount {
    margin-top: .08rem;
    font-size: .64rem;
    font-weight: 800;
    color: var(--dp-gold);
}

.Recharge__box .qr-modal__qr {
    width: 5.33333rem;
    height: 5.33333rem;
    margin: .32rem auto .26667rem;
    padding: .16rem;
    border-radius: .26667rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 .05333rem rgba(255, 210, 74, .6), 0 .16rem .42667rem rgba(0, 0, 0, .45);
}

.Recharge__box .qr-modal__qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Recharge__box .qr-modal__loading {
    font-size: .32rem;
    color: #4A5D80;
}

.Recharge__box .qr-modal__hint {
    margin-bottom: .26667rem;
    font-size: .29333rem;
    line-height: 1.45;
    color: var(--dp-muted);
}

.Recharge__box .qr-modal__input {
    width: 100%;
    height: 1.06667rem;
    padding: 0 .32rem;
    border-radius: .21333rem;
    border: 1px solid var(--dp-border);
    background: #071633;
    color: #FFFFFF;
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: .05333rem;
    text-align: center;
    outline: none;
    box-sizing: border-box;
}

.Recharge__box .qr-modal__input::placeholder {
    font-size: .32rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #6F84AD;
}

.Recharge__box .qr-modal__input:focus {
    border-color: var(--dp-gold);
    box-shadow: 0 0 .16rem rgba(255, 200, 60, .35);
}

.Recharge__box .qr-modal__msg {
    margin-top: .16rem;
    font-size: .29333rem;
    color: #FF6B6B;
}

.Recharge__box .qr-modal__btn {
    margin-top: .32rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    border-radius: .53333rem;
    font-size: .42667rem;
    font-weight: 800;
    color: #3A2600;
    background: linear-gradient(180deg, #FFE27A 0%, #FFC21A 55%, #F2A900 100%);
    box-shadow: 0 .10667rem .32rem rgba(255, 190, 30, .4);
    cursor: pointer;
}

.Recharge__box .qr-modal__btn.disabled {
    opacity: .5;
    box-shadow: none;
    pointer-events: none;
}

.Recharge__box .qr-modal__done {
    padding-top: .32rem;
}

.Recharge__box .qr-modal__tick {
    width: 1.49333rem;
    height: 1.49333rem;
    margin: 0 auto .26667rem;
    border-radius: 50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23523600' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 60% no-repeat,
        linear-gradient(180deg, var(--dp-gold) 0%, var(--dp-gold-2) 100%);
    box-shadow: 0 0 .42667rem rgba(255, 200, 60, .5);
}

.Recharge__box .qr-modal__done-t {
    font-size: .45333rem;
    font-weight: 800;
}

.Recharge__box .qr-modal__done-s {
    margin-top: .10667rem;
    font-size: .29333rem;
    line-height: 1.45;
    color: var(--dp-muted);
}