@charset "UTF-8";body,html{height:100%;display:block;overflow:hidden}.login-container,body{vertical-align:middle;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:background-image 1.5s linear;-o-transition:background-image 1.5s linear;-moz-transition:background-image 1.5s linear;-webkit-transition:background-image 1.5s linear}.login-container{height:100%;position:relative}.login-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(66,39,90,.4) 0,rgba(115,75,109,.35) 25%,rgba(50,80,130,.4) 50%,rgba(42,82,152,.35) 75%,rgba(30,60,114,.4) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:0}.login-container::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(72,52,212,.15) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,.1) 0,transparent 50%);animation:floatBubbles 20s ease-in-out infinite;z-index:1}.login-container .header{top:0;left:0;width:100%;height:58px;position:absolute;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,transparent 100%)}.login-container .header .title{color:#fff;float:left;font-size:20px;line-height:58px;text-indent:40px;letter-spacing:2px;font-weight:600;transition:all .3s ease}.login-container .header .title:hover{text-shadow:0 0 10px rgba(255,255,255,.5)}.login-container .header .title span{font-size:11px;padding-left:8px;opacity:.9}.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:400px;position:absolute;margin-top:-280px;margin-left:-200px;z-index:10;padding:45px 50px 40px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 rgba(255,255,255,.3);transition:all .3s ease}.login-container form:hover{box-shadow:0 12px 48px 0 rgba(0,0,0,.45),inset 0 1px 0 0 rgba(255,255,255,.4);transform:translateY(-5px)}.login-container form h2{color:#fff;padding:0 0 30px;font-size:28px;text-align:center;font-weight:700;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:10px}.login-container form ul li{margin-top:25px;text-shadow:none}.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:rgba(255,255,255,.9);font-size:20px;position:absolute;padding:12px 15px;left:15px;z-index:1;transition:all .3s ease}.login-container form ul li input{color:#fff;height:50px;padding:0 20px 0 55px;font-size:15px;line-height:50px;text-indent:0;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px;letter-spacing:1px;background:rgba(255,255,255,.08);text-shadow:none;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);transition:all .3s ease!important}.login-container form ul li input::placeholder{color:rgba(255,255,255,.6);font-size:14px}.login-container form ul li input:hover{border:1px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 3px rgba(0,0,0,.15),0 0 0 3px rgba(255,255,255,.05)}.login-container form ul li input:active,.login-container form ul li input:focus{border:1px solid rgba(255,255,255,.5)!important;background:rgba(255,255,255,.15);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 4px rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.15);-webkit-text-fill-color:#fff!important;outline:0}.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{border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)!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:#fff!important;height:50px!important;border:none!important;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)!important;border-radius:12px!important;letter-spacing:2px!important;font-size:16px!important;font-weight:600!important;box-shadow:0 4px 15px 0 rgba(102,126,234,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4, 0, .2, 1)!important;cursor:pointer;position:relative;overflow:hidden}.login-container form ul li button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-container form ul li button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(102,126,234,.5),inset 0 1px 0 rgba(255,255,255,.4)}.login-container form ul li button:hover::before{left:100%}.login-container form ul li button:active{transform:translateY(0);box-shadow:0 2px 10px 0 rgba(102,126,234,.4)}.login-container form ul li button.layui-disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-container .footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:15px;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:13px;background:linear-gradient(to top,rgba(0,0,0,.2) 0,transparent 100%);padding-top:10px}.login-container .footer a,.login-container .footer span{color:rgba(255,255,255,.9);transition:all .3s ease}.login-container .footer a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}.login-container .footer p{margin:5px 0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes floatBubbles{0%,100%{transform:translate(0,0) scale(1);opacity:.8}33%{transform:translate(30px,-30px) scale(1.1);opacity:.6}66%{transform:translate(-20px,20px) scale(.9);opacity:.7}}/*# sourceMappingURL=login.css.map */