.join-container[data-v-7c4a7fd2]{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;min-height:100vh;background:linear-gradient(135deg,#1e90ff,#00bfff);position:relative;overflow:hidden;padding:20px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.join-container .background-decoration[data-v-7c4a7fd2]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.join-container .background-decoration .decoration-circle[data-v-7c4a7fd2]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1)}.join-container .background-decoration .decoration-circle.circle-1[data-v-7c4a7fd2]{width:300px;height:300px;top:-100px;right:-50px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 70%)}.join-container .background-decoration .decoration-circle.circle-2[data-v-7c4a7fd2]{width:200px;height:200px;bottom:-80px;left:-50px;background:radial-gradient(circle,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,0) 70%)}.join-container .background-decoration .decoration-circle.circle-3[data-v-7c4a7fd2]{width:180px;height:180px;top:20%;left:10%;background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,0) 70%)}.join-container .background-decoration .decoration-circle.circle-4[data-v-7c4a7fd2]{width:120px;height:120px;bottom:30%;right:15%;background:radial-gradient(circle,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,0) 70%)}.join-container .background-decoration .decoration-wave[data-v-7c4a7fd2]{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.1)" fill-opacity="1" d="M0,160L48,176C96,192,192,224,288,208C384,192,480,128,576,128C672,128,768,192,864,192C960,192,1056,128,1152,106.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:.6}.login-card[data-v-7c4a7fd2]{width:100%;max-width:480px;position:relative;z-index:1;-webkit-animation:cardEntrance-data-v-7c4a7fd2 .8s cubic-bezier(.175,.885,.32,1.275);animation:cardEntrance-data-v-7c4a7fd2 .8s cubic-bezier(.175,.885,.32,1.275)}@-webkit-keyframes cardEntrance-data-v-7c4a7fd2{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardEntrance-data-v-7c4a7fd2{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.box-card[data-v-7c4a7fd2]{border-radius:20px;border:none;background:hsla(0,0%,100%,.98);backdrop-filter:blur(8px);-webkit-box-shadow:0 25px 50px rgba(30,144,255,.2),0 0 0 1px hsla(0,0%,100%,.8),inset 0 1px 0 hsla(0,0%,100%,.6);box-shadow:0 25px 50px rgba(30,144,255,.2),0 0 0 1px hsla(0,0%,100%,.8),inset 0 1px 0 hsla(0,0%,100%,.6);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.box-card[data-v-7c4a7fd2]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 30px 60px rgba(30,144,255,.3),0 0 0 1px hsla(0,0%,100%,.9),inset 0 1px 0 hsla(0,0%,100%,.8);box-shadow:0 30px 60px rgba(30,144,255,.3),0 0 0 1px hsla(0,0%,100%,.9),inset 0 1px 0 hsla(0,0%,100%,.8)}.header-section[data-v-7c4a7fd2]{margin-bottom:30px;text-align:center}.header-section .logo-area[data-v-7c4a7fd2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-bottom:10px}.header-section .logo-area .logo[data-v-7c4a7fd2],.header-section .logo-area[data-v-7c4a7fd2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-section .logo-area .logo[data-v-7c4a7fd2]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1e90ff,#00bfff);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 8px 25px rgba(30,144,255,.4);box-shadow:0 8px 25px rgba(30,144,255,.4);position:relative;overflow:hidden;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.header-section .logo-area .logo[data-v-7c4a7fd2]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.header-section .logo-area .logo[data-v-7c4a7fd2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))}.header-section .logo-area .logo .logo-icon[data-v-7c4a7fd2]{font-size:36px;color:#fff;z-index:1;position:relative}.header-section .logo-area .title-content[data-v-7c4a7fd2]{text-align:center}.welcome-title[data-v-7c4a7fd2]{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px 0;line-height:1.3;background:linear-gradient(135deg,#1e90ff,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-7c4a7fd2]{color:#5d7186;font-size:15px;margin:0;font-weight:400;letter-spacing:.3px}.login-form[data-v-7c4a7fd2]{margin:30px 0 20px}.login-form[data-v-7c4a7fd2] .el-form-item{margin-bottom:24px}.login-form[data-v-7c4a7fd2] .el-form-item.is-required .el-form-item__label:before{color:#ff6b6b}.login-form[data-v-7c4a7fd2] .el-form-item .el-form-item__label{font-weight:600;color:#2c5282;font-size:15px;padding-bottom:8px;display:block}.login-form[data-v-7c4a7fd2] .el-form-item .input-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-form[data-v-7c4a7fd2] .el-form-item .input-wrapper .input-icon{position:absolute;left:14px;color:#a0aec0;font-size:18px;z-index:1;pointer-events:none;-webkit-transition:color .3s ease;transition:color .3s ease}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner{height:48px;line-height:48px;border-radius:12px;border:2px solid #e2e8f0;padding-left:42px;padding-right:16px;font-size:15px;color:#2d3748;background:#f7fafc;-webkit-transition:all .3s ease;transition:all .3s ease}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner:hover{border-color:#cbd5e0;background:#fff}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner:focus{border-color:#1e90ff;-webkit-box-shadow:0 0 0 3px rgba(30,144,255,.1);box-shadow:0 0 0 3px rgba(30,144,255,.1);background:#fff}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner::-webkit-input-placeholder{color:#a0aec0}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner::-moz-placeholder{color:#a0aec0}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner:-ms-input-placeholder{color:#a0aec0}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner::-ms-input-placeholder{color:#a0aec0}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner::placeholder{color:#a0aec0}.login-form[data-v-7c4a7fd2] .el-form-item.is-error .el-input__inner{border-color:#f56c6c}.login-form[data-v-7c4a7fd2] .el-form-item.is-error .el-input__inner:focus{-webkit-box-shadow:0 0 0 3px rgba(245,108,108,.1);box-shadow:0 0 0 3px rgba(245,108,108,.1)}.login-form[data-v-7c4a7fd2] .el-form-item.is-error .input-icon{color:#f56c6c}.login-form .button-item[data-v-7c4a7fd2]{margin-top:30px}.register-tip[data-v-7c4a7fd2]{text-align:center;margin-top:-8px;margin-bottom:10px;font-size:14px;color:#5d7186}.register-tip .register-link[data-v-7c4a7fd2]{color:#1e90ff;cursor:pointer;font-weight:600;-webkit-transition:color .2s ease;transition:color .2s ease}.register-tip .register-link[data-v-7c4a7fd2]:hover{color:#06c;text-decoration:underline}.login-button[data-v-7c4a7fd2]{width:100%;height:52px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#1e90ff,#00bfff);border:none;-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:1px;position:relative;overflow:hidden}.login-button[data-v-7c4a7fd2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.login-button[data-v-7c4a7fd2]:hover:not(.is-disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 12px 30px rgba(30,144,255,.4);box-shadow:0 12px 30px rgba(30,144,255,.4)}.login-button[data-v-7c4a7fd2]:hover:not(.is-disabled):before{opacity:1}.login-button[data-v-7c4a7fd2]:active:not(.is-disabled){-webkit-transform:translateY(0);transform:translateY(0)}[data-v-7c4a7fd2] .login-button.is-disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);border:none;opacity:.7;cursor:not-allowed}[data-v-7c4a7fd2] .login-button.is-disabled:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}[data-v-7c4a7fd2] .login-button.el-button--primary.is-loading:before{background-color:hsla(0,0%,100%,.3)}.footer-section[data-v-7c4a7fd2]{margin-top:30px}.footer-section .custom-divider[data-v-7c4a7fd2]{margin:0;background-color:#edf2f7}.footer-text[data-v-7c4a7fd2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0 10px;color:#4a5568;font-size:14px;text-align:center;line-height:1.5}.footer-text .footer-icon[data-v-7c4a7fd2]{margin-right:10px;color:#1e90ff;font-size:16px}.footer-text .footer-message[data-v-7c4a7fd2]{font-weight:500}@media(max-width:768px){.join-container[data-v-7c4a7fd2]{padding:15px;background:linear-gradient(135deg,#1e90ff,#00bfff)}.login-card[data-v-7c4a7fd2]{max-width:95%}.box-card[data-v-7c4a7fd2]{padding:25px!important;border-radius:16px}.welcome-title[data-v-7c4a7fd2]{font-size:24px}.logo[data-v-7c4a7fd2]{width:70px;height:70px}.logo .logo-icon[data-v-7c4a7fd2]{font-size:32px}.login-button[data-v-7c4a7fd2]{height:48px;font-size:15px}.background-decoration .decoration-circle.circle-1[data-v-7c4a7fd2]{width:200px;height:200px;top:-80px;right:-40px}.background-decoration .decoration-circle.circle-2[data-v-7c4a7fd2]{width:150px;height:150px;bottom:-60px;left:-30px}.background-decoration .decoration-circle.circle-3[data-v-7c4a7fd2],.background-decoration .decoration-circle.circle-4[data-v-7c4a7fd2]{display:none}}@media(max-width:480px){.join-container[data-v-7c4a7fd2]{padding:10px}.box-card[data-v-7c4a7fd2]{padding:20px!important;border-radius:14px}.welcome-title[data-v-7c4a7fd2]{font-size:22px}.subtitle[data-v-7c4a7fd2]{font-size:14px}.logo-area[data-v-7c4a7fd2]{gap:15px}.logo[data-v-7c4a7fd2]{width:60px;height:60px}.logo .logo-icon[data-v-7c4a7fd2]{font-size:28px}.login-form[data-v-7c4a7fd2]{margin:20px 0 15px}.login-form[data-v-7c4a7fd2] .el-form-item{margin-bottom:20px}.login-form[data-v-7c4a7fd2] .el-form-item .el-input__inner{height:44px;line-height:44px;padding-left:38px;font-size:14px}.background-decoration .decoration-circle[data-v-7c4a7fd2],.background-decoration .decoration-wave[data-v-7c4a7fd2]{display:none}}[data-v-7c4a7fd2] .el-message--success{background-color:#f0f9ff!important;border-color:#b3e0ff!important;color:#06c!important}[data-v-7c4a7fd2] .el-message--error{background-color:#fff5f5!important;border-color:#fed7d7!important;color:#c53030!important}