/* ===== 最小卡片示例 ===== */

/* 卡片容器 */
.card-link {
  display: block;                    /* 让链接变成块级元素 */
  background: #fff;                 /* 白色背景 */
  border: 1px solid #e0e0e0;        /* 浅灰色边框 */
  border-radius: 8px;               /* 圆角 */
  padding: 16px 20px;                /* 内边距 */
  margin-bottom: 12px;               /* 卡片之间的间距 */
  text-decoration: none;            /* 去掉下划线 */
  color: #333;                       /* 文字颜色 */
  transition: all 0.2s ease;         /* 平滑过渡效果 */
}

/* 悬停时的效果 */
.card-link:hover {
  border-color: #007bff;            /* 边框变蓝色 */
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15); /* 蓝色阴影 */
  transform: translateY(-2px);       /* 轻微上移 */
}

/* 卡片内的文字样式 */
.card-link .card-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.card-link .card-desc {
  font-size: 14px;
  color: #666;
  margin: 4px 0 0 0;
}