.text-page-primary {
  color: var(--color-conjunctivitis);
}
.bg-page-light {
  background-color: var(--color-conjunctivitis-light);
}
.title-normal {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-conjunctivitis);
  letter-spacing: 1.5px;
  position: relative;
}
.title-normal::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  height: 2px;
  width: 50px;
  background-color: #c0c0e6;
}
.symptoms-list {
  position: relative;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.symptoms-item {
  font-weight: 900;
  white-space: nowrap;
  transform-origin: center center; /* 缩放中心，避免偏移 */
  transition: transform 0.3s ease; /* 备用平滑 */
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.symptoms-item:nth-child(1) {
  /* 眼瞼紅腫、沉重：初始18px，范围 ~18-30px (1-1.67) */
  font-size: 18px;
  --min-scale: 1;
  --max-scale: 1.67;
  animation: SizeRandom 3s ease-in-out infinite alternate;
  animation-delay: 0s;
}

.symptoms-item:nth-child(2) {
  /* 眼睛痕癢、疼痛：初始20px，范围 ~18-32px (0.9-1.6) */
  font-size: 20px;
  --min-scale: 0.9;
  --max-scale: 1.6;
  animation: SizeRandom 2.5s ease-in-out infinite alternate;
  animation-delay: 0.4s;
}

.symptoms-item:nth-child(3) {
  /* 結膜充血：初始24px，范围 ~18-32px (0.75-1.33) */
  font-size: 24px;
  --min-scale: 0.75;
  --max-scale: 1.33;
  animation: SizeRandom 4s ease-in-out infinite alternate;
  animation-delay: 0.8s;
}

.symptoms-item:nth-child(4) {
  /* 分泌物增多：初始18px，范围 ~18-28px (1-1.56) */
  font-size: 18px;
  --min-scale: 1;
  --max-scale: 1.56;
  animation: SizeRandom 3.5s ease-in-out infinite alternate;
  animation-delay: 1.2s;
}

.symptoms-item:nth-child(5) {
  /* 異物感、燒灼感：初始32px，范围 ~18-32px (0.56-1) */
  font-size: 32px;
  --min-scale: 0.56;
  --max-scale: 1;
  animation: SizeRandom 2s ease-in-out infinite alternate;
  animation-delay: 1.6s;
}

.symptoms-item:nth-child(6) {
  /* 流眼水、畏光：初始24px，范围 ~19-30px (0.79-1.25) */
  font-size: 24px;
  --min-scale: 0.79;
  --max-scale: 1.25;
  animation: SizeRandom 4.5s ease-in-out infinite alternate;
  animation-delay: 2s;
}
@media screen and (max-width: 1023px) {
  .symptoms-item:nth-child(1) {
    translate: 20px -40px;
  }
  .symptoms-item:nth-child(2) {
    translate: 0 8px;
  }
  .symptoms-item:nth-child(3) {
    translate: 20px -48px;
  }
  .symptoms-item:nth-child(4) {
    translate: 80px 84px;
  }
  .symptoms-item:nth-child(6) {
    translate: 0 48px;
  }
}
@media screen and (min-width: 1024px) {
  .title-normal {
    font-size: 36px;
    letter-spacing: 2px;
  }
  .title-normal::before {
    height: 3px;
    width: 58px;
    bottom: -16px;
  }
  .symptoms-item:nth-child(1) {
    /* 初始64px，范围 ~40-64px (0.625-1) */
    font-size: 64px;
    --min-scale: 0.625;
    --max-scale: 1;
    animation: SizeRandom 3s ease-in-out infinite alternate;
    animation-delay: 0s;
    justify-content: end;
  }

  .symptoms-item:nth-child(2) {
    /* 初始36px，范围 ~36-60px (1-1.67) */
    font-size: 36px;
    --min-scale: 1;
    --max-scale: 1.67;
    animation: SizeRandom 2.5s ease-in-out infinite alternate;
    animation-delay: 0.4s;
    justify-content: end;
  }

  .symptoms-item:nth-child(3) {
    /* 初始64px，范围 ~45-64px (0.7-1) */
    font-size: 64px;
    --min-scale: 0.7;
    --max-scale: 1;
    animation: SizeRandom 4s ease-in-out infinite alternate;
    animation-delay: 0.8s;
    justify-content: center;
  }

  .symptoms-item:nth-child(4) {
    /* 初始48px，范围 ~36-64px (0.75-1.33) */
    font-size: 48px;
    --min-scale: 0.75;
    --max-scale: 1.33;
    animation: SizeRandom 3.5s ease-in-out infinite alternate;
    animation-delay: 1.2s;
    justify-content: center;
    padding-left: 120px;
  }

  .symptoms-item:nth-child(5) {
    /* 初始36px，范围 ~36-58px (1-1.61) */
    font-size: 36px;
    --min-scale: 1;
    --max-scale: 1.61;
    animation: SizeRandom 2s ease-in-out infinite alternate;
    animation-delay: 1.6s;
    justify-content: center;
  }

  .symptoms-item:nth-child(6) {
    /* 初始64px，范围 ~42-64px (0.66-1) */
    font-size: 64px;
    --min-scale: 0.66;
    --max-scale: 1;
    animation: SizeRandom 4.5s ease-in-out infinite alternate;
    animation-delay: 2s;
    justify-content: end;
  }
}
