.recharge-account-field{display:grid;gap:6px;margin:3px 0 13px;color:#d8bd8b;font:10px var(--sans)}
.recharge-account-field input{width:100%;box-sizing:border-box;border:1px solid rgba(223,179,100,.34);border-radius:10px;background:rgba(13,9,8,.7);color:#f0dfbd;padding:11px 12px;font:12px var(--sans);outline:none}
.recharge-account-field input:focus{border-color:#edc16f;box-shadow:0 0 0 3px rgba(227,177,94,.1)}
.recharge-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 8px}
.recharge-methods button{display:grid;gap:3px;min-height:58px;padding:10px;border:1px solid rgba(220,177,97,.32);border-radius:12px;background:rgba(14,10,8,.64);color:#d9c2a0;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.recharge-methods button:hover,.recharge-methods button:focus-visible{border-color:#e7ba68;outline:none;transform:translateY(-1px)}
.recharge-methods button.selected{border-color:#edbd69;background:linear-gradient(135deg,rgba(115,67,31,.82),rgba(37,24,16,.9));box-shadow:inset 0 0 0 1px rgba(242,201,121,.12)}
.recharge-methods button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.recharge-methods span{font:600 13px var(--sans)}
.recharge-methods small{color:#b99d72;font:9px var(--mono)}
.recharge-payment-reminder{margin:0 0 11px;padding:9px 10px;border-left:2px solid #e5ad54;border-radius:0 9px 9px 0;background:rgba(179,113,37,.1);color:#e6c693;font:11px/1.65 var(--sans)}
.recharge-payment-qr{display:grid;grid-template-columns:124px minmax(0,1fr);gap:12px;align-items:center;margin:13px 0 0;padding:13px;border:1px solid rgba(220,178,103,.28);border-radius:15px;background:rgba(7,8,7,.48);cursor:zoom-in}
.recharge-payment-qr[hidden]{display:none!important}
.recharge-payment-qr img{display:block;width:124px;height:auto;object-fit:contain;border-radius:10px;background:#fff}
.recharge-payment-qr figcaption{color:#c5ad88;font:11px/1.65 var(--sans)}
.recharge-alipay{border-color:rgba(83,146,238,.5);background:linear-gradient(135deg,rgba(25,63,120,.22),rgba(7,8,7,.5))}
.recharge-payment-qr.expanded{grid-template-columns:1fr;justify-items:center;background:rgba(5,9,7,.56);border-color:rgba(69,207,123,.62);cursor:default}
.recharge-alipay.expanded{border-color:rgba(91,159,255,.82)}
.recharge-payment-qr.expanded img{width:min(100%,360px);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.48)}
.recharge-payment-qr.expanded figcaption{max-width:286px;text-align:center;color:#cce8d1}
@media (max-width:520px){.recharge-payment-qr{grid-template-columns:94px minmax(0,1fr);gap:10px}.recharge-payment-qr img{width:94px;height:auto}.recharge-methods button{min-height:54px}.recharge-payment-reminder{font-size:10px}}