/* 手机 320-480px */
@media (max-width: 480px) {
  .home-container { padding: 16px 12px; }
  .home-section { margin-bottom: 16px; }
  .home-hero-title { font-size: 24px; }
  .home-hero-subtitle { font-size: 13px; }
  .home-hero { margin-bottom: 24px; padding-bottom: 16px; }

  .home-kpi-grid { gap: 8px; }
  .home-kpi-num { font-size: 20px; }
  .home-kpi-label { font-size: 11px; }
  .home-kpi-card { padding: 12px 6px; }

  .home-quick-actions { gap: 8px; }
  .home-quick-btn { padding: 12px 6px; }
  .home-quick-icon { width: 36px; height: 36px; }
  .home-quick-label { font-size: 11px; }

  .home-upcoming-card { padding: 14px; }
  .upcoming-card-main { padding: 14px 16px; gap: 12px; }
  .uc-countdown-text { font-size: 11px; }
  .timeline-item { padding: 8px 10px; }
  .pager-arrow { width: 26px; height: 26px; }
  .home-last-trip { padding: 14px; }
  .last-trip-card { padding: 14px 16px; gap: 6px; }
  .uc-train { font-size: 14px; }
  .lt-train { font-size: 14px; }

  .recent-achievements-scroll .recent-achievement-badge {
    width: 40px; height: 40px;
  }
  .recent-achievements-scroll .recent-achievement-badge svg {
    width: 18px; height: 18px;
  }
  .recent-achievements-scroll .recent-achievement-name { font-size: 9px; }

  .home-memory-grid,
  .home-insight-grid { grid-template-columns: 1fr; }
  .home-memory-card { padding: 12px 14px; }
  .home-memory-title { font-size: 14px; }
  .home-memory-desc { font-size: 12px; }

  .home-section-label { font-size: 12px; }
}

/* 统计页面 */
.stats-page {
  background-color: var(--color-bg-surface);
  min-height: 100vh;
  visibility: visible !important;
}

.stats-container {
  padding: 24px var(--page-margin);
  max-width: 1200px;
  margin: 0 auto;
}

.stats-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 24px;
}

/* 缁熻��?�崱鐗� */
.stats-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.stat-card {
  background-color: var(--color-bg-surface);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.stat-value {
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-1);
  line-height: 1.2;
}

.stat-label {
  font-size: var(--text-xs);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* 鍥捐〃鍖哄煙 */
.chart-section {
  margin-bottom: var(--space-8);
}

.chart-title {
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-4);
}

.chart-placeholder {
  background-color: var(--color-bg-surface);
  padding: 60px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  color: var(--color-text-secondary);
}

/* �??哥敤杞︾�?? */
.frequent-stations-section {
  margin-bottom: 32px;
}

.section-subtitle {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 16px;
}

.station-stats {
  background-color: var(--color-bg-muted);
  border-radius: var(--radius-base);
  padding: 16px;
}

.station-stat-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border-light);
}

.station-stat-item:last-child {
  border-bottom: none;
}

.station-rank {
  width: 30px;
  font-weight: bold;
  color: var(--primary);
  margin-right: 16px;
}

.station-name {
  flex: 1;
  color: var(--color-text-primary);
}