.purchase-dialog{width:min(550px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}.purchase-dialog::backdrop{background:#08080cb3;backdrop-filter:blur(3px)}.purchase-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.purchase-header h2{font-size:23px;margin:5px 0}.purchase-summary{display:grid;grid-template-columns:115px minmax(0,1fr);gap:15px 14px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.purchase-summary dt{color:var(--muted);font-size:13px}.purchase-summary dd{font-size:14px;overflow-wrap:anywhere}.purchase-payment{padding:18px;margin:18px 0;background:var(--bg);border-radius:10px}.purchase-payment p,.purchase-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.purchase-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#purchase-message{font-size:13px;line-height:1.8;overflow-wrap:anywhere}#purchase-message[data-error=true]{color:var(--red)}.self-credit-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.self-credit-options button{padding:12px 8px;font-size:13px}.self-credit-options button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:var(--tint)}#self-recharge-form label{display:block;color:var(--muted);font-size:12px;margin:14px 0 8px}#self-credit-quantity{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.purchase-total{font-size:16px;margin:20px 0}.plan-card>button{width:100%}.plan-card ul{min-height:90px}#active-purchase-plans{margin-bottom:24px}.member-account>div{min-width:0}.member-account h2{overflow-wrap:anywhere}#page-membership .recharge-shortcut{margin-top:16px}#page-orders table button{white-space:nowrap}#page-orders table td{overflow-wrap:anywhere}
@media(max-width:600px){.purchase-dialog{padding:20px}.purchase-summary{grid-template-columns:80px minmax(0,1fr)}.self-credit-options{grid-template-columns:repeat(2,1fr)}#page-recharge .member-links{grid-template-columns:1fr 1fr}.purchase-header h2{font-size:20px}}

.beta-purchase-notice{margin:20px 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}.beta-purchase-notice strong{font-size:15px}.beta-purchase-notice p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--muted)}#page-membership .plan-card button:disabled,#page-membership .live-plan-card button:disabled,#recharge-open:disabled{opacity:.6;cursor:not-allowed}