#trail-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.particle {
  position: absolute;
  width: 3px; /* 减小粒子大小 */
  height: 3px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: none;
  mix-blend-mode: screen;
}

/* 为粒子添加一个更快的淡出动画 */
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.particle.fade {
  animation: fadeOut 0.5s ease-out forwards; /* 缩短动画持续时间 */
}