/* 基础样式 */
.interactive-item {
  transition: all 0.3s ease; /* 统一过渡效果，确保动画流畅 */
  cursor: pointer; /* 鼠标变为手型，直观提示可点击 */
}

/* 1. 缩放效果 - 最常用的交互提示 */
.scale-effect:hover {
  transform: scale(1.03); /* 轻微放大 */
  /* box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); 增强阴影 */
}

/* 2. 上浮效果 - 适合卡片类元素 */
.lift-effect {
  position: relative;
  top: 0;
}
.lift-effect:hover {
  top: -5px; /* 向上移动 */
  /* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); */
}