.canvas-background[data-v-0d8c46b7]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.canvas-background .background-canvas[data-v-0d8c46b7]{display:block;width:100%;height:100%}.register-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);position:relative;overflow:hidden;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}.register-container .canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.register-container .register-wrapper{width:100%;max-width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;position:relative;background:transparent;z-index:1;margin:0 auto}.register-container .register-wrapper .register-left{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;width:50%;background:linear-gradient(135deg,#00aeef,#08c 50%,#06a);background-size:200% 200%;-webkit-animation:gradientShift 8s ease infinite;animation:gradientShift 8s ease infinite;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:80px 60px;position:relative;overflow:hidden;min-height:100vh}.register-container .register-wrapper .register-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.1) 0,transparent 50%);opacity:1}.register-container .register-wrapper .register-left:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M0 96l48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16v224H0z'/%3E%3C/svg%3E");background-size:cover;background-position:bottom;opacity:.2}.register-container .register-wrapper .register-left .brand-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:500px}.register-container .register-wrapper .register-left .brand-content .logo-wrapper{margin-bottom:30px}.register-container .register-wrapper .register-left .brand-content .logo-wrapper .brand-logo{height:auto;width:550px;max-height:400px;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));-o-object-fit:contain;object-fit:contain}.register-container .register-wrapper .register-left .brand-content .logo-wrapper .brand-logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.register-container .register-wrapper .register-left .brand-content .brand-subtitle{font-size:20px;margin:0 0 50px 0;opacity:.95;line-height:1.8;font-weight:300}.register-container .register-wrapper .register-left .brand-content .brand-features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.register-container .register-wrapper .register-left .brand-content .brand-features .feature-item{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;gap:15px;font-size:24px;padding:12px 0;font-weight:400}.register-container .register-wrapper .register-left .brand-content .brand-features .feature-item i{font-size:30px;color:#fff;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.register-container .register-wrapper .register-right{-webkit-box-flex:1;-ms-flex:1;flex:1;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:40px}.register-container .register-wrapper .register-right .register-box{width:100%;max-width:480px;background:#fff;padding:50px 40px;position:relative;-webkit-animation:fadeInRight .5s ease-out;animation:fadeInRight .5s ease-out;border-radius:12px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08)}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.register-container .register-logo-wrapper{text-align:center;margin-bottom:30px}.register-container .register-logo-wrapper .register-logo{height:100px;max-width:200px;width:auto;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-o-object-fit:contain;object-fit:contain}.register-container .register-logo-wrapper .register-logo:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.register-container .register-header{margin-bottom:40px;text-align:center}.register-container .register-header .form-title{font-size:32px;font-weight:700;color:#333;margin:0 0 10px 0}.register-container .register-header .form-subtitle{font-size:14px;color:#666;margin:0}.register-container .register-header .form-subtitle a{color:#00aeef;cursor:pointer;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.register-container .register-header .form-subtitle a:hover{color:#40c3f3;text-decoration:underline}.register-container .register-form .el-form-item{margin-bottom:24px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;-webkit-transition:all .3s;transition:all .3s;position:relative}.register-container .register-form .el-form-item:hover{border-color:#c0c4cc}.register-container .register-form .el-form-item:focus-within{border-color:#00aeef;-webkit-box-shadow:0 0 0 2px rgba(0,174,239,.1);box-shadow:0 0 0 2px rgba(0,174,239,.1)}.register-container .register-form .el-form-item.is-error{border-color:#f56c6c}.register-container .register-form .el-form-item.is-error:focus-within{-webkit-box-shadow:0 0 0 2px rgba(245,108,108,.1);box-shadow:0 0 0 2px rgba(245,108,108,.1)}.register-container .register-form .el-form-item.is-success{border-color:#67c23a}.register-container .register-form .el-form-item .svg-container{padding:0 15px;color:#909399;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;border-right:1px solid #dcdfe6}.register-container .register-form .el-form-item .svg-container i{font-size:16px}.register-container .register-form .el-form-item:focus-within .svg-container{border-right-color:#00aeef;color:#00aeef}.register-container .register-form .el-form-item .el-input{width:calc(100% - 50px);height:48px}.register-container .register-form .el-form-item .el-input input{height:48px;border:none;padding:0 15px;color:#333;font-size:14px;background:transparent}.register-container .register-form .el-form-item .el-input input::-webkit-input-placeholder{color:#c0c4cc}.register-container .register-form .el-form-item .el-input input::-moz-placeholder{color:#c0c4cc}.register-container .register-form .el-form-item .el-input input:-ms-input-placeholder{color:#c0c4cc}.register-container .register-form .el-form-item .el-input input::-ms-input-placeholder{color:#c0c4cc}.register-container .register-form .el-form-item .el-input input::placeholder{color:#c0c4cc}.register-container .register-form .el-form-item .el-input input:focus{outline:none}.register-container .register-form .el-form-item .el-form-item__error{color:#f56c6c;font-size:12px;padding-top:4px}.register-container .register-form .el-form-item.agree-form-item{border:none!important;background:transparent!important;padding-left:0;margin-bottom:15px;margin-left:0}.register-container .register-form .el-form-item.agree-form-item:hover{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transform:none;transform:none}.register-container .register-form .el-form-item.agree-form-item:focus-within{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transform:none;transform:none}.register-container .register-form .el-form-item.agree-form-item.is-error{border:none!important}.register-container .register-form .el-form-item.agree-form-item .el-form-item__content{margin-left:0!important;padding-left:15px}.register-container .register-form .el-form-item.agree-form-item .agree-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;font-size:14px;color:#666;line-height:20px}.register-container .register-form .el-form-item.agree-form-item .agree-wrapper .agree-checkbox{margin-right:8px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;vertical-align:middle;margin-top:0;margin-bottom:0}.register-container .register-form .el-form-item.agree-form-item .agree-wrapper .agree-text,.register-container .register-form .el-form-item.agree-form-item .agree-wrapper .link-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:20px;display:inline-block;vertical-align:middle;height:20px;margin:0;padding:0}.register-container .register-form .el-form-item.agree-form-item .agree-wrapper .link-text{cursor:pointer;color:#00aeef;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.register-container .register-form .el-form-item.agree-form-item .agree-wrapper .link-text:hover{color:#40c3f3;text-decoration:underline}.register-container .register-form .register-btn{width:100%;height:48px;font-size:16px;font-weight:500;margin-top:10px;background-color:#00aeef;border:none;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;color:#fff}.register-container .register-form .register-btn:hover{background-color:#40c3f3}.register-container .register-form .register-btn:active{background-color:#08c}.register-container .register-form .register-btn:focus{outline:none}@media(max-width:767px){.register-container .register-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.register-container .register-wrapper .register-left{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;padding:40px 20px;min-height:auto}.register-container .register-wrapper .register-left .brand-content .logo-wrapper .brand-logo{max-height:200px;width:100%}.register-container .register-wrapper .register-left .brand-content .brand-subtitle{font-size:14px;margin-bottom:30px}.register-container .register-wrapper .register-left .brand-content .brand-features{gap:15px}.register-container .register-wrapper .register-left .brand-content .brand-features .feature-item{font-size:14px}}