/*login.php专用*/

body {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
height: 100vh;
display: flex;
align-items: center;
}

.login-container {
max-width: 450px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
}

.login-header {
background: linear-gradient(to right, #6a11cb, #2575fc);
color: white;
padding: 25px;
text-align: center;
}

.login-body {
padding: 30px;
}

.form-control {
height: 50px;
border-radius: 8px;
padding-left: 45px;
}

/* 新增的覆盖样式 */
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
padding: 0;
}

.form-floating>.form-control {
padding-left: 40px;
padding-right: 40px;
height: 50px;
}

.form-control:focus {
border-color: #6a11cb;
box-shadow: 0 0 0 0.25rem rgba(106, 17, 203, 0.25);
}

.form-control-plaintext {
padding: 0rem 0rem;
}

.input-icon {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
color: #6a11cb;
z-index: 4;
/* 低于输入框的z-index */
pointer-events: none;
/* 关键修复：使图标不拦截点击事件 */
}

.btn-login {
background: linear-gradient(to right, #6a11cb, #2575fc);
border: none;
height: 50px;
border-radius: 8px;
font-weight: 600;
letter-spacing: 1px;
}

.btn-login:hover {
background: linear-gradient(to right, #5a0cb0, #1a65e0);
}

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

.form-floating>label {
padding-left: 45px;
height: 100%;
display: flex;
align-items: center;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.invalid-feedback {
margin-left: 45px;
}

.password-toggle {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #6a11cb;
z-index: 5;
/* 高于输入框 */
}

.form-check {
margin-bottom: 1.5rem;
}

/* 必要悬停效果----友情链接 */
.hover-lift {
    transition: transform 0.2s, box-shadow 0.2s;
    border: none;
}
.hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}