.user-login-container[data-v-1518b2d2]{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-1518b2d2]{position:absolute;top:20px;right:20px;z-index:10}.user-login-container .login-box[data-v-1518b2d2]{display:flex;width:1000px;min-height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000014;overflow:hidden}@media (max-width: 1024px){.user-login-container .login-box[data-v-1518b2d2]{width:90%;min-height:500px}}@media (max-width: 768px){.user-login-container .login-box[data-v-1518b2d2]{width:100%;margin:20px;min-height:auto}}.user-login-container .login-box .login-left[data-v-1518b2d2]{width:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (max-width: 768px){.user-login-container .login-box .login-left[data-v-1518b2d2]{display:none}}.user-login-container .login-box .login-left[data-v-1518b2d2]: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-1518b2d2]: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-1518b2d2]{position:relative;z-index:1;text-align:center;padding:40px;color:#fff}.user-login-container .login-box .login-left .login-left-content .brand-identity[data-v-1518b2d2]{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;margin-bottom:40px}.user-login-container .login-box .login-left .login-left-content .brand-logo[data-v-1518b2d2]{flex:0 0 auto;width:64px;height:64px;padding:6px;object-fit:contain;border-radius:12px;background:#ffffff24}.user-login-container .login-box .login-left .login-left-content .brand-title[data-v-1518b2d2]{min-width:0;margin:0;font-size:32px;font-weight:700;letter-spacing:2px;overflow-wrap:anywhere}.user-login-container .login-box .login-left .login-left-content .brand-desc[data-v-1518b2d2]{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-1518b2d2]{width:80%;max-width:360px;animation:float-1518b2d2 6s ease-in-out infinite}.user-login-container .login-box .login-right[data-v-1518b2d2]{width:50%;padding:60px;display:flex;flex-direction:column;justify-content:center;background:#fff}.user-login-container .login-box .login-right .header[data-v-1518b2d2]{margin-bottom:40px}.user-login-container .login-box .login-right .header .title[data-v-1518b2d2]{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:8px}.user-login-container .login-box .login-right .header .subtitle[data-v-1518b2d2]{font-size:14px;color:#6b7280}.user-login-container .login-box .login-right .login-form .custom-input[data-v-1518b2d2] .el-input{--el-input-height: 42px}.user-login-container .login-box .login-right .login-form .custom-input[data-v-1518b2d2] .el-input__wrapper{height:42px;min-height:42px;box-sizing:border-box;box-shadow:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0 15px;transition:all .3s ease}.user-login-container .login-box .login-right .login-form .custom-input[data-v-1518b2d2] .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-1518b2d2] .el-input__wrapper .el-input__inner{height:100%;line-height:42px}.user-login-container .login-box .login-right .login-form .verify-code-item[data-v-1518b2d2] .el-input__wrapper{height:42px;min-height:42px;box-sizing:border-box}.user-login-container .login-box .login-right .login-form .send-code-btn[data-v-1518b2d2]{height:42px;min-height:42px;padding:0 18px;border-radius:8px;font-size:14px}.user-login-container .login-box .login-right .login-form .submit-btn[data-v-1518b2d2]{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-1518b2d2]: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-1518b2d2]:active{transform:translateY(0)}@keyframes float-1518b2d2{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media screen and (max-width: 960px){.user-login-container[data-v-1518b2d2]{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-1518b2d2]: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-1518b2d2] .top-bar{top:18px;right:0;left:0;padding:0 18px;justify-content:flex-end!important}.user-login-container[data-v-1518b2d2] .top-bar>div:first-child{display:none!important}.user-login-container[data-v-1518b2d2] .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-1518b2d2]{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-1518b2d2]{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-1518b2d2]:before{top:-18%;right:-8%;width:310px;height:310px;background:#ffffff1f}.user-login-container .login-box .login-left[data-v-1518b2d2]:after{bottom:10%;left:-8%;width:220px;height:220px;background:#ffffff1a}.user-login-container .login-box .login-left .login-left-content[data-v-1518b2d2]{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-identity[data-v-1518b2d2]{justify-content:flex-start;width:100%;margin-bottom:0}.user-login-container .login-box .login-left .login-left-content .brand-logo[data-v-1518b2d2]{width:48px;height:48px;border-radius:10px}.user-login-container .login-box .login-left .login-left-content .brand-title[data-v-1518b2d2]{flex:1;width:auto;margin:0;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-1518b2d2]{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-1518b2d2]{display:none}.user-login-container .login-box .login-right[data-v-1518b2d2]{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-1518b2d2]{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-1518b2d2]:before{top:-20%;right:-10%;width:270px;height:270px}.user-login-container .login-box .login-left[data-v-1518b2d2]:after{bottom:12%;left:-10%;width:180px;height:180px}.user-login-container .login-box .login-left .login-left-content[data-v-1518b2d2]{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-1518b2d2]{font-size:26px}.user-login-container .login-box .login-left .login-left-content .brand-desc[data-v-1518b2d2]{font-size:14px}.user-login-container .login-box .login-right[data-v-1518b2d2]{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-1518b2d2]{background:#0f172a;background-image:none}html.dark .user-login-container .login-box[data-v-1518b2d2]{background:#1e293b;box-shadow:0 20px 40px #0006}html.dark .user-login-container .login-box .login-left[data-v-1518b2d2]{background:#000}html.dark .user-login-container .login-box .login-left[data-v-1518b2d2]:before{background:radial-gradient(circle,#3b82f666,#0000 70%)}html.dark .user-login-container .login-box .login-left[data-v-1518b2d2]:after{background:radial-gradient(circle,#9333ea66,#0000 70%)}html.dark .user-login-container .login-box .login-right[data-v-1518b2d2]{background:#1e293b}html.dark .user-login-container .login-box .login-right .header .title[data-v-1518b2d2]{color:#fff}html.dark .user-login-container .login-box .login-right .header .subtitle[data-v-1518b2d2]{color:#94a3b8}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-1518b2d2] .el-input__wrapper{background-color:#0f172a;border-color:#334155}html.dark .user-login-container .login-box .login-right .login-form .custom-input[data-v-1518b2d2] .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-1518b2d2] .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-1518b2d2] .el-input__wrapper .el-input__inner{color:#fff}html.dark .user-login-container .login-box .login-right .login-form .verify-code-item[data-v-1518b2d2] .el-input__wrapper{background-color:#0f172a}