body {
    max-width: 100vw;
    overflow-x: hidden; /* 可选，以防止任何内部元素超出 */
    background-color: white;
  }
.middle {
    width: 100vw; /* 1920px转换为vw */
    height: calc(1600 / 1920 * 100vw); /* 1560px转换为vw */
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: calc(-40 / 1920 * 100vw); /* -40px转换为vw */
}
select {
    font-size: calc(16 / 1920 * 100vw); /* 16px转换为vw */
}
#bottom{
  position: relative;
  top: 73vw;
  }

select {
 -webkit-appearance: none;
}

input[type="button"]:disabled {
background: gray;
}
#wordinput{
padding: 0vw;
padding-left: 0.7vw;        /* 左侧内边距 */
padding-top: 0.5vw;
}

select,textarea, input[type="text"] {
  font-family: Arial, sans-serif;
  font-size: 0.9vw; /* 字号 */
  color: #333; /* 文字颜色 */
  border: 0.005vw solid #ccc;
  padding: 0.08vw;
  text-align: left; /* 文字对齐方式 */
  padding-left: 0.8vw; /* 在输入框左侧添加 20 像素的内边距 */
}








        /* 隐藏默认复选框 */
        #agreeCheckbox {
          position: absolute;
          top: 29vw;
          left: 3vw;
          width: 1.3vw;
          height: 1.3vw;
          opacity: 0; /* 隐藏复选框 */
      }

      /* 自定义复选框的样式 */
      .checkbox-container {
          position: absolute;
          top: 66.7vw;
          left: 37vw;
          width: 1.1vw;
          height: 1.1vw;
          border-radius: 0.20833vw;
          background: rgba(255, 255, 255, 1);
          border: 0.0520833vw solid rgba(185, 190, 199, 1);
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
      }

      /* 选中状态 */
      #agreeCheckbox:checked + .checkbox-container {
          background: rgba(16, 6, 159, 1) ;/* 选中时背景色 */
          border-color: #4caf50; /* 选中时边框颜色 */
      }

      /* 选中状态的对勾标记 */
      #agreeCheckbox:checked + .checkbox-container::after {
          content: "\2714"; /* Unicode 对勾符号 */
          color: #fff;
          font-size: 0.8vw;
      }


    input::placeholder {
      color: #aaaaaa; /* 设置placeholder的文本颜色 */
    }
    textarea::placeholder {
      color: #aaaaaa; /* 设置placeholder的文本颜色 */
    }