/* ========== 统一卡片动画系统 ========== */

/* 简洁的淡入动画 */
@keyframes cardFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 统一的卡片基础样式 - 由JavaScript控制动画触发 */
.projectItem {
  /* 移除所有CSS动画，完全由JS控制 */
  animation: none !important;
  
  /* 设置初始状态 - 透明并向下偏移 */
  opacity: 0;
  transform: translateY(20px);
  filter: blur(5px);
  
  /* 统一的悬停过渡 */
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  
  /* 确保GPU加速 */
  will-change: transform, box-shadow, opacity;
  backface-visibility: hidden;
}

/* 移除所有固定的动画延迟类，由JS根据滚动位置动态设置 */
.projectItem:nth-child(n) { animation-delay: unset !important; }

/* 统一的悬停效果 */
.projectItem:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  
  /* 移除所有复杂的光晕和特效 */
  filter: none !important;
}

/* 移除所有伪元素光晕效果 */
.projectItem::before,
.projectItem::after {
  display: none !important;
}

/* 统一内部元素动画 */
.projectItem .projectItemLeft {
  transition: width 0.3s ease;
}

.projectItem .projectItemRight {
  transition: width 0.3s ease;
}

.projectItem .projectItemRight img {
  transition: transform 0.3s ease;
}

.projectItem:hover .projectItemRight img {
  transform: rotate(15deg) scale(1.1);
}

.projectItem .projectItemLeft h1 {
  transition: font-size 0.3s ease;
}

/* 移除所有复杂的动画类 */
.animate-in,
.animate-delay-1,
.animate-delay-2,
.animate-delay-3,
.animate-delay-4,
.animate-delay-5,
.animate-stagger,
.fade-in,
.fade-in-up,
.zoom-in,
.bounce-in,
.slide-in-up,
.magnetic-entry,
.elastic-entry {
  animation: none !important;
}

/* 确保左侧面板动画也保持简洁 */
.left-div {
  animation: cardFadeIn 0.6s ease-out forwards !important;
}

.left-div:nth-child(1) { animation-delay: 0.1s !important; }
.left-div:nth-child(2) { animation-delay: 0.2s !important; }
.left-div:nth-child(3) { animation-delay: 0.3s !important; }
.left-div:nth-child(4) { animation-delay: 0.4s !important; }
.left-div:nth-child(5) { animation-delay: 0.5s !important; }
.left-div:nth-child(6) { animation-delay: 0.6s !important; }
.left-div:nth-child(7) { animation-delay: 0.7s !important; }
.left-div:nth-child(8) { animation-delay: 0.8s !important; }

/* 移除所有复杂的悬停特效类 */
.ripple-effect,
.magnetic-hover,
.glow-effect,
.elastic-hover,
.liquid-hover,
.pulse-hover,
.heartbeat-hover {
  animation: none !important;
}

.ripple-effect::before,
.ripple-effect::after,
.glow-effect::before,
.glow-effect::after {
  display: none !important;
}

/* 确保所有动画保持一致性 */
* {
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}