| 12 |
- [data-v-5ea03524]:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #c4cada;--art-gray-400-rgb: 196, 202, 218;--art-gray-500: #99a1b7;--art-gray-500-rgb: 153, 161, 183;--art-gray-600: #78829d;--art-gray-600-rgb: 120, 130, 157;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #99a1b7;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #c4cada;--art-text-gray-500: #99a1b7;--art-text-gray-600: #78829d;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark[data-v-5ea03524]{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #464852;--art-gray-400-rgb: 70, 72, 82;--art-gray-500: #636674;--art-gray-500-rgb: 99, 102, 116;--art-gray-600: #808290;--art-gray-600-rgb: 128, 130, 144;--art-gray-700: #9a9cae;--art-gray-700-rgb: 154, 156, 174;--art-gray-800: #b5b7c8;--art-gray-800-rgb: 181, 183, 200;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #636674;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #464852;--art-text-gray-500: #636674;--art-text-gray-600: #808290;--art-text-gray-700: #9a9cae;--art-text-gray-800: #b5b7c8;--art-text-gray-900: #f5f5f5;--art-border-color: #26272f;--art-border-dashed-color: #363843;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}[data-v-5ea03524]:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary[data-v-5ea03524]{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary[data-v-5ea03524]{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning[data-v-5ea03524]{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error[data-v-5ea03524]{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success[data-v-5ea03524]{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info[data-v-5ea03524]{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger[data-v-5ea03524]{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100[data-v-5ea03524]{background-color:rgb(var(--art-grey100))!important}.bg-grey200[data-v-5ea03524]{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor[data-v-5ea03524]{background-color:rgb(var(--art-hoverColor))!important}.text-primary[data-v-5ea03524]{color:rgb(var(--art-primary))!important}.text-secondary[data-v-5ea03524]{color:rgb(var(--art-secondary))!important}.text-error[data-v-5ea03524]{color:rgb(var(--art-error))!important}.text-danger[data-v-5ea03524]{color:rgb(var(--art-danger))!important}.text-info[data-v-5ea03524]{color:rgb(var(--art-info))!important}.text-success[data-v-5ea03524]{color:rgb(var(--art-success))!important}.text-warning[data-v-5ea03524]{color:rgb(var(--art-warning))!important}.login-left-view[data-v-5ea03524]{position:relative;box-sizing:border-box;width:65vw;height:100%;padding:15px;overflow:hidden;background-color:color-mix(in srgb,var(--el-color-primary-light-9) 100%,var(--art-main-bg-color))}.login-left-view .logo[data-v-5ea03524]{position:relative;z-index:100;display:flex;align-items:center}.login-left-view .logo .title[data-v-5ea03524]{margin-left:10px;font-size:20px;font-weight:400;color:var(--art-text-gray-900)!important}.login-left-view .left-img[data-v-5ea03524]{position:absolute;inset:0 0 10.5%;z-index:10;width:40%;margin:auto;animation:slideInLeft-5ea03524 .6s cubic-bezier(.25,.46,.45,.94) forwards}.login-left-view .text-wrap[data-v-5ea03524]{position:absolute;bottom:80px;width:100%;text-align:center;animation:slideInLeft-5ea03524 .6s cubic-bezier(.25,.46,.45,.94) forwards}.login-left-view .text-wrap h1[data-v-5ea03524]{font-size:24px;font-weight:400;color:var(--art-gray-900)!important}.login-left-view .text-wrap p[data-v-5ea03524]{margin-top:10px;font-size:14px;color:var(--art-text-gray-600)!important}.login-left-view .geometric-decorations .geo-element[data-v-5ea03524]{position:absolute;opacity:0;animation-fill-mode:forwards;animation-duration:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInUp-5ea03524{0%{opacity:0;transform:translateY(30px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes fadeInDown-5ea03524{0%{opacity:0;transform:translateY(-30px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes fadeInLeft-5ea03524{0%{opacity:0;transform:translate(-30px) rotate(0)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes fadeInLeftRotated-5ea03524{0%{opacity:0;transform:translate(-30px) rotate(-25deg)}to{opacity:1;transform:translate(0) rotate(-25deg)}}@keyframes fadeInRight-5ea03524{0%{opacity:0;transform:translate(30px) rotate(0)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes fadeInRightRotated-5ea03524{0%{opacity:0;transform:translate(30px) rotate(45deg)}to{opacity:1;transform:translate(0) rotate(45deg)}}@keyframes fadeInLeftRotatedBlue-5ea03524{0%{opacity:0;transform:translate(-30px) rotate(-10deg)}to{opacity:1;transform:translate(0) rotate(-10deg)}}@keyframes fadeInLeftRotatedPink-5ea03524{0%{opacity:0;transform:translate(-30px) rotate(10deg)}to{opacity:1;transform:translate(0) rotate(10deg)}}@keyframes fadeInLeftNoRotation-5ea03524{0%{opacity:0;transform:translate(-30px) rotate(0)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes scaleIn-5ea03524{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn-5ea03524{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lineGrow-5ea03524{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft-5ea03524{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.login-left-view .geometric-decorations .animate-fade-in-up[data-v-5ea03524]{animation-name:fadeInUp-5ea03524}.login-left-view .geometric-decorations .animate-fade-in-down[data-v-5ea03524]{animation-name:fadeInDown-5ea03524}.login-left-view .geometric-decorations .animate-fade-in-left[data-v-5ea03524]{animation-name:fadeInLeft-5ea03524}.login-left-view .geometric-decorations .animate-fade-in-right[data-v-5ea03524]{animation-name:fadeInRight-5ea03524}.login-left-view .geometric-decorations .animate-scale-in[data-v-5ea03524]{animation-name:scaleIn-5ea03524;animation-duration:1.2s}.login-left-view .geometric-decorations .animate-bounce-in[data-v-5ea03524]{animation-name:bounceIn-5ea03524;animation-duration:.6s}.login-left-view .geometric-decorations .animate-fade-in-left-rotated-blue[data-v-5ea03524]{animation-name:fadeInLeftRotatedBlue-5ea03524}.login-left-view .geometric-decorations .animate-fade-in-left-rotated-pink[data-v-5ea03524]{animation-name:fadeInLeftRotatedPink-5ea03524}.login-left-view .geometric-decorations .animate-fade-in-left-no-rotation[data-v-5ea03524]{animation-name:fadeInLeftNoRotation-5ea03524}.login-left-view .geometric-decorations .circle-outline[data-v-5ea03524]{top:10%;left:25%;width:42px;height:42px;border:2px solid var(--el-color-primary-light-8);border-radius:50%}.login-left-view .geometric-decorations .square-rotated[data-v-5ea03524]{top:50%;left:16%;width:60px;height:60px;background-color:color-mix(in srgb,var(--el-color-primary-light-8) 80%,var(--art-main-bg-color))}.login-left-view .geometric-decorations .square-rotated.animate-fade-in-left[data-v-5ea03524]{animation-name:fadeInLeftRotated-5ea03524}.login-left-view .geometric-decorations .circle-small[data-v-5ea03524]{bottom:26%;left:30%;width:18px;height:18px;background-color:var(--el-color-primary-light-8);border-radius:50%}.login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]{top:3%;right:3%;z-index:100;width:50px;height:50px;cursor:pointer;background:color-mix(in srgb,var(--el-color-primary-light-7) 80%,var(--art-main-bg-color));border-radius:50%;transition:all .3s}.login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:after{position:absolute;top:50%;left:50%;width:100%;height:100%;content:"";background:linear-gradient(to right,#fcbb04,#fffc00);border-radius:50%;opacity:0;transition:all .5s;transform:translate(-50%,-50%)}.login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:hover{box-shadow:0 0 36px #fffc00}.login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:hover:after{opacity:1}.login-left-view .geometric-decorations .square-bottom-right[data-v-5ea03524]{right:10%;bottom:10%;width:50px;height:50px;background-color:var(--el-color-primary-light-8)}.login-left-view .geometric-decorations .square-bottom-right.animate-fade-in-right[data-v-5ea03524]{animation-name:fadeInRightRotated-5ea03524}.login-left-view .geometric-decorations .bg-bubble[data-v-5ea03524]{top:-120px;right:-120px;width:360px;height:360px;background-color:color-mix(in srgb,var(--el-color-primary-light-8) 80%,var(--art-main-bg-color));border-radius:50%}.login-left-view .geometric-decorations .dot[data-v-5ea03524]{width:14px;height:14px;background-color:var(--el-color-primary-light-7);border-radius:50%}.login-left-view .geometric-decorations .dot.dot-top-left[data-v-5ea03524]{top:140px;left:100px}.login-left-view .geometric-decorations .dot.dot-top-right[data-v-5ea03524]{top:140px;right:120px}.login-left-view .geometric-decorations .dot.dot-center-right[data-v-5ea03524]{top:46%;right:22%;background-color:var(--el-color-primary-light-8)}.login-left-view .geometric-decorations .squares-group[data-v-5ea03524]{position:absolute;bottom:18px;left:20px;width:140px;height:140px;pointer-events:none}.login-left-view .geometric-decorations .squares-group .square[data-v-5ea03524]{position:absolute;display:block;border-radius:8px;box-shadow:0 8px 24px #4057a71f}.login-left-view .geometric-decorations .squares-group .square.square-blue[data-v-5ea03524]{top:12px;left:30px;z-index:2;width:50px;height:50px;background-color:rgb(from var(--el-color-primary) r g b/30%)}.login-left-view .geometric-decorations .squares-group .square.square-pink[data-v-5ea03524]{top:30px;left:48px;z-index:1;width:70px;height:70px;background-color:rgb(from var(--el-color-primary) r g b/15%)}.login-left-view .geometric-decorations .squares-group .square.square-purple[data-v-5ea03524]{top:66px;left:86px;z-index:3;width:32px;height:32px;background-color:rgb(from var(--el-color-primary) r g b/45%)}.login-left-view .geometric-decorations .squares-group[data-v-5ea03524]:after{position:absolute;top:86px;left:72px;width:80px;height:1px;content:"";background:linear-gradient(90deg,var(--el-color-primary-light-6),transparent);opacity:0;transform:rotate(50deg);animation:lineGrow-5ea03524 .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:1.2s}@media only screen and (max-width: 1600px){.login-left-view[data-v-5ea03524]{width:60vw}.login-left-view .text-wrap[data-v-5ea03524]{bottom:40px}}@media only screen and (max-width: 1180px){.login-left-view[data-v-5ea03524]{width:auto;height:auto;padding:0;background:transparent}.login-left-view .left-img[data-v-5ea03524],.login-left-view .text-wrap[data-v-5ea03524],.login-left-view .geometric-decorations[data-v-5ea03524]{display:none}.login-left-view .logo[data-v-5ea03524]{position:fixed;top:15px;left:25px;z-index:1000}}.dark .login-left-view[data-v-5ea03524]{background-color:color-mix(in srgb,var(--el-color-primary-light-9) 60%,#070707)}@media only screen and (max-width: 1180px){.dark .login-left-view[data-v-5ea03524]{background:transparent}}.dark .login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]{background-color:color-mix(in srgb,var(--el-color-primary-light-8) 80%,var(--art-main-bg-color));box-shadow:0 0 25px #333 inset;transition:all .3s ease-in-out .1s;rotate:-48deg}.dark .login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:before{position:absolute;top:0;left:15px;width:50px;height:50px;content:"";background-color:color-mix(in srgb,var(--el-color-primary-light-9) 100%,var(--art-main-bg-color));border-radius:50%;transition:all .3s ease-in-out}.dark .login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:hover{background-color:transparent;box-shadow:0 40px 25px #ddd inset}.dark .login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:hover:before{left:18px}.dark .login-left-view .geometric-decorations .circle-top-right[data-v-5ea03524]:hover:after{opacity:0}.dark .login-left-view .geometric-decorations .bg-bubble[data-v-5ea03524],.dark .login-left-view .geometric-decorations .square-rotated[data-v-5ea03524]{background-color:color-mix(in srgb,var(--el-color-primary-light-9) 100%,var(--art-main-bg-color))}.dark .login-left-view .geometric-decorations .circle-small[data-v-5ea03524],.dark .login-left-view .geometric-decorations .dot[data-v-5ea03524]{background-color:var(--el-color-primary-light-8)}.dark .login-left-view .geometric-decorations .square-bottom-right[data-v-5ea03524]{background-color:var(--el-color-primary-light-9)}.dark .login-left-view .geometric-decorations .dot.dot-top-right[data-v-5ea03524]{background-color:var(--el-color-primary-light-8)}.dark .login-left-view .squares-group .square[data-v-5ea03524]{box-shadow:none}.dark .login-left-view .squares-group .square.square-blue[data-v-5ea03524]{background-color:rgb(from var(--el-color-primary) r g b/18%)}.dark .login-left-view .squares-group .square.square-pink[data-v-5ea03524]{background-color:rgb(from var(--el-color-primary) r g b/10%)}.dark .login-left-view .squares-group .square.square-purple[data-v-5ea03524]{background-color:rgb(from var(--el-color-primary) r g b/20%)}.dark .login-left-view .squares-group[data-v-5ea03524]:after{background:linear-gradient(90deg,var(--el-color-primary-light-8),transparent)}
|
