.traffic-chart-card[data-v-1ff7fa7b]{margin-top:20px}.chart-card-header[data-v-1ff7fa7b]{display:flex;justify-content:space-between;align-items:center}.chart-card-hint[data-v-1ff7fa7b]{font-size:12px;color:#909399}.gateway-name[data-v-1ff7fa7b]{display:inline-block;line-height:1.4}.gateway-name.gateway-clickable[data-v-1ff7fa7b]{cursor:pointer;color:#303133;transition:color .2s}.gateway-name.gateway-clickable[data-v-1ff7fa7b]:hover{color:var(--iris-blue)}.gateway-name.gateway-active[data-v-1ff7fa7b]{color:var(--iris-blue);font-weight:600;background:#ecf5ff;border-radius:4px;padding:2px 6px}.chart-panels[data-v-1ff7fa7b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:16px}.chart-panel[data-v-1ff7fa7b]{border:1px solid #ebeef5;border-radius:8px;padding:12px 16px}.chart-panel-head[data-v-1ff7fa7b]{display:flex;justify-content:space-between;font-size:13px;color:#606266;margin-bottom:8px}.chart-box[data-v-1ff7fa7b]{width:100%;height:270px}.chart-header-title[data-v-1ff7fa7b]{font-size:15px;font-weight:600;color:#303133}.chart-header-title i[data-v-1ff7fa7b]{margin-right:6px}.chart-header-sub[data-v-1ff7fa7b]{font-size:12px;color:#909399;margin-top:4px}.traffic-chart-card .empty[data-v-1ff7fa7b]{display:flex;justify-content:center;align-items:center;width:100%;padding:40px 0}.traffic-chart-card .empty img[data-v-1ff7fa7b]{display:block;max-width:100%}