.card {
  background: var(--card);
  padding: 25px;
  border-radius: 18px;
  transition: 0.3s;
  will-change: transform;
  
  /* 內部 Flex 佈局 */
  display: flex;
  flex-direction: column;
  height: 100%; /* 填滿 Grid 容器 */
  text-align: center;
}

.card:hover {
  transform: translateY(-8px);
  background: var(--card-2);
}

.card img {
  max-height: 60px;
  width: auto;
  margin: 0 auto 15px; /* 置中並空出間距 */
  object-fit: contain;
  flex-shrink: 0;
}

.card p {
  margin: 0;
  font-size: 20px;
  flex-grow: 1; /* 佔據剩餘空間，實現文字垂直對齊 */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card h3 {
  margin: 10px 0;
  color: var(--primary);
}