.data-visualization-container[data-v-942a928e]{overflow-y:auto;padding:16px;background:#f0f2f5}.data-visualization-container .header[data-v-942a928e]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px;gap:16px}.data-visualization-container .header .header-left[data-v-942a928e]{flex:1;min-width:200px}.data-visualization-container .header .header-left h3[data-v-942a928e]{margin:0 0 4px 0;color:#333;font-size:20px}.data-visualization-container .header .header-left .desc[data-v-942a928e]{color:#999;font-size:13px;margin:0}.data-visualization-container .header .header-right[data-v-942a928e]{display:flex;align-items:center}.data-visualization-container .overview-cards .overview-card[data-v-942a928e]{display:flex;align-items:center;margin-bottom:16px}.data-visualization-container .overview-cards .overview-card .card-icon[data-v-942a928e]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.data-visualization-container .overview-cards .overview-card .card-icon i[data-v-942a928e]{font-size:28px;color:#fff}.data-visualization-container .overview-cards .overview-card .card-content[data-v-942a928e]{flex:1}.data-visualization-container .overview-cards .overview-card .card-content .card-value[data-v-942a928e]{font-size:24px;font-weight:700;color:#333}.data-visualization-container .overview-cards .overview-card .card-content .card-label[data-v-942a928e]{font-size:14px;color:#999;margin-top:5px}.data-visualization-container .overview-cards .overview-card .card-content .card-trend[data-v-942a928e]{font-size:12px;margin-top:5px}.data-visualization-container .overview-cards .overview-card .card-content .card-trend i[data-v-942a928e]{margin-right:2px}.data-visualization-container .realtime-list[data-v-942a928e]{height:360px;overflow-y:auto;padding-right:10px}.data-visualization-container .realtime-list[data-v-942a928e]::-webkit-scrollbar{width:6px}.data-visualization-container .realtime-list[data-v-942a928e]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.data-visualization-container .realtime-list[data-v-942a928e]::-webkit-scrollbar-track{background-color:#f5f7fa}.data-visualization-container[data-v-942a928e] .el-card{margin-bottom:16px}.data-visualization-container[data-v-942a928e] .el-card__header{padding:15px 20px;border-bottom:1px solid #ebeef5;font-weight:500;color:#333}@media(max-width:768px){.data-visualization-container[data-v-942a928e]{padding:8px}.data-visualization-container .header .header-left h3[data-v-942a928e]{font-size:18px}.data-visualization-container .header .header-right[data-v-942a928e]{width:100%;justify-content:flex-end}.data-visualization-container .overview-cards .overview-card[data-v-942a928e]{flex-direction:column;text-align:center}.data-visualization-container .overview-cards .overview-card .card-icon[data-v-942a928e]{margin-right:0;margin-bottom:10px}.data-visualization-container .realtime-list[data-v-942a928e]{height:300px}}@media(max-width:576px){.data-visualization-container .header .header-left h3[data-v-942a928e]{font-size:16px}.data-visualization-container .overview-cards .overview-card .card-icon[data-v-942a928e]{width:50px;height:50px}.data-visualization-container .overview-cards .overview-card .card-icon i[data-v-942a928e]{font-size:24px}.data-visualization-container .overview-cards .overview-card .card-content .card-value[data-v-942a928e]{font-size:20px}}