.login-container[data-v-dfbf4982]{display:-webkit-box;display:-ms-flexbox;display:flex;width:900px;height:550px;background:#fff;border-radius:24px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.08);overflow:hidden;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:40px auto;position:relative}.characters-stage[data-v-dfbf4982]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.character-wrapper[data-v-dfbf4982],.characters-stage[data-v-dfbf4982]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.character-wrapper[data-v-dfbf4982]{width:220px;height:160px;gap:12px;z-index:2;margin-bottom:20px}.char[data-v-dfbf4982]{position:relative;width:45px;height:45px;-webkit-transition:all .4s cubic-bezier(.68,-.55,.27,1.55);transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}.char .body[data-v-dfbf4982]{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-box-shadow:inset -4px -4px 8px rgba(0,0,0,.15);box-shadow:inset -4px -4px 8px rgba(0,0,0,.15);z-index:1}.char .eyes[data-v-dfbf4982]{position:absolute;top:35%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:28px;height:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2;-webkit-transition:all .3s ease;transition:all .3s ease}.char .eye[data-v-dfbf4982]{width:7px;height:7px;background:#fff;border-radius:50%;position:relative}.char .eye[data-v-dfbf4982]:after{content:"";position:absolute;width:3.5px;height:3.5px;background:#000;border-radius:50%;top:1.5px;left:1.5px;-webkit-transition:all .3s ease;transition:all .3s ease}.char-purple .body.circle[data-v-dfbf4982]{background:#228b22;border-radius:50%}.char-purple[data-v-dfbf4982]{-webkit-animation:float-dfbf4982 3s ease-in-out infinite;animation:float-dfbf4982 3s ease-in-out infinite}.char-black .body.square[data-v-dfbf4982]{background:#2c3e50;border-radius:8px}.char-black[data-v-dfbf4982]{-webkit-animation:float-dfbf4982 3.2s ease-in-out .2s infinite;animation:float-dfbf4982 3.2s ease-in-out .2s infinite}.char-orange .body.triangle[data-v-dfbf4982]{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:45px solid #e67e22;background:transparent;-webkit-box-shadow:none;box-shadow:none}.char-orange .eyes[data-v-dfbf4982]{top:65%}.char-orange[data-v-dfbf4982]{-webkit-animation:float-dfbf4982 2.8s ease-in-out .4s infinite;animation:float-dfbf4982 2.8s ease-in-out .4s infinite}.char-yellow .body.diamond[data-v-dfbf4982]{background:#f1c40f;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:4px}.char-yellow .eyes[data-v-dfbf4982]{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);width:24px}.char-yellow[data-v-dfbf4982]{-webkit-animation:float-dfbf4982 3.5s ease-in-out .1s infinite;animation:float-dfbf4982 3.5s ease-in-out .1s infinite}.char.looking-curious[data-v-dfbf4982]{-webkit-transform:translateX(8px) scale(1.05);transform:translateX(8px) scale(1.05)}.char.looking-curious .eye[data-v-dfbf4982]:after{left:4px;top:1.5px}.char.looking-away[data-v-dfbf4982]{-webkit-transform:translateX(-8px) rotate(-10deg) scale(.95);transform:translateX(-8px) rotate(-10deg) scale(.95)}.char.looking-away .eye[data-v-dfbf4982]:after{left:0;top:4px}.char-purple.looking-away .arms[data-v-dfbf4982]{position:absolute;top:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:36px;height:18px;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.char-purple.looking-away .arms .arm[data-v-dfbf4982]{width:10px;height:18px;background:#228b22;border-radius:8px;opacity:0;-webkit-animation:coverEyes-dfbf4982 .3s forwards;animation:coverEyes-dfbf4982 .3s forwards}.char-orange.looking-away .hands[data-v-dfbf4982]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:28px;z-index:3;-webkit-animation:popIn-dfbf4982 .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation:popIn-dfbf4982 .3s cubic-bezier(.175,.885,.32,1.275) forwards}.char-black.looking-away .mouth[data-v-dfbf4982]{position:absolute;top:65%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:18px;height:3px;background:#fff;border-radius:2px;-webkit-animation:zipMouth-dfbf4982 .3s forwards;animation:zipMouth-dfbf4982 .3s forwards}.char-yellow.looking-away .blush[data-v-dfbf4982]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:30px;height:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2}.char-yellow.looking-away .blush[data-v-dfbf4982]:after,.char-yellow.looking-away .blush[data-v-dfbf4982]:before{content:"";width:6px;height:4px;background:rgba(255,0,0,.4);border-radius:50%;-webkit-animation:fadeIn-dfbf4982 .3s forwards;animation:fadeIn-dfbf4982 .3s forwards}.stage-text[data-v-dfbf4982]{font-size:16px;color:#333;font-weight:600;background:hsla(0,0%,100%,.6);padding:8px 20px;border-radius:20px;backdrop-filter:blur(4px);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.05);box-shadow:0 4px 10px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease;min-height:32px}.form-container[data-v-dfbf4982]{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;padding:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff}.title[data-v-dfbf4982]{font-size:28px;color:#333;margin-bottom:8px;font-weight:700;letter-spacing:-.5px}.subtitle[data-v-dfbf4982]{color:#888;font-size:14px;margin-bottom:35px}.input-group[data-v-dfbf4982]{margin-bottom:22px}.input-group label[data-v-dfbf4982]{display:block;font-size:13px;color:#666;margin-bottom:8px;font-weight:600}.input-wrapper[data-v-dfbf4982]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-wrapper input[data-v-dfbf4982]{width:100%;padding:14px 45px 14px 16px;border:2px solid #eee;border-radius:12px;font-size:14px;color:#333;-webkit-transition:all .3s;transition:all .3s;outline:none;background:#fafafa}.input-wrapper input[data-v-dfbf4982]::-webkit-input-placeholder{color:#ccc}.input-wrapper input[data-v-dfbf4982]::-moz-placeholder{color:#ccc}.input-wrapper input[data-v-dfbf4982]:-ms-input-placeholder{color:#ccc}.input-wrapper input[data-v-dfbf4982]::-ms-input-placeholder{color:#ccc}.input-wrapper input[data-v-dfbf4982]::placeholder{color:#ccc}.input-wrapper input[data-v-dfbf4982]:focus{border-color:#228b22;background:#fff;-webkit-box-shadow:0 0 0 4px rgba(34,139,34,.08);box-shadow:0 0 0 4px rgba(34,139,34,.08)}.input-wrapper .icon[data-v-dfbf4982]{position:absolute;right:16px;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.input-wrapper .icon[data-v-dfbf4982]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.input-wrapper .icon.toggle[data-v-dfbf4982]{font-size:16px}.code-wrapper input[data-v-dfbf4982]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:16px}.code-wrapper .code-img[data-v-dfbf4982]{border-top-right-radius:12px;border-bottom-right-radius:12px;height:52px}.code-wrapper .captcha-box[data-v-dfbf4982]{width:150px;height:52px;background:#f0f2f5;border:2px solid #eee;border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:800;font-family:monospace;font-size:20px;letter-spacing:3px;color:#555;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-webkit-transition:all .2s;transition:all .2s}.code-wrapper .captcha-box[data-v-dfbf4982]:hover{background:#e4e6eb;color:#228b22}.code-wrapper .captcha-box .refresh-hint[data-v-dfbf4982]{position:absolute;right:6px;bottom:4px;font-size:12px;color:#999;font-family:sans-serif}.login-btn[data-v-dfbf4982]{width:100%;padding:15px;background:linear-gradient(135deg,#228b22,#9b59b6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-top:10px;-webkit-box-shadow:0 4px 15px rgba(34,139,34,.25);box-shadow:0 4px 15px rgba(34,139,34,.25)}.login-btn[data-v-dfbf4982]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(34,139,34,.35);box-shadow:0 6px 20px rgba(34,139,34,.35)}.login-btn[data-v-dfbf4982]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.login-btn[data-v-dfbf4982]:disabled{background:#ccc;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.7}.footer-links[data-v-dfbf4982]{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:13px}.footer-links a[data-v-dfbf4982]{color:#888;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}.footer-links a[data-v-dfbf4982]:hover{color:#228b22;text-decoration:underline}@-webkit-keyframes float-dfbf4982{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes float-dfbf4982{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes coverEyes-dfbf4982{to{opacity:1}}@keyframes coverEyes-dfbf4982{to{opacity:1}}@-webkit-keyframes popIn-dfbf4982{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes popIn-dfbf4982{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@-webkit-keyframes zipMouth-dfbf4982{0%{width:0;opacity:0}to{width:18px;opacity:1}}@keyframes zipMouth-dfbf4982{0%{width:0;opacity:0}to{width:18px;opacity:1}}@-webkit-keyframes fadeIn-dfbf4982{to{opacity:1}}@keyframes fadeIn-dfbf4982{to{opacity:1}}@media(max-width:768px){.login-container[data-v-dfbf4982]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%;height:auto;margin:20px auto}.characters-stage[data-v-dfbf4982]{height:220px;padding:20px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.character-wrapper[data-v-dfbf4982]{-webkit-transform:scale(.9);transform:scale(.9);margin-bottom:10px}.form-container[data-v-dfbf4982]{padding:30px 20px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.title[data-v-dfbf4982]{font-size:24px}}