.puzzle-captcha-container[data-v-86a4574a]{position:relative}.login-page[data-v-0fdbb328]{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.background-animation[data-v-0fdbb328]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shape[data-v-0fdbb328]{position:absolute;opacity:.1;animation:float-0fdbb328 20s linear infinite}.shape-1[data-v-0fdbb328]{width:80px;height:80px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;top:10%;left:10%;animation-delay:0s}.shape-2[data-v-0fdbb328]{width:60px;height:60px;background:linear-gradient(45deg,#10b981,#3b82f6);transform:rotate(45deg);top:20%;right:15%;animation-delay:-5s}.shape-3[data-v-0fdbb328]{width:100px;height:100px;background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:30%;bottom:20%;left:5%;animation-delay:-10s}.shape-4[data-v-0fdbb328]{width:70px;height:70px;background:linear-gradient(45deg,#f59e0b,#ef4444);border-radius:50%;top:60%;right:10%;animation-delay:-15s}.shape-5[data-v-0fdbb328]{width:50px;height:50px;background:linear-gradient(45deg,#06b6d4,#8b5cf6);transform:rotate(45deg);top:5%;left:60%;animation-delay:-8s}.shape-6[data-v-0fdbb328]{width:90px;height:90px;background:linear-gradient(45deg,#10b981,#06b6d4);border-radius:40%;bottom:10%;right:5%;animation-delay:-12s}@keyframes float-0fdbb328{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}.login-container[data-v-0fdbb328]{display:flex;width:100%;max-width:800px;min-height:500px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:2}.logo-section[data-v-0fdbb328]{flex:1;background:#fafafa;display:flex;align-items:center;justify-content:center;padding:40px 30px;position:relative}.mobile-back-home[data-v-0fdbb328]{display:none}.mobile-back-btn[data-v-0fdbb328]{padding:8px;font-size:20px;border-radius:50%;background:transparent;color:#fff;border:none;min-height:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-back-btn[data-v-0fdbb328]:active,.mobile-back-btn[data-v-0fdbb328]:hover{background:hsla(0,0%,100%,.15);color:#fff;transform:scale(1.05)}.mobile-back-btn i[data-v-0fdbb328]{font-size:20px;margin-right:0}.logo-content[data-v-0fdbb328]{text-align:center;max-width:100%}.logo[data-v-0fdbb328]{display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:24px;font-weight:600;color:#1f2937}.logo i[data-v-0fdbb328]{margin-right:12px;font-size:32px;color:#3b82f6}.brand-subtitle[data-v-0fdbb328]{font-size:14px;color:#3b82f6;margin-bottom:12px;font-weight:500}.slogan[data-v-0fdbb328]{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:30px}.features-grid[data-v-0fdbb328]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.feature-card[data-v-0fdbb328]{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s ease}.feature-card[data-v-0fdbb328]:hover{transform:translateY(-2px)}.feature-icon[data-v-0fdbb328]{flex-shrink:0;width:32px;height:32px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.feature-content[data-v-0fdbb328]{flex:1}.feature-content h4[data-v-0fdbb328]{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:4px}.feature-content p[data-v-0fdbb328]{font-size:11px;color:#6b7280;line-height:1.4}.stats-section[data-v-0fdbb328]{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid #e5e7eb}.stat-item[data-v-0fdbb328]{text-align:center}.stat-number[data-v-0fdbb328]{font-size:18px;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label[data-v-0fdbb328]{font-size:12px;color:#6b7280}.form-section[data-v-0fdbb328]{flex:1;padding:40px;display:flex;flex-direction:column}.back-home[data-v-0fdbb328]{text-align:right;margin-bottom:30px}.back-btn[data-v-0fdbb328]{color:#6b7280;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.back-btn[data-v-0fdbb328]:hover{color:#3b82f6;background:#f3f4f6}.back-btn i[data-v-0fdbb328]{margin-right:6px}.back-text[data-v-0fdbb328]{font-weight:500}.form-container[data-v-0fdbb328]{flex:1;display:flex;flex-direction:column;justify-content:center}.login-form-wrapper[data-v-0fdbb328]{max-width:320px;margin:0 auto;width:100%}.form-header[data-v-0fdbb328]{text-align:center;margin-bottom:32px}.form-header h2[data-v-0fdbb328]{font-size:24px;color:#1f2937;margin-bottom:8px;font-weight:600}.form-header p[data-v-0fdbb328]{color:#6b7280;font-size:14px}.login-form[data-v-0fdbb328]{margin-bottom:32px}.login-form[data-v-0fdbb328] .el-form-item{margin-bottom:20px}.login-form[data-v-0fdbb328] .el-input__inner{height:44px;border-radius:4px;border:1px solid #d1d5db;font-size:14px}.login-form[data-v-0fdbb328] .el-input__inner:focus{border-color:#3b82f6}.verify-code-group[data-v-0fdbb328]{display:flex;gap:12px}.verify-code-group .el-input[data-v-0fdbb328]{flex:1}.verify-btn[data-v-0fdbb328]{white-space:nowrap;min-width:120px;border:1px solid #d1d5db;color:#374151;background:#fff;font-size:13px;transition:all .3s ease}.verify-btn[data-v-0fdbb328]:hover{border-color:#3b82f6;color:#3b82f6}.verify-btn[data-v-0fdbb328]:disabled{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.login-btn[data-v-0fdbb328]{width:100%;height:44px;border-radius:4px;font-size:16px;font-weight:500;background:#3b82f6;border:none}.login-btn[data-v-0fdbb328]:hover{background:#2563eb}.login-btn[data-v-0fdbb328]:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.third-party-login[data-v-0fdbb328]{text-align:center}.divider[data-v-0fdbb328]{margin:24px 0;position:relative;color:#9ca3af;font-size:14px}.divider[data-v-0fdbb328]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span[data-v-0fdbb328]{background:#fff;padding:0 16px;position:relative}.third-party-buttons[data-v-0fdbb328]{display:flex;gap:12px}.third-party-buttons .el-button[data-v-0fdbb328]{flex:1;height:40px;border-radius:4px;font-size:14px;border:1px solid #d1d5db}.wechat-btn[data-v-0fdbb328]{color:#10b981;background:#fff}.wechat-btn[data-v-0fdbb328]:hover{color:#059669;border-color:#10b981}.qq-btn[data-v-0fdbb328]{color:#3b82f6;background:#fff}.qq-btn[data-v-0fdbb328]:hover{color:#2563eb;border-color:#3b82f6}@media (max-width:768px){.login-container[data-v-0fdbb328]{flex-direction:column;max-width:400px;min-height:auto}.logo-section[data-v-0fdbb328]{padding:25px 20px 20px 20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;position:relative}.mobile-back-home[data-v-0fdbb328]{display:block;position:absolute;top:12px;left:12px;z-index:10}.logo-content[data-v-0fdbb328]{text-align:center}.logo[data-v-0fdbb328]{font-size:22px;margin-bottom:6px;color:#fff}.logo i[data-v-0fdbb328]{font-size:28px;color:#fff}.brand-subtitle[data-v-0fdbb328]{font-size:14px;color:hsla(0,0%,100%,.9);margin-bottom:8px;font-weight:500}.slogan[data-v-0fdbb328]{font-size:13px;color:hsla(0,0%,100%,.8);margin-bottom:0}.features-grid[data-v-0fdbb328],.stats-section[data-v-0fdbb328]{display:none}.form-section[data-v-0fdbb328]{padding:20px 20px 30px 20px}.back-home[data-v-0fdbb328]{display:none}.form-container[data-v-0fdbb328]{margin-top:0}.login-form-wrapper[data-v-0fdbb328]{max-width:100%}.third-party-buttons[data-v-0fdbb328]{flex-direction:row;gap:10px}.third-party-buttons .el-button[data-v-0fdbb328]{flex:1;height:42px;font-size:13px;padding:0 8px}.floating-shape[data-v-0fdbb328]{opacity:.05}}@media (max-width:480px){.logo-section[data-v-0fdbb328]{padding:20px 15px 15px 15px}.mobile-back-home[data-v-0fdbb328]{top:10px;left:10px}.mobile-back-btn[data-v-0fdbb328]{padding:6px;font-size:18px;width:36px;height:36px}.mobile-back-btn i[data-v-0fdbb328]{font-size:18px;margin-right:0}.form-section[data-v-0fdbb328]{padding:15px 15px 25px 15px}.login-form-wrapper[data-v-0fdbb328]{max-width:100%}.third-party-buttons[data-v-0fdbb328]{flex-direction:row;gap:8px}.third-party-buttons .el-button[data-v-0fdbb328]{flex:1;height:40px;font-size:12px;padding:0 6px}}