/* 小余AI 扩展样式：价格档位 / 会员条 —— 与原版 app.css 分离，避免破坏 1:1 复刻 */
.price-tier-tag { font-style: normal; margin-left: 6px; padding: 1px 7px; border-radius: 99px; background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #7c2d12; font-size: 11px; font-weight: 600; vertical-align: 2px; }
.tier-chips { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.tier-effective { flex-basis: 100%; margin-top: 4px; color: #0f766e; font-size: 13px; }
.tier-effective strong { font-size: 15px; }
.account-level.vip { background: linear-gradient(135deg, rgba(251, 191, 36, .16), rgba(245, 158, 11, .08)); border-color: #eab308; color: #854d0e; }
.member-bar { margin: 0 0 14px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; border: 1px solid #eab308; border-radius: 14px; background: linear-gradient(135deg, rgba(251, 191, 36, .14), rgba(245, 158, 11, .06)); }
.member-bar strong { display: block; font-size: 14px; color: #854d0e; }
.member-bar span { display: block; font-size: 12px; color: #a16207; margin-top: 2px; }
.member-bar .finance-primary { background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; border: 0; border-radius: 10px; min-height: 40px; padding: 0 18px; cursor: pointer; font-size: 13px; font-weight: 600; }
.member-bar .finance-primary:disabled { opacity: .55; cursor: not-allowed; }

/* 验证码图片：原版 object-fit:cover 会在窄框(手机88px)里裁掉首尾字符 → 改 contain 完整显示，手机端加宽图片列 */
.captcha-image { background: #f2fbfd; }
.captcha-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
@media (max-width: 760px) {
  .captcha-row { grid-template-columns: minmax(0, 1fr) 104px 34px; gap: 5px; }
}
@media (max-width: 360px) {
  .captcha-row { grid-template-columns: minmax(0, 1fr) 96px 32px; }
}