/* ========== 启动画面 ========== */
.splash-screen {
  background: var(--gradient);
  align-items: center;
  justify-content: center;
  position: relative;
}

.splash-logo {
  width: 100px;
  height: 80px;
  margin-bottom: 24px;
  animation: splashPulse 2s ease-in-out infinite;
}

.splash-logo svg {
  width: 100%;
  height: 100%;
}

@keyframes splashPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}

.splash-title {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 8px;
  margin-bottom: 32px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.splash-poem {
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  line-height: 2;
  letter-spacing: 2px;
}

.splash-poem p {
  margin: 4px 0;
}

/* 干杯按钮 */
.splash-cheers-btn {
  position: absolute;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.3s;
}

.splash-cheers-btn:active {
  transform: scale(0.95);
}

.splash-cheers-btn svg {
  width: 70px;
  height: 70px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2));
}

.splash-cheers-btn span {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 8px;
  text-shadow: 
    0 0 10px rgba(255,255,255,0.8),
    0 0 20px rgba(255,255,255,0.6),
    0 0 30px rgba(255,255,255,0.4),
    0 2px 4px rgba(0,0,0,0.3);
  font-style: italic;
  animation: textGlow 2s ease-in-out infinite;
}

@keyframes textGlow {
  0%, 100% { 
    text-shadow: 
      0 0 10px rgba(255,255,255,0.8),
      0 0 20px rgba(255,255,255,0.6),
      0 0 30px rgba(255,255,255,0.4),
      0 2px 4px rgba(0,0,0,0.3);
  }
  50% { 
    text-shadow: 
      0 0 15px rgba(255,255,255,1),
      0 0 30px rgba(255,255,255,0.8),
      0 0 45px rgba(255,255,255,0.6),
      0 2px 4px rgba(0,0,0,0.3);
  }
}

/* 干杯动画 */
.cheers-left {
  animation: cheersLeft 1.5s ease-in-out infinite;
  transform-origin: 30px 22px;
}

.cheers-right {
  animation: cheersRight 1.5s ease-in-out infinite;
  transform-origin: 30px 22px;
}

@keyframes cheersLeft {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-8deg); }
}

@keyframes cheersRight {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(8deg); }
}

/* 火花动画 */
.spark {
  animation: sparkle 1.5s ease-in-out infinite;
}

.spark1 {
  animation-delay: 0s;
}

.spark2 {
  animation-delay: 0.3s;
}

.spark3 {
  animation-delay: 0.6s;
}

@keyframes sparkle {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); }
}

.splash-version {
  position: absolute;
  bottom: 40px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}