﻿/* 现代跑马灯容器 */
.marquee-wrap {
  width: 100%;
  max-width: 888px;
  margin: 8px auto 16px;
  overflow: hidden;
}

/* 跑马灯轨道 */
.marquee-track {
  display: flex;
  overflow: hidden;
}

/* 跑马灯内容 */
.marquee-content {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: marquee-slide 20s linear infinite;
}

/* 跑马灯单项 */
.marquee-item {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  padding: 0 20px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.marquee-item:hover {
  transform: scale(1.05);
  color: #667eea;
}

/* 彩色字符动画 */
.color-char {
  display: inline-block;
  animation: color-pulse 1.5s ease-in-out infinite;
}

/* 彩色字符脉冲动画 */
@keyframes color-pulse {
  0%, 100% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* 跑马灯动画 */
@keyframes marquee-slide {
  0% { transform: translateX(888px); }
  100% { transform: translateX(-100%); }
}

/* 悬停暂停 */
.marquee-wrap:hover .marquee-content {
  animation-play-state: paused;
}


