*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}body{background-color:#f5f5f5}.container,body{height:100vh;overflow:hidden}.container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.footer-logo-img{margin-bottom:15px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.left-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background-image:url(../../static/img/bg.5f0504e6.jpg);background-size:cover;background-position:50%;color:white;overflow:hidden;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.left-panel .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,112,45,.9),rgb(0,107,45));z-index:1}.left-panel .content{position:relative;z-index:2;padding:30px 50px 50px 30px;height:100%;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:justify;-ms-flex-pack:justify;justify-content:space-between}.logo-container{margin-top:0;-webkit-animation:fadeInDown 1s ease-out;animation:fadeInDown 1s ease-out}.logo{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;opacity:.9;margin-bottom:30px}.slogan-container{margin-top:15px;margin-bottom:30px}.slogan-text{font-size:1.4rem;font-weight:600;margin-bottom:10px;background:-webkit-gradient(linear,left top,right top,from(#ffffff),to(#a8e6c0));background:linear-gradient(90deg,#ffffff,#a8e6c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}@-webkit-keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.typing-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:1.1rem;margin-top:5px}.typing-prefix{opacity:.9;margin-right:5px}.typing-text{color:#a8e6c0;font-weight:600}.typing-cursor{display:inline-block;width:2px;height:20px;background-color:#a8e6c0;margin-left:2px;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.company-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out}.stat-number{font-size:2.2rem;font-weight:700;margin-bottom:5px;color:#ffffff}.stat-percent,.stat-plus{font-size:1.4rem;font-weight:600;color:#a8e6c0}.stat-label{font-size:.9rem;opacity:.8}.features{margin-bottom:100px}.feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-animation:fadeInLeft .5s ease-out forwards;animation:fadeInLeft .5s ease-out forwards;padding:15px;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(255,255,255,.05)}.feature:hover{background-color:rgba(255,255,255,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature:first-child{-webkit-animation-delay:.3s;animation-delay:.3s}.feature:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.feature:nth-child(3){-webkit-animation-delay:.9s;animation-delay:.9s}.feature:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.feature i{font-size:1.5rem;margin-right:15px;background-color:rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;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;margin-bottom:10px;-ms-flex-item-align:start;align-self:flex-start}.feature span{font-size:1.1rem;font-weight:600;margin-bottom:8px}.feature-detail{font-size:.9rem;opacity:.8;line-height:1.4;margin-left:55px}.right-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:white;padding:40px;position:relative;overflow:hidden}.right-panel-decoration{position:absolute;width:200px;height:200px;background:linear-gradient(135deg,rgba(22,134,66,.08),rgba(50,51,51,.05));z-index:0}.right-panel-decoration.top{top:0;right:0;border-radius:0 0 0 100%;-webkit-animation:float 8s ease-in-out infinite;animation:float 8s ease-in-out infinite}.right-panel-decoration.bottom{bottom:0;left:0;border-radius:0 100% 0 0;animation:float 8s ease-in-out infinite reverse}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(10px) scale(1.05);transform:translateY(10px) scale(1.05)}}@keyframes float{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(10px) scale(1.05);transform:translateY(10px) scale(1.05)}}.company-logo-container{margin-bottom:20px;text-align:center;position:relative;z-index:1;-webkit-animation:fadeInDown 1s ease-out;animation:fadeInDown 1s ease-out}.company-logo{height:50px;-webkit-filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));-webkit-transition:all .3s ease;transition:all .3s ease}.company-logo:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-filter:drop-shadow(0 6px 10px rgba(0,0,0,.15));filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}.login-container{width:100%;max-width:450px;padding:40px;border-radius:10px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.08);background-color:white;position:relative;z-index:1;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;background-image:radial-gradient(circle at 10% 10%,rgba(22,134,66,.03) 10%,transparent 10.5%),radial-gradient(circle at 90% 90%,rgba(22,134,66,.03) 10%,transparent 10.5%),radial-gradient(circle at 90% 10%,rgba(50,51,51,.03) 10%,transparent 10.5%),radial-gradient(circle at 10% 90%,rgba(50,51,51,.03) 10%,transparent 10.5%)}.login-header{text-align:center;margin-bottom:40px}.login-header h2{color:#323333;font-size:2rem;margin-bottom:10px}.login-header p{color:#777;font-size:1rem}.login-form{margin-bottom:30px}.input-group{position:relative;margin-bottom:25px}.input-group i{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#aaa}.input-group i,.input-group input{-webkit-transition:all .3s ease;transition:all .3s ease}.input-group input{width:100%;padding:15px 15px 15px 45px;border:1px solid #e0e0e0;border-radius:5px;font-size:1rem;background-color:#f9f9f9}.input-group input:focus{border-color:#168642;-webkit-box-shadow:0 0 0 2px rgba(22,134,66,.1);box-shadow:0 0 0 2px rgba(22,134,66,.1);background-color:white}.input-group input:focus+.highlight{width:100%}.input-group input:focus~i{color:#168642}.highlight{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#168642;-webkit-transition:width .3s ease;transition:width .3s ease}.options{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px;font-size:.9rem}.options,.remember-me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.remember-me{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.remember-me input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;display:inline-block;height:18px;width:18px;background-color:#f1f1f1;border-radius:3px;margin-right:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.remember-me:hover input~.checkmark{background-color:#e0e0e0}.remember-me input:checked~.checkmark{background-color:#168642}.checkmark:after{content:"";position:absolute;display:none}.remember-me input:checked~.checkmark:after{display:block}.remember-me .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.forgot-password{color:#168642;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.forgot-password:hover{text-decoration:underline}.login-btn{width:100%;padding:15px;background:-webkit-gradient(linear,left top,right top,from(#168642),to(#1a9d4d));background:linear-gradient(90deg,#168642,#1a9d4d);border:none;border-radius:5px;color:white;font-size:1rem;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(22,134,66,.2);box-shadow:0 4px 15px rgba(22,134,66,.2);position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.2)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);-webkit-transition:all .5s ease;transition:all .5s ease}.login-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(22,134,66,.3);box-shadow:0 6px 20px rgba(22,134,66,.3)}.login-btn:hover:before{left:100%}.login-btn:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 4px 8px rgba(22,134,66,.2);box-shadow:0 4px 8px rgba(22,134,66,.2)}.login-features{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px dashed rgba(22,134,66,.2)}.login-feature,.login-features{display:-webkit-box;display:-ms-flexbox;display:flex}.login-feature{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:8px;cursor:pointer;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.login-feature:hover{background-color:rgba(22,134,66,.05);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.login-feature i{font-size:1.5rem;color:#168642;margin-bottom:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-feature:hover i{-webkit-transform:scale(1.2);transform:scale(1.2)}.login-feature span{font-size:.85rem;color:#323333;font-weight:500}.footer{text-align:center;margin-top:30px;color:#999;font-size:.8rem;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-align:center;-ms-flex-align:center;align-items:center}.social-links{margin-top:15px}.social-link,.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:rgba(22,134,66,.1);color:#168642;margin:0 8px;-webkit-transition:all .3s ease;transition:all .3s ease}.social-link:hover{background-color:#168642;color:white;-webkit-transform:translateY(-3px);transform:translateY(-3px)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.tech-badges{position:fixed;bottom:20px;left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100}.badge{padding:6px 12px;background:linear-gradient(135deg,#168642,#1a9d4d);color:white;font-size:.8rem;font-weight:600;border-radius:20px;margin-right:10px;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-animation:fadeInUp .5s ease-out forwards;animation:fadeInUp .5s ease-out forwards;opacity:0}.badge:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.badge:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.badge:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.badge:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:992px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel{-webkit-box-flex:0;-ms-flex:none;flex:none;height:40vh}.left-panel .content{padding:20px}.logo-container{margin-top:10px}.logo{font-size:2rem}.company-logo-container{margin-top:20px;margin-bottom:15px}.company-logo{height:40px}.login-features{-ms-flex-wrap:wrap;flex-wrap:wrap}.login-feature{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%;margin-bottom:10px}.subtitle{font-size:1rem}.features{display:none}.right-panel{-webkit-box-flex:0;-ms-flex:none;flex:none;height:70vh;padding:20px}.login-container{padding:30px}}@media (max-width:576px){.login-container{padding:20px;-webkit-box-shadow:none;box-shadow:none}.login-header h2{font-size:1.5rem}.options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.forgot-password{margin-top:10px}.company-logo-container{margin-top:10px;margin-bottom:10px}.company-logo{height:35px}.login-features{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-feature{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:8px}.login-feature i{margin-right:10px;margin-bottom:0}.right-panel-decoration{width:120px;height:120px}}.week-mode[data-v-2356ee7a]{overflow:hidden;-webkit-filter:invert(80%);filter:invert(80%)}.beauty-scroll[data-v-2356ee7a]{scrollbar-color:#1890ff #bae7ff;scrollbar-width:thin;-ms-overflow-style:none;position:relative}.beauty-scroll[data-v-2356ee7a]::-webkit-scrollbar{width:3px;height:1px}.beauty-scroll[data-v-2356ee7a]::-webkit-scrollbar-thumb{border-radius:3px;background:#1890ff}.beauty-scroll[data-v-2356ee7a]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);border-radius:3px;background:#91d5ff}.split-right[data-v-2356ee7a]:not(:last-child){border-right:1px solid rgba(98,98,98,.2)}.disabled[data-v-2356ee7a]{cursor:not-allowed;color:rgba(0,0,0,.25);pointer-events:none}#nprogress[data-v-2356ee7a]{pointer-events:none}#nprogress .bar[data-v-2356ee7a]{background:#1890ff;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg[data-v-2356ee7a]{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #1890ff,0 0 5px #1890ff;box-shadow:0 0 10px #1890ff,0 0 5px #1890ff;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner[data-v-2356ee7a]{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon[data-v-2356ee7a]{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#1890ff;border-left-color:#1890ff;border-radius:50%;-webkit-animation:nprogress-spinner-data-v-2356ee7a .4s linear infinite;animation:nprogress-spinner-data-v-2356ee7a .4s linear infinite}.nprogress-custom-parent[data-v-2356ee7a]{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar[data-v-2356ee7a],.nprogress-custom-parent #nprogress .spinner[data-v-2356ee7a]{position:absolute}@-webkit-keyframes nprogress-spinner-data-v-2356ee7a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner-data-v-2356ee7a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.common-layout .top[data-v-2356ee7a]{text-align:center}.common-layout .top .header[data-v-2356ee7a]{height:44px;line-height:44px}.common-layout .top .header a[data-v-2356ee7a]{text-decoration:none}.common-layout .top .header .logo[data-v-2356ee7a]{height:44px;vertical-align:top;margin-right:16px}.common-layout .top .header .title[data-v-2356ee7a]{font-size:33px;color:rgba(0,0,0,.85);font-family:Myriad Pro,Helvetica Neue,Arial,Helvetica,sans-serif;font-weight:600;position:relative;top:2px}.common-layout .top .desc[data-v-2356ee7a]{font-size:14px;color:rgba(0,0,0,.45);margin-top:12px;margin-bottom:40px}.common-layout .login[data-v-2356ee7a]{width:368px;margin:0 auto}@media screen and (max-width:576px){.common-layout .login[data-v-2356ee7a]{width:95%}}@media screen and (max-width:320px){.common-layout .login .captcha-button[data-v-2356ee7a]{font-size:14px}}.common-layout .login .icon[data-v-2356ee7a]{font-size:24px;color:rgba(0,0,0,.45);margin-left:16px;vertical-align:middle;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.common-layout .login .icon[data-v-2356ee7a]:hover{color:#1890ff}