body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}
 
.login-box {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    bottom: 0; /* 底部对齐 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 调整位置使其居中 */
    width: 100%; /* 宽度 */
    background-color: white; /* 背景颜色 */
    padding: 60px; /* 内边距 */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5); /* 阴影效果 */
    border-top-left-radius: 10px; /* 左上角圆角 */
    border-top-right-radius: 10px; /* 右上角圆角 */
    z-index: 1000; /* 确保在顶层 */
}


.login-box2 {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    bottom: 0; /* 底部对齐 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 调整位置使其居中 */
    width: 100%; /* 宽度 */
    background-color: white; /* 背景颜色 */
    padding: 6px; /* 内边距 */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5); /* 阴影效果 */
    border-top-left-radius: 10px; /* 左上角圆角 */
    border-top-right-radius: 10px; /* 右上角圆角 */
    z-index: 1000; /* 确保在顶层 */
}