[data-v-4c8d72b3]:root{--header-height:48px;--header-height-mobile:60px}@media screen and (max-width:1200px){[data-v-4c8d72b3]:root{--header-height:60px}}.system-monitor[data-v-4c8d72b3]{padding:100px 20px 0}.system-monitor-content[data-v-4c8d72b3]{color:#818181;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter-Medium;font-size:20px;line-height:1.5;margin:49px auto 0;max-width:1340px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}.system-monitor-content_left[data-v-4c8d72b3]{padding-left:55px;width:576px;-webkit-box-flex:0;-ms-flex:none;flex:none}.system-monitor-content_left .monitor-desc[data-v-4c8d72b3]{margin-bottom:70px}.system-monitor-content_left .monitor-desc>span[data-v-4c8d72b3]{color:#fff}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]{--transform-animate-y:5px;position:relative}.system-monitor-content_left .monitor-functions-item[data-v-4c8d72b3]{cursor:pointer}.system-monitor-content_left .monitor-functions-item[data-v-4c8d72b3]:not(:last-child){margin-bottom:40px}.system-monitor-content_left .monitor-functions-item.active[data-v-4c8d72b3]{color:#fff}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]:before{background:#999;content:"";height:calc(100% - 5px);left:-55px;position:absolute;top:5px;width:2px;z-index:1}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]:after{background:#fff;content:"";height:25%;left:-56px;position:absolute;top:0;-webkit-transform:translateY(var(--transform-animate-y));transform:translateY(var(--transform-animate-y));-webkit-transition:all .5s;transition:all .5s;width:4px;z-index:2}.system-monitor-content_right[data-v-4c8d72b3]{aspect-ratio:1.21355932;width:716px}.system-monitor-content_right .function-cover[data-v-4c8d72b3]{height:100%;width:100%}.system-monitor-content .current-item-desc[data-v-4c8d72b3],.system-monitor-content_right.mobile[data-v-4c8d72b3]{display:none}@media screen and (max-width:1280px){.system-monitor-content[data-v-4c8d72b3]{font-size:16px}.system-monitor-content_left[data-v-4c8d72b3]{width:470px}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]:before{left:-40px}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]:after{left:-41px}}@media screen and (max-width:1023px){.system-monitor-content[data-v-4c8d72b3]{display:block}.system-monitor-content_left[data-v-4c8d72b3]{padding-left:0;width:100%}.system-monitor-content_left .monitor-desc[data-v-4c8d72b3]{margin:auto;text-align:center;width:60%}.system-monitor-content_left .monitor-functions[data-v-4c8d72b3]{display:none}.system-monitor-content_right[data-v-4c8d72b3]{aspect-ratio:unset;padding:40px 0 24px;width:100%}.system-monitor-content_right .function-cover[data-v-4c8d72b3]{height:100%;width:100%}.system-monitor-content_right.mobile[data-v-4c8d72b3]{display:block}.system-monitor-content_right.desktop[data-v-4c8d72b3]{display:none}.system-monitor-content_right .swiper-wrapper .swiper-item-cover[data-v-4c8d72b3]{display:block;margin:auto;width:80%}.system-monitor-content_right[data-v-4c8d72b3] .swiper-pagination{bottom:0;font-size:0}.system-monitor-content_right[data-v-4c8d72b3] .swiper-pagination .swiper-pagination-bullet{background:#fff;border-radius:4px;height:4px;opacity:.3;-webkit-transition:all .5s linear;transition:all .5s linear;width:16px}.system-monitor-content_right[data-v-4c8d72b3] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;height:4px;opacity:1;width:32px}.system-monitor-content .current-item-desc[data-v-4c8d72b3]{color:#fff;display:block;margin:30px auto 0;text-align:center;width:80%}}@media screen and (max-width:767px){.system-monitor[data-v-4c8d72b3]{padding:2rem 0 0}.system-monitor-content[data-v-4c8d72b3]{font-size:.28rem;margin-top:1.28rem}.system-monitor-content_left .monitor-desc[data-v-4c8d72b3]{width:6.3rem}.system-monitor-content_right[data-v-4c8d72b3]{padding:.8rem 0 .48rem}.system-monitor-content_right .swiper-wrapper .swiper-item-cover[data-v-4c8d72b3]{height:7.47rem;width:100%}.system-monitor .current-item-desc[data-v-4c8d72b3]{margin-top:.5rem;width:6.3rem}}