.vip-pay-panel{position:sticky;top:5.5rem;padding:0;min-width:0}.vip-pay-panel__fee{margin:0 0 .85rem}.vip-pay-panel__fee[hidden]{display:none}.vip-pay-panel__fee-title{margin:0 0 .55rem;color:#1e293b;font-size:1rem;font-weight:700}.vip-pay-panel__fee-card{padding:.85rem 1rem;background:#eef3f8;border-radius:12px}.vip-pay-panel__fee-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem;color:#334155}.vip-pay-panel__fee-row+.vip-pay-panel__fee-row{margin-top:.55rem}.vip-pay-panel__fee-row.is-total{margin-top:.65rem;padding-top:.55rem;border-top:1px solid rgba(148,163,184,.35);font-weight:700;color:#0f172a}.vip-pay-panel__fee-row.is-off{color:#e11d48}.vip-pay-panel__fee-row.is-list{color:var(--text-muted)}.vip-pay-panel__channels{display:flex;flex-direction:column;gap:.55rem;margin:0 0 .85rem}.vip-pay-channel{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--border);border-radius:var(--btn-radius);background:var(--surface);cursor:pointer;font:inherit;color:#1e293b}.vip-pay-channel.is-active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.vip-pay-channel__icon{width:18px;height:18px}.vip-pay-panel__qr{position:relative;display:grid;place-items:center;min-height:240px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;overflow:hidden}.vip-pay-panel__qr-inner{width:180px;height:180px;opacity:.22}.vip-pay-panel__qr.is-revealed .vip-pay-panel__qr-inner{opacity:1}.vip-pay-panel__qr-inner img{display:block;width:100%;height:100%;object-fit:contain}.vip-pay-panel__qr-deco{width:100%;height:100%;display:block}.vip-pay-panel__qr-placeholder{padding:1rem;color:var(--text-muted);font-size:.85rem;text-align:center}.vip-pay-panel__mask{position:absolute;inset:0;display:grid;place-content:center;gap:.45rem;background:rgba(248,250,252,.88);text-align:center;padding:1rem}.vip-pay-panel__mask-lead{margin:0;color:#64748b;font-size:.88rem}.vip-pay-panel__mask-link{color:#3b82f6;font-size:.95rem;font-weight:600;text-decoration:none}.vip-pay-panel__mask-link:hover{text-decoration:underline}.vip-pay-panel__agree{margin-top:.35rem;min-height:44px;padding:0 1.4rem;border:0;border-radius:var(--btn-radius);background:var(--brand-grad);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(79,140,255,.28)}.vip-pay-panel__agree:hover{filter:brightness(1.04)}.vip-pay-panel__agree:disabled{opacity:.65;cursor:not-allowed}.vip-pay-channel[hidden],.vip-pay-panel.is-manual .vip-pay-panel__agree,.vip-pay-panel.is-manual .vip-pay-panel__channels,.vip-pay-panel.is-manual .vip-pay-panel__mask,.vip-pay-panel__agree[hidden],.vip-pay-panel__channels[hidden],.vip-pay-panel__mask[hidden],.vip-pay-panel__qr.is-revealed .vip-pay-panel__mask{display:none!important}.vip-pay-panel__cs-wechat,.vip-pay-panel__expire,.vip-pay-panel__foot,.vip-pay-panel__hint{margin:.65rem 0 0;color:var(--text-muted);font-size:.82rem;text-align:center}.vip-pay-panel__expire.is-urgent{color:var(--fine)}.vip-pay-panel__foot{text-align:left}.plan-float-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;margin:0 0 .15rem;pointer-events:none}.plan-float-tag{display:inline-flex;align-items:center;padding:.14rem .52rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1.2;box-shadow:0 6px 14px rgba(15,23,42,.16);white-space:nowrap}.plan-float-tag--badge{background:var(--brand);color:var(--on-brand)}.plan-float-tag--off{background:#e11d48;color:var(--on-brand)}.plan-float-tag--bonus{background:#f59e0b;color:var(--on-brand)}@media (max-width:640px){.vip-pay-panel{position:static}}