.login-page[data-v-770fd4f3]{display:flex;min-height:100vh;width:100%}.login-left[data-v-770fd4f3]{display:flex;flex:0 0 55%;flex-direction:column;overflow:hidden;padding:40px 60px;position:relative}.login-left-bg[data-v-770fd4f3]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:0}.logo-section[data-v-770fd4f3]{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:60px;position:relative;z-index:1}.logo-section .logo-img[data-v-770fd4f3]{height:24px;width:24px}.logo-section .logo-text[data-v-770fd4f3]{color:#fff;font-family:Poppins;font-size:18px;font-weight:800}.hero-section[data-v-770fd4f3]{margin-bottom:40px;position:relative;z-index:1}.hero-section .hero-title[data-v-770fd4f3]{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-section .hero-title .gradient-text[data-v-770fd4f3]{background:linear-gradient(90deg,#ffeb3b,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .hero-desc[data-v-770fd4f3]{color:#ffffffd9;font-size:16px;line-height:1.6}.features-list[data-v-770fd4f3]{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.feature-item[data-v-770fd4f3]{align-items:flex-start;display:flex;gap:16px}.feature-item .feature-icon[data-v-770fd4f3]{align-items:center;background:#ffffff26;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-item .feature-icon img[data-v-770fd4f3]{height:24px;width:24px}.feature-item .feature-content .feature-title[data-v-770fd4f3]{color:#fff;display:inline;font-size:18px;font-weight:600;margin-bottom:4px}.feature-item .feature-content .feature-desc[data-v-770fd4f3]{color:#ffffffbf;font-size:14px;margin:0}.coming-soon-tag[data-v-770fd4f3]{background:#f85277;border-radius:12px;color:#fff;display:inline-block;font-size:12px;margin-left:10px;padding:2px 10px;vertical-align:middle}.demo-card[data-v-770fd4f3]{bottom:0;left:50%;max-width:500px;position:absolute;transform:translate(-50%);width:80%;z-index:1}.demo-card .demo-card-img[data-v-770fd4f3]{border-radius:16px 16px 0 0;width:100%}.login-right[data-v-770fd4f3]{align-items:center;background:#fff;display:flex;flex:1;justify-content:center;padding:40px;position:relative}.form-container[data-v-770fd4f3]{max-width:400px;width:100%}.form-title[data-v-770fd4f3]{color:#333;font-size:30px;font-weight:700;line-height:46px}.form-subtitle[data-v-770fd4f3]{color:#666;font-size:18px;margin-bottom:70px}.form-subtitle .highlight[data-v-770fd4f3]{color:#f85277}.social-buttons[data-v-770fd4f3]{display:flex;flex-direction:column;gap:12px}.login-tips[data-v-770fd4f3]{color:#666;font-size:14px;font-weight:400;line-height:21px;margin-bottom:40px;margin-top:12px}.social-btn[data-v-770fd4f3]{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;height:48px;justify-content:center;transition:all .2s;width:100%}.social-btn[data-v-770fd4f3]:hover{background:#fafafa;border-color:#bbb}.social-btn .social-icon[data-v-770fd4f3]{height:18px;margin-right:12px;width:18px}.tiktok-btn[data-v-770fd4f3]{margin-left:0!important}.divider[data-v-770fd4f3]{align-items:center;display:flex;margin-bottom:40px}.divider[data-v-770fd4f3]:after,.divider[data-v-770fd4f3]:before{background:#e0e0e0;content:"";flex:1;height:1px}.divider .divider-text[data-v-770fd4f3]{color:#999;font-size:14px;padding:0 16px}.login-form .form-input[data-v-770fd4f3] .el-input__wrapper{border-radius:8px;box-shadow:inset 0 0 0 1px #e0e0e0;height:48px}.login-form .form-input[data-v-770fd4f3] .el-input__wrapper:hover{box-shadow:inset 0 0 0 1px #bbb}.login-form .form-input[data-v-770fd4f3] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #f85277}.code-input-wrapper[data-v-770fd4f3]{display:flex;gap:12px;width:100%}.code-input-wrapper .code-input[data-v-770fd4f3]{flex:1}.code-input-wrapper .send-code-btn[data-v-770fd4f3]{border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;height:48px;padding:0 24px;transition:all .2s}.code-input-wrapper .send-code-btn[data-v-770fd4f3]:hover:not(:disabled){opacity:.9}.code-input-wrapper .send-code-btn[data-v-770fd4f3]:disabled{background:#ccc;cursor:not-allowed}.submit-btn[data-v-770fd4f3]{background:linear-gradient(140deg,#a775ff,#ff5277);border:none;border-radius:8px;font-size:16px;font-weight:600;height:48px;margin-top:40px;transition:all .2s;width:100%}.submit-btn[data-v-770fd4f3]:hover{opacity:.9}.switch-mode[data-v-770fd4f3]{color:#666;font-size:14px;margin-top:20px;text-align:center}.switch-mode .link[data-v-770fd4f3]{color:#f85277;font-weight:500;text-decoration:none}.switch-mode .link[data-v-770fd4f3]:hover{text-decoration:underline}.terms[data-v-770fd4f3]{bottom:24px;color:#999;font-size:13px;left:50%;position:absolute;text-align:center;transform:translate(-50%);white-space:nowrap}.terms .link[data-v-770fd4f3]{color:#f85277;text-decoration:none}.terms .link[data-v-770fd4f3]:hover{text-decoration:underline}@media(max-width:1024px){.login-left[data-v-770fd4f3]{flex:0 0 45%;padding:30px 40px}.hero-section .hero-title[data-v-770fd4f3]{font-size:36px}}@media(max-width:768px){.login-page[data-v-770fd4f3]{flex-direction:column}.login-left[data-v-770fd4f3]{display:none}.login-right[data-v-770fd4f3]{padding:30px 20px 80px;position:relative}}