/* points-system.css — 积分/勋章/成长/信用分模块样式 */

/* ========== 积分模块 ========== */
.points-balance { background: #FFFFFF; border: 1px solid #E5E5EA; border-radius: 8px; padding: 20px; margin-bottom: 16px; text-align: center; }
.points-balance__value { font-size: 36px; font-weight: 700; color: #F5A623; }
.points-balance__label { font-size: 14px; color: #9E9E9E; }
.points-balance__stats { display: flex; justify-content: center; gap: 32px; margin-top: 16px; }
.points-balance__stat { text-align: center; }
.points-balance__stat-value { font-size: 20px; font-weight: 600; color: #333333; }
.points-balance__stat-label { font-size: 12px; color: #9E9E9E; }
.points-history__item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #E5E5EA; }
.points-history__source { font-size: 14px; color: #333333; }
.points-history__amount { font-size: 14px; font-weight: 600; }
.points-history__amount--grant { color: #4CAF50; }
.points-history__amount--deduct { color: #FF3B30; }

/* ========== 勋章模块 ========== */
.badges-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 16px; }
.badge-card { background: #FFFFFF; border: 1px solid #E5E5EA; border-radius: 8px; padding: 16px; text-align: center; }
.badge-card--locked { opacity: 0.4; }
.badge-card__icon { font-size: 32px; margin-bottom: 8px; }
.badge-card__name { font-size: 14px; font-weight: 600; color: #333333; }
.badge-card__desc { font-size: 12px; color: #9E9E9E; margin-top: 4px; }
.badge-card--unlocked .badge-card__icon { color: #FFD700; }

/* ========== 成长体系 ========== */
.growth-current { background: #FFFFFF; border: 1px solid #E5E5EA; border-radius: 8px; padding: 20px; margin-bottom: 16px; }
.growth-current__level { font-size: 24px; font-weight: 700; color: #34C759; }
.growth-progress { height: 8px; background: #E5E5EA; border-radius: 4px; overflow: hidden; margin: 12px 0; }
.growth-progress__bar { height: 100%; background: #34C759; border-radius: 4px; transition: width 0.3s; }
.growth-progress__label { font-size: 12px; color: #9E9E9E; }
.growth-history__item { padding: 12px 0; border-bottom: 1px solid #E5E5EA; }

/* ========== 信用分模块 ========== */
.credit-score { background: #FFFFFF; border: 1px solid #E5E5EA; border-radius: 8px; padding: 20px; margin-bottom: 16px; text-align: center; }
.credit-score__value { font-size: 36px; font-weight: 700; color: #5856D6; }
.credit-score__label { font-size: 14px; color: #9E9E9E; }
.credit-score__efficiency { font-size: 14px; color: #666666; margin-top: 8px; }
.credit-history__item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #E5E5EA; }

/* ========== 响应式 ========== */
@media (max-width: 768px) {
  .badges-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
  .points-balance__stats { flex-direction: column; gap: 12px; }
}