/* Nexus Geek Hub - 支付相关样式，复用 --nf-* / 现有变量 */
:root {
  --nf-primary: var(--accent, #22d3ee);
  --nf-secondary: var(--text-secondary, #9ca3b4);
  --nf-success: #10b981;
  --nf-muted: var(--text-muted, #6b7280);
}

.pay-card { max-width: 420px; margin: 24px auto; }
.pay-title { font-size: 1.25rem; margin-bottom: 12px; color: var(--text-primary); }
.pay-hint { font-size: 0.9rem; color: var(--nf-secondary); margin-bottom: 16px; }
.pay-flow-info { font-size: 0.95rem; margin-bottom: 20px; padding: 12px; background: rgba(255,255,255,0.04); border-radius: var(--radius-sm); }
.pay-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.pay-actions .btn-primary { background: var(--nf-primary); color: #0a0b0d; }
.pay-actions .btn-secondary { background: var(--glass-bg); border: 1px solid var(--glass-border); color: var(--text-primary); }

.btn-loading { pointer-events: none; opacity: 0.8; }
.btn-disabled, .btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* 价格标签 */
.price-tag { font-size: 0.85rem; font-weight: 600; color: var(--nf-primary); }
.price-tag.free { color: var(--nf-success); }
.price-tag.placeholder { color: var(--nf-muted); }