/* ===== REST_PASS_20261021：支付 / 个人中心 / 法务页 统一 ===== */

/* ---------- 支付页 ---------- */
.card{ background: var(--ds-c-fff) !important; border: 1px solid var(--ds-line) !important; border-radius: var(--ds-r-lg) !important;
  box-shadow: var(--ds-sh-2) !important; padding: 22px 24px !important; }
.price{ font-size: 32px !important; font-weight: 800 !important; color: var(--ds-ink) !important; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.sub, .meta, .report-summary{ font-size: 13px !important; color: var(--ds-muted) !important; line-height: 1.8 !important; }
.report-summary b{ font-size: 13px !important; color: var(--ds-ink) !important; }
.qr-box{ border: 1px solid var(--ds-line) !important; border-radius: var(--ds-r-lg) !important; background: var(--ds-c-fff) !important; }
.footer{ font-size: 12px !important; color: var(--ds-muted) !important; }

/* ---------- 个人中心（控制台） ---------- */
.cs-kpi b{ font-size: 20px !important; font-weight: 800 !important; color: var(--ds-ink) !important; font-variant-numeric: tabular-nums; }
.cs-kpi span{ font-size: 12px !important; color: var(--ds-muted) !important; }
.cs-mi{ font-size: 13px !important; color: var(--ds-ink-2) !important; border-radius: var(--ds-r-sm) !important; }
.cs-mi.on, .cs-mi:hover{ background: var(--ds-brand-soft) !important; color: var(--ds-brand) !important; }
.right-item{ background: var(--ds-c-fff) !important; border: 1px solid var(--ds-line) !important; border-radius: var(--ds-r-lg) !important;
  box-shadow: var(--ds-sh-1) !important; }
.ri-info b{ font-size: 13px !important; font-weight: 700 !important; color: var(--ds-ink) !important; }
.ri-info span{ font-size: 12px !important; color: var(--ds-muted) !important; line-height: 1.7 !important; }
.rd-btn{ height: 34px !important; padding: 0 14px !important; border-radius: var(--ds-r-sm) !important; font-size: 12px !important; }
.rd-btn-ghost{ border: 1px solid var(--ds-line) !important; background: var(--ds-c-fff) !important; color: var(--ds-ink-2) !important; }
.guide-step b, .gs-info b{ font-size: 13px !important; font-weight: 700 !important; color: var(--ds-ink) !important; }
.guide-step span, .gs-info span{ font-size: 12px !important; color: var(--ds-muted) !important; line-height: 1.7 !important; }
.gs-num{ width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--ds-brand-soft) !important;
  color: var(--ds-brand) !important; font-size: 12px !important; font-weight: 700 !important; }
.empty{ font-size: 13px !important; color: var(--ds-muted) !important; line-height: 1.8 !important; }

/* 弹窗 */
.modal-box{ border-radius: var(--ds-r-xl) !important; box-shadow: var(--ds-sh-3) !important; background: var(--ds-c-fff) !important; }
.modal-head{ font-size: 16px !important; font-weight: 800 !important; color: var(--ds-ink) !important; }
.modal-btn{ height: 40px !important; border-radius: var(--ds-r) !important; font-size: 13px !important; font-weight: 600 !important; }

/* ---------- 法律页（协议 / 隐私 / 确认书） ---------- */
body{ background: var(--ds-bg) !important; color: var(--ds-ink) !important; }
.brand b, .brand{ font-size: 16px !important; font-weight: 800 !important; color: var(--ds-ink) !important; }
h1{ font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.01em !important; }
h2, .toc b{ font-size: 16px !important; font-weight: 700 !important; color: var(--ds-ink) !important; }
h3{ font-size: 14px !important; font-weight: 700 !important; }
p, li{ font-size: 14px !important; line-height: 1.95 !important; color: var(--ds-ink-2) !important; }
.meta{ font-size: 12px !important; color: var(--ds-muted) !important; }
.toc a{ font-size: 13px !important; color: var(--ds-brand) !important; text-decoration: none !important; }
.toc a:hover{ text-decoration: underline !important; }
