/* 优化后的柔和科技感背景 */
.cyber-container {
  position: relative;
  height: 100vh;
  background: linear-gradient(45deg, #1a1a2e 0%, #16213e 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 柔光故障文字效果 */
.cyber-glitch {
  font: 600 4rem 'Oxanium', sans-serif;
  color: #7fffd4; /* 改用柔和的青绿色 */
  position: relative;
  text-shadow: 0.03em 0 0 rgba(127,255,212,0.3),
              -0.02em -0.03em 0 rgba(64,224,208,0.3),
              0.02em 0.03em 0 rgba(32,178,170,0.3);
  animation: glitch 1200ms infinite; /* 延长动画时间 */
}

@keyframes glitch {
  0% { text-shadow: 0.03em 0 0 rgba(127,255,212,0.3), 
                   -0.03em -0.02em 0 rgba(64,224,208,0.3),
                   -0.02em 0.03em 0 rgba(32,178,170,0.3); }
  50% { text-shadow: -0.03em -0.02em 0 rgba(127,255,212,0.3),
                   0.02em 0.02em 0 rgba(64,224,208,0.3),
                   -0.03em -0.03em 0 rgba(32,178,170,0.3); }
  100% { text-shadow: 0.02em 0.03em 0 rgba(127,255,212,0.3),
                   0.03em 0 0 rgba(64,224,208,0.3),
                   0 -0.03em 0 rgba(32,178,170,0.3); }
}

/* 柔光投影按钮 */
.hologram-btn {
  margin-top: 2rem;
  padding: 1rem 2.5rem;
  background: rgba(127, 255, 212, 0.08); /* 半透明柔光 */
  border: 1.5px solid #64e0d0; /* 更细的边框 */
  color: #7fffd4;
  font-family: 'Oxanium', sans-serif;
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}
.hologram-btn:hover {
  background: rgba(127, 255, 212, 0.15);
  box-shadow: 0 0 15px rgba(64, 224, 208, 0.4); /* 柔化光晕 */
}

/* 优化后的动态粒子 */
.particles {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('https://example.com/particles-light.png'); /* 更换浅色粒子图 */
  animation: particleFlow 150s linear infinite;
  opacity: 0.08; /* 进一步降低透明度 */
}

/* 柔化霓虹光带 */
.neon-line {
  width: 70%; /* 缩短光带长度 */
  height: 1.5px;
  margin: 2rem 0;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(64, 224, 208, 0.6), /* 降低颜色强度 */
    transparent);
  box-shadow: 0 0 10px rgba(64, 224, 208, 0.3); /* 柔化光晕效果 */
}