   body {
      font-family: 'Arial', sans-serif;
      background-color: #1e1e1e;
      color: #ffffff;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
    }

    h1 {
      font-size: 3rem;
      margin-bottom: 2rem;
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .input-container {
      margin-bottom: 1rem;
    }

    .input-container label {
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
    }

    .input-container input {
      padding: 0.5rem;
      font-size: 1rem;
      border: none;
      border-bottom: 1px solid #ffffff;
      background-color: transparent;
      color: #ffffff;
      outline: none;
    }

    .input-container input:focus {
      border-bottom-color: #007bff;
    }

    .button-container {
      margin-top: 2rem;
    }

    .button-container button {
      padding: 10px 70px;
      font-size: 1rem;
      background-color: #007bff;
      border: none;
      color: #ffffff;
      cursor: pointer;
      outline: none;
    }

    .button-container button:hover {
      background-color: #0056b3;
    }

        /* 新增样式以适应不同屏幕尺寸 */
        @media (max-width: 600px) {
            body {
                font-size: 18px; /* 在小屏幕设备上减小字体大小 */
            }
            h1 {
                font-size: 2.5rem; /* 减小标题字体大小以适应小屏幕 */
            }
            .button-container button {
                padding: 10px 60px; /* 减小按钮宽度以适应小屏幕 */
            }
        }

        /* 新增底部版本信息样式 */
        .version-info {
            position: fixed; /* 固定位置在底部 */
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
            color: #ffffff;
            text-align: center;
            font-size: 14px;
        }
        /* 新增图标样式 */
        .icon {
            width: 190px; /* 调整图标大小 */
            height: 190px; /* 调整图标大小 */
            vertical-align: middle; /* 使图标与文本垂直居中 */
            margin-right: 1px; /* 图标与文本之间的间距 */
        }