@charset "UTF-8";body,html{height:100%;display:block}.login-container,body{vertical-align:middle;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:background-image 1s linear;-o-transition:background-image 1s linear;-moz-transition:background-image 1s linear;-webkit-transition:background-image 1s linear}.login-container{height:100%}.login-container .header{top:0;left:0;width:100%;height:48px;position:absolute;text-shadow:#000 .1em .1em .1em}.login-container .header .title{color:#fff;float:left;font-size:18px;line-height:48px;text-indent:40px;letter-spacing:1px}.login-container .header .title span{font-size:10px;padding-left:5px}.login-container .header a,.login-container .header a:focus,.login-container .header a:hover{color:#fff;letter-spacing:1px;text-decoration:none}.login-container .header ul{float:right}.login-container .header ul li{float:left;line-height:47px;margin-left:10px}.login-container form{top:50%;left:50%;width:300px;position:absolute;margin-top:-250px;margin-left:-150px}.login-container form h2{color:#fff;padding:20px 0;font-size:25px;text-align:center;font-weight:700;letter-spacing:3px;text-shadow:#000 .05em .05em .05em}.login-container form ul li{margin-top:20px;text-shadow:#000 .1em .1em .1em}.login-container form ul li.verify label{width:200px}.login-container form ul li.verify input.layui-input{text-transform:uppercase}.login-container form ul li.verify img{width:95px;height:44px;cursor:pointer;position:absolute;margin-left:5px;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.login-container form ul li i.layui-icon{color:#fff;font-size:18px;position:absolute;padding:8px 15px 8px 20px}.login-container form ul li input{color:#fff;height:45px;padding:0 15px;font-size:14px;line-height:1em;text-indent:35px;border:#ddd!important;border-radius:3px;letter-spacing:2px;background:rgba(0,0,0,.12);text-shadow:#000 .1em .1em .1em;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 3px 0 rgba(0,0,0,.3) inset!important}.login-container form ul li input:-webkit-autofill,.login-container form ul li input:-webkit-autofill:active,.login-container form ul li input:-webkit-autofill:focus,.login-container form ul li input:-webkit-autofill:hover,.login-container form ul li input:active,.login-container form ul li input:focus,.login-container form ul li input:hover{border:#ddd!important;text-shadow:#000 .1em .1em .1em;box-shadow:0 2px 4px 0 rgba(0,0,0,.4) inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition-delay:9999s!important;-webkit-transition:color 9999s ease-out,background-color 9999s ease-out!important}.login-container form ul li span{letter-spacing:1px;color:#ff0!important}.login-container form ul li button{color:#333!important;height:45px!important;border:none!important;background:#fff!important;border-radius:3px!important;letter-spacing:1px!important;box-shadow:0 15px 30px 0 hsla(0,0%,100%,.25) inset,0 2px 7px 0 rgba(0,0,0,.2)}.login-container form ul li button:hover{opacity:1}.login-container .footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 .1em .1em .1em}.login-container .footer a,.login-container .footer span{color:#fff}.login-container .footer a:hover{color:#ccc}/*# sourceMappingURL=login.css.map */

/* Clear Click login theme overrides */
body,
.login-container {
    background-color: #060a1d !important;
    background-image:
        linear-gradient(135deg, rgba(5, 9, 28, 0.93), rgba(14, 25, 66, 0.88)),
    url('/static/theme/img/login/bg1.jpg') !important;
}

.login-container form {
    padding: 28px 30px 30px;
    margin-top: -285px;
    margin-left: -180px;
    width: 360px;
    border: 1px solid rgba(137, 162, 255, 0.34);
    border-radius: 22px;
    background: rgba(12, 21, 50, 0.86);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.44), 0 0 35px rgba(103, 79, 255, 0.16);
    backdrop-filter: blur(16px);
}

.login-container form h2 {
    padding: 8px 0 22px;
    color: #f3f6ff;
    text-shadow: 0 0 18px rgba(85, 200, 255, 0.3);
}

.login-container form ul li i.layui-icon {
    color: #aab8dc;
}

.login-container form ul li input,
.login-container form ul li input:focus,
.login-container form ul li input:hover {
    border: 1px solid rgba(137, 162, 255, 0.34) !important;
    background: rgba(17, 30, 68, 0.94) !important;
    box-shadow: 0 0 0 1px rgba(85, 200, 255, 0.06) inset !important;
    text-shadow: none;
}

.login-container form ul li input:focus {
    border-color: #55c8ff !important;
    box-shadow: 0 0 0 1px rgba(85, 200, 255, 0.32), 0 0 18px rgba(85, 200, 255, 0.12) !important;
}

.login-container form ul li span {
    color: #b6c4e8 !important;
}

.login-container form ul li button {
    color: #fff !important;
    background: linear-gradient(100deg, #bd52ff, #35b9ff) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(112, 77, 255, 0.32) !important;
}

.login-container form ul li button:hover {
    filter: brightness(1.08);
}

@media (max-width: 480px) {
    .login-container form {
        width: calc(100vw - 32px);
        margin-left: calc((32px - 100vw) / 2);
    }
}