html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-image: url("/static/login/images/lging.png"); /* 背景图片 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-size: cover; /* 背景图片覆盖整个页面 */
    background-position: center; /* 背景图片居中 */
    display: flex;
    align-items: center;
    justify-content: center;
}

#bigBox {
    margin: 0 auto; /* login框居中 */
    padding: 20px 50px; /* login框内部的距离(内部与输入框和按钮的距离) */
    background-color: #00000090; /* login框背景颜色和透明度 */
    width: 400px;
    border-radius: 10px; /* 圆角边 */
    text-align: center; /* 框内所有内容居中 */
    color: white; /* 确保所有文本颜色为白色 */
}

#bigBox h1 {
    color: white; /* LOGIN字体颜色 */
    font-family: "Comic Sans MS";
}

#bigBox .inputBox {
    margin-top: 20px; /* 输入框顶部与LOGIN标题的间距 */
}

#bigBox .inputBox .inputText {
    margin-top: 25px; /* 输入框之间的距离 */
}

#bigBox .inputBox .inputText input {
    border: 0; /* 删除输入框边框 */
    padding: 10px 10px; /* 输入框内的间距 */
    border-bottom: 1px solid white; /* 输入框白色下划线 */
    background-color: #101010; /* 修改为更不透明的背景颜色 */
    color: white; /* 输入字体的颜色 */
}

.loginButton {
    margin-top: 5px; /* 调整按钮顶部边距 */
    margin-right: 20px; /* 调整按钮右侧间距 */
    width: 75px; /* 调整按钮宽度 */
    height: 30px; /* 调整按钮高度 */
    color: white; /* 按钮字体颜色 */
    border: 0; /* 删除按钮边框 */
    border-radius: 20px; /* 按钮圆角边 */
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); /* 按钮颜色 */
    cursor: pointer; /* 鼠标指针 */
    text-decoration: none; /* 删除按钮文本下划线 */
    display: inline-flex; /* 使按钮在行内居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

.welcome-message {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; /* 调整与服务器选择部分的距离 */
}

.server-container {
    text-align: center; /* 确保服务器选择部分居中对齐 */
    margin-top: 20px; /* 调整与上部内容的距离 */
}

.server-buttons {
    margin-top: 20px; /* 调整按钮顶部边距 */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.server-buttons .serverButton {
    margin: 15px; /* 按钮之间的间距 */
    width: 150px; /* 调整服务器按钮宽度 */
    height: 40px; /* 调整服务器按钮高度 */
}

.m-left {
    margin-left: 30px;
}

.register {
    margin-top: 10px; /* 与输入框或按钮的间隔 */
    text-align: center; /* 居中显示 */
    color: #ffffff; /* 链接颜色 */
    font-size: 13px; /* 字体大小 */
}