.data-overview[data-v-1407a74a]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.data-overview .overview-header[data-v-1407a74a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.data-overview .overview-header h2[data-v-1407a74a]{margin:0;font-size:24px;font-weight:600;color:#303133}.data-overview .overview-header .header-actions[data-v-1407a74a]{display:flex;align-items:center}.data-overview .device-tabs[data-v-1407a74a]{background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:calc(100vh - 180px);display:flex}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__header{margin:0;padding:20px 0;border-right:1px solid #e4e7ed;border-bottom:none;width:150px;flex-shrink:0}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__nav-wrap:after{display:none}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__nav{width:100%}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__item{width:100%;text-align:left;padding:0 20px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__item:last-child{border-bottom:none}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__item.is-active{color:#409eff;background-color:#ecf5ff;border-right:2px solid #409eff}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__item:hover{color:#409eff}.data-overview .device-tabs[data-v-1407a74a] .el-tabs__content{flex:1;overflow:hidden;padding:0}.data-overview .device-tabs[data-v-1407a74a] .el-tab-pane{height:100%;overflow:auto}.data-overview .device-tabs .tab-content[data-v-1407a74a]{height:100%;padding:20px;box-sizing:border-box;overflow:auto}.data-overview .statistics-cards[data-v-1407a74a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.data-overview .statistics-cards .stat-card[data-v-1407a74a]{display:flex;align-items:center;padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:first-child{order:1}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(2){order:2}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(3){order:3}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(4){order:4}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(5){order:5}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(6){order:6}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(7){order:7}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(8){order:8}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(9){order:9}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:nth-child(10){order:10}.data-overview .statistics-cards .stat-card[data-v-1407a74a]:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.data-overview .statistics-cards .stat-card .stat-icon[data-v-1407a74a]{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:28px;color:#fff}.data-overview .statistics-cards .stat-card .stat-icon.total[data-v-1407a74a]{background-color:#409eff}.data-overview .statistics-cards .stat-card .stat-icon.online[data-v-1407a74a]{background-color:#67c23a}.data-overview .statistics-cards .stat-card .stat-icon.offline[data-v-1407a74a]{background-color:#e6a23c}.data-overview .statistics-cards .stat-card .stat-icon.fault[data-v-1407a74a]{background-color:#f56c6c}.data-overview .statistics-cards .stat-card .stat-icon.inUse[data-v-1407a74a]{background-color:#909399}.data-overview .statistics-cards .stat-card .stat-icon.available[data-v-1407a74a]{background-color:#409eff}.data-overview .statistics-cards .stat-card .stat-icon.flooded[data-v-1407a74a]{background-color:#409eff;background:linear-gradient(135deg,#409eff,#1e90ff)}.data-overview .statistics-cards .stat-card .stat-icon.lowBattery[data-v-1407a74a]{background-color:#e6a23c}.data-overview .statistics-cards .stat-card .stat-icon.baffleAbnormal[data-v-1407a74a]{background-color:#f56c6c}.data-overview .statistics-cards .stat-card .stat-icon.communicationAbnormal[data-v-1407a74a]{background-color:#e6a23c}.data-overview .statistics-cards .stat-card.fault-card[data-v-1407a74a]{order:4}.data-overview .statistics-cards .stat-card.two-column-card[data-v-1407a74a]{grid-column:span 2}.data-overview .statistics-cards .stat-card .stat-content[data-v-1407a74a]{flex:1}.data-overview .statistics-cards .stat-card .stat-content .stat-number[data-v-1407a74a]{font-size:28px;font-weight:700;color:#303133;margin-bottom:5px}.data-overview .statistics-cards .stat-card .stat-content .stat-label[data-v-1407a74a]{font-size:14px;color:#909399}.data-overview .charts-container[data-v-1407a74a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}.data-overview .charts-container .chart-box[data-v-1407a74a]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.data-overview .charts-container .chart-box .chart-title[data-v-1407a74a]{font-size:16px;font-weight:600;color:#303133;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.data-overview .charts-container .chart-box .chart[data-v-1407a74a]{width:100%;height:300px}.data-overview .detail-section[data-v-1407a74a]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.data-overview .detail-section .section-title[data-v-1407a74a]{font-size:18px;font-weight:600;color:#303133;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.data-overview .detail-section .alarm-text[data-v-1407a74a]{color:#f56c6c}.data-overview .detail-section .exception-text[data-v-1407a74a]{color:#e6a23c}.data-overview .detail-section .pagination-container[data-v-1407a74a]{margin-top:20px;display:flex;justify-content:flex-end}@media(max-width:768px){.data-overview .statistics-cards[data-v-1407a74a]{grid-template-columns:repeat(2,1fr)}.data-overview .charts-container[data-v-1407a74a]{grid-template-columns:1fr}}