.login-container[data-v-c9b58118]{display:flex;align-items:flex-start;justify-content:center;width:100%}.login-card[data-v-c9b58118]{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;display:flex;width:100%;transition:all .3s ease;height:100vh}.brand-section[data-v-c9b58118]{flex:1;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.brand-section[data-v-c9b58118]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:20px 20px;opacity:.3}.logo-container[data-v-c9b58118]{text-align:center;margin-bottom:40px;z-index:1}.logo-icon[data-v-c9b58118]{width:80px;height:80px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.logo-icon i[data-v-c9b58118]{font-size:36px;color:#6a11cb}.logo-text[data-v-c9b58118]{font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.logo-subtitle[data-v-c9b58118]{font-size:16px;opacity:.9;font-weight:300}.brand-features[data-v-c9b58118]{list-style:none;margin-top:40px;z-index:1}.brand-features li[data-v-c9b58118]{display:flex;align-items:center;margin-bottom:20px;font-size:15px}.brand-features i[data-v-c9b58118]{margin-right:12px;font-size:18px;color:gold}.form-section[data-v-c9b58118]{flex:1;padding:60px 50px;display:flex;flex-direction:column;overflow-y:auto}.form-header[data-v-c9b58118]{text-align:center;margin-bottom:40px}.form-title[data-v-c9b58118]{font-size:32px;color:#333;font-weight:600;margin-bottom:10px}.form-subtitle[data-v-c9b58118]{color:#666;font-size:16px}.login-form[data-v-c9b58118]{width:100%}.form-group[data-v-c9b58118]{margin-bottom:30px}.form-label[data-v-c9b58118]{display:block;margin-bottom:8px;color:#555;font-size:14px;font-weight:500}.custom-input[data-v-c9b58118]{position:relative}.custom-input i[data-v-c9b58118]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;z-index:1}.custom-input .el-input__inner[data-v-c9b58118]{padding-left:46px;height:48px;border-radius:8px;border:1px solid #e0e0e0;font-size:15px;transition:all .3s}.custom-input .el-input__inner[data-v-c9b58118]:focus{border-color:#6a11cb;box-shadow:0 0 0 2px rgba(106,17,203,.1)}.remember-forgot[data-v-c9b58118]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.remember-me .el-checkbox__label[data-v-c9b58118]{color:#666;font-size:14px}.forgot-password[data-v-c9b58118]{color:#6a11cb;text-decoration:none;font-size:14px;transition:color .3s}.forgot-password[data-v-c9b58118]:hover{color:#2575fc;text-decoration:underline}.login-btn[data-v-c9b58118]{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;color:#fff;cursor:pointer;transition:all .3s;margin-bottom:25px}.login-btn[data-v-c9b58118]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(106,17,203,.3)}.login-btn[data-v-c9b58118]:active{transform:translateY(0)}.login-btn[data-v-c9b58118]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.social-login[data-v-c9b58118]{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-btn[data-v-c9b58118]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;background:#fff;color:#666;cursor:pointer;transition:all .3s}.social-btn[data-v-c9b58118]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.social-btn.wechat[data-v-c9b58118]:hover{background:#07c160;color:#fff;border-color:#07c160}.social-btn.qq[data-v-c9b58118]:hover{background:#12b7f5;color:#fff;border-color:#12b7f5}.social-btn.github[data-v-c9b58118]:hover{background:#333;color:#fff;border-color:#333}.register-link[data-v-c9b58118]{text-align:center;margin-top:30px;color:#666;font-size:14px}.register-link a[data-v-c9b58118]{color:#6a11cb;text-decoration:none;font-weight:500}.register-link a[data-v-c9b58118]:hover{text-decoration:underline}@media(max-width:992px){.login-card[data-v-c9b58118]{flex-direction:column;max-width:500px}.brand-section[data-v-c9b58118],.form-section[data-v-c9b58118]{padding:40px 30px}.logo-icon[data-v-c9b58118]{width:70px;height:70px}.logo-icon i[data-v-c9b58118]{font-size:32px}.logo-text[data-v-c9b58118]{font-size:24px}}@media(max-width:576px){body[data-v-c9b58118]{padding:15px;background:#f5f5f5}.login-card[data-v-c9b58118]{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.brand-section[data-v-c9b58118]{padding:30px 20px;border-radius:12px 12px 0 0}.form-section[data-v-c9b58118]{padding:30px 20px}.form-title[data-v-c9b58118]{font-size:26px}.custom-input .el-input__inner[data-v-c9b58118],.login-btn[data-v-c9b58118]{height:44px}.logo-container[data-v-c9b58118]{margin-bottom:30px}.logo-icon[data-v-c9b58118]{width:60px;height:60px}.logo-icon i[data-v-c9b58118]{font-size:28px}}@media(max-width:380px){.brand-features li[data-v-c9b58118]{font-size:14px}.form-title[data-v-c9b58118]{font-size:24px}.social-login[data-v-c9b58118]{gap:15px}.social-btn[data-v-c9b58118]{width:40px;height:40px}}.loading[data-v-c9b58118]{display:inline-block;width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin-c9b58118 1s ease-in-out infinite}@keyframes spin-c9b58118{to{transform:rotate(1turn)}}.message-tip[data-v-c9b58118]{margin-bottom:20px;padding:10px 15px;border-radius:8px;font-size:14px}.message-tip.success[data-v-c9b58118]{background:#f0f9ff;color:#409eff;border:1px solid #409eff}.message-tip.error[data-v-c9b58118]{background:#fef0f0;color:#f56c6c;border:1px solid #f56c6c}.copyright[data-v-c9b58118]{text-align:center;margin-top:30px;color:#999;font-size:12px}