/* === 基础卡片 === */
.card {
  background: var(--neutral-white);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: var(--shadow-xl);
}

/* === 毛玻璃卡片 === */
.card-glass {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-backdrop);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

/* === 卡片内容 === */
.card-header {
  padding: var(--space-6);
  border-bottom: 1px solid var(--neutral-gray-200);
}

.card-body {
  padding: var(--space-6);
}

.card-footer {
  padding: var(--space-6);
  border-top: 1px solid var(--neutral-gray-200);
  background: var(--neutral-gray-50);
}