.topbar #memberButton.wallet-button{display:inline-flex;align-items:center;gap:9px;background:#419772;color:#fff;border:0;border-radius:99px;padding:11px 16px;font-weight:600;cursor:pointer;white-space:nowrap}.wallet-button svg{width:20px;height:20px;flex-shrink:0}.topbar #memberButton.wallet-button:hover{background:#348360}.wallet-button:focus-visible{outline:3px solid #90cbb0;outline-offset:3px}.recharge-page[hidden]{display:none!important}.recharge-page{max-width:960px;margin:0 auto;padding:52px 0 70px;color:#26313d}.recharge-heading{text-align:center;margin-bottom:40px}.recharge-hero-icon{display:flex;align-items:center;justify-content:center;background:#316bd9;color:white;border-radius:17px;width:68px;height:68px;margin:0 auto 24px}.recharge-hero-icon svg{width:34px;height:34px}.recharge-heading h1{font-size:36px;font-weight:650;margin:0 0 12px;letter-spacing:-.03em}.recharge-heading>p{font-size:18px;color:#788594;margin:0}.recharge-balance{display:inline-flex;align-items:center;gap:13px;padding:18px 26px;background:#fff;border:1px solid #e4e8ed;border-radius:17px;margin-top:26px}.recharge-balance span{font-size:14px;color:#8190a1}.recharge-balance strong{font-size:23px;color:#419772;font-weight:600}.recharge-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:38px}.recharge-benefits article{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:21px}.recharge-feature-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;flex-shrink:0}.recharge-feature-icon svg{width:25px;height:25px}.recharge-feature-icon.green{background:#e5f2ec;color:#419772}.recharge-feature-icon.blue{background:#e4ecfd;color:#316bd9}.recharge-feature-icon.purple{background:#eee8fd;color:#8861d1}.recharge-benefits strong{font-size:16px;font-weight:600}.recharge-benefits p{color:#8490a0;font-size:12px;line-height:1.7;margin:5px 0 0}.recharge-card{border:1px solid #dfe5ed;border-radius:25px;background:#fff;box-shadow:0 8px 24px #26364c06;overflow:hidden}.recharge-amount-section{padding:32px}.recharge-amount-section>label,.recharge-payment-section h2{display:block;font-size:14px;font-weight:600;color:#647182;margin:0 0 18px}.recharge-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.recharge-presets button{padding:19px 8px;border:1px solid transparent;background:#f3f4f6;color:#5e6a79;border-radius:12px;font:inherit;font-size:17px;font-weight:500;cursor:pointer}.recharge-presets button.selected{color:#316bd9;background:#eaf0fd;border-color:#aac1f2}.recharge-amount-input{display:flex;align-items:center;gap:18px;background:#f8f9fb;border:1px solid #cad3df;border-radius:16px;padding:19px 21px}.recharge-amount-input>span{color:#316bd9;font-size:24px}.recharge-amount-input input{flex:1;min-width:0;width:100%;font:inherit;font-size:23px;border:0!important;background:none!important;padding:0!important;outline:none}.recharge-amount-input input::placeholder{color:#a1acb9;font-weight:600}.recharge-amount-input small{white-space:nowrap;font-size:11px;background:#e8eefc;color:#316bd9;padding:7px 9px;border-radius:7px}.recharge-amount-input:focus-within{border-color:#316bd9;box-shadow:0 0 0 3px #316bd914}.recharge-payment-section{padding:32px;border-top:1px solid #e0e6ed}.recharge-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:24px}.recharge-method{display:flex;align-items:flex-start;text-align:left;gap:17px;border:1px solid #cad3df;background:#fff;padding:24px;border-radius:17px;min-height:150px;position:relative;cursor:pointer;color:#526172;font:inherit}.recharge-method.selected{border-color:#78c3a2;background:#f5fbf8}.recharge-payment-logo{display:flex;justify-content:center;align-items:center;background:#f0f4f2;border-radius:13px;min-width:55px;height:55px;width:55px}.recharge-payment-logo.wechat{color:#22ac38}.recharge-payment-logo.alipay{color:#1677ff;background:#eef4fe}.recharge-payment-logo svg{width:38px;height:38px}.alipay-glyph{font-family:'Microsoft YaHei',sans-serif;font-weight:600;font-size:32px;line-height:1}.recharge-method strong{display:block;font-weight:600;font-size:19px;color:#344351;margin:4px 0 9px}.recharge-method small{display:block;color:#7c8b9d;font-size:12px;line-height:1.7}.recharge-method em{display:inline-block;font-size:10px;background:#eff2f5;color:#7c8b9d;font-style:normal;border-radius:99px;padding:4px 9px;margin-top:10px}.recharge-selected-check{display:none;background:#419772;color:#fff;border-radius:50%;height:23px;width:23px;align-items:center;justify-content:center;position:absolute;right:13px;top:13px}.recharge-method.selected .recharge-selected-check{display:flex}.recharge-note-label{display:block;font-size:13px;color:#788594;margin-bottom:9px}.recharge-payment-section>input{width:100%;border:1px solid #dbe2eb;border-radius:10px;padding:13px;font:inherit;background:#f9fafc;box-sizing:border-box}.recharge-notice{font-size:13px;line-height:1.9;color:#8592a3;margin:20px 0}.recharge-footer{border-top:1px solid #e1e7ee;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.recharge-footer>span{font-size:13px;color:#8190a1}.recharge-footer strong{font-size:23px;font-weight:600;color:#419772;margin-left:10px}.recharge-submit{border:0;background:#316bd9;color:#fff;border-radius:10px;padding:16px 25px;font:inherit;font-weight:600;font-size:15px;cursor:pointer}.recharge-submit:hover{background:#245cc9}.recharge-submit:disabled{opacity:.5;cursor:wait}.recharge-record-link{text-align:center;margin-top:24px}.recharge-record-link button,.recharge-secondary{border:0;background:none;color:#316bd9;font:inherit;font-size:13px;cursor:pointer;padding:10px}.recharge-success{text-align:center;padding:36px}.recharge-success-icon{display:block;color:#419772}.recharge-success-icon svg{width:46px;height:46px}.recharge-success h2{font-size:27px;margin:18px 0}.recharge-success>p{color:#7d8b9b}.recharge-reference-code{display:block;font-size:44px;letter-spacing:.18em;color:#316bd9;background:#eff4fe;border-radius:12px;padding:20px;margin:24px 0}.recharge-success dl{max-width:460px;margin:0 auto}.recharge-success dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e5eaf0;font-size:14px}.recharge-success dt{color:#8190a1}.recharge-success dd{margin:0;overflow-wrap:anywhere}.recharge-success .recharge-notice{max-width:620px;margin:25px auto}.recharge-success .recharge-secondary{display:block;margin:15px auto 0}
html[data-theme="dark"] .recharge-page{color:#edf2fa}html[data-theme="dark"] :is(.recharge-card,.recharge-benefits article,.recharge-balance,.recharge-method){background:#192435;border-color:#334357}html[data-theme="dark"] .recharge-method.selected{background:#1e3830;border-color:#498f70}html[data-theme="dark"] .recharge-method strong{color:#edf2fa}html[data-theme="dark"] :is(.recharge-presets button,.recharge-amount-input,.recharge-payment-section>input){background:#152030;color:#d9e4f4;border-color:#334357}html[data-theme="dark"] .recharge-presets button.selected{color:#9abaff;background:#243c61;border-color:#517cc2}html[data-theme="dark"] :is(.recharge-payment-section,.recharge-footer,.recharge-success dl>div){border-color:#334357}html[data-theme="dark"] :is(.recharge-amount-section>label,.recharge-payment-section h2,.recharge-note-label,.recharge-notice){color:#a9b8cc}html[data-theme="dark"] .recharge-reference-code{background:#243c61;color:#a5c4ff}
@media(max-width:800px){.recharge-benefits{gap:10px}.recharge-benefits article{padding:16px;gap:10px}.recharge-benefits strong{font-size:14px}.recharge-feature-icon{width:40px;height:40px}.recharge-page{padding-top:38px}.recharge-amount-section,.recharge-payment-section{padding:24px}}
@media(max-width:580px){.recharge-heading h1{font-size:31px}.recharge-heading>p{font-size:15px}.recharge-benefits{grid-template-columns:1fr;margin-bottom:25px}.recharge-benefits article{padding:15px 18px}.recharge-benefits p{font-size:12px}.recharge-presets{grid-template-columns:repeat(3,1fr);gap:8px}.recharge-presets button{padding:14px}.recharge-amount-section,.recharge-payment-section{padding:21px 17px}.recharge-amount-input{flex-wrap:wrap;padding:16px;gap:12px}.recharge-amount-input input{font-size:20px;width:calc(100% - 40px)}.recharge-amount-input small{margin-left:auto}.recharge-methods{grid-template-columns:1fr}.recharge-method{min-height:115px;padding:20px}.recharge-footer{align-items:stretch;flex-direction:column}.recharge-footer>span{text-align:center}.recharge-success{padding:25px 18px}.recharge-reference-code{font-size:35px}.topbar #memberButton.wallet-button{display:inline-flex;padding:8px 10px;gap:5px;font-size:12px}.wallet-button svg{width:17px;height:17px}.topbar-right{gap:3px}.recharge-card{border-radius:19px}}
@media(max-width:580px){.topbar{gap:6px;padding-left:12px;padding-right:12px}.topbar .brand{font-size:16px;gap:6px}.topbar .brand img{width:26px;height:26px}.topbar #memberButton.wallet-button{flex-shrink:0;max-width:none;overflow:visible;padding:8px;font-size:11px}.topbar .language-select{padding:7px;font-size:11px}.topbar .theme-toggle{width:25px;padding:3px}.topbar #menuButton{padding:5px;font-size:22px}.topbar-right{gap:2px}}
.recharge-pay-grid{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:32px;align-items:start;text-align:left;max-width:800px;margin:24px auto}.recharge-qr img{display:block;width:100%;height:auto;border-radius:14px}.recharge-pay-amount{font-size:30px!important;font-weight:700;color:#419772!important}.recharge-pay-instructions .recharge-reference-code{text-align:center;margin:12px 0;font-size:36px}.recharge-pay-instructions .recharge-secondary{margin:5px auto 15px}.recharge-pay-instructions .recharge-notice{margin:18px 0}.recharge-pay-instructions #rechargePaidMessage{color:#419772;font-size:14px}.recharge-pay-instructions .recharge-submit{width:100%}@media(max-width:650px){.recharge-pay-grid{grid-template-columns:1fr;gap:20px}.recharge-qr{max-width:300px;margin:auto}.recharge-success{padding:22px}.recharge-pay-instructions .recharge-reference-code{font-size:32px}}
#rechargeAlerts{position:fixed;top:86px;right:20px;z-index:1100;display:grid;gap:12px;width:340px;max-width:calc(100vw - 28px);pointer-events:none}.recharge-alert{position:relative;padding:20px 36px 18px 20px;background:var(--adm-surface,#fff);color:var(--adm-text,#26313d);border:1px solid #dbe5ee;border-left:4px solid #419772;border-radius:14px;box-shadow:0 10px 36px #132c4626;pointer-events:auto;animation:rechargeAlertIn .2s ease-out}.recharge-alert.failure{border-left-color:#c34859}.recharge-alert>strong{color:#278362;display:block;font-size:16px;line-height:1.7}.recharge-alert.failure>strong{color:#c34859}.recharge-alert p{margin:10px 0;font-size:14px;line-height:1.6}.recharge-alert b{color:#316bd9}.recharge-alert small{display:block;color:#7c8b9d;font-size:11px;margin-top:12px;overflow-wrap:anywhere}.recharge-alert-close{position:absolute;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#788594;font-size:22px;cursor:pointer}.recharge-alert-close:hover{background:#edf2fa}html[data-theme=dark] .recharge-alert{background:#192435;color:#edf2fa;border-color:#334357}html[data-theme=dark] .recharge-alert>strong{color:#84ceb3}html[data-theme=dark] .recharge-alert.failure>strong{color:#f0a3b2}html[data-theme=dark] .recharge-alert b{color:#91b6ff}@keyframes rechargeAlertIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:650px){#rechargeAlerts{top:76px;right:14px}}@media(prefers-reduced-motion:reduce){.recharge-alert{animation:none}}