/* ================================================================
   鲲鹏 Kunpeng — Page Transitions
   ================================================================ */

/* Page transition */
.page-enter-active,
.page-leave-active {
  transition: opacity var(--duration), transform var(--duration);
}

.page-enter-from {
  opacity: 0;
  transform: translateY(12px);
}

.page-leave-to {
  opacity: 0;
  transform: translateY(-12px);
}

/* Fade only */
.fade-enter-active,
.fade-leave-active {
  transition: opacity var(--duration);
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* Slide up */
.slide-up-enter-active,
.slide-up-leave-active {
  transition: opacity var(--duration), transform var(--duration);
}

.slide-up-enter-from {
  opacity: 0;
  transform: translateY(20px);
}

.slide-up-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}

/* Scale */
.scale-enter-active,
.scale-leave-active {
  transition: opacity var(--duration), transform var(--duration);
}

.scale-enter-from,
.scale-leave-to {
  opacity: 0;
  transform: scale(.95);
}

/* Card hover lift */
.card-lift {
  transition: transform var(--duration) var(--ease-out),
              border-color var(--duration) var(--ease-out),
              box-shadow var(--duration) var(--ease-out);
}

.card-lift:hover {
  transform: translateY(-2px);
  border-color: var(--border-light);
}