/* 🐕 小狗的家 — health.css */

    /* ========== 健康页面 ========== */
    .health-summary {
      display: flex;
      justify-content: space-around;
      text-align: center;
      padding: 10px 0;
    }
    .summary-item { flex: 1; }
    .summary-value {
      font-size: 24px;
      font-weight: bold;
      color: #e07b39;
    }
    .summary-label {
      font-size: 12px;
      color: #999;
      margin-top: 5px;
    }
    .health-card {
      padding: 16px;
      margin-bottom: 12px;
      border-radius: var(--radius-md);
      background: linear-gradient(135deg, #fff2f6 0%, #ffe6ee 100%);
      border-left: 4px solid #ff6b9d;
      transition: transform 0.2s var(--ease-out), box-shadow 0.2s;
    }
    .health-card:hover {
      transform: translateX(2px);
      box-shadow: var(--shadow-sm);
    }
    .health-card.good {
      background: linear-gradient(135deg, #f0fff4 0%, #e8f5e9 100%);
      border-left-color: #4caf50;
    }
    .health-date { font-weight: bold; color: #333; font-size: 14px; }
    .health-stats { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
    .health-stat { display: flex; align-items: center; gap: 5px; font-size: 13px; color: #666; }
    .stat-good { color: #4caf50; font-weight: bold; }
    .stat-warn { color: #e53935; font-weight: bold; }
    .health-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
    .badge { padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }
    .badge-good { background: #e8f5e9; color: #2e7d32; }
    .badge-warn { background: #ffebee; color: #c62828; }
    .badge-perfect { background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%); color: #f57c00; border: 1px solid #ffb74d; }
    .note-img { max-width: 100%; max-height: 300px; object-fit: contain; border-radius: 8px; margin: 8px 0; }