@font-face {
      font-family: "Alibaba PuHuiTi";
      src: url('font/ali.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  * {
      font-family: "Alibaba PuHuiTi", sans-serif;
  }

  body {
      min-height: 100vh;
      background: #000;
      overflow: hidden;
  }

  .full-screen-section {
      min-height: 100vh;
      width: 100%;
      position: relative;
      padding: 80px 0;
  }

  .section-content {
      max-width: 1440px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
      padding: 0 20px;
  }

  .search-input::placeholder {
      color: #6B7280;
  }

  .nav-link {
      position: relative;
  }

  .nav-link::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #7C3AED;
      transition: width 0.3s ease;
  }

  .nav-link:hover::after {
      width: 100%;
  }

  .nav-link.active::after {
      width: 100% !important;
  }

  .download-btn {
      transition: transform 0.2s ease;
  }

  .download-btn:hover {
      transform: translateY(-2px);
  }

  .home-bg,
  .games-bg,
  .reviews-bg,
  .news-bg {
      background:  url('img/bing_2025_06_26.jpeg') center/cover no-repeat;
  }

  .speed-bg,
  .showcase-bg,
  .discount-bg {

      background: radial-gradient(66.39% 30.35% at 66.54% 44.75%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%), url('img/bg2.jpg') center/cover no-repeat;
  }

  .section-title {
      font-size: 3rem;
      font-weight: bold;
      margin-bottom: 2rem;
      color: white;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  }

  .section-subtitle {
      font-size: 1.25rem;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 3rem;
      max-width: 800px;
  }

  .mobile-menu {
      transition: transform 0.3s ease-in-out;
  }

  .mobile-menu.hidden {
      transform: translateX(100%);
  }

  @media (max-width: 768px) {
      .section-content {
          padding: 0 15px;
      }

      .section-title {
          font-size: 2rem;
      }

      .section-subtitle {
          font-size: 1rem;
      }

      .download-btn {
          width: 100%;
          max-width: 300px;
          height: 60px;
          font-size: 18px;
          padding: 0 20px;
      }

      .download-btn span {
          font-size: 18px;
      }

      .download-btn i {
          font-size: 24px;
      }

      .search-input {
          width: 100%;
          max-width: 250px;
      }

      .full-screen-section {
          padding: 60px 0;
      }
  }

  @media (max-width: 640px) {
      .section-title {
          font-size: 1.5rem;
      }

      .section-subtitle {
          font-size: 0.875rem;
      }

      .download-btn {
          max-width: 250px;
          height: 50px;
      }

      .download-btn span {
          font-size: 16px;
      }
  }

  .card {

      backdrop-filter: blur(10px);
      transition: all 0.3s ease;
  }

  .card:hover {
      transform: translateY(-5px);
  }

  .price-tag {
      background: linear-gradient(135deg, rgba(79, 70, 229, 0.2) 0%, rgba(99, 102, 241, 0.2) 100%);
  }

  .diamond-icon {
      background: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .mouse-icon {
    position: absolute;
    right: -20px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

@media (min-width: 640px) {
    .mouse-icon {
        opacity: 0.5;
        right: -30px;
        bottom: 60px;
        width: 60px;
        height: 60px;
    }
}