html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;line-height:1.5;color:#303133;background-color:#f5f7fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}a{color:#1890ff;text-decoration:none;transition:color .3s}a:hover{color:#40a9ff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{height:100%}.login-container[data-v-bbfe362c]{position:relative;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.login-bg[data-v-bbfe362c]{position:absolute;top:0;left:0;width:100%;height:100%;background:#ebf1fc;z-index:0}.login-wrapper[data-v-bbfe362c]{position:relative;z-index:1;display:flex;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:1200px;width:90%;min-height:600px;transition:flex-direction .7s cubic-bezier(.34,1.56,.64,1),transform .7s cubic-bezier(.34,1.56,.64,1)}.login-wrapper.register-mode[data-v-bbfe362c]{flex-direction:row-reverse}.login-left[data-v-bbfe362c]{flex:1;padding:80px;background:#2f82cf;color:#fff;display:flex;align-items:center;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.login-brand[data-v-bbfe362c]{max-width:400px;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.brand-title[data-v-bbfe362c]{font-size:48px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.brand-slogan[data-v-bbfe362c]{font-size:18px;line-height:1.8;margin-bottom:40px;opacity:.9;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.brand-features[data-v-bbfe362c]{display:flex;flex-direction:column;gap:25px;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.feature-item[data-v-bbfe362c]{display:flex;align-items:center;gap:15px;font-size:16px;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.feature-icon[data-v-bbfe362c]{font-size:24px;background:#fff3;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .7s cubic-bezier(.34,1.56,.64,1)}.login-right[data-v-bbfe362c]{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;transition:all .7s cubic-bezier(.34,1.56,.64,1);position:relative}.login-form-container[data-v-bbfe362c],.register-form-container[data-v-bbfe362c]{width:100%;max-width:400px;animation:slideUp-bbfe362c .5s cubic-bezier(.34,1.56,.64,1) .1s both}.login-wrapper.register-mode .register-form-container[data-v-bbfe362c]{animation:slideUp-bbfe362c .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes slideUp-bbfe362c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-bbfe362c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.form-title[data-v-bbfe362c]{font-size:32px;font-weight:700;color:#333;margin-bottom:40px;text-align:center;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.form-header[data-v-bbfe362c]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;gap:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.login-mode-toggle[data-v-bbfe362c]{display:flex;gap:10px;background:linear-gradient(135deg,#1890ff1a,#096dd91a);border-radius:12px;padding:4px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.toggle-btn[data-v-bbfe362c]{flex:1;padding:8px 16px;border:none;background:transparent;color:#1890ff;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);outline:none;white-space:nowrap}.toggle-btn.active[data-v-bbfe362c]{background:#fff;color:#1890ff;box-shadow:0 2px 8px #1890ff33;transform:translateY(-1px)}.toggle-btn[data-v-bbfe362c]:hover:not(.active){color:#096dd9;background:#ffffff80}.login-form[data-v-bbfe362c]{width:100%;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.login-form[data-v-bbfe362c] .el-form-item{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.login-form[data-v-bbfe362c] .el-input{margin-bottom:25px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.login-form[data-v-bbfe362c] .el-input__wrapper{border-radius:10px;border:1px solid #e0e0e0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login-form[data-v-bbfe362c] .el-input__wrapper.is-focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.code-input-container[data-v-bbfe362c]{display:flex;gap:15px}.code-input-container[data-v-bbfe362c] .el-input{flex:1;margin-bottom:0}.get-code-btn[data-v-bbfe362c]{white-space:nowrap;padding:0 20px;border-color:#1890ff;color:#1890ff;border-radius:10px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.get-code-btn[data-v-bbfe362c]:hover:not(:disabled){background-color:#1890ff;color:#fff;transform:translateY(-1px)}.login-button[data-v-bbfe362c]{width:100%;height:48px;font-size:16px;font-weight:500;border-radius:10px;background:#1890ff;border:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login-button[data-v-bbfe362c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #1890ff4d}.login-form[data-v-bbfe362c] .el-checkbox{margin-bottom:30px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.form-footer[data-v-bbfe362c]{display:flex;justify-content:space-between;margin-top:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.help-link[data-v-bbfe362c],.register-link[data-v-bbfe362c]{color:#1890ff;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.help-link[data-v-bbfe362c]:hover,.register-link[data-v-bbfe362c]:hover{color:#096dd9;transform:translate(2px)}@media(max-width:992px){.login-wrapper[data-v-bbfe362c]{flex-direction:column;width:95%;margin:20px}.login-wrapper.register-mode[data-v-bbfe362c]{flex-direction:column}.login-left[data-v-bbfe362c]{padding:40px;text-align:center}.brand-features[data-v-bbfe362c]{align-items:center}.feature-item[data-v-bbfe362c]{justify-content:center}}@media(max-width:768px){.brand-title[data-v-bbfe362c]{font-size:36px}.brand-slogan[data-v-bbfe362c]{font-size:16px}.login-right[data-v-bbfe362c]{padding:30px 20px}.form-title[data-v-bbfe362c]{font-size:24px}}