html{height:100%}body.signin{height:auto;background:url(../img/login-background.jpg) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.signinpanel{width:750px;margin:10% auto 0;color:rgba(255,255,255,.95)}.signinpanel .logopanel{float:none;width:auto;padding:0;background:0}.signinpanel .signin-info ul{list-style:none;padding:0;margin:20px 0}.signinpanel .form-control{display:block;margin-top:15px}.signinpanel .uname{background:#fff url(../img/user.png) no-repeat 95% center;color:#333}.signinpanel .pword{background:#fff url(../img/locked.png) no-repeat 95% center;color:#333}.signinpanel .code{background:#fff no-repeat 95% center;color:#333;margin:0 0 15px 0}.signinpanel .btn{margin-top:15px}.signinpanel form{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);-moz-box-shadow:0 3px 0 rgba(12,12,12,.03);-webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);box-shadow:0 3px 0 rgba(12,12,12,.03);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:30px}.signup-footer{border-top:solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top:15px}@media screen and (max-width:768px){.signinpanel,.signuppanel{margin:0 auto;width:380px!important;padding:20px}.signinpanel form{margin-top:20px}.signup-footer,.signuppanel .form-control{margin-bottom:10px}.signup-footer .pull-left,.signup-footer .pull-right{float:none!important;text-align:center}.signinpanel .signin-info ul{display:none}}@media screen and (max-width:320px){.signinpanel,.signuppanel{margin:0 20px;width:auto}}.checkbox-custom{position:relative;padding:0 15px 0 25px;margin-bottom:7px;display:inline-block}.checkbox-custom input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer;z-index:2;margin:-6px 0 0 0;top:50%;left:3px}.checkbox-custom label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:17px;display:inline-block;border-radius:2px;border:1px solid #bbb;background:#fff}.checkbox-custom input[type="checkbox"]:checked+label:after{position:absolute;display:inline-block;font-family:'Glyphicons Halflings';content:"\e013";top:42%;left:3px;margin-top:-5px;font-size:11px;line-height:1;width:16px;height:16px;color:#333}.checkbox-custom label{cursor:pointer;line-height:1.2;font-weight:normal;margin-bottom:0;text-align:left}.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar{box-shadow:none}.form-control{border-radius:1px!important;padding:6px 12px!important;height:34px!important}.form-control:focus{border-color:#1ab394!important}body .layer-ext-moon-msg[type="dialog"]{min-width:100px!important}body .layer-ext-moon-msg{background-color:rgba(0,0,0,0.6);color:#fff;border:0}body .layer-ext-moon-msg .layui-layer-content{padding:12px 25px;text-align:center}
/* ===== 登录页布局优化（亮蓝色背景适配版） ===== */
/* 整页垂直居中 */
body.signin{
    height:100vh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
/* html高度100vh确保body能撑满 */
html{
    height:100vh;
}
/* 面板居中 */
.signinpanel{
    width:780px;
    margin:0 auto!important;
    padding:0 16px;
    color:#1a3a6b!important;
}
/* 左右两栏合为一张玻璃卡片 */
.signinpanel>.row{
    display:flex;
    align-items:stretch;
    margin:0;
    background:rgba(255,255,255,0.75);
    border:1px solid rgba(255,255,255,0.95);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-radius:12px;
    box-shadow:0 8px 32px rgba(20,80,180,0.18);
    overflow:hidden;
}
/* 欢迎文字区（左半卡） */
.signinpanel .signin-info{
    flex:1;
    padding:40px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    border-right:1px solid rgba(30,100,220,0.12);
    background:rgba(210,230,255,0.25);
    box-sizing:border-box;
}
/* "欢迎使用"小标签 */
.signinpanel .signin-info h4{
    font-size:13px;
    font-weight:400;
    letter-spacing:3px;
    color:#2a5a9f;
    border-left:3px solid #2a7ad4;
    padding-left:10px;
    margin:0 0 14px 0;
    line-height:1.6;
}
/* "哆惠佳 后台管理系统" 大标题 */
.signinpanel .signin-info h4 strong{
    display:block;
    font-size:26px;
    font-weight:700;
    letter-spacing:2px;
    color:#0d2d6e;
    margin-top:10px;
    line-height:1.4;
}
/* 登录框（右半卡）：去掉自身背景，融入整体卡片 */
.signinpanel form{
    background:transparent!important;
    border:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:0!important;
    padding:36px 32px!important;
    box-shadow:none!important;
}
/* 登录框标题区 */
.login-form-header{
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(30,100,220,0.12);
}
.login-form-header h4.no-margins{
    font-size:19px!important;
    font-weight:700!important;
    color:#0d2d6e!important;
    letter-spacing:2px;
    margin:0 0 5px 0!important;
}
.login-form-header p{
    font-size:12px!important;
    color:#6a8fc8!important;
    margin:0!important;
    letter-spacing:1px;
}
/* 输入框 */
.signinpanel .form-control{
    margin-top:12px!important;
    border-color:rgba(30,100,220,0.2)!important;
    background:rgba(255,255,255,0.9)!important;
}
.signinpanel .form-control:focus{
    border-color:rgba(30,100,220,0.55)!important;
    box-shadow:0 0 0 2px rgba(30,100,220,0.08)!important;
}
/* 登录按钮 */
.signinpanel .btn-success{
    background:linear-gradient(135deg,#1565c0,#1e88e5)!important;
    border:none!important;
    border-radius:5px!important;
    letter-spacing:4px;
    font-size:15px;
    height:40px!important;
    box-shadow:0 3px 10px rgba(21,101,192,0.35)!important;
    margin-top:18px!important;
}
/* 记住我 */
.signinpanel .checkbox-custom label,
.signinpanel a{
    color:#2a5298!important;
    font-size:13px;
}
/* 左半列撑满卡片高度 */
.signinpanel .col-sm-6:first-child{
    display:flex;
    flex-direction:column;
    padding:0;
}
/* 右半列表单区垂直居中 */
.signinpanel .col-sm-6:last-child{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0;
}
/* 底部版权 */
.signup-footer{
    margin:14px 0 0!important;
    border-top:none!important;
    padding-top:0!important;
    font-size:12px;
    color:#3a6ab0!important;
    opacity:0.7;
    text-align:center;
}
