.realtime-data-container .device-info-bar[data-v-e0377fd8]{background:#f5f5f5;padding:12px 16px;border-radius:4px;margin-bottom:16px}.realtime-data-container .device-info-bar .info-row[data-v-e0377fd8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.realtime-data-container .device-info-bar .info-row[data-v-e0377fd8]:last-child{margin-bottom:0}.realtime-data-container .device-info-bar .info-item[data-v-e0377fd8]{-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}.realtime-data-container .device-info-bar .info-item .label[data-v-e0377fd8]{color:rgba(0,0,0,.65);font-size:14px;width:70px;text-align:right;margin-right:8px}.realtime-data-container .device-info-bar .info-item .value.connected[data-v-e0377fd8]{color:#52c41a}.realtime-data-container .device-info-bar .info-item .value.disConnected[data-v-e0377fd8]{color:#ff4d4f}.realtime-data-container .chart-tabs[data-v-e0377fd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.realtime-data-container .chart-tabs .chart-controls[data-v-e0377fd8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.realtime-data-container .current-date[data-v-e0377fd8]{background:#f0f2f5;padding:4px 12px;border-radius:4px;font-size:14px;color:#333;font-weight:500;margin-right:8px}.realtime-data-container .single-chart-container .chart-item .chart-title[data-v-e0377fd8]{font-size:14px;font-weight:500;color:rgba(0,0,0,.85);margin-bottom:8px;padding-left:8px;border-left:3px solid #1890ff}.realtime-data-container .single-chart-container .chart-item .realtime-chart[data-v-e0377fd8]{width:100%;height:400px;margin-bottom:0;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.realtime-data-container .dual-charts-container[data-v-e0377fd8]{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}.realtime-data-container .dual-charts-container .chart-item[data-v-e0377fd8]{width:100%}.realtime-data-container .dual-charts-container .chart-item .chart-title[data-v-e0377fd8]{font-size:14px;font-weight:500;color:rgba(0,0,0,.85);margin-bottom:8px;padding-left:8px;border-left:3px solid #1890ff}.realtime-data-container .dual-charts-container .chart-item .chart-title:last-child .chart-title[data-v-e0377fd8]{border-left-color:#fa8c16}.realtime-data-container .dual-charts-container .chart-item .realtime-chart[data-v-e0377fd8]{width:100%;height:350px;margin-bottom:0;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}