/* 加载动画专属样式 */
        * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
    }
    .loading-page {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at center, #0a0f1a 0%, #05080f 100%);
      background-image: url('/LoadBackground/wp05.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-blend-mode: overlay;
      background-color: rgba(5, 8, 15, 0.95);
      font-family: 'OpenAISans-Medium', sans-serif;
      text-align: center;
      padding: 20px;
    }
    .logo-container {
      width: 120px;
      height: 120px;
      margin-bottom: 40px;
      filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.3));
      transition: transform 0.3s ease;
    }

    .logo-container:hover {
      transform: scale(1.05);
      filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
    }

    .logo-container img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      animation: glowPulse 2s ease-in-out infinite alternate;
    }

    @keyframes glowPulse {
      0% {
        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
      }
      100% {
        filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.6));
      }
    }

    .skeleton-text {
      position: relative;
      display: inline-block;
      font-weight: bold;
      color: transparent;
      background: linear-gradient(90deg, #2b2b2b 25%, #888 50%, #2b2b2b 75%);
      background-size: 200% 100%;
      animation: shimmer 2.2s infinite;
      background-clip: text;
      -webkit-background-clip: text;
    }

    @keyframes shimmer {
      0% {
        background-position: -200% 0;
      }
      100% {
        background-position: 200% 0;
      }
    }

    .jp {
      font-size: 3em;
      margin-bottom: 12px;
      letter-spacing: 5px;
      font-weight: bold;
    }

    .conna {
      font-size: 1.8em;
      margin-bottom: 10px;
      letter-spacing: 2px;
    }

    .en {
      font-size: 1.2em;
      letter-spacing: 1px;
      font-weight: bold;
    }

    /* ========== 响应式设计 ========== */
    @media (max-width: 768px) {
      .logo-container {
        width: 150px;
        height: 150px;
        margin-bottom: 30px;
      }
      .jp {
        font-size: 2.2em;
        letter-spacing: 3px;
      }
      .conna {
        font-size: 1.4em;
      }
      .en {
        font-size: 1em;
      }
    }

    @media (max-width: 480px) {
      .logo-container {
        width: 150px;
        height: 150px;
        margin-bottom: 25px;
      }
      .jp {
        font-size: 2.4em;
        letter-spacing: 2px;
      }
      .conna {
        font-size: 1.2em;
      }
      .en {
        font-size: 0.9em;
      }
    }

#loadingPage, #mainContent {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}