.card {
  background: var(--surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: transform var(--t), box-shadow var(--t), border-color var(--t);
}
.card--pad-sm {
  padding: 1.2rem;
}
.card--pad-md {
  padding: 1.8rem;
}
.card--pad-lg {
  padding: 2.4rem;
}
.card--hover:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: transparent;
}