/* 基础形状 */
.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); */
}
<!--耗时1776076232.7335秒-->