*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{width:100%;min-height:100vh}.login-container[data-v-cb34ddc2]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card[data-v-cb34ddc2]{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;animation:.6s ease-out fadeInUp-cb34ddc2;box-shadow:0 20px 60px #0000004d}.logo-area[data-v-cb34ddc2]{text-align:center;margin-bottom:30px}.logo-icon[data-v-cb34ddc2]{font-size:48px;animation:2s infinite bounce-cb34ddc2;display:inline-block}.logo-title[data-v-cb34ddc2]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 5px;font-size:28px;font-weight:700}.logo-subtitle[data-v-cb34ddc2]{color:#666;font-size:14px}.form-group[data-v-cb34ddc2]{margin-bottom:20px}.form-label[data-v-cb34ddc2]{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.label-icon[data-v-cb34ddc2]{margin-right:5px}.form-input[data-v-cb34ddc2]{box-sizing:border-box;border:2px solid #e1e5e9;border-radius:10px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.form-input[data-v-cb34ddc2]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-cb34ddc2]{border-color:#f56565}.password-wrapper[data-v-cb34ddc2]{position:relative}.toggle-password[data-v-cb34ddc2]{cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.error-message[data-v-cb34ddc2]{color:#f56565;margin-top:5px;font-size:12px;display:block}.form-options[data-v-cb34ddc2]{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px;display:flex}.checkbox-label[data-v-cb34ddc2]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.checkbox-label input[data-v-cb34ddc2]{cursor:pointer;margin-right:8px}.forgot-link[data-v-cb34ddc2]{color:#667eea;text-decoration:none;transition:color .3s}.forgot-link[data-v-cb34ddc2]:hover{color:#764ba2}.login-button[data-v-cb34ddc2]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-size:16px;font-weight:700;transition:transform .3s,box-shadow .3s;position:relative}.login-button[data-v-cb34ddc2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button[data-v-cb34ddc2]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-cb34ddc2]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-cb34ddc2;display:inline-block}@keyframes spin-cb34ddc2{to{transform:rotate(360deg)}}.register-prompt[data-v-cb34ddc2]{text-align:center;color:#666;font-size:14px}.register-link[data-v-cb34ddc2]{color:#667eea;margin-left:5px;font-weight:500;text-decoration:none}.register-link[data-v-cb34ddc2]:hover{text-decoration:underline}.other-logins[data-v-cb34ddc2]{margin-top:30px}.divider[data-v-cb34ddc2]{text-align:center;margin-bottom:20px;position:relative}.divider[data-v-cb34ddc2]:before,.divider[data-v-cb34ddc2]:after{content:"";background:#e1e5e9;width:calc(50% - 60px);height:1px;position:absolute;top:50%}.divider[data-v-cb34ddc2]:before{left:0}.divider[data-v-cb34ddc2]:after{right:0}.divider span[data-v-cb34ddc2]{color:#999;background:#fff;padding:0 10px;font-size:12px}.social-buttons[data-v-cb34ddc2]{justify-content:center;gap:10px;display:flex}.social-btn[data-v-cb34ddc2]{cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:14px;transition:all .3s;display:flex}.social-btn[data-v-cb34ddc2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-btn.wechat[data-v-cb34ddc2]:hover{color:#fff;background:#09b83e;border-color:#09b83e}.social-btn.github[data-v-cb34ddc2]:hover{color:#fff;background:#24292e;border-color:#24292e}.social-btn.dingtalk[data-v-cb34ddc2]:hover{color:#fff;background:#1890ff;border-color:#1890ff}@keyframes fadeInUp-cb34ddc2{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-cb34ddc2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=480px){.login-card[data-v-cb34ddc2]{padding:30px 20px}.logo-title[data-v-cb34ddc2]{font-size:24px}.social-buttons[data-v-cb34ddc2]{flex-direction:column}}