.container[data-v-dfb22d94]{height:100vh;width:100vw;background-color:#f0f9ff;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-image .5s ease-in-out}.container[data-v-dfb22d94]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(77,166,255,.7),rgba(186,230,253,.5));z-index:0;transition:opacity .5s ease}.container.teacher-mode[data-v-dfb22d94]:before{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(49,46,129,.85))}.container[data-v-dfb22d94]:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);z-index:0;background:hsla(0,0%,100%,.4);bottom:-50px;left:-50px;transition:background .5s ease}.container.teacher-mode[data-v-dfb22d94]:after{background:rgba(124,58,237,.3);bottom:auto;top:-100px;right:-100px;left:auto}.login-box[data-v-dfb22d94]{width:900px;max-width:90%;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;position:relative;z-index:1}.row-bg[data-v-dfb22d94]{display:flex;align-items:stretch;min-height:550px}.login-left[data-v-dfb22d94]{background:#e0f2fe;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .3s ease}.container.teacher-mode .login-left[data-v-dfb22d94]{background:#e0e7ff}.login-illustration[data-v-dfb22d94]{width:80%;text-align:center}.Login_imgwrapper[data-v-dfb22d94]{width:100%;padding-bottom:0;height:auto;animation:float-data-v-dfb22d94 6s ease-in-out infinite}.Login_img[data-v-dfb22d94]{width:100%;max-height:350px}@keyframes float-data-v-dfb22d94{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.login-right[data-v-dfb22d94]{background:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center}.login-header[data-v-dfb22d94]{margin-bottom:30px;text-align:left}.welcome-text[data-v-dfb22d94]{font-size:16px;color:#666;margin-bottom:8px}.login-title[data-v-dfb22d94]{font-size:28px;font-weight:800;color:#303133;letter-spacing:1px}.custom-tabs[data-v-dfb22d94] .el-tabs__header{margin-bottom:25px}.custom-tabs[data-v-dfb22d94] .el-tabs__nav-wrap:after{height:2px;background-color:#f0f0f0}.custom-tabs[data-v-dfb22d94] .el-tabs__item{font-size:16px;font-weight:500;color:#909399;height:45px;line-height:45px}.custom-tabs[data-v-dfb22d94] .el-tabs__item.is-active{color:#431286}.custom-tabs[data-v-dfb22d94] .el-tabs__active-bar{background-color:#0284c7;height:3px;border-radius:3px;transition:background-color .3s}.container.teacher-mode .custom-tabs[data-v-dfb22d94] .el-tabs__active-bar{background-color:#8b5cf6}.custom-tabs[data-v-dfb22d94] .el-tabs__item.is-active{color:#0284c7;font-weight:700;transition:color .3s}.container.teacher-mode .custom-tabs[data-v-dfb22d94] .el-tabs__item.is-active{color:#6d28d9}.login-btn[data-v-dfb22d94]{width:100%;height:50px;font-size:18px;font-weight:600;border-radius:25px;background:linear-gradient(90deg,#38bdf8,#2563eb);border:none;transition:all .3s;box-shadow:none}.container.teacher-mode .login-btn[data-v-dfb22d94]{background:linear-gradient(90deg,#4c1d95,#3b0764);box-shadow:none}.login-btn[data-v-dfb22d94]:hover{transform:translateY(-2px);box-shadow:none}.container.teacher-mode .login-btn[data-v-dfb22d94]:hover{box-shadow:none}.login-btn[data-v-dfb22d94]:active{transform:translateY(0)}.login-btn.is-disabled[data-v-dfb22d94]{background:#ccc;box-shadow:none}.footer[data-v-dfb22d94]{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#606266;font-size:12px;z-index:1;transition:color .3s}.container.teacher-mode .footer[data-v-dfb22d94]{color:hsla(0,0%,100%,.8)}.footer-link[data-v-dfb22d94]{color:#606266;text-decoration:none;margin-left:20px;display:inline-flex;align-items:center;transition:color .3s}.container.teacher-mode .footer-link[data-v-dfb22d94]{color:hsla(0,0%,100%,.8)}.footer-link[data-v-dfb22d94]:hover{color:#303133}.container.teacher-mode .footer-link[data-v-dfb22d94]:hover{color:#fff}@media (max-width:768px){.login-box[data-v-dfb22d94]{width:95%;margin:20px}.row-bg[data-v-dfb22d94]{flex-direction:column}.login-left[data-v-dfb22d94]{display:none}.login-right[data-v-dfb22d94]{padding:30px 20px}}