/* 全局背景为黑色 + 文字纯白 */
      body {
          background-color: #000;
          font-family: 'Noto Sans JP', sans-serif;
          color: #fff; /* 纯白 */
          margin: 0;
          padding: 0;
      }

          /* 修改后的遮罩层样式 */
    .overlay {
        width: 100%;
        min-height: 100vh; /* 最小高度为整个屏幕高度 */
        background-color: #000;
        position: relative;
        overflow-y: auto; /* 允许垂直滚动 */
        overflow-x: hidden;
        padding: 20px 0;  /* 添加上下内边距，防止内容紧贴边缘 */
    }
    
    /* 其他样式保持不变 */


      /* 注册框：不再有背景或阴影，仅保留文字 */
      .register-box {
          position: relative;
          width: 90%;
          max-width: 400px;
          padding: 30px;
          text-align: center;
          color: #fff; /* 纯白 */
          animation: fadeIn 1s ease-in-out;
      }

      /* 标题 */
      h2 {
          font-weight: 600;
          font-size: 40px;
          margin-bottom: 15px;
          font-family: 'Great Vibes', cursive;
      }

      /* 说明文字 */
      p {
          font-weight: 400;
          font-size: 12px;
          margin-bottom: 25px;
      }

      /* 输入框：保持原先半透明白+白边框 */
      .form-control {
          background: rgba(255, 255, 255, 0.1);
          border: 1px solid rgba(255, 255, 255, 0.3);
          border-radius: 5px;
          color: #fff;
          text-align: center;
          transition: 0.3s;
      }

      .form-control::placeholder {
          color: rgba(255, 255, 255, 0.5);
      }

      .form-control:focus {
          border-color: #fff;
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
          outline: none;
      }

      /* 按钮：无底色、白色边框、长方形 */
      .btn-custom {
          background: transparent;
          color: #fff;
          border: 1px solid #fff;
          border-radius: 0;       /* 去掉圆角 */
          padding: 12px;
          font-size: 18px;
          transition: 0.3s;
      }

      .btn-custom:hover {
          background: rgba(255, 255, 255, 0.1);
          transform: translateY(-3px);
      }

      /* 在遮罩层上增加一束光效果 */
      .overlay {
          position: relative; /* 确保伪元素定位相对于 overlay */
          overflow: hidden;
      }

      /* 伪元素模拟从顶端放射状的光束 */
      .overlay::before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          /* 宽度适当超出页面，保证边缘光晕自然 */
          width: 150%;
          height: 100%;
          /* 使用径向渐变模拟光束：顶部最亮，向下和两侧渐变变暗 */
          background: radial-gradient(
              ellipse at top center, 
              rgba(255, 255, 255, 0.8) 0%, 
              rgba(255, 255, 255, 0.4) 40%, 
              rgba(255, 255, 255, 0) 70%
          );
          pointer-events: none; /* 防止影响页面交互 */
          z-index: 0;
      }

      /* 进场动画 */
      @keyframes fadeIn {
          from {
              opacity: 0;
              transform: translateY(-20px);
          }
          to {
              opacity: 1;
              transform: translateY(0);
          }
      }