.recharge-v3{flex-direction:column;gap:1.2rem;display:flex}.recharge-step-header{text-align:center}.recharge-step-header .recharge-step-count{margin-bottom:.7rem}.recharge-step-header>p{color:#9c7eff;letter-spacing:.14em;margin:0;font-size:.62rem;font-weight:900}.recharge-step-header h2{margin:.25rem 0 0;font-size:1.25rem}.package-stage,.payment-stage,.checkout-stage{flex-direction:column;gap:1.1rem;display:flex}.current-coin-balance{color:var(--text-secondary);flex-direction:column;align-items:flex-end;font-size:.62rem;display:flex;position:absolute;top:3.25rem;right:max(1.25rem,50vw - 540px + 1.25rem)}.current-coin-balance strong{color:var(--text);align-items:center;gap:.35rem;font-size:1rem;display:flex}.current-coin-balance svg{color:#ffc75d}.recommended-pack{background:linear-gradient(135deg,#7b54ed30,var(--surface));border:1px solid #9574ff73;border-radius:22px;grid-template-columns:1fr auto;gap:1rem;width:min(680px,100%);margin:0 auto;padding:1.35rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #482ca121}.recommend-label{color:#fff;letter-spacing:.08em;background:#7b5ce4;border-radius:0 0 9px 9px;padding:.3rem .65rem;font-size:.57rem;font-weight:900;position:absolute;top:0;left:1.4rem}.recommended-pack>div:first-of-type{padding-top:.8rem}.recommended-pack p{color:var(--text-secondary);margin:0;font-size:.72rem}.recommended-pack h3{align-items:center;gap:.5rem;margin:.25rem 0;font-size:1.7rem;display:flex}.recommended-pack h3 svg{color:#ffc45a}.recommended-pack>div:first-of-type>strong{color:#5bdba4;font-size:.72rem}.recommend-total{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.recommend-total span{color:var(--text-secondary);font-size:.62rem}.recommend-total>strong{margin:.2rem 0 .55rem;font-size:1.1rem}.recommend-total button{color:#c4b3ff;cursor:pointer;background:#7c5be524;border:1px solid #8568ec;border-radius:10px;min-height:36px;padding:0 .75rem;font-size:.65rem;font-weight:850}.pack-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.package-card{border:1px solid var(--border);background:var(--surface);min-height:138px;color:var(--text);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.package-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.package-card.selected{border-color:#8465eb;box-shadow:inset 0 0 0 1px #8465eb,0 12px 32px #6946d529}.package-card>strong{font-size:1.25rem}.package-card>strong small{font-size:.65rem}.package-card>span:not(.package-check){color:var(--text-secondary);align-items:center;font-size:.7rem;display:flex}.package-card>span svg{color:#ffc35a}.package-card em{color:#55d89e;font-size:.58rem;font-style:normal;font-weight:800}.package-check{border:1px solid var(--border);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.6rem;display:grid;position:absolute;top:.65rem;right:.65rem}.package-card.selected .package-check{background:#7859df;border-color:#7859df}.value-label{color:#a990ff;font-size:.56rem;font-weight:850;position:absolute;top:.65rem;left:.65rem}.view-all-packs{color:#a68dff;cursor:pointer;background:0 0;border:0;align-self:center;min-height:38px;padding:0 .8rem;font-size:.7rem;font-weight:850}.recharge-sticky{border:1px solid var(--border);background:color-mix(in srgb,var(--surface),transparent 2%);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 14px 40px #00000017}.recharge-sticky>div{flex-direction:column;display:flex}.recharge-sticky span{color:var(--text-secondary);font-size:.64rem}.recharge-sticky strong{font-size:.92rem}.payment-stage,.checkout-stage{width:min(680px,100%);margin:0 auto}.payment-stage .method-grid{grid-template-columns:repeat(3,1fr)}.payment-stage .method-grid button{min-height:135px}.payment-stage .method-grid button>i{border:1px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.payment-stage .method-grid button[aria-checked=true]>i{color:#fff;background:#8061e8;border-color:#8061e8}.checkout-stage .order-summary.featured{background:linear-gradient(145deg,#7753e314,var(--surface))}.summary-receive{background:#7d5be71a;border-radius:12px;margin:.25rem -.2rem;border:0!important;padding:.9rem!important}.summary-receive strong,.summary-total strong{font-size:1.1rem}.recharge-success{width:min(560px,100%);margin:1rem auto}.new-balance b{color:var(--text);align-items:center;gap:.35rem;display:flex}.new-balance svg{color:#ffc45c}.rf-sheet{gap:.8rem}.rf-sheet .recharge-step-header h2{font-size:1.05rem}.rf-sheet .recommended-pack,.rf-sheet .current-coin-balance{display:none}.rf-sheet .pack-grid{grid-template-columns:repeat(2,1fr);max-height:275px;padding:2px;overflow:auto}.rf-sheet .package-card{min-height:100px;padding:.8rem}.rf-sheet .recharge-sticky{background:var(--surface);padding:.75rem;position:sticky;bottom:0}.rf-sheet .recharge-sticky .wallet-primary{min-height:42px}.rf-sheet .payment-stage .method-grid{grid-template-columns:repeat(3,1fr)}.rf-sheet .method-grid button{min-height:95px;padding:.65rem}.rf-sheet .method-grid button small{display:none}.rf-sheet .flow-actions{background:0 0;border:0;padding:0;position:static}.recharge-context-card{background:#7f5be714;border:1px solid #8965ef47;border-radius:14px;grid-template-columns:auto 1fr;gap:.25rem .8rem;padding:.75rem;font-size:.7rem;display:grid}.recharge-context-card span{color:var(--text-secondary)}.recharge-context-card strong{text-align:right}.recharge-need{display:none}@media (max-width:760px){.current-coin-balance{align-items:flex-start;position:static}.pack-grid{grid-template-columns:repeat(2,1fr)}.recommended-pack{grid-template-columns:1fr}.recommend-total{border-top:1px solid var(--border);align-items:flex-start;padding-top:.7rem}.recharge-sticky{bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:4;position:sticky}.payment-stage .method-grid,.rf-sheet .payment-stage .method-grid{grid-template-columns:1fr}.rf-sheet .method-grid button{grid-template-columns:auto 1fr auto;min-height:72px;display:grid}.rf-sheet .method-grid button small{grid-column:2;display:block}.rf-sheet .pack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.package-card{min-height:120px;padding:.8rem}.package-card>strong{font-size:1.05rem}.recharge-sticky{flex-direction:column;align-items:stretch}.recharge-sticky .wallet-primary{width:100%}.rf-sheet .recharge-sticky .wallet-primary{flex:none;height:44px;min-height:44px}.rf-sheet .pack-grid{max-height:245px}.rf-sheet .package-card{min-height:92px}.rf-sheet .package-card .value-label{display:none}}@media (max-width:760px){.rf-page{padding-bottom:8rem}.rf-page .recharge-sticky{right:.85rem;bottom:calc(.75rem + env(safe-area-inset-bottom));border:1px solid var(--border);background:color-mix(in srgb,var(--background),transparent 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;border-radius:16px;width:auto;max-width:none;margin:0;padding:.65rem;position:fixed;left:.85rem;box-shadow:0 16px 40px #34236833}.recommend-total button,.view-all-packs{min-height:44px}}@media (prefers-reduced-motion:reduce){.package-card,.wallet-progress span{transition:none!important}.coin-burst,.success-burst{animation:none!important}}
