/* 星星粒子特效 - 多彩实色版 */
.star-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 99997;
  overflow: hidden;
}

.star {
  position: absolute;
  width: 8px;
  height: 8px;
  opacity: 0;
  transform: translateY(0) translateX(0);
  transition: opacity 0.1s ease;
  pointer-events: none;
  background-size: contain;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.star.active {
  opacity: 1;
}

/* 多彩星星颜色 - 实色版 */
.star.red {
  background-color: #ff3b3b;
  box-shadow: 0 0 4px #ff3b3b;
}

.star.pink {
  background-color: #ff69b4;
  box-shadow: 0 0 4px #ff69b4;
}

.star.orange {
  background-color: #ff7f00;
  box-shadow: 0 0 4px #ff7f00;
}

.star.yellow {
  background-color: #ffd700;
  box-shadow: 0 0 4px #ffd700;
}

.star.green {
  background-color: #00c957;
  box-shadow: 0 0 4px #00c957;
}

.star.teal {
  background-color: #00ced1;
  box-shadow: 0 0 4px #00ced1;
}

.star.blue {
  background-color: #1e90ff;
  box-shadow: 0 0 4px #1e90ff;
}

.star.purple {
  background-color: #9370db;
  box-shadow: 0 0 4px #9370db;
}

.star.magenta {
  background-color: #ff00ff;
  box-shadow: 0 0 4px #ff00ff;
}

/* 加载动画文字样式 */
.loading-text {
  position: absolute;
  top: calc(50% + 60px);
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: var(--anzhiyu-fontcolor);
  font-weight: bold;
  font-family: 'PingFang SC', '微软雅黑', sans-serif;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.loading-text-cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  vertical-align: text-bottom;
  background-color: currentColor;
  animation: cursor-blink 1s infinite steps(1);
}

@keyframes cursor-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes loading-text-animation {
  0%, 100% {
    opacity: 0.7;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-5px);
  }
}

/* 清除旧的样式 */
.meteor, .meteor-container {
  display: none;
}

.cursor, .cursor-follower {
  display: none;
}

.star.gray {
  display: none;
}

/* 在移动设备上禁用 */
@media (max-width: 768px) {
  .star-container {
    display: none;
  }
}