/* AI credit balance card, matching the Longleyun account/workspace visual system. */
.ly-ai-credits-card { display: flex; flex-direction: column; gap: 6px; margin: 18px 0; padding: 16px 18px; border: 1px solid #e4eaf4; border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%); box-shadow: 0 10px 28px rgba(28, 62, 122, 0.06); }
.ly-ai-credits-card__head { display: flex; align-items: baseline; gap: 8px; }
.ly-ai-credits-card__head span { color: #6b86b5; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; }
.ly-ai-credits-card__head h3 { margin: 0; color: #1f3352; font-size: 14px; font-weight: 700; }
.ly-ai-credits-card__value { display: flex; align-items: baseline; gap: 8px; margin: 2px 0 0; }
.ly-ai-credits-card__value strong { color: #20437a; font-size: 28px; font-weight: 800; line-height: 1.1; }
.ly-ai-credits-card__value small { color: #6b86b5; font-size: 12px; }
.ly-ai-credits-card__hint { margin: 0; color: #7c899d; font-size: 12px; line-height: 1.8; }
.ly-ai-credits-card__reserved { margin: 0; color: #b26a12; font-size: 12px; }
.ly-ai-credits-card__recharge { align-self: flex-start; margin-top: 6px; padding: 8px 16px; border-radius: 999px; background: #20437a; color: #fff; font-size: 12px; font-weight: 650; text-decoration: none; }
.ly-ai-credits-card__recharge:hover { background: #2c56a0; color: #fff; }
@media (max-width: 480px) {
  .ly-ai-credits-card { padding: 16px 16px; }
  .ly-ai-credits-card__value strong { font-size: 28px; }
}