.monitor-wrapper[data-v-4cde4e7b]{width:100%;height:100%}.modes-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.modes-icon .my-mods-icon{position:relative;border-radius:50%;color:#00080e}.modes-icon .my-mods-icon.unconnect-color{background-color:#a9a9a9}.modes-icon .my-mods-icon.normal-color{background-color:#0ef}.modes-icon .my-mods-icon.success-color{background-color:#03b36e}.modes-icon .my-mods-icon.warning-color{background-color:#ff6100}.modes-icon .my-mods-icon.danger-color{background-color:#ff4847}.modes-icon .my-mods-icon.fix-color{background-color:#ffd04f}.modes-icon .my-mods-icon.fault-color{background-color:#fb0}.modes-icon .my-mods-icon.collect-color{background-color:#00a1ff}.modes-icon .my-mods-icon.unline-bg-color{background:linear-gradient(180deg,#cbcbcb,#4b4b4b 92%)}.modes-icon .my-mods-icon em{font-size:5.5em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modes-icon .icon-text{display:inline-block;font-size:16px;margin-top:8px}.modes-icon .icon-text.unconnect-color{color:#a9a9a9}.modes-icon .icon-text.normal-color{color:#0ef}.modes-icon .icon-text.success-color{color:#03b36e}.modes-icon .icon-text.warning-color{color:#ff6100}.modes-icon .icon-text.danger-color{color:#ff4847}.modes-icon .icon-text.fix-color{color:#ffd04f}.modes-icon .icon-text.fault-color{color:#fb0}.modes-icon .icon-text.collect-color{color:#00a1ff}.cr0534-view{width:100%;height:100%;padding:10px;box-sizing:border-box}.cr0534-view span.unconnect-color{color:#a9a9a9}.cr0534-view span.normal-color{color:#0ef}.cr0534-view span.success-color{color:#03b36e}.cr0534-view span.warning-color{color:#ff6100}.cr0534-view span.danger-color{color:#ff4847}.cr0534-view span.fix-color{color:#ffd04f}.cr0534-view span.fault-color{color:#fb0}.cr0534-view span.collect-color{color:#00a1ff}.cr0534-view .common-border{height:100%;padding:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPBAMAAAAmOuNHAAAAFVBMVEVHcEwP+P8L/P8P/f8O+/8O+/8O/P/j3s1ZAAAABnRSTlMAIkVpzJHeLBjFAAAAHElEQVQI12MQhACGNAhgSFUCA4ZkBgigNu0EoQDHbAj2LSHh+AAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOBAMAAAACpFvcAAAAG1BMVEVHcEwP/f8P+P8L/P8O+/8M+/8P9/8O+/8O/P9PiDA0AAAACHRSTlMAaSJFzEIhkTeslrIAAAAbSURBVAjXY/DoAAMFBkNBEKhQYIAAC9ozIhIABjQJN4dD7t0AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOBAMAAAACpFvcAAAAFVBMVEVHcEwP+P8L/P8P/f8O+/8O+/8O/P/j3s1ZAAAABnRSTlMAIkVpzJHeLBjFAAAAGUlEQVQI12MQU2CAAHowgo1BQIFBLA0MHADepQbLHkzb/wAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPBAMAAAAmOuNHAAAAGFBMVEVHcEwO+f8P+P8L/P8P/f8O+/8O+/8O/P9I2GAQAAAAB3RSTlMAJCJFacyRedOyLAAAABxJREFUCNdjYAADUwjF4E512hgM0hnKIYBBCQIAKFUJCxBsSUcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAncAAAAICAMAAACs/yltAAAAVFBMVEVHcEyi4eJhkKJWg5el5uY1WXc/ZoEbOWEvU3IqS2xLdYxsnaye3N2Y1did3N58sr11qLWSztJ8sbuDucOIwMmNx82i4+OX09eKw8pWg5dpm6p7sLvb3YW+AAAAHHRSTlMA94Nx/jhMChYmX5Xv5DeypdkpvsfQno9/R1xuF6meYAAAAZhJREFUWMPtmNtygjAQQAEbScCWWIgg/P9/dndzYQlIHd/QHH1qIckMZ06IWfYBlFm5REr4Mn7tZ8UPfl6AblxBk0SUMloaLBa/iSP75iQjFCKAszgTFXJCCqQmtNYN0LZt13XGmCvyDVyQnPiKob/SBXgl3gF3GhgAhsHRYFBNo9NEBc2Jk9t1wIIQWp9yNpKBiSN3jtJmH6oSJJ41r0LxTihegeLVhbWOvGuDd8ZrR+LlF9IuX1sH/0HtuHjBOw3i1SheUXPrYAGzds46FawrU/WOHTy/pYbeif3eNTr0rpt7R97lD4K36N116V270zvmnVNPsuClx3dY67Kwz/Le2Y12r3fNqndsn42l49r53m3vs3HvXPDm3inJepeC9za9496x3rHgxb0zvHdevHxLvNUL3sK7Wj/qHX+/k9y89PiOfY5F8ZQP3rzPUu+q2Lqtc0Xcu83iBetoo32qd1w7JVjvZHq/e5cfUPyhdnnCuHvG++iYHIOn99z62z/AJY6htzdPgxtunOzwMJNH8A02vNqVn3Gs+AOZOD80Iqy9gQAAAABJRU5ErkJggg==);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:0 0,100% 0,0 100%,100% 100%,center -5px;display:flex;flex-direction:column}.cr0534-view .common-border .cr0534-view-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,rgba(1,60,93,.8),rgba(1,40,65,.6));border-radius:6px;margin:8px;border:1px solid rgba(0,238,255,.15);flex-shrink:0}.cr0534-view .common-border .cr0534-view-header .header-data{display:flex;align-items:center;gap:40px}.cr0534-view .common-border .cr0534-view-header .header-item{display:flex;align-items:baseline;font-size:16px}.cr0534-view .common-border .cr0534-view-header .header-item .label{margin-right:10px;color:hsla(0,0%,80%,.8);font-size:14px}.cr0534-view .common-border .cr0534-view-header .header-item .value{font-weight:700;margin-right:5px;font-size:20px;color:#0ef;text-shadow:0 0 10px rgba(0,238,255,.3)}.cr0534-view .common-border .cr0534-view-header .header-item .value.danger-color{color:#ff4847;text-shadow:0 0 10px rgba(255,72,71,.3)}.cr0534-view .common-border .cr0534-view-header .header-item .value.warning-color{color:#ff8f17;text-shadow:0 0 10px rgba(255,143,23,.3)}.cr0534-view .common-border .cr0534-view-header .header-item .unit{font-size:13px;color:hsla(0,0%,66.7%,.8)}.cr0534-view .common-border .cr0534-view-content{flex:1;padding:0 8px 8px;min-height:0}.cr0534-view .common-border .cr0534-view-content .chart{height:100%!important;border:1px solid rgba(96,118,173,.6);border-radius:6px;background:rgba(0,20,40,.3)}@media screen and (max-width:1024px){.cr0534-view{padding:5px}.cr0534-view .common-border .cr0534-view-header{padding:8px 15px;margin:5px}.cr0534-view .common-border .cr0534-view-header .header-data{gap:25px}.cr0534-view .common-border .cr0534-view-header .header-item{font-size:14px}.cr0534-view .common-border .cr0534-view-header .header-item .label{margin-right:8px;font-size:12px}.cr0534-view .common-border .cr0534-view-header .header-item .value{font-size:16px}.cr0534-view .common-border .cr0534-view-header .header-item .unit{font-size:11px}.cr0534-view .common-border .cr0534-view-content{padding:0 5px 5px}}@media screen and (width:1920px){.cr0534-view{padding:8px}.cr0534-view .common-border .cr0534-view-header{padding:10px 18px}.cr0534-view .common-border .cr0534-view-header .header-data{gap:35px}.cr0534-view .common-border .cr0534-view-header .header-item .label{font-size:13px}.cr0534-view .common-border .cr0534-view-header .header-item .value{font-size:18px}.cr0534-view .common-border .cr0534-view-header .header-item .unit{font-size:12px}}