body {
  background-image: url("shengdaps.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "微软雅黑", "黑体", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.game-title {
  font-size: 40px;
  font-weight: bold;
  font-family: "微软雅黑", "黑体", sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  letter-spacing: 4px;
  padding: 0;
  background: none;
  box-shadow: none;
  border: none;
  text-shadow: 0 0 12px #ffcc00, 0 0 24px #ff9900;
  border-radius: 0;
  animation: titleGlow 2s ease-in-out infinite alternate;
  transition: none;
}

@keyframes titleGlow {
  from {
    text-shadow: 0 0 12px #ffcc00, 0 0 24px #ff9900;
    color: #fff;
  }
  to {
    text-shadow: 0 0 32px #fffbe6, 0 0 48px #ffcc00;
    color: #ffe700;
  }
}

.content-wrapper {
  display: flex;
  justify-content: space-around;
  margin: 60px 20px;
  gap: 40px;
}

.magic-door {
  flex: 1;
  padding: 20px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  animation: doorAppear 2s ease-out forwards, pulseDoor 3s infinite alternate;
  text-decoration: none;
  background: rgba(30, 30, 60, 0.65); /* 半透明深色底 */
  backdrop-filter: blur(2px);
  box-shadow: 0 0 30px #222, 0 0 15px #444 inset;
}

@keyframes doorAppear {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes pulseDoor {
  0% { box-shadow: 0 0 20px #ffcc00, 0 0 10px #ff9900 inset; }
  100% { box-shadow: 0 0 40px #ffcc99, 0 0 20px #ffcc66 inset; }
}

.magic-door h2 {
  font-size: 32px;
  font-weight: bold;
  color: #fffbe6;
  letter-spacing: 2px;
  margin-bottom: 16px;
  text-shadow: 2px 2px 10px #ffcc00, 0 0 8px #552200;
  transition: color 0.3s, text-shadow 0.3s;
}
.magic-door:hover h2 {
  color: #ffcc00;
  text-shadow: 0 0 20px #fffbe6, 0 0 10px #ffcc00;
}

.magic-door p {
  font-size: 18px;
  color: #ffe7b3;
  margin-bottom: 0;
  text-shadow: 1px 1px 6px #7e57c2;
  letter-spacing: 1px;
  transition: color 0.3s, text-shadow 0.3s;
}
.magic-door:hover p {
  color: #fff;
  text-shadow: 0 0 12px #ffcc00;
}

footer {
  text-align: center;
  margin-top: 60px;
  font-size: 14px;
  color: #9b0793;
}