.login-page { /* 登录页面整体样式 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0rem;
    background-color: white;
    width: 100%;
    flex-grow: 1;
}

.login-wrapper { /* 登录内容包裹容器 */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem 0;
    margin-bottom: auto;
    background-color: transparent;
}

.login-container { /* 登录表单容器 */
    width: 100%; /* 宽度100% */
    max-width: 400px; /* 最大宽度400px */
    padding: 2.5rem; /* 内边距 */
    background: #f3f7fa !important; 
    text-align: center; /* 文字居中 */
    border-radius: 8px; /* 圆角边框 */
    box-shadow: 0 0 20px rgba(0,0,0,0.1); /* 阴影效果 */
    margin-bottom: auto; /* 自动底部间距 */
    background-color: transparent;
}

.login-container h2 { /* 登录标题 */
    text-align: center; /* 文字居中 */
    margin-bottom: 1.5rem; /* 底部外边距 */
    color: #333; /* 文字颜色 */
}

.form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-group input {
    padding: 0.75rem;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-group input::placeholder {
    color: #999;
    font-style: italic;
}


.btn-login { /* 登录按钮 */
    width: 100%; /* 宽度100% */
    padding: 0.75rem; /* 内边距 */
    margin-top: 1rem; /* 顶部外边距 */
    background-color: #4f46e5; /* 背景颜色 */
    color: white; /* 文字颜色 */
    border: none; /* 无边框 */
    border-radius: 6px; /* 圆角边框 */
    cursor: pointer; /* 鼠标指针样式 */
    font-size: 1rem; /* 字体大小 */
    transition: background-color 0.3s; /* 过渡效果 */
}

.btn-login:hover { /* 登录按钮悬停状态 */
    background-color: #3a6690; /* 悬停背景颜色 */
}

.register-prompt { /* 注册提示文字 */
    margin-top: 1.5rem; /* 顶部外边距 */
    text-align: center; /* 文字居中 */
    color: #666; /* 文字颜色 */
    font-size: 0.9rem; /* 字体大小 */
}

.btn-register { /* 注册按钮 */
    display: inline-block; /* 行内块显示 */
    margin-top: 0.5rem; /* 顶部外边距 */
    padding: 0.5rem 1rem; /* 内边距 */
    background-color: #f0f0f0; /* 背景颜色 */
    color: #4f46e5; /* 文字颜色 */
    border: 1px solid #4f46e5; /* 边框样式 */
    border-radius: 4px; /* 圆角边框 */
    text-decoration: none; /* 无文本装饰 */
    transition: all 0.3s; /* 过渡效果 */
}

.btn-register:hover { /* 注册按钮悬停状态 */
    background-color: #4f46e5; /* 悬停背景颜色 */
    color: white; /* 悬停文字颜色 */
}
/*=========================================*/
h2 { /* 标题样式 */
    text-align: center; /* 文字居中 */
    margin-bottom: 2rem; /* 底部外边距 */
    color: #333; /* 文字颜色 */
}