.login-decoration[data-v-80f4c27e]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.decoration-circle[data-v-80f4c27e]{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-color) 0,transparent 70%);opacity:.05;-webkit-animation:float-80f4c27e 8s ease-in-out infinite;animation:float-80f4c27e 8s ease-in-out infinite}.circle-1[data-v-80f4c27e]{width:300px;height:300px;top:10%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.circle-2[data-v-80f4c27e]{width:400px;height:400px;bottom:5%;right:8%;-webkit-animation-delay:2s;animation-delay:2s}.circle-3[data-v-80f4c27e]{width:250px;height:250px;top:40%;right:20%;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes float-80f4c27e{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(20px,20px) scale(1.05);transform:translate(20px,20px) scale(1.05)}}@keyframes float-80f4c27e{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(20px,20px) scale(1.05);transform:translate(20px,20px) scale(1.05)}}.login-container[data-v-80f4c27e]{min-height:100vh;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));padding:20px;position:relative;overflow:hidden}.login-header[data-v-80f4c27e]{margin-bottom:50px;text-align:center;-webkit-animation:fadeInUp-80f4c27e .6s ease-out;animation:fadeInUp-80f4c27e .6s ease-out}.app-logo[data-v-80f4c27e]{margin-bottom:20px}.app-logo[data-v-80f4c27e],.logo-circle[data-v-80f4c27e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-circle[data-v-80f4c27e]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#4384e5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 6px 20px rgba(54,162,235,.3);box-shadow:0 6px 20px rgba(54,162,235,.3);color:#fff;font-size:36px;-webkit-transition:all .3s ease;transition:all .3s ease;&[data-v-80f4c27e]:hover{-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg);-webkit-box-shadow:0 8px 25px rgba(54,162,235,.4);box-shadow:0 8px 25px rgba(54,162,235,.4)}}.app-title[data-v-80f4c27e]{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px 0;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.app-subtitle[data-v-80f4c27e]{font-size:14px;color:var(--text-secondary);margin:0;opacity:.9}.login-box[data-v-80f4c27e]{background:var(--bg-primary);border-radius:16px;-webkit-box-shadow:var(--shadow-medium);box-shadow:var(--shadow-medium);width:100%;max-width:420px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);-webkit-animation:fadeInUp-80f4c27e .8s ease-out;animation:fadeInUp-80f4c27e .8s ease-out;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;&[data-v-80f4c27e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(54,162,235,.05)),to(transparent));background:linear-gradient(90deg,transparent,rgba(54,162,235,.05),transparent);-webkit-transition:all .5s ease;transition:all .5s ease}&[data-v-80f4c27e]:hover{-webkit-box-shadow:var(--shadow-heavy);box-shadow:var(--shadow-heavy);-webkit-transform:translateY(-5px);transform:translateY(-5px);&[data-v-80f4c27e]:before{left:100%}}}.login-box-inner[data-v-80f4c27e]{padding:40px}.login-form[data-v-80f4c27e]{width:100%}.login-title[data-v-80f4c27e]{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin:0 0 30px 0;padding-bottom:15px;position:relative}.login-title[data-v-80f4c27e]:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40px;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--primary-color)),to(transparent));background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:2px}.login-form .el-form-item[data-v-80f4c27e]{margin-bottom:24px;position:relative}.custom-input[data-v-80f4c27e]{width:100%;.el-input__inner[data-v-80f4c27e]{height:45px;border-color:var(--border-color);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;background:hsla(0,0%,100%,.5);padding-left:40px;font-size:14px;&[data-v-80f4c27e]:focus{border-color:var(--primary-color);-webkit-box-shadow:0 0 0 3px rgba(54,162,235,.15);box-shadow:0 0 0 3px rgba(54,162,235,.15);background:var(--bg-primary)}}.el-input__prefix[data-v-80f4c27e]{color:var(--text-secondary);font-size:18px;-webkit-transition:color .3s ease;transition:color .3s ease}&:focus-within .el-input__prefix[data-v-80f4c27e]{color:var(--primary-color)}}.form-options[data-v-80f4c27e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}.el-checkbox__label[data-v-80f4c27e]{color:var(--text-secondary);font-size:13px;-webkit-transition:color .3s ease;transition:color .3s ease}.back-to-login[data-v-80f4c27e],.forgot-password[data-v-80f4c27e]{font-size:13px;color:var(--primary-color);-webkit-transition:all .3s ease;transition:all .3s ease;&[data-v-80f4c27e]:hover{color:var(--primary-color);opacity:.8;text-decoration:underline}}.forgot-password[data-v-80f4c27e]{cursor:pointer}.code-input-wrapper[data-v-80f4c27e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.code-input[data-v-80f4c27e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.get-code-btn[data-v-80f4c27e]{width:120px;height:45px;border-radius:10px;font-size:12px}.back-to-login[data-v-80f4c27e]{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;cursor:pointer}.login-btn[data-v-80f4c27e]{width:100%;height:45px;font-size:16px;font-weight:500;background:linear-gradient(135deg,var(--primary-color),#4384e5);border-color:var(--primary-color);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 14px rgba(54,162,235,.3);box-shadow:0 4px 14px rgba(54,162,235,.3);position:relative;overflow:hidden;&[data-v-80f4c27e]: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%,.2)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);-webkit-transition:all .5s ease;transition:all .5s ease}&[data-v-80f4c27e]:focus,&[data-v-80f4c27e]:hover{background:linear-gradient(135deg,#4384e5,var(--primary-color));border-color:#4384e5;-webkit-box-shadow:0 6px 20px rgba(54,162,235,.4);box-shadow:0 6px 20px rgba(54,162,235,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px);&[data-v-80f4c27e]:before{left:100%}}&[data-v-80f4c27e]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 3px 10px rgba(54,162,235,.3);box-shadow:0 3px 10px rgba(54,162,235,.3)}}@-webkit-keyframes fadeInUp-80f4c27e{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-80f4c27e{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.login-container[data-v-80f4c27e]{padding:15px}.app-title[data-v-80f4c27e]{font-size:26px}.app-subtitle[data-v-80f4c27e]{font-size:13px}.logo-circle[data-v-80f4c27e]{width:70px;height:70px;font-size:32px}.login-box-inner[data-v-80f4c27e]{padding:30px 20px}.login-box[data-v-80f4c27e]{max-width:100%}.login-title[data-v-80f4c27e]{font-size:22px}.form-options[data-v-80f4c27e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.back-to-login[data-v-80f4c27e],.forgot-password[data-v-80f4c27e]{-ms-flex-item-align:end;align-self:flex-end}.code-input-wrapper[data-v-80f4c27e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.get-code-btn[data-v-80f4c27e]{width:100%}.decoration-circle[data-v-80f4c27e]{-webkit-transform:scale(.6);transform:scale(.6)}}