.login-container[data-v-4cc6abc8]{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;background:#fff}.login-main[data-v-4cc6abc8]{-webkit-box-flex:1;-ms-flex:1;flex:1;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:40px 20px}.login-card[data-v-4cc6abc8]{display:-webkit-box;display:-ms-flexbox;display:flex;width:900px;height:550px;background:#fff;border-radius:16px;-webkit-box-shadow:5px 6px 40px rgba(0,0,0,.1);box-shadow:5px 6px 40px rgba(0,0,0,.1);overflow:hidden}.brand-section[data-v-4cc6abc8]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:var(--banner-bg);color:#fff;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:40px}.brand-section .brand-content[data-v-4cc6abc8]{text-align:center}.brand-section .brand-content .brand-icon[data-v-4cc6abc8]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:20px;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;margin:0 auto 30px}.brand-section .brand-content .brand-icon i[data-v-4cc6abc8]{font-size:40px}.brand-section .brand-content h2[data-v-4cc6abc8]{font-size:28px;margin-bottom:16px;font-weight:600}.brand-section .brand-content p[data-v-4cc6abc8]{font-size:16px;opacity:.9;margin-bottom:40px}.brand-section .brand-content .features .feature-item[data-v-4cc6abc8]{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;gap:10px;margin-bottom:15px;font-size:15px}.brand-section .brand-content .features .feature-item i[data-v-4cc6abc8]{color:var(--color-accent)}.login-form[data-v-4cc6abc8]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:60px 40px;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}.form-header[data-v-4cc6abc8]{text-align:center;margin-bottom:20px}.form-header h2[data-v-4cc6abc8]{font-size:28px;color:var(--color-text);margin-bottom:8px;font-weight:600}.form-header p[data-v-4cc6abc8]{color:var(--color-text-secondary);font-size:14px}.form-content .input-group[data-v-4cc6abc8]{margin-bottom:24px}.form-content .code-input[data-v-4cc6abc8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.form-content .code-input .el-input[data-v-4cc6abc8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.form-content .code-input .code-btn[data-v-4cc6abc8]{min-width:120px;white-space:nowrap}.agreement[data-v-4cc6abc8]{margin:20px 0}.agreement .el-checkbox[data-v-4cc6abc8]{font-size:13px}.agreement .el-checkbox a[data-v-4cc6abc8]{color:var(--color-link);text-decoration:none}.agreement .el-checkbox a[data-v-4cc6abc8]:hover{text-decoration:underline;color:var(--color-link-hover)}.login-btn[data-v-4cc6abc8]{width:100%;background:var(--cta-bg);border:none;color:#fff;height:48px;font-size:16px;border-radius:8px;margin-bottom:15px}.login-btn[data-v-4cc6abc8]:hover{opacity:.95}.login-btn[data-v-4cc6abc8]:disabled{background:var(--color-primary)}[data-v-4cc6abc8] .login-btn.el-button.is-disabled:hover{color:#fff}.captcha[data-v-4cc6abc8]{background:var(--color-border);border-radius:6px;padding:5px 10px;font-size:14px;color:var(--color-text-secondary)}.other-login .divider[data-v-4cc6abc8]{position:relative;text-align:center;margin:20px 0}.other-login .divider[data-v-4cc6abc8]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px}.other-login .divider span[data-v-4cc6abc8]{background:#fff;padding:0 20px;color:var(--color-text-secondary);font-size:12px}.other-login .login-methods[data-v-4cc6abc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px}.other-login .login-methods .method-btn[data-v-4cc6abc8]{width:44px;height:44px;border:1px solid var(--color-border);background:#fff}.other-login .login-methods .method-btn[data-v-4cc6abc8]:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-footer[data-v-4cc6abc8]{padding:20px 0}.login-footer .footer-content[data-v-4cc6abc8]{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.login-footer .copyright[data-v-4cc6abc8]{color:hsla(0,0%,100%,.6);font-size:12px}@media (max-width:768px){.login-card[data-v-4cc6abc8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;width:100%;max-width:400px}.brand-section[data-v-4cc6abc8]{padding:30px 20px;-webkit-box-flex:0;-ms-flex:none;flex:none}.brand-section .brand-content .brand-icon[data-v-4cc6abc8]{width:60px;height:60px;margin-bottom:20px}.brand-section .brand-content .brand-icon i[data-v-4cc6abc8]{font-size:30px}.brand-section .brand-content h2[data-v-4cc6abc8]{font-size:22px}.brand-section .brand-content p[data-v-4cc6abc8]{font-size:14px;margin-bottom:30px}.login-form[data-v-4cc6abc8]{padding:40px 24px}.form-header[data-v-4cc6abc8]{margin-bottom:30px}.form-header h2[data-v-4cc6abc8]{font-size:24px}}@media (max-width:480px){.login-main[data-v-4cc6abc8]{padding:20px 16px}.login-form[data-v-4cc6abc8]{padding:30px 20px}}