.login-wrapper[data-v-7c7aa6fe]{min-height:calc(100vh - 189px)!important;width:100%!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 20px;background:linear-gradient(135deg,#1e3c72,#2a5298 25%,#7b4397 50%,#dc2430 75%,#ff6b6b);background-size:400% 400%;-webkit-animation:gradientShift-7c7aa6fe 15s ease infinite;animation:gradientShift-7c7aa6fe 15s ease infinite;position:relative;overflow:hidden}.login-wrapper .music-waves[data-v-7c7aa6fe]{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:0;opacity:.3}.login-wrapper .music-waves .wave[data-v-7c7aa6fe]{position:absolute;bottom:0;left:0;width:100%;height:100px;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(0deg,hsla(0,0%,100%,.1),transparent);-webkit-animation:waveAnimation-7c7aa6fe 3s ease-in-out infinite;animation:waveAnimation-7c7aa6fe 3s ease-in-out infinite}.login-wrapper .music-waves .wave.wave1[data-v-7c7aa6fe]{-webkit-animation-delay:0s;animation-delay:0s;clip-path:polygon(0 50%,10% 45%,20% 50%,30% 45%,40% 50%,50% 45%,60% 50%,70% 45%,80% 50%,90% 45%,100% 50%,100% 100%,0 100%)}.login-wrapper .music-waves .wave.wave2[data-v-7c7aa6fe]{-webkit-animation-delay:1s;animation-delay:1s;clip-path:polygon(0 60%,10% 55%,20% 60%,30% 55%,40% 60%,50% 55%,60% 60%,70% 55%,80% 60%,90% 55%,100% 60%,100% 100%,0 100%)}.login-wrapper .music-waves .wave.wave3[data-v-7c7aa6fe]{-webkit-animation-delay:2s;animation-delay:2s;clip-path:polygon(0 70%,10% 65%,20% 70%,30% 65%,40% 70%,50% 65%,60% 70%,70% 65%,80% 70%,90% 65%,100% 70%,100% 100%,0 100%)}.login-wrapper .music-notes[data-v-7c7aa6fe]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.login-wrapper .music-notes .note[data-v-7c7aa6fe]{position:absolute;font-size:40px;color:hsla(0,0%,100%,.2);-webkit-animation:floatNote-7c7aa6fe 20s ease-in-out infinite;animation:floatNote-7c7aa6fe 20s ease-in-out infinite}.login-wrapper .music-notes .note.note1[data-v-7c7aa6fe]{top:10%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.login-wrapper .music-notes .note.note2[data-v-7c7aa6fe]{top:30%;right:15%;-webkit-animation-delay:4s;animation-delay:4s}.login-wrapper .music-notes .note.note3[data-v-7c7aa6fe]{top:60%;left:20%;-webkit-animation-delay:8s;animation-delay:8s}.login-wrapper .music-notes .note.note4[data-v-7c7aa6fe]{bottom:20%;right:10%;-webkit-animation-delay:12s;animation-delay:12s}.login-wrapper .music-notes .note.note5[data-v-7c7aa6fe]{top:80%;left:50%;-webkit-animation-delay:16s;animation-delay:16s}.login-wrapper .form-container[data-v-7c7aa6fe]{width:100%;max-width:420px;margin:0 auto;-webkit-animation:slideUp-7c7aa6fe .5s ease-out;animation:slideUp-7c7aa6fe .5s ease-out;z-index:1}.login-wrapper .form-container .form-card[data-v-7c7aa6fe]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:16px;padding:40px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.login-wrapper .form-container .form-card[data-v-7c7aa6fe]:hover{-webkit-box-shadow:0 25px 80px rgba(0,0,0,.35);box-shadow:0 25px 80px rgba(0,0,0,.35);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.login-wrapper .form-container .form-card .login-header[data-v-7c7aa6fe]{text-align:center;margin-bottom:35px}.login-wrapper .form-container .form-card .login-header .music-icon-wrapper[data-v-7c7aa6fe]{margin-bottom:15px;display:inline-block}.login-wrapper .form-container .form-card .login-header .music-icon-wrapper .music-icon[data-v-7c7aa6fe]{font-size:48px;color:#ff6b6b;-webkit-animation:musicPulse-7c7aa6fe 2s ease-in-out infinite;animation:musicPulse-7c7aa6fe 2s ease-in-out infinite;text-shadow:0 0 20px hsla(0,100%,71%,.5)}.login-wrapper .form-container .form-card .login-header .login-title[data-v-7c7aa6fe]{font-size:32px;font-weight:600;color:#2c3e50;margin-bottom:8px;background:linear-gradient(135deg,#ff6b6b,orange 50%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-wrapper .form-container .form-card .login-header .login-system[data-v-7c7aa6fe]{font-size:16px;color:#7f8c8d;font-weight:400}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe]{width:100%}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-form-item{margin-bottom:24px}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-form-item__content{margin-left:0!important}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input__inner{border-radius:0 8px 8px 0;border:2px solid #e8e8e8;border-left:none;font-size:15px;padding:12px 15px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input__inner:focus{border-color:#ff6b6b;border-left:none;-webkit-box-shadow:0 0 0 2px hsla(0,100%,71%,.2);box-shadow:0 0 0 2px hsla(0,100%,71%,.2)}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group__prepend{background:linear-gradient(135deg,#ff6b6b,orange 50%,gold);border:2px solid #e8e8e8;border-right:none;color:#fff;border-radius:8px 0 0 8px;padding:0;width:50px;min-width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group__prepend i{font-size:18px;line-height:1}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group__prepend:hover{background:linear-gradient(135deg,#ff5252,#ff9800 50%,#ffc107)}.login-wrapper .form-container .form-card .login-form .drag-verify-wrapper[data-v-7c7aa6fe] .el-form-item__content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}.login-wrapper .form-container .form-card .login-form .drag-verify-wrapper[data-v-7c7aa6fe] .drag-verify{width:100%!important;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-touch-action:none;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.login-wrapper .form-container .form-card .login-form .login-btn-form-item[data-v-7c7aa6fe]{margin-top:32px;margin-bottom:20px}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]{width:100%;height:48px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#ff6b6b,orange 50%,gold);border:none;-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:1px;position:relative;overflow:hidden}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.3)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);-webkit-transition:left .5s;transition:left .5s}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]:hover:not(.is-disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px hsla(0,100%,71%,.5);box-shadow:0 8px 25px hsla(0,100%,71%,.5)}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]:hover:not(.is-disabled):before{left:100%}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]:active:not(.is-disabled){-webkit-transform:translateY(0);transform:translateY(0)}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn.is-disabled[data-v-7c7aa6fe]{background:#d3d3d3}.login-wrapper .form-container .form-card .login-form .form-footer[data-v-7c7aa6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-top:20px}.login-wrapper .form-container .form-card .login-form .form-footer .footer-links[data-v-7c7aa6fe]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.login-wrapper .form-container .form-card .login-form .form-footer .footer-links .forget-link[data-v-7c7aa6fe]{color:#ff6b6b;font-size:14px;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}.login-wrapper .form-container .form-card .login-form .form-footer .footer-links .forget-link[data-v-7c7aa6fe]:hover{color:#ff5252;text-decoration:underline}.login-wrapper .form-container .form-card .login-form .form-footer .register-link-wrapper[data-v-7c7aa6fe]{text-align:center;font-size:14px;color:#606266}.login-wrapper .form-container .form-card .login-form .form-footer .register-link-wrapper .register-link[data-v-7c7aa6fe]{color:#ff6b6b;font-weight:500;text-decoration:none;margin-left:5px;-webkit-transition:color .3s ease;transition:color .3s ease}.login-wrapper .form-container .form-card .login-form .form-footer .register-link-wrapper .register-link[data-v-7c7aa6fe]:hover{color:#ff5252;text-decoration:underline}@media (max-width:768px){.login-wrapper[data-v-7c7aa6fe]{padding:30px 15px}.login-wrapper .form-container .form-card[data-v-7c7aa6fe]{padding:30px 20px}.login-wrapper .form-container .form-card .login-header[data-v-7c7aa6fe]{margin-bottom:25px}.login-wrapper .form-container .form-card .login-header .login-title[data-v-7c7aa6fe]{font-size:26px}.login-wrapper .form-container .form-card .login-header .login-system[data-v-7c7aa6fe]{font-size:14px}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-form-item{margin-bottom:20px}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input__inner{font-size:14px}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group__prepend{width:45px;min-width:45px}.login-wrapper .form-container .form-card .login-form[data-v-7c7aa6fe] .el-input-group__prepend i{font-size:16px}.login-wrapper .form-container .form-card .login-form .login-btn-form-item[data-v-7c7aa6fe]{margin-top:24px}.login-wrapper .form-container .form-card .login-form .login-btn-form-item .login-btn[data-v-7c7aa6fe]{height:44px;font-size:15px}}@media (max-width:480px){.login-wrapper .form-container .form-card[data-v-7c7aa6fe]{padding:25px 15px;border-radius:12px}.login-wrapper .form-container .form-card[data-v-7c7aa6fe] .el-input-group__prepend{width:40px;min-width:40px}.login-wrapper .form-container .form-card[data-v-7c7aa6fe] .el-input-group__prepend i{font-size:14px}}@-webkit-keyframes slideUp-7c7aa6fe{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp-7c7aa6fe{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes gradientShift-7c7aa6fe{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift-7c7aa6fe{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes waveAnimation-7c7aa6fe{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-25px);transform:translateX(-25px)}}@keyframes waveAnimation-7c7aa6fe{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-25px);transform:translateX(-25px)}}@-webkit-keyframes floatNote-7c7aa6fe{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.2}25%{-webkit-transform:translateY(-30px) rotate(10deg);transform:translateY(-30px) rotate(10deg);opacity:.4}50%{-webkit-transform:translateY(-60px) rotate(-10deg);transform:translateY(-60px) rotate(-10deg);opacity:.3}75%{-webkit-transform:translateY(-30px) rotate(5deg);transform:translateY(-30px) rotate(5deg);opacity:.4}}@keyframes floatNote-7c7aa6fe{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.2}25%{-webkit-transform:translateY(-30px) rotate(10deg);transform:translateY(-30px) rotate(10deg);opacity:.4}50%{-webkit-transform:translateY(-60px) rotate(-10deg);transform:translateY(-60px) rotate(-10deg);opacity:.3}75%{-webkit-transform:translateY(-30px) rotate(5deg);transform:translateY(-30px) rotate(5deg);opacity:.4}}@-webkit-keyframes musicPulse-7c7aa6fe{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}@keyframes musicPulse-7c7aa6fe{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}