/*
Template Name: WP后台登入
*作者：花醉
*作者网站：www.sjcnh.cn
**WorePress后台登录界面背景图片*/
body{
    font-family: "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;
    width:100%;
    height:100%;
    background: url(https://img.sjcnh.cn/images/sjcnhimg/wphtdlbj.webp) no-repeat;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.login form, .login .message {
    background: #fff;
    background: rgba(255, 255, 255, 0);
    border-radius: 3px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-animation: fadeIn 1s linear;
    animation: fadeIn 1s linear;
}
.login label {
    color: #fff;
}
.login .message {
    color: #fff;
}
#user_login{
    font-size: 18px;
    line-height: 32px;
}
#backtoblog a, #nav a {
    color: #fff !important;
    display: inline-block;
    -webkit-animation: rtol 1s linear;
    animation: rtol 1s linear;
}
/*掉落的动画效果*/
@-webkit-keyframes dropIn {
    0% {
        -webkit-transform: translate3d(0, -100px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}
@keyframes dropIn {
    0% {
        transform: translate3d(0, -100px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}
/*逐渐出现的动画效果*/
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.8) translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(.8) translateY(20px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}
/*从右往左的动画效果*/
@-webkit-keyframes rtol {
    from {
        -webkit-transform: translate(80px, 0)
    }
    to {
        -webkit-transform: translate(0, 0)
    }
}
@keyframes rtol {
    from {
        transform: translate(80px, 0)
    }
    to {
        transform: translate(0, 0)
    }
}
.language-switcher {display: none;}
body{background:'.$login_color['color-l'].';background:-o-linear-gradient(45deg,'.$login_color['color-l'].','.$login_color['color-r'].');background:linear-gradient(45deg,'.$login_color['color-l'].','.$login_color['color-r'].');height:100vh}
.login-container{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;transform: perspective(1px) scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.15s 0s, transform 0.15s;
    backdrop-filter: saturate(100%) blur(40px);}
.login-body{position:relative;display:flex;margin:0 1.5rem}
.login-img{display:none}
.login h1 a{background-image: none, url(https://sjcnh.cn/wp-content/uploads/2025/01/2025011806180432.png);background-size: 200px;width: 200px;}
.img-bg{color:#fff;padding:2rem;bottom:-2rem;left:0;top:-2rem;right:0;border-radius:10px;background-image:url(https://img.sjcnh.cn/images/sjcnhimg/wphtdlbj.webp);background-repeat:no-repeat;background-position:center center;background-size:cover}
.img-bg h2{font-size:2rem;margin-bottom:1.25rem}
#login{position:relative;background:#000;border-radius:10px;padding:28px;width:280px;box-shadow:0 1rem 3rem rgba(0,0,0,.175)}
.flex-fill{flex:1 1 auto}
.position-relative{position:relative}
.position-absolute{position:absolute}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.footer-copyright{bottom:0;color:rgba(255,255,255,.6);text-align:center;margin:20px;left:0;right:0}
.footer-copyright a{color:rgba(255,255,255,.6);text-decoration:none}
#login form{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:0;padding:0}
#login form .forgetmenot{float:none}
.login #login_error,.login .message,.login .success{border-left-color:#40b9f1;box-shadow:none;background:#d4eeff;border-radius:6px;color:#2e73b7}
.login #login_error{border-left-color:#f1404b;background:#ffd4d6;color:#b72e37}
#login form p.submit{padding:20px 0 0}
#login form p.submit .button-primary{float:none;background-color:#f1404b;font-weight:bold;color:#fff;width:100%;height:40px;border-width:0;text-shadow:none!important;border-color:none;transition:.5s}
#login form input{box-shadow:none!important;outline:none!important}
#login form p.submit .button-primary:hover{background-color:#444}
.login #backtoblog,.login #nav{padding:0}
@media screen and (min-width:768px){.login-body{width:1200px}
.login-img{display:block}
#login{margin-left:-60px;padding:40px}
}