/* 会员开通页（支付宝人工收款）。只补本页需要的样式，其余沿用 business.css。 */
.pay-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 28px; }
.pay-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 26px; min-width: 0; }
.pay-card h2 { font-size: 22px; }
.pay-card > p { color: var(--muted); font-size: 14px; margin-top: 10px; }
.plan-list { list-style: none; padding: 0; margin-top: 16px; }
.plan-row { display: grid; grid-template-columns: 1fr auto auto; gap: 6px 18px; align-items: baseline; padding: 14px 0; border-top: 1px solid var(--line); }
.plan-row span { color: var(--muted); font-size: 14px; }
.plan-row b { font-size: 22px; color: #175daf; white-space: nowrap; }
.plan-row small { grid-column: 1 / -1; color: var(--muted); font-size: 13px; }
.qr-box { display: grid; justify-items: center; gap: 12px; text-align: center; }
.qr-box img { width: min(260px, 100%); height: auto; border: 1px solid var(--line); border-radius: 12px; }
.qr-box p { color: var(--muted); font-size: 14px; }
.pay-steps { counter-reset: step; list-style: none; padding: 0; display: grid; gap: 14px; margin-top: 18px; }
.pay-steps li { counter-increment: step; position: relative; padding-left: 44px; }
.pay-steps li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e8f1ff; color: #175daf; font-weight: 700; font-size: 14px; }
.pay-steps strong { display: block; }
.pay-steps p { color: var(--muted); font-size: 14px; }
.notice-list { padding-left: 1.2em; display: grid; gap: 8px; margin-top: 14px; color: #425471; font-size: 14px; }
@media (max-width: 700px) {
  .pay-grid { grid-template-columns: 1fr; }
  .pay-card { padding: 20px; }
  .plan-row { grid-template-columns: 1fr auto; }
  .plan-row span { grid-column: 1; grid-row: 2; }
}