/* 
<!-- 制作者: 小苏 -->
<!-- 制作时间：2025年07月25日 13:48:00 -->
<!-- 仅供参考，不得在作者不知情的情况下使用 -->
*/

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url("/imgs/login/login.jpg");
    background-size: 100% 100%;
}

.content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35%;
    width: 40%;
    background-color: rgba(185, 232, 255, 0.301);
    /* border: 1px solid rgba(0, 0, 0, 0.327); */
    box-shadow: 5px 10px 10px rgba(98, 98, 98, 0.327);
    border-radius: 20px;
}

.login p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "方正舒体";
    font-size: 190%;
    width: 55%;
    height: 100%;
}

table {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3%;
    padding-right: 3%;
    width: 45%;
    height: 100%;
}

table td {
    padding-bottom: 10%;
    font-weight: 700;
    font-family: '华文中宋';
}

input[type="text"], input[type="password"] {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
}

input[type="button"] {
    background-color: #4CAF50;  
    border: none;
    color: white;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

input[type="button"]:hover {
    background-color: #3e8e41;
}

.error {
    color: red;
    font-size: 14px;
}

/* 错误模态框样式 */
.error-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(66, 66, 66, 0.16);
    z-index: 1000; /* 确保模态框在最上层 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 0.8s ease-in-out; /* 添加过渡效果 */
}

/* 成功模态框样式 */
.success-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(66, 66, 66, 0.16);
    z-index: 1000; /* 确保模态框在最上层 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 0.7s ease-in-out; /* 添加过渡效果 */
}

/* 注册模态框样式 */
.register-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(66, 66, 66, 0.16);
    z-index: 1000; /* 确保模态框在最上层 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 0.5s ease-in-out; /* 添加过渡效果 */
}

/* 提示模态框样式 */
.tip-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(66, 66, 66, 0.16);
    z-index: 1000; /* 确保模态框在最上层 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 1s ease-in-out; /* 添加过渡效果 */
}
