.member_menu {
background-color:#083d81;
width:100%;
margin:0;
padding:0;
}
.login-wrap {  
display:flex;
justify-content:center;
align-items:center;
background-image: url("/img/bg/auth.jpg");/*/img/bg/auth.jpg*/
background-size: cover;
background-position: center;
}
.login-card {
background: #ffffff;
width: 100%;
max-width: 460px;
padding: 40px 32px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
margin:100px auto;
}
.login_all{ width:96%; margin:0 auto;}
.login-title {
text-align: center;
margin-bottom: 8px;
font-size: 30px;
color: #1a202c;
}
.login-desc {
text-align: center;
color: #4a5568;
margin-bottom: 25px;
font-size:15px;
}
.divider-line {
width: 100%;
height: 1px;
background-color: #e2e8f0;
margin-bottom: 28px;
}
.form-item {
margin-bottom: 10px;
}
.form-label {
display: block;
font-weight: 500;
color: #2d3748;
margin-bottom: 0px;
font-size: 16px;
}
.input-wrap {
position: relative;
}
/* 左侧通用图标样式（邮箱/密码/验证码共用） */
.input-wrap .icon-img {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
.input-wrap input {
width: 100%;
padding: 12px 90px 12px 44px; /* 右侧留出验证码图片位置，增加右内边距 */
border: 1px solid #e2e8f0;
border-radius: 8px;
background-color: #f7fafc;
font-size: 16px;
outline: none;
transition: border 0.2s;
}
.input-wrap input:focus {
border-color: #3182ce;
}
/* ========= 修改forgot-row为flex 左右分布 ========= */
.forgot-row {
display: flex;
justify-content: space-between;
align-items: center;
margin: 8px 0 24px;
}
.forgot-row a {
color: #083d81;
text-decoration: none;
white-space: nowrap;

}
/* Remember me 复选框样式 */
.remember-label {
color: #2d3748;
cursor: pointer;
display: flex;
align-items: center;
gap:6px;
float:left;
font-size:15px;
}
.remember-label input[type="checkbox"]{
width:16px;
height:16px;
cursor:pointer;
}
/* 验证码容器 改成100%宽度占满整行 */
.captcha-wrap {
width: 100%;
}
/* 验证码图片（右边展示的图形验证码） */
.captcha-img{
position:absolute;
right:8px;
top:50%;
transform: translateY(-50%);
height:36px;
cursor:pointer;
border-radius:4px;
}
.btn-login {
width: 100%;
padding: 14px;
background-color: #083d81;
border: none;
color: white;
font-size: 17px;
font-weight: 500;
border-radius:8px;
cursor: pointer;
transition: background 0.2s;
}
.btn-login:hover {
background-color: #2169d8;
}
.signup-tip {
text-align: center;
margin-top:24px;
color:#4a5568;
}
.signup-tip a {
color: #083d81;
text-decoration: none;
font-weight: 500;
}


@media screen and (max-width: 768px) {
.login-card {width: 94%; margin:15px auto;padding: 20px 28px;}
.login-desc {margin-bottom: 15px;font-size: 14px;}
.login-title {font-size: 25px;}
.divider-line {margin-bottom: 20px;}
.remember-label {font-size: 14px;}
.forgot-row a {font-size: 14px;}
.signup-tip {font-size: 14px;}
.form-label {font-size: 15px;}

}