.login-content[data-v-50d9b2e7]{display:flex;min-height:600px}.login-left[data-v-50d9b2e7]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid hsla(0,0%,100%,.3);display:flex;flex:1;flex-direction:column;justify-content:center;max-height:80vh;overflow-y:auto;padding:48px}:root[data-theme=dark] .login-left[data-v-50d9b2e7]{background:#1e1e1eb3;border:1px solid hsla(0,0%,100%,.08)}.login-title[data-v-50d9b2e7]{color:var(--text-heading, #1a1a1a);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}:root[data-theme=dark] .login-title[data-v-50d9b2e7]{color:#fff}.login-subtitle[data-v-50d9b2e7]{color:var(--text-secondary, #666);font-size:15px;font-weight:400;line-height:1.6;margin:0 0 24px}:root[data-theme=dark] .login-subtitle[data-v-50d9b2e7]{color:#ffffffb3}.invite-info-banner[data-v-50d9b2e7]{align-items:center;animation:slideDown-50d9b2e7 .3s ease-out;background:linear-gradient(135deg,#7e4aff26,#6b3fd926);border:1px solid rgba(126,74,255,.3);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}:root[data-theme=dark] .invite-info-banner[data-v-50d9b2e7]{background:linear-gradient(135deg,#7e4aff33,#6b3fd933);border:1px solid rgba(126,74,255,.4)}@keyframes slideDown-50d9b2e7{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.invite-icon[data-v-50d9b2e7]{font-size:24px;line-height:1}.invite-text[data-v-50d9b2e7]{display:flex;flex-direction:column;gap:2px}.invite-label[data-v-50d9b2e7]{color:#fff9;font-size:12px;font-weight:500}.invite-username[data-v-50d9b2e7]{color:var(--primary-color, #7e4aff);font-size:16px;font-weight:600}.login-form[data-v-50d9b2e7]{margin-bottom:16px}.login-form[data-v-50d9b2e7] .el-input__wrapper{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:none;height:52px;padding:4px 16px;transition:all .2s ease}.login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus,.login-form[data-v-50d9b2e7] .el-input__wrapper:hover{background:#fffc;border-color:#7e4aff66;box-shadow:0 2px 12px #7e4aff1a}.login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #7e4aff1a}.login-form[data-v-50d9b2e7] .el-input__inner{color:var(--text-primary, #1a1a1a);font-size:15px}.login-form[data-v-50d9b2e7] .el-input__inner::-moz-placeholder{color:var(--text-muted, #9ca3af)}.login-form[data-v-50d9b2e7] .el-input__inner::placeholder{color:var(--text-muted, #9ca3af)}.login-form[data-v-50d9b2e7] .el-input__prefix{color:var(--text-tertiary, #6b7280)}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper{background:#32323280;border:1px solid hsla(0,0%,100%,.08)}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus,:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper:hover{background:#3c3c3cb3;border-color:#7e4aff80}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__inner{color:#fff}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__inner::-moz-placeholder{color:#fff6}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__inner::placeholder{color:#fff6}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__prefix{color:#fff9}.login-button[data-v-50d9b2e7]{background:linear-gradient(135deg,#7e4aff,#6b3fd9);border:none;border-radius:12px;box-shadow:0 4px 12px #7e4aff4d;color:#fff;font-size:16px;font-weight:600;height:52px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.login-button[data-v-50d9b2e7]:hover{background:linear-gradient(135deg,#9060ff,#7e4aff);box-shadow:0 6px 20px #7e4aff66;transform:translateY(-2px)}.login-button[data-v-50d9b2e7]:active{box-shadow:0 2px 8px #7e4aff4d;transform:translateY(0)}.btn-content[data-v-50d9b2e7]{transition:opacity .15s ease}.btn-content.is-hidden[data-v-50d9b2e7]{opacity:0}.btn-ripple[data-v-50d9b2e7]{overflow:hidden;position:relative}.btn-ripple[data-v-50d9b2e7]:after{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);border-radius:50%;content:"";left:50%;opacity:0;padding-bottom:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}.btn-ripple[data-v-50d9b2e7]:active:after{animation:ripple-50d9b2e7 .5s ease-out}@keyframes ripple-50d9b2e7{0%{opacity:.5;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.switch-mode[data-v-50d9b2e7]{margin-bottom:16px;text-align:center}.switch-button[data-v-50d9b2e7]{color:var(--text-secondary, #666);font-size:14px;transition:color .2s ease}.switch-button[data-v-50d9b2e7]:hover{color:var(--primary-color, #7e4aff)}:root[data-theme=dark] .switch-button[data-v-50d9b2e7]{color:#fff9}:root[data-theme=dark] .switch-button[data-v-50d9b2e7]:hover{color:var(--primary-color, #7e4aff)}.divider[data-v-50d9b2e7]{align-items:center;color:var(--text-muted, #9ca3af);display:flex;font-size:12px;font-weight:500;letter-spacing:1px;margin:24px 0;text-transform:uppercase}.divider[data-v-50d9b2e7]:after,.divider[data-v-50d9b2e7]:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);content:"";flex:1;height:1px}:root[data-theme=dark] .divider[data-v-50d9b2e7]:after,:root[data-theme=dark] .divider[data-v-50d9b2e7]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.divider[data-v-50d9b2e7]:before{margin-right:16px}.divider[data-v-50d9b2e7]:after{margin-left:16px}.divider span[data-v-50d9b2e7]{background:none;padding:0}.oauth-buttons[data-v-50d9b2e7]{display:flex;gap:12px;margin-bottom:24px}.oauth-button[data-v-50d9b2e7]{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:12px;color:var(--text-primary, #1a1a1a);display:flex;flex:1;font-size:15px;font-weight:600;gap:10px;height:52px;justify-content:center;transition:all .2s ease}.oauth-button[data-v-50d9b2e7]:hover{background:#fffc;border-color:#7e4aff4d;box-shadow:0 4px 12px #7e4aff26;transform:translateY(-2px)}:root[data-theme=dark] .oauth-button[data-v-50d9b2e7]{background:#32323299;border:1px solid hsla(0,0%,100%,.08);color:#ffffffe6}:root[data-theme=dark] .oauth-button[data-v-50d9b2e7]:hover{background:#3c3c3ccc;border-color:#7e4aff66}.oauth-icon[data-v-50d9b2e7]{height:22px;width:22px}.privacy-text[data-v-50d9b2e7]{color:var(--text-muted, #9ca3af);font-size:12px;line-height:1.5;margin:0;text-align:center}:root[data-theme=dark] .privacy-text[data-v-50d9b2e7]{color:#ffffff80}.login-right[data-v-50d9b2e7]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border-left:1px solid hsla(0,0%,100%,.3);flex:1;overflow:hidden;position:relative}:root[data-theme=dark] .login-right[data-v-50d9b2e7]{background:#14141999;border-left:1px solid hsla(0,0%,100%,.08)}.character-image[data-v-50d9b2e7]{background-image:url(../login_background.png);background-position:50%;background-size:cover;height:100%;opacity:.9;transition:transform .8s cubic-bezier(.2,.8,.2,1);width:100%}.character-image[data-v-50d9b2e7]:hover{opacity:1;transform:scale(1.05)}[data-v-50d9b2e7] .el-dialog{background-color:transparent;border:none;border-radius:16px;box-shadow:0 24px 64px #00000026;margin-top:8vh!important;overflow:hidden;--el-dialog-bg-color: transparent}[data-v-50d9b2e7] .el-dialog__body{padding:0!important}[data-v-50d9b2e7] .el-overlay-dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d}:root[data-theme=dark][data-v-50d9b2e7] .el-overlay-dialog{background:#0009}[data-v-50d9b2e7] .el-dialog__header{height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:10}[data-v-50d9b2e7] .el-dialog__headerbtn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:50%;display:flex;height:36px;justify-content:center;right:24px;top:24px;transition:all .2s ease;width:36px}[data-v-50d9b2e7] .el-dialog__headerbtn:hover{background:#fffffff2;border-color:#7e4aff4d;transform:rotate(90deg)}[data-v-50d9b2e7] .el-dialog__headerbtn .el-dialog__close{color:var(--text-primary, #1a1a1a);font-size:20px}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn{background:#323232cc;border:1px solid hsla(0,0%,100%,.08)}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn:hover{background:#3c3c3cf2;border-color:#7e4aff66}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn .el-dialog__close{color:#ffffffe6}@media(max-width:768px){.login-content[data-v-50d9b2e7]{background:linear-gradient(180deg,#2b2440,#1a1428);flex-direction:column;min-height:auto}.login-left[data-v-50d9b2e7]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border-radius:0;justify-content:flex-start;max-height:none;padding:40px 28px 36px}:root[data-theme=dark] .login-left[data-v-50d9b2e7]{background:#1e1e1eb3}.login-title[data-v-50d9b2e7]{color:var(--text-heading, #1a1a1a);font-size:28px;margin-bottom:10px;text-align:center}:root[data-theme=dark] .login-title[data-v-50d9b2e7]{color:#fff}.login-subtitle[data-v-50d9b2e7]{color:var(--text-secondary, #666);font-size:14px;margin-bottom:28px;text-align:center}:root[data-theme=dark] .login-subtitle[data-v-50d9b2e7]{color:#ffffffb3}.invite-info-banner[data-v-50d9b2e7]{background:linear-gradient(135deg,#7e4aff33,#6b3fd933);border-radius:14px;margin-bottom:20px;padding:12px 16px}.invite-icon[data-v-50d9b2e7]{font-size:22px}.invite-username[data-v-50d9b2e7]{font-size:15px}.login-form[data-v-50d9b2e7]{margin-bottom:20px}.login-form[data-v-50d9b2e7] .el-input__wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:14px;height:52px;padding:4px 16px}.login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus,.login-form[data-v-50d9b2e7] .el-input__wrapper:hover{background:#fffc;border-color:#7e4aff66;box-shadow:0 2px 12px #7e4aff1a}.login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #7e4aff1a}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper{background:#32323280;border:1px solid hsla(0,0%,100%,.08)}:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper.is-focus,:root[data-theme=dark] .login-form[data-v-50d9b2e7] .el-input__wrapper:hover{background:#3c3c3cb3;border-color:#7e4aff80}.login-form[data-v-50d9b2e7] .el-input__inner{font-size:15px}.login-form[data-v-50d9b2e7] .el-form-item{margin-bottom:18px}.login-button[data-v-50d9b2e7]{background:linear-gradient(135deg,#7e4aff,#6b3fd9);border-radius:14px;box-shadow:0 4px 12px #7e4aff4d;font-size:16px;height:52px;letter-spacing:.5px}.login-button[data-v-50d9b2e7]:active{box-shadow:0 2px 8px #7e4aff4d;transform:scale(.98)}.switch-mode[data-v-50d9b2e7]{margin:8px 0 16px}.switch-button[data-v-50d9b2e7]{color:var(--text-secondary, #666);font-size:14px}:root[data-theme=dark] .switch-button[data-v-50d9b2e7]{color:#fff9}.divider[data-v-50d9b2e7]{font-size:11px;letter-spacing:.5px;margin:20px 0}.divider[data-v-50d9b2e7]:after,.divider[data-v-50d9b2e7]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}.divider[data-v-50d9b2e7]:before{margin-right:14px}.divider[data-v-50d9b2e7]:after{margin-left:14px}.oauth-buttons[data-v-50d9b2e7]{flex-direction:column;gap:12px;margin-bottom:24px}.oauth-button[data-v-50d9b2e7]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:14px;font-size:15px;gap:10px;height:50px;transition:all .25s ease}.oauth-button[data-v-50d9b2e7]:active{background:#fffc;transform:scale(.98)}:root[data-theme=dark] .oauth-button[data-v-50d9b2e7]{background:#32323299;border:1px solid hsla(0,0%,100%,.08)}:root[data-theme=dark] .oauth-button[data-v-50d9b2e7]:active{background:#3c3c3ccc}.google-button[data-v-50d9b2e7]:active{border-color:#4285f480;box-shadow:0 0 12px #4285f44d}.discord-button[data-v-50d9b2e7]:active{border-color:#5865f280;box-shadow:0 0 12px #5865f24d}.oauth-icon[data-v-50d9b2e7]{height:22px;width:22px}.privacy-text[data-v-50d9b2e7]{color:var(--text-muted, #9ca3af);font-size:11px;line-height:1.5;padding:0 10px}:root[data-theme=dark] .privacy-text[data-v-50d9b2e7]{color:#ffffff80}.login-right[data-v-50d9b2e7]{display:none!important;flex:0!important;height:0!important;overflow:hidden!important;width:0!important}[data-v-50d9b2e7] .el-dialog{border-radius:16px 16px 0 0!important;bottom:0!important;box-shadow:0 -8px 32px #0006;left:0!important;margin:0!important;max-width:100%!important;position:fixed!important;right:0!important;width:100%!important}[data-v-50d9b2e7] .el-overlay-dialog{align-items:flex-end;display:flex;justify-content:center}[data-v-50d9b2e7] .el-dialog__headerbtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid rgba(0,0,0,.06);height:34px;right:18px;top:18px;width:34px}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn{background:#323232cc;border:1px solid hsla(0,0%,100%,.08)}[data-v-50d9b2e7] .el-dialog__headerbtn:active,[data-v-50d9b2e7] .el-dialog__headerbtn:hover{background:#fffffff2;border-color:#7e4aff4d;transform:none}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn:active,:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn:hover{background:#3c3c3cf2;border-color:#7e4aff66}[data-v-50d9b2e7] .el-dialog__headerbtn .el-dialog__close{color:var(--text-primary, #1a1a1a);font-size:18px}:root[data-theme=dark][data-v-50d9b2e7] .el-dialog__headerbtn .el-dialog__close{color:#ffffffe6}}@media(max-width:480px){.login-left[data-v-50d9b2e7]{padding:32px 22px 28px}.login-title[data-v-50d9b2e7]{font-size:26px}.login-subtitle[data-v-50d9b2e7]{font-size:13px;margin-bottom:24px}.login-form[data-v-50d9b2e7] .el-input__wrapper{border-radius:12px;height:48px}.login-form[data-v-50d9b2e7] .el-input__inner{font-size:14px}.login-form[data-v-50d9b2e7] .el-form-item{margin-bottom:16px}.login-button[data-v-50d9b2e7]{border-radius:12px;font-size:15px;height:48px}.oauth-button[data-v-50d9b2e7]{border-radius:12px;font-size:14px;height:46px}.divider[data-v-50d9b2e7]{margin:16px 0}.oauth-buttons[data-v-50d9b2e7]{gap:10px;margin-bottom:20px}}@media(max-width:360px){.login-left[data-v-50d9b2e7]{padding:28px 18px 24px}.login-title[data-v-50d9b2e7]{font-size:24px}.login-subtitle[data-v-50d9b2e7]{font-size:12px;margin-bottom:20px}.login-form[data-v-50d9b2e7] .el-input__wrapper{height:44px}.login-button[data-v-50d9b2e7]{font-size:14px;height:44px}.oauth-button[data-v-50d9b2e7]{font-size:13px;height:42px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media(max-width:768px){.login-left[data-v-50d9b2e7]{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}}