/* ========= Marquee 基礎設定 ========= */
.marquee {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.marquee-content {
  display: inline-flex;
  padding-left: 100%;
  animation: marquee 12s linear infinite;
}

.marquee-group {
  display: inline-flex;
  flex-shrink: 0;
}

/* ========= 速度設定 ========= */
.marquee-slow .marquee-content {
  animation-duration: 20s;
}

.marquee-fast .marquee-content {
  animation-duration: 8s;
}

/* ========= Hover / 鍵盤 focus 暫停 ========= */
.marquee:hover .marquee-content,
.marquee:focus-within .marquee-content {
  animation-play-state: paused;
}

/* ========= 文字樣式可改 ========= */
.marquee-content .item {
  padding-right: 3rem; /* 每段文字之間的間隔 */
  display: inline-block;
  font-weight: 500;
}

/* ========= 動畫（雙份內容無縫循環） ========= */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}