html{min-height:100%}body.signin{min-height:100vh;margin:0;color:#303133;background-image:url(../img/login-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:"Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px 70px;position:relative;overflow:hidden;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.signinpanel{width:420px;max-width:calc(100vw - 32px);padding:42px 38px 36px;position:relative;z-index:1;border:1px solid rgba(220,223,230,0.7);border-radius:12px;background:#ffffff;box-shadow:0 15px 35px rgba(0,0,0,0.08);box-sizing:border-box}.signin-brand{text-align:center;margin-bottom:30px}.login-logo-container{margin-bottom:18px;text-align:center}.login-logo{max-height:48px;max-width:280px;display:inline-block;vertical-align:middle}.signin-brand h1{margin:0;color:#2c3e50;font-size:22px;line-height:1.35;font-weight:700;letter-spacing:1px}.signinpanel form{margin:0}.login-field{height:48px;position:relative;display:flex;align-items:center;margin-bottom:24px;border:1px solid #dcdfe6;border-radius:6px;background:#ffffff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.login-field:focus-within{border-color:#2296f3;box-shadow:0 0 0 3px rgba(34,150,243,0.15)}.login-field.is-error{border-color:#f56c6c;box-shadow:0 0 0 3px rgba(245,108,108,0.1)}.login-field i{width:46px;flex:0 0 46px;color:#909399;text-align:center;font-size:15px}.signinpanel .form-control{height:46px;flex:1;min-width:0;display:block;margin:0;padding:0 14px 0 0;color:#303133;background:transparent;border:0;box-shadow:none;font-size:15px;line-height:46px}.signinpanel .form-control:focus,.signinpanel input.form-control.error{color:#303133;background:transparent;border:0;box-shadow:none}.signinpanel input.form-control:-webkit-autofill,.signinpanel input.form-control:-webkit-autofill:hover,.signinpanel input.form-control:-webkit-autofill:focus,.signinpanel input.form-control:-webkit-autofill:active{-webkit-text-fill-color:#303133 !important;caret-color:#303133;box-shadow:0 0 0 1000px #ffffff inset !important;border:0;transition:background-color 9999s ease-in-out 0s}.signinpanel .form-control::-webkit-input-placeholder{color:#a8abb2}.signinpanel .form-control::-moz-placeholder{color:#a8abb2}.signinpanel .form-control:-ms-input-placeholder{color:#a8abb2}.password-field .form-control{padding-right:0}.password-toggle{width:44px;height:46px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;outline:0;background:transparent;color:#909399;cursor:pointer;line-height:1}.password-toggle i{width:auto;flex:0 0 auto;color:inherit;font-size:14px}.password-toggle:hover,.password-toggle:focus{color:#303133}.validate-code-wrap{padding-right:5px}.validate-code-wrap .code{padding-right:8px}.validate-code-wrap .captcha-refresh{width:110px;height:38px;flex:0 0 110px;position:relative;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;border:1px solid #dcdfe6;border-radius:5px;background:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.02);transition:border-color .2s ease,box-shadow .2s ease}.validate-code-wrap .captcha-refresh:hover,.validate-code-wrap .captcha-refresh:focus{border-color:#2296f3;box-shadow:0 0 0 3px rgba(34,150,243,0.1)}.validate-code-wrap .imgcode{position:relative;z-index:0;width:calc(100% + 4px);height:calc(100% + 4px);margin:-2px;display:block;object-fit:cover;border-radius:3px;cursor:pointer;opacity:1;transition:opacity .2s ease}.validate-code-wrap .captcha-refresh:hover .imgcode,.validate-code-wrap .captcha-refresh:focus .imgcode{opacity:0.9}.signin-options{min-height:25px;margin:2px 0 26px}.signin-options.no-code{margin-top:18px}.checkbox-custom{position:relative;display:inline-flex;align-items:center;min-height:20px;padding:0 0 0 24px;margin:0}.checkbox-custom input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer;z-index:2;width:18px;height:18px;margin:0;top:1px;left:0}.checkbox-custom label{margin:0;color:#606266;cursor:pointer;line-height:20px;font-size:14px;font-weight:normal}.checkbox-custom label:before{content:"";position:absolute;top:1px;left:0;width:16px;height:16px;display:inline-block;border-radius:2px;border:1px solid #dcdfe6;background:#ffffff}.checkbox-custom input[type="checkbox"]:checked+label:before{border-color:#2296f3;background:#2296f3}.checkbox-custom input[type="checkbox"]:checked+label:after{position:absolute;display:inline-block;font-family:"Glyphicons Halflings";content:"\e013";top:4px;left:3px;color:#ffffff;font-size:10px;line-height:1}.signinpanel .btn{height:48px;margin:0;border:0;border-radius:6px;background:#2296f3;color:#ffffff;font-size:16px;font-weight:700;box-shadow:0 8px 16px rgba(34,150,243,0.2);transition:background-color .2s ease,box-shadow .2s ease}.signinpanel .btn:hover,.signinpanel .btn:focus{background:#1687e5;color:#ffffff;box-shadow:0 10px 20px rgba(34,150,243,0.25)}.signup-footer{position:absolute;left:16px;right:16px;bottom:18px;z-index:2;color:#909399;text-align:center;font-size:12px;line-height:1.6;pointer-events:auto}.signup-footer span,.signup-footer a{display:inline-block;margin:0 4px}.signup-footer a{color:#606266;cursor:pointer;text-decoration:none}.signup-footer a:hover,.signup-footer a:focus{color:#2296f3;text-decoration:underline}.signinpanel label.error{position:static;display:block;margin:-16px 0 12px 46px;color:#f56c6c;font-size:12px;font-weight:normal;line-height:18px;text-align:left}@media screen and (max-width:520px){.signin-page{align-items:flex-start;padding-top:64px;padding-bottom:78px}.signinpanel{padding:34px 24px 30px}.signin-brand h1{font-size:20px}.validate-code-wrap .captcha-refresh{width:92px;flex-basis:92px}.login-field i{width:40px;flex-basis:40px}.signinpanel label.error{left:40px;margin-left:40px}}