.login{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;background-image:url(../../static/img/login-background.jpg);background-size:cover;background-position:center;padding:2rem}.login::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-form{position:relative;z-index:1;width:min(90vw,480px);padding:2.5rem;background:rgba(255,255,255,0.15);border-radius:24px;box-shadow:0 8px 32px rgba(31,38,135,0.37),inset 0 4px 16px rgba(255,255,255,0.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.18);transform:translateZ(0)}.title{margin:0 auto 2.5rem auto;text-align:center;color:rgba(255,255,255,0.9);font-size:2.2rem;font-weight:700;text-shadow:0 0 12px rgba(101,140,238,0.6),0 2px 4px rgba(0,0,0,0.1);letter-spacing:1px}.login-form .el-input__inner{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:rgba(0,0,0,0.9);border-radius:12px;padding:0 1.5rem 0 48px;height:56px;transition:all 0.3s ease;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1),inset -2px -2px 4px rgba(255,255,255,0.1)}.login-form .el-input__prefix{left:12px;display:flex;align-items:center;height:100%}.login-form .el-input__prefix i{font-size:20px;color:rgba(0,0,0,0.7)}.login-form .el-input__inner::placeholder{color:rgba(0,0,0,0.7);text-shadow:none}.login-form .el-input__inner:focus{background:rgba(255,255,255,0.2);box-shadow:0 0 16px rgba(101,140,238,0.4)}.code-container{display:flex;gap:1rem;align-items:center;width:100%;flex-wrap:nowrap}.login-code{width:auto;max-width:150px;height:60px;flex-shrink:0;margin-left:auto;position:relative;display:flex;align-items:center}.login-code img{width:100%;height:100%;object-fit:contain;border-radius:6px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);padding:4px;box-sizing:border-box}.code-container .el-form-item{flex:1;min-width:0}.login-tip{color:rgba(255,255,255,0.7);margin-top:1.5rem}@media (max-width:768px){.login-form{padding:1.5rem;border-radius:16px}.title{font-size:1.8rem;margin-bottom:1.8rem}.login-form .el-input__inner{height:48px;padding:0 1rem 0 40px}.login-form .el-input__prefix{left:8px}.login-form .el-button--primary{height:50px;font-size:1rem}.login-code{height:48px;max-width:120px}.login-code img{min-width:80px;transform:scale(0.9)}}.login-form .el-form-item__error{color:#ff4d4f;background:rgba(0,0,0,0.3);padding:8px 12px;border-radius:6px;margin-top:4px;backdrop-filter:blur(4px)}.login-form .el-button--primary{height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(101,140,238,0.9) 0%,rgba(154,180,255,0.9) 100%);font-size:1.1rem;font-weight:600;letter-spacing:1px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px rgba(101,140,238,0.3),inset 0 2px 4px rgba(255,255,255,0.1)}.login-form .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(101,140,238,0.5),inset 0 2px 4px rgba(255,255,255,0.2)}