#payment-status{--channel:#07a85b;--channel-soft:#edf8f1;width:min(420px,calc(100% - 28px));background:#f7f8fa;border-radius:20px}
#payment-status[data-channel="alipay"]{--channel:#1677ff;--channel-soft:#ecf4ff;background:#f5f8fd}
#payment-status[data-channel="unionpay"]{--channel:#dc3044;--channel-soft:#fff0f2}
.payment-top{background:var(--channel);color:white;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.payment-top small{display:block;font-size:12px;opacity:.85;margin-bottom:6px}
.payment-top strong{font-size:19px}
.payment-top button{border:0;border-radius:50%;background:#ffffff26;color:white;width:36px;height:36px;font-size:25px}
.payment-content{padding:28px 24px;text-align:center}
.payment-product{font-size:14px;color:#65748b;margin:0 0 8px}
.payment-amount{font-size:36px;font-weight:650;letter-spacing:-1px;margin:0 0 25px}
.payment-feedback{background:white;border-radius:16px;padding:28px 20px 24px;border:1px solid #ebeff4}
.payment-indicator{width:52px;height:52px;margin:0 auto 20px;border:4px solid var(--channel-soft);border-top-color:var(--channel);border-radius:50%;animation:payment-spin .8s linear infinite}
[data-state="error"] .payment-indicator{border:0;background:var(--channel-soft);color:var(--channel);animation:none;display:grid;place-items:center}
[data-state="error"] .payment-indicator:after{content:"!";font-size:30px;font-weight:600}
.payment-feedback h3{font-size:20px;margin:0 0 12px}
.payment-feedback p{font-size:14px;color:#758196;line-height:1.85;margin:0}
.payment-back{background:var(--channel);width:100%;margin-top:24px}
.payment-note{font-size:12px;line-height:1.7;color:#8995a6;margin:18px 0 0}
.payment-back[hidden]{display:none}
@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.payment-indicator{animation:none}}