@supports (-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#fff}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;height:47px;caret-color:#fff}.login-container .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.login-container .el-form-item{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.1);border-radius:5px;color:#454545}.login-container[data-v-3b91ab85]{min-height:100%;width:100%;background-color:#2d3a4b;overflow:hidden}.login-container .login-form[data-v-3b91ab85]{position:relative;width:520px;max-width:100%;padding:30px 50px 10px 50px;margin:120px auto auto auto;overflow:hidden;background:rgba(252,254,255,.11)}.login-container .tips[data-v-3b91ab85]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-3b91ab85]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-3b91ab85]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-3b91ab85]{position:relative}.login-container .title-container .title[data-v-3b91ab85]{font-size:26px;color:#eee;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-3b91ab85]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-container .thirdparty-button[data-v-3b91ab85]{position:absolute;right:0;bottom:6px}@media only screen and (max-width:470px){.login-container .thirdparty-button[data-v-3b91ab85]{display:none}}
/* yifei login brand */
.login-container[data-v-3b91ab85]{position:relative!important;min-height:100%!important;width:100%!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(5,16,28,.72) 0%,rgba(5,16,28,.46) 42%,rgba(5,16,28,.22) 100%),url(/admin/login-bg.jpg) center center/cover no-repeat!important;}
.login-container[data-v-3b91ab85]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(255,255,255,.18),rgba(255,255,255,0) 28%),linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.06));pointer-events:none;}
.login-container[data-v-3b91ab85]:after{content:"医废培训考试系统\A Medical Waste Training & Exam Platform";white-space:pre-line;position:absolute;left:7vw;top:22vh;color:#fff;font-size:40px;font-weight:700;letter-spacing:2px;line-height:1.45;text-shadow:0 6px 24px rgba(0,0,0,.34);}
.login-container .login-form[data-v-3b91ab85]{position:relative!important;z-index:2!important;width:430px!important;max-width:calc(100% - 40px)!important;padding:36px 42px 16px!important;margin:0 8vw 0 auto!important;top:50%!important;transform:translateY(-50%)!important;overflow:hidden!important;background:rgba(8,23,39,.78)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.36)!important;backdrop-filter:blur(12px);}
.login-container .title-container .title[data-v-3b91ab85]{font-size:27px!important;color:#fff!important;margin:0 auto 32px!important;letter-spacing:1px;}
.login-container .el-form-item{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;}
.login-container .el-button--primary{border-radius:10px!important;height:44px!important;font-size:16px!important;}
.login-container .account-foot-copyright{position:absolute;right:8vw;bottom:34px;z-index:2;color:rgba(255,255,255,.78)!important;text-shadow:0 4px 16px rgba(0,0,0,.35);}
@media (max-width:900px){.login-container[data-v-3b91ab85]:after{display:none}.login-container .login-form[data-v-3b91ab85]{margin:0 auto!important;}}

/* yifei login layout fix 2026-07-09 */
html,body,#app{height:100%!important;}
.login-container[data-v-3b91ab85]{min-height:100vh!important;height:100vh!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:56px clamp(42px,7vw,120px) 48px clamp(48px,7vw,110px)!important;overflow:auto!important;background-position:center center!important;}
.login-container[data-v-3b91ab85]:after{left:clamp(48px,6vw,110px)!important;top:50%!important;transform:translateY(-42%)!important;max-width:720px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.45!important;z-index:1!important;}
.login-container .login-form[data-v-3b91ab85]{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;flex:0 0 430px!important;margin:0!important;max-width:min(430px,calc(100vw - 64px))!important;box-sizing:border-box!important;padding:34px 40px 14px!important;}
.login-container .account-foot-copyright{right:clamp(42px,7vw,120px)!important;bottom:24px!important;}
@media (max-width:1180px){.login-container[data-v-3b91ab85]:after{font-size:30px!important;max-width:520px!important}.login-container .login-form[data-v-3b91ab85]{flex-basis:400px!important}}
@media (max-width:900px){.login-container[data-v-3b91ab85]{justify-content:center!important;padding:36px 20px!important}.login-container[data-v-3b91ab85]:after{display:none!important}.login-container .login-form[data-v-3b91ab85]{margin:0!important;flex-basis:420px!important}.login-container .account-foot-copyright{right:auto!important;left:0!important;width:100%!important;text-align:center!important;bottom:18px!important}}
@media (max-height:620px){.login-container[data-v-3b91ab85]{align-items:flex-start!important;padding-top:26px!important;padding-bottom:26px!important}.login-container[data-v-3b91ab85]:after{top:46%!important}.login-container .login-form[data-v-3b91ab85]{padding-top:26px!important;padding-bottom:8px!important}.login-container .account-foot-copyright{display:none!important}}