.login-page[data-v-12a04499]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#e3f2fd,#bbdefb 25%,#e8f5e9 50%,#e1f5fe 75%,#e3f2fd);position:relative;overflow:hidden;font-family:-apple-system,SF Pro Display,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif}.bg-layer[data-v-12a04499]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cloud[data-v-12a04499]{position:absolute;background:hsla(0,0%,100%,.65);border-radius:80px;animation:cloudDrift-data-v-12a04499 linear infinite}.cloud[data-v-12a04499]:after,.cloud[data-v-12a04499]:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1[data-v-12a04499]{width:180px;height:55px;top:8%;left:-100px;animation-duration:28s}.cloud-1[data-v-12a04499]:before{width:50px;height:50px;top:-28px;left:35px}.cloud-1[data-v-12a04499]:after{width:70px;height:70px;top:-38px;left:75px}.cloud-2[data-v-12a04499]{width:140px;height:42px;top:18%;right:-80px;animation-duration:34s;animation-delay:-8s}.cloud-2[data-v-12a04499]:before{width:40px;height:40px;top:-22px;left:25px}.cloud-2[data-v-12a04499]:after{width:55px;height:55px;top:-30px;left:55px}.cloud-3[data-v-12a04499]{width:200px;height:60px;top:60%;left:60%;animation-duration:38s;animation-delay:-15s;opacity:.5}.cloud-3[data-v-12a04499]:before{width:55px;height:55px;top:-30px;left:40px}.cloud-3[data-v-12a04499]:after{width:75px;height:75px;top:-40px;left:85px}@keyframes cloudDrift-data-v-12a04499{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(40px) translateY(-10px)}50%{transform:translateX(80px) translateY(5px)}75%{transform:translateX(40px) translateY(-5px)}to{transform:translateX(0) translateY(0)}}.bubble[data-v-12a04499]{position:absolute;border-radius:50%;animation:bubbleFloat-data-v-12a04499 ease-in-out infinite}.bubble-1[data-v-12a04499]{width:45px;height:45px;top:70%;left:10%;background:rgba(66,165,245,.12);animation-duration:7s;animation-delay:0s}.bubble-2[data-v-12a04499]{width:30px;height:30px;top:40%;left:80%;background:rgba(129,212,250,.15);animation-duration:8s;animation-delay:-2s}.bubble-3[data-v-12a04499]{width:55px;height:55px;top:20%;left:45%;background:rgba(79,195,247,.1);animation-duration:9s;animation-delay:-4s}.bubble-4[data-v-12a04499]{width:25px;height:25px;top:80%;left:35%;background:rgba(41,182,246,.15);animation-duration:6s;animation-delay:-1s}.bubble-5[data-v-12a04499]{width:38px;height:38px;top:10%;left:75%;background:rgba(66,165,245,.1);animation-duration:10s;animation-delay:-6s}@keyframes bubbleFloat-data-v-12a04499{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-30px) scale(1.2);opacity:.6}}.deco-circle[data-v-12a04499]{position:absolute;border-radius:50%;opacity:.08}.c-1[data-v-12a04499]{width:350px;height:350px;background:#42a5f5;top:-100px;right:-80px}.c-2[data-v-12a04499]{width:200px;height:200px;background:#29b6f6;bottom:-50px;left:-50px}.c-3[data-v-12a04499]{width:120px;height:120px;background:#81d4fa;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.04}.main-container[data-v-12a04499]{position:relative;z-index:2;display:flex;width:920px;max-width:95vw;min-height:560px;border-radius:28px;overflow:hidden;background:hsla(0,0%,100%,.72);backdrop-filter:blur(24px);box-shadow:0 4px 6px rgba(100,181,246,.06),0 16px 48px rgba(33,150,243,.08),0 40px 80px rgba(33,150,243,.04);border:1px solid hsla(0,0%,100%,.5);animation:containerIn-data-v-12a04499 .7s cubic-bezier(.165,.84,.44,1)}@keyframes containerIn-data-v-12a04499{0%{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-panel[data-v-12a04499]{flex:0 0 48%;background:linear-gradient(160deg,#e3f2fd,#bbdefb 30%,#c8e6f9 60%,#e1f5fe);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.brand-panel[data-v-12a04499]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.4) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.3) 0,transparent 60%)}.brand-inner[data-v-12a04499]{position:relative;z-index:1;text-align:center;padding:40px}.hero-pig[data-v-12a04499]{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.5));box-shadow:0 8px 32px rgba(33,150,243,.15),inset 0 1px 0 hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center;animation:pigFloat-data-v-12a04499 4s ease-in-out infinite}.hero-pig .pig-img[data-v-12a04499]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}@keyframes pigFloat-data-v-12a04499{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(-2deg)}75%{transform:translateY(-4px) rotate(2deg)}}.brand-title[data-v-12a04499]{margin:0 0 8px}.brand-title .title-line[data-v-12a04499]{display:block;font-size:42px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,#1565c0,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-title .title-sub[data-v-12a04499]{display:block;font-size:15px;font-weight:500;color:#78909c;letter-spacing:6px;margin-top:4px;text-transform:uppercase}.brand-desc[data-v-12a04499]{font-size:14px;color:#90a4ae;letter-spacing:3px;margin:0 0 20px}.tag-row[data-v-12a04499]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tag-row .tag[data-v-12a04499]{padding:5px 16px;border-radius:20px;font-size:12px;font-weight:600;background:hsla(0,0%,100%,.7);color:#1565c0;letter-spacing:2px;border:1px solid rgba(66,165,245,.15);backdrop-filter:blur(4px);transition:all .3s}.tag-row .tag[data-v-12a04499]:hover{background:rgba(66,165,245,.12);transform:translateY(-2px)}.divider[data-v-12a04499]{margin:24px auto;width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.4),transparent);border-radius:1px}.divider span[data-v-12a04499]{display:block;width:6px;height:6px;background:#42a5f5;border-radius:50%;margin:-2px auto 0}.brand-motto[data-v-12a04499]{font-size:13px;color:#90a4ae;letter-spacing:1px;margin:0;font-weight:400}.login-panel[data-v-12a04499]{flex:1;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.4)}.login-inner[data-v-12a04499]{width:100%;max-width:340px;padding:48px 36px}.mobile-logo[data-v-12a04499]{display:none}.login-title[data-v-12a04499]{font-size:26px;font-weight:700;color:#1a237e;margin:0 0 6px;letter-spacing:1px}.login-sub[data-v-12a04499]{font-size:14px;color:#90a4ae;margin:0 0 36px}.form-area[data-v-12a04499]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-12a04499]{position:relative}.input-wrap[data-v-12a04499]{position:relative;display:flex;align-items:center}.input-wrap .input-svg[data-v-12a04499]{position:absolute;left:14px;z-index:1;color:#90a4ae;transition:color .3s;pointer-events:none}.input-field[data-v-12a04499]{width:100%;padding:14px 16px 14px 44px;border:2px solid #e3eef7;border-radius:14px;background:hsla(0,0%,100%,.8);font-size:14px;color:#37474f;outline:none;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.input-field[data-v-12a04499]::-moz-placeholder{color:#b0bec5;font-size:13px}.input-field[data-v-12a04499]::placeholder{color:#b0bec5;font-size:13px}.input-field[data-v-12a04499]:focus{border-color:#42a5f5;background:#fff;box-shadow:0 0 0 4px rgba(66,165,245,.08),0 2px 8px rgba(66,165,245,.06)}.input-field:focus+.input-svg[data-v-12a04499],.input-field:focus~.input-svg[data-v-12a04499]{color:#42a5f5}.login-btn[data-v-12a04499]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 0;margin-top:6px;border:none;border-radius:14px;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;font-size:16px;font-weight:700;letter-spacing:4px;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(66,165,245,.25),0 1px 4px rgba(66,165,245,.15)}.login-btn[data-v-12a04499]:after{content:"";position:absolute;top:0;left:-100%;width:300%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s}.login-btn .btn-arrow-svg[data-v-12a04499]{transition:transform .3s}.login-btn[data-v-12a04499]:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(66,165,245,.35),0 2px 8px rgba(66,165,245,.2)}.login-btn[data-v-12a04499]:hover:after{left:100%}.login-btn:hover .btn-arrow-svg[data-v-12a04499]{transform:translateX(4px)}.login-btn[data-v-12a04499]:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(66,165,245,.2);transition:all .1s}.footer-note[data-v-12a04499]{text-align:center;margin-top:28px;font-size:11px;color:#90a4ae;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.footer-note .dot[data-v-12a04499]{width:4px;height:4px;background:#81d4fa;border-radius:50%;animation:dotPulse-data-v-12a04499 2s ease-in-out infinite}@keyframes dotPulse-data-v-12a04499{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:768px){.main-container[data-v-12a04499]{flex-direction:column;width:92vw;min-height:auto;border-radius:24px}.brand-panel[data-v-12a04499]{flex:none;padding:32px 20px 20px}.brand-panel .brand-title .title-line[data-v-12a04499]{font-size:32px;letter-spacing:6px}.brand-panel .brand-title .title-sub[data-v-12a04499]{font-size:13px;letter-spacing:4px}.brand-panel .brand-desc[data-v-12a04499]{font-size:12px}.brand-panel .brand-motto[data-v-12a04499]{font-size:11px}.brand-panel .hero-pig[data-v-12a04499]{width:90px;height:90px}.brand-panel .hero-pig .pig-img[data-v-12a04499]{width:60px;height:60px}.brand-panel .tag-row[data-v-12a04499]{gap:6px}.brand-panel .tag-row .tag[data-v-12a04499]{padding:4px 12px;font-size:11px}.login-panel[data-v-12a04499]{padding:0}.login-inner[data-v-12a04499]{padding:28px 28px 36px}.login-title[data-v-12a04499]{font-size:22px}}@media (max-width:480px){.main-container[data-v-12a04499]{width:94vw;border-radius:20px}.brand-panel[data-v-12a04499]{padding:24px 16px 16px}.brand-panel .hero-pig[data-v-12a04499]{width:72px;height:72px;margin-bottom:16px}.brand-panel .hero-pig .pig-img[data-v-12a04499]{width:48px;height:48px}.brand-panel .brand-title .title-line[data-v-12a04499]{font-size:26px}.login-inner[data-v-12a04499]{padding:20px 20px 30px}.login-title[data-v-12a04499]{font-size:20px}.login-sub[data-v-12a04499]{font-size:13px;margin-bottom:24px}.input-field[data-v-12a04499]{padding:12px 14px 12px 40px;font-size:13px;border-radius:12px}.login-btn[data-v-12a04499]{padding:13px 0;font-size:15px;border-radius:12px}}