/* Gradient Text - 渐变文字效果 */
.gradient-text {
  display: inline-block;
  background: linear-gradient(
    to right,
    #00d9ff,
    #7b2ff7,
    #f107a3,
    #7b2ff7,
    #00d9ff
  );
  background-size: 200%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-animation 6s linear infinite;
  font-weight: 600;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}

/* 响应式 */
@media (max-width: 768px) {
  .gradient-text {
    background-size: 150%;
  }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  .gradient-text {
    animation: none;
    background-position: 0% center;
  }
}