/* --- 登录页 基础规范 --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { height: 100%; font-family: "Source Han Sans CN", sans-serif; }

/* 全屏背景图 */
.login-bg {
    background: url('../images/signbj_.png') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 1:1 登录卡片复刻 */
.login-card {
    width: 700px;
    height: 468px;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px 1px rgba(173, 126, 70, 0.16); /* 精准投影 */
    border-radius: 20px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 标题样式 */
.login-header {
    margin-bottom: 40px;
}
.login-header p { font-size: 36px; color: #AD7E46;}
.login-header p span { padding-left: 1rem;font-size: 20px; color: #CCCCCC; }
.login-header img {
    height: 32px; /* 根据设计稿微调高度 */
}

/* 表单布局 */
.login-form {
    width: 400px;
}

/* 1:1 输入框复刻 */
.input-group {
    width: 400px;
    height: 52px;
    background: rgba(37, 73, 121, 0.03); /* #254979 at 0.03 opacity */
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.input-icon {
    width: 24px;
    display: flex;
    justify-content: center;
    margin-right: 12px;
}
.input-icon img {
    max-width: 18px;
    max-height: 18px;
}

.form-control {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
}
.form-control::placeholder {
    color: #999;
}

/* 立即登录按钮复刻 */
.btn-login {
    width: 400px;
    height: 48px;
    background: #AC7E47; /* 采用按钮切图主色调 */
    border: none;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 18px;
    cursor: pointer;
    margin-top: 10px;
    transition: 0.3s;
}
.btn-login:hover {
    background: #947254;
}

/* 底部链接样式 */
.login-footer {
    margin-top: 30px;
    font-size: 14px;
    color: #666;
}
.find-pw {
    color: #254979;
    text-decoration: none;
    margin-left: 5px;
}
.find-pw:hover {
    text-decoration: underline;
}



/* --- 登录页 基础规范end --- */




/* --- 忘记密码--- */

/* 全屏背景 */
.forgot-bg {
    background: url('../images/signbj_.png') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 1:1 容器复刻 */
.forgot-card {
    width: 700px;
    height: 640px;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px 1px rgba(173, 126, 70, 0.16); /* 蓝湖精准阴影 */
    border-radius: 20px;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-header {
    margin-bottom: 45px;
}
.card-header img {
    height: 34px;
}

.forgot-form {
    width: 400px;
}

/* 1:1 输入框复刻 */
.input-item {
    width: 400px;
    height: 52px;
    background: rgba(37, 73, 121, 0.03); /* #254979 透明度 0.03 */
    border-radius: 4px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    position: relative;
}

.input-item .icon {
    width: 18px;
    margin-right: 12px;
}

.control {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
}
.control::placeholder {
    color: #999;
}

/* 验证码按钮样式 */
.btn-get-code {
    background: transparent;
    border: none;
    color: #AC7E47;
    font-size: 14px;
    cursor: pointer;
    padding-left: 10px;
    white-space: nowrap;
}

/* 提交按钮：确 定 */
.btn-submit {
    width: 400px;
    height: 48px;
    background: #AC7E47; /* 采用按钮设计稿主色 */
    border: none;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 15px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-submit:hover {
    background: #947254;
}
.w-120 { width: 120px;}

/* 响应式适配 */
@media (max-width: 768px) {
    .forgot-card {
        width: 90%;
        height: auto;
        padding: 40px 20px;
    }
    .forgot-form, .input-item, .btn-submit {
        width: 100%;
    }
}


/* --- 忘记密码end--- */



/* 手机端自适应补丁 */

@media (min-width: 768px) { .w-120 { width: 100%;}
}


@media (max-width: 768px) {
    .login-card {
        width: 90%;
        height: auto;
        padding: 40px 20px;
    }
    .login-form, .input-group, .btn-login {
        width: 100%;
    }
     .forgot-card {
        width: 90%;
        height: auto;
        padding: 40px 20px;
    }
    .forgot-form, .input-item, .btn-submit {
        width: 100%;
    }
}
/* 手机端自适应补丁end */