#app{height:100vh}.login-page[data-v-0911edea]{width:100vw;height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#e8f4f8);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.login-container[data-v-0911edea]{display:flex;width:100%;max-width:1200px;height:calc(100vh - 80px);max-height:700px;background:#fff;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.12);overflow:hidden}.login-left[data-v-0911edea]{flex:1;display:flex;flex-direction:column;padding:40px 60px;background:linear-gradient(180deg,#fff,#f8fafc)}.header[data-v-0911edea]{display:flex;align-items:center;margin-bottom:60px}.logo[data-v-0911edea]{width:40px;height:40px;background:linear-gradient(135deg,#ff8c42,#ff6b35);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 4px 12px rgba(255,107,53,.3)}.logo-icon[data-v-0911edea]{color:#fff;font-size:24px;font-weight:700}.title[data-v-0911edea]{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.illustration-area[data-v-0911edea]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.computer-3d[data-v-0911edea]{position:relative;width:400px;height:350px;transform-style:preserve-3d}.monitor[data-v-0911edea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) perspective(1000px) rotateY(-10deg);width:280px;height:200px}.screen[data-v-0911edea]{position:absolute;top:10px;left:10px;right:10px;bottom:30px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:8px;overflow:hidden}.screen-glow[data-v-0911edea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.4) 40%,transparent 70%);border-radius:50%;animation:pulse-0911edea 3s ease-in-out infinite}@keyframes pulse-0911edea{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.monitor-frame[data-v-0911edea]{position:absolute;top:0;left:0;right:0;bottom:0;border:12px solid rgba(79,172,254,.3);border-radius:16px;background:rgba(79,172,254,.05);box-shadow:0 0 40px rgba(79,172,254,.3),inset 0 0 40px rgba(79,172,254,.1)}.monitor-stand[data-v-0911edea]{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:60px;height:20px;background:linear-gradient(180deg,rgba(79,172,254,.4),rgba(79,172,254,.2));border-radius:0 0 8px 8px}.monitor-base[data-v-0911edea]{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);width:100px;height:15px;background:linear-gradient(180deg,rgba(79,172,254,.3),rgba(79,172,254,.1));border-radius:50%}.orbit-ring[data-v-0911edea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(79,172,254,.2);border-radius:50%}.orbit-ring-1[data-v-0911edea]{width:350px;height:350px;animation:rotate-0911edea 20s linear infinite}.orbit-ring-2[data-v-0911edea]{width:320px;height:320px;border-style:dashed;animation:rotate-0911edea 25s linear infinite reverse}@keyframes rotate-0911edea{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.floating-block[data-v-0911edea]{position:absolute;background:rgba(79,172,254,.15);border:1px solid rgba(79,172,254,.3);border-radius:4px}.block-1[data-v-0911edea]{width:40px;height:40px;top:20%;left:10%;animation:float-0911edea 4s ease-in-out infinite}.block-2[data-v-0911edea]{width:30px;height:30px;top:30%;right:15%;animation:float-0911edea 5s ease-in-out .5s infinite}.block-3[data-v-0911edea]{width:25px;height:25px;bottom:25%;left:20%;animation:float-0911edea 4.5s ease-in-out 1s infinite}.block-4[data-v-0911edea]{width:35px;height:35px;bottom:35%;right:10%;animation:float-0911edea 5.5s ease-in-out 1.5s infinite}@keyframes float-0911edea{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-right[data-v-0911edea]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.login-card[data-v-0911edea]{width:100%;max-width:360px;min-height:540px;aspect-ratio:1/1.5;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.card-header[data-v-0911edea]{text-align:center;margin-bottom:40px;padding-left:20px}.card-title[data-v-0911edea]{font-size:20px;font-weight:500;color:#333;margin:0 0 12px 0}.title-underline[data-v-0911edea]{width:60px;height:3px;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px;margin:0 auto}.login-form[data-v-0911edea]{margin-top:30px}.input-wrapper[data-v-0911edea]{position:relative;display:flex;align-items:center;border-bottom:1px solid #e8e8e8;padding:8px 0;transition:border-color .3s}.input-wrapper[data-v-0911edea]:focus-within{border-color:#4facfe}.input-icon[data-v-0911edea]{font-size:18px;color:#999;margin-right:12px}.custom-input[data-v-0911edea]{border:none;background:transparent;font-size:14px;color:#333}.custom-input[data-v-0911edea]:focus{box-shadow:none}.custom-input[data-v-0911edea]::-moz-placeholder{color:#bfbfbf}.custom-input[data-v-0911edea]::placeholder{color:#bfbfbf}.code-input-wrapper[data-v-0911edea]{display:flex;align-items:center;gap:12px}.code-input[data-v-0911edea]{flex:1}.send-code-btn[data-v-0911edea]{height:36px;padding:0 16px;background:#4facfe;border:none;border-radius:4px;color:#fff;font-size:13px;white-space:nowrap}.send-code-btn[data-v-0911edea]:hover{background:#3d9bf0}.send-code-btn[data-v-0911edea]:disabled{background:#bfbfbf}.protocol-item[data-v-0911edea]{margin-top:20px}.protocol-text[data-v-0911edea]{font-size:13px;color:#666}.protocol-text a[data-v-0911edea]{color:#4facfe;text-decoration:none}.protocol-text a[data-v-0911edea]:hover{text-decoration:underline}.login-btn[data-v-0911edea]{height:44px;margin-top:20px;background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;border-radius:22px;font-size:16px;font-weight:500;color:#fff;box-shadow:0 4px 12px rgba(79,172,254,.3);transition:all .3s}.login-btn[data-v-0911edea]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,172,254,.4)}.protocol-content[data-v-0911edea]{padding:20px 0;line-height:1.8;color:#666}.protocol-footer[data-v-0911edea]{text-align:center;margin-top:20px}@media (max-width:1200px){.login-container[data-v-0911edea]{width:100%;height:100%;border-radius:0}.login-left[data-v-0911edea]{display:none}.login-right[data-v-0911edea]{width:100%}}