.zh-recharge-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(11,31,60,.58);backdrop-filter:none;}
.zh-recharge-panel{box-sizing:border-box;width:min(960px,100%);max-height:min(850px,94vh);overflow:auto;padding:24px;border:1px solid #bfdbfe;border-radius:24px;background:linear-gradient(135deg,#f8fdff,#edf6ff);box-shadow:0 25px 80px rgba(15,23,42,.28);color:#17314a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.zh-recharge-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.zh-recharge-panel h2{margin:0;font-size:24px}
.zh-recharge-panel header p,.zh-wallet-section p{margin:6px 0 0;color:#60758a;font-size:13px;line-height:1.6}
.zh-recharge-close{width:34px;height:34px;border:1px solid #bfd6ed;border-radius:50%;background:#fff;color:#365068;font-size:22px;cursor:pointer}
.zh-wallet-metrics{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin:22px 0}
.zh-recharge-balance,.zh-wallet-stat{display:grid;align-content:center;gap:8px;min-height:88px;box-sizing:border-box;padding:18px;border:1px solid #d2e2f3;border-radius:17px;background:#fff}
.zh-recharge-balance{background:linear-gradient(135deg,#0f9f98,#0b847e);color:#fff;border:0}
.zh-recharge-balance span,.zh-wallet-stat span{font-size:12px;opacity:.85}
.zh-recharge-balance strong{font-size:29px}
.zh-wallet-stat strong{font-size:22px}
.zh-wallet-section{margin-top:16px;padding:18px;border:1px solid #d2e2f3;border-radius:18px;background:#fff}
.zh-wallet-section h3{margin:0 0 11px;font-size:16px}
.zh-wallet-table-wrap{overflow:auto;max-height:270px}
.zh-wallet-table{width:100%;border-collapse:collapse;min-width:620px;font-size:12px;text-align:left}
.zh-wallet-table th,.zh-wallet-table td{padding:10px 8px;border-bottom:1px solid #e4edf5;vertical-align:top}
.zh-wallet-table th{position:sticky;top:0;background:#fff;color:#60758a}
.zh-wallet-table td strong{display:block;font-size:12px}
.zh-wallet-table td small{display:block;margin-top:3px;color:#8090a0;overflow-wrap:anywhere}
.zh-wallet-empty{text-align:center;color:#8090a0}
#zh-recharge-form{display:flex;gap:9px;margin-top:14px}
#zh-recharge-code{flex:1;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #bfd6ed;border-radius:11px;font:inherit;color:#17314a;background:#fff}
#zh-recharge-code:focus{outline:2px solid #74b7f8}
#zh-recharge-submit{padding:0 22px;border:0;border-radius:11px;background:#148fbd;color:#fff;font-weight:800;white-space:nowrap;cursor:pointer}
#zh-recharge-submit:disabled{opacity:.6;cursor:wait}
#zh-recharge-message{min-height:18px;margin:8px 0;font-size:13px}
#zh-recharge-message.success{color:#087b52}
#zh-recharge-message.error{color:#c02626}
.zh-recharge-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border-radius:13px;background:#e1f3fc;color:#07569d;font-size:13px;text-decoration:none}
.zh-recharge-buy strong{font-size:12px}
.zh-wallet-promotion{background:#f9fbff}
@media(max-width:700px){.zh-recharge-panel{padding:16px}.zh-wallet-metrics{grid-template-columns:repeat(3,1fr)}.zh-recharge-balance{grid-column:1/-1}.zh-wallet-stat{padding:11px}.zh-wallet-stat strong{font-size:18px}}
@media(max-width:420px){#zh-recharge-form{flex-direction:column}#zh-recharge-submit{height:42px}}

.zh-recharge-tiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.zh-recharge-tiers span{padding:7px 11px;border:1px solid #cde5f3;border-radius:8px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:600}
.zh-promotion-link{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.zh-promotion-link input{flex:1;min-width:180px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172b4d}
.zh-promotion-link button{padding:10px 16px;border:0;border-radius:8px;background:#1677d2;color:white;cursor:pointer}