/* pay-modal.css - 支付弹窗专属样式 */

.pay-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center}
.pay-mask.show{display:flex}
.pay-box{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center}
.pay-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}
.pay-subtitle{font-size:13px;color:#64748b;margin:0 0 16px}
.pay-amount{font-size:32px;font-weight:700;color:var(--primary,#8b5cf6);margin:0 0 4px}
.pay-amount-usd{font-size:16px;font-weight:500;color:#64748b;margin:0 0 24px}
.pay-methods{display:flex;gap:10px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
.pay-method-btn{padding:12px 24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;flex:1;margin-right:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}
.pay-method-btn:hover{border-color:var(--primary);background:#faf5ff}
.pay-method-btn.active{border-color:var(--primary);background:#faf5ff}
.pay-cancel{padding:8px 24px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;min-width:80px;background:#f5f5f7;color:#555}
.pay-cancel:hover{background:#ebebed}
.pay-confirm{padding:8px 24px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;min-width:80px;background:var(--primary,#8b5cf6);color:#fff}
.pay-confirm:hover{background:#7c3aed}

/* 二维码弹窗 */
.pay-qr-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10001;align-items:center;justify-content:center}
.pay-qr-mask.show{display:flex}
.pay-qr-box{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center}
.pay-qr-title{font-size:18px;font-weight:600;color:#64748b;margin:0 0 16px}
.pay-qr-content{margin:0 0 16px;min-height:200px;display:flex;align-items:center;justify-content:center}
.pay-qr-jump{display:none;margin:0 auto 24px;padding:10px 28px;border-radius:8px;background:#1677FF;color:#fff;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.pay-qr-jump.show{display:inline-block}
.pay-qr-actions{display:flex;gap:8px;justify-content:center}

/* 暗色模式 */

/* 暗色模式 - 支付弹窗 */