.user-login-container[data-v-226fee71]{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f2f5;background-image:radial-gradient(circle at 50% 50%,#f0f2f5,#e6e9f0)}.user-login-container .top-bar[data-v-226fee71]{position:absolute;top:20px;right:20px;z-index:10}.user-login-container .login-box[data-v-226fee71]{display:flex;width:1000px;height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000014;overflow:hidden}.user-login-container .login-box .login-left[data-v-226fee71]{width:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.user-login-container .login-box .login-left[data-v-226fee71]:before{content:"";position:absolute;top:-10%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.user-login-container .login-box .login-left[data-v-226fee71]:after{content:"";position:absolute;bottom:-5%;left:-5%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.user-login-container .login-box .login-left .login-left-content[data-v-226fee71]{position:relative;z-index:1;text-align:center;padding:40px;color:#fff}.user-login-container .login-box .login-left .login-left-content .brand-title[data-v-226fee71]{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:2px}.user-login-container .login-box .login-left .login-left-content .brand-desc[data-v-226fee71]{font-size:16px;opacity:.9;margin-bottom:40px;letter-spacing:1px}.user-login-container .login-box .login-left .login-left-content .brand-image[data-v-226fee71]{width:80%;max-width:360px;animation:float-226fee71 6s ease-in-out infinite}.user-login-container .login-box .login-right[data-v-226fee71]{width:50%;padding:60px;display:flex;flex-direction:column;justify-content:center;background:#fff}.user-login-container .login-box .login-right .header[data-v-226fee71]{margin-bottom:40px}.user-login-container .login-box .login-right .header .title[data-v-226fee71]{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:8px}.user-login-container .login-box .login-right .header .subtitle[data-v-226fee71]{font-size:14px;color:#6b7280}.user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper{box-shadow:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 15px;transition:all .3s ease}.user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper.is-focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper .el-input__inner{height:42px}.user-login-container .login-box .login-right .login-form .submit-btn[data-v-226fee71]{height:50px;font-size:16px;border-radius:8px;margin-top:24px;font-weight:500;letter-spacing:1px;background:#3b82f6;border:none;transition:all .3s ease}.user-login-container .login-box .login-right .login-form .submit-btn[data-v-226fee71]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.user-login-container .login-box .login-right .login-form .submit-btn[data-v-226fee71]:active{transform:translateY(0)}.user-login-container .login-box .login-right .login-form .oauth-container[data-v-226fee71]{margin-top:24px;width:100%}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons[data-v-226fee71]{display:flex;justify-content:center;gap:24px;margin-top:16px}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon[data-v-226fee71]{width:40px;height:40px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon[data-v-226fee71]:hover{background:#e2e8f0;transform:translateY(-2px)}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon.qq[data-v-226fee71]{color:#12b7f5}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon.wechat[data-v-226fee71]{color:#07c160}.user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon.alipay[data-v-226fee71]{color:#1677ff}@keyframes float-226fee71{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media screen and (max-width: 960px){.user-login-container[data-v-226fee71]{position:relative;align-items:flex-start;padding:0;min-height:100dvh;background:linear-gradient(180deg,#4f7df7,#4b74ea 40%,#eef3ff 40%,#f6f8ff);background-image:none;overflow-x:hidden}.user-login-container[data-v-226fee71]:before{content:"";position:absolute;top:0;right:0;left:0;height:140px;background:linear-gradient(180deg,#4f7df7,#4b74ea);z-index:0;pointer-events:none}.user-login-container[data-v-226fee71] .top-bar{top:18px;right:0;left:0;padding:0 18px;justify-content:flex-end!important}.user-login-container[data-v-226fee71] .top-bar>div:first-child{display:none!important}.user-login-container[data-v-226fee71] .top-bar .btn{width:38px;height:38px;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 24px #153b9924;backdrop-filter:blur(8px)}.user-login-container .login-box[data-v-226fee71]{position:relative;z-index:1;width:100%;max-width:none;min-height:100dvh;height:auto;margin:0;flex-direction:column;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.user-login-container .login-box .login-left[data-v-226fee71]{display:flex;width:122%;margin-top:-1px;margin-left:-11%;min-height:356px;align-items:flex-start;justify-content:flex-start;border-radius:0 0 50% 50%/0 0 20% 20%;background:linear-gradient(135deg,#3f73f1,#4c7df7,#5f8cff);overflow:hidden}.user-login-container .login-box .login-left[data-v-226fee71]:before{top:-18%;right:-8%;width:310px;height:310px;background:#ffffff1f}.user-login-container .login-box .login-left[data-v-226fee71]:after{bottom:10%;left:-8%;width:220px;height:220px;background:#ffffff1a}.user-login-container .login-box .login-left .login-left-content[data-v-226fee71]{position:relative;left:11%;display:flex;flex-direction:column;align-items:flex-start;width:min(280px,calc(100% - 72px));padding:88px 0 116px;text-align:left}.user-login-container .login-box .login-left .login-left-content .brand-title[data-v-226fee71]{width:100%;margin-bottom:14px;font-size:28px;font-weight:700;letter-spacing:1px;line-height:1.15}.user-login-container .login-box .login-left .login-left-content .brand-desc[data-v-226fee71]{width:100%;max-width:none;margin-bottom:0;font-size:15px;line-height:1.7;opacity:.95}.user-login-container .login-box .login-left .login-left-content .brand-image[data-v-226fee71]{display:none}.user-login-container .login-box .login-right[data-v-226fee71]{position:relative;z-index:2;width:100%;margin:-145px 0 0;padding:34px 22px 26px;border-radius:32px 32px 0 0;background:#fffffffb;box-shadow:0 -6px 24px #2746990f;min-height:calc(100dvh - 212px)}}@media screen and (max-width: 480px){.user-login-container .login-box .login-left[data-v-226fee71]{width:126%;margin-left:-13%;min-height:338px;border-radius:0 0 50% 50%/0 0 18% 18%}.user-login-container .login-box .login-left[data-v-226fee71]:before{top:-20%;right:-10%;width:270px;height:270px}.user-login-container .login-box .login-left[data-v-226fee71]:after{bottom:12%;left:-10%;width:180px;height:180px}.user-login-container .login-box .login-left .login-left-content[data-v-226fee71]{left:13%;width:min(232px,calc(100% - 52px));padding:82px 0 108px}.user-login-container .login-box .login-left .login-left-content .brand-title[data-v-226fee71]{font-size:26px}.user-login-container .login-box .login-left .login-left-content .brand-desc[data-v-226fee71]{font-size:14px}.user-login-container .login-box .login-right[data-v-226fee71]{width:100%;margin-top:-145px;padding:28px 16px 22px;border-radius:28px 28px 0 0;min-height:calc(100dvh - 205px)}}html.dark .user-login-container[data-v-226fee71]{background:#0f172a;background-image:none}html.dark .user-login-container .login-box[data-v-226fee71]{background:#1e293b;box-shadow:0 20px 40px #0006}html.dark .user-login-container .login-box .login-left[data-v-226fee71]{background:#000}html.dark .user-login-container .login-box .login-left[data-v-226fee71]:before{background:radial-gradient(circle,#3b82f666,#0000 70%)}html.dark .user-login-container .login-box .login-left[data-v-226fee71]:after{background:radial-gradient(circle,#9333ea66,#0000 70%)}html.dark .user-login-container .login-box .login-right[data-v-226fee71]{background:#1e293b}html.dark .user-login-container .login-box .login-right .header .title[data-v-226fee71]{color:#fff}html.dark .user-login-container .login-box .login-right .header .subtitle[data-v-226fee71]{color:#94a3b8}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper{background-color:#0f172a;border-color:#334155}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper.is-focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper:hover:not(.is-focus){border-color:#475569}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-226fee71] .el-input__wrapper .el-input__inner{color:#fff}html.dark .user-login-container .login-box .login-right .login-form .el-checkbox[data-v-226fee71],html.dark .user-login-container .login-box .login-right .login-form .el-checkbox[data-v-226fee71] .el-checkbox__label{color:#94a3b8}html.dark .user-login-container .login-box .login-right .login-form .oauth-container .text-gray-400[data-v-226fee71]{color:#64748b}html.dark .user-login-container .login-box .login-right .login-form .oauth-container[data-v-226fee71] .el-divider__text{background-color:#1e293b;color:#64748b}html.dark .user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon[data-v-226fee71]{background:#334155}html.dark .user-login-container .login-box .login-right .login-form .oauth-container .oauth-icons .oauth-icon[data-v-226fee71]:hover{background:#475569}