.hexagon-container[data-v-c12abc60]{position:relative;width:100%;margin-top:10px}.category-box[data-v-c12abc60]{margin-bottom:10px;background-color:#f9f9f9;border-radius:8px;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.grid-container[data-v-c12abc60]{display:flex;flex-direction:column;gap:8px}.grid-row[data-v-c12abc60]{display:flex;gap:8px;min-height:32px}.grid-cell[data-v-c12abc60]{flex:0 0 160px;min-width:0;align-items:center}.category-title[data-v-c12abc60]{flex:0 0 160px;font-size:14px;font-weight:700;color:#1890ff;background:#e6f7ff;border-radius:4px;padding:6px 12px;white-space:nowrap;position:relative;justify-content:center}.category-title[data-v-c12abc60]:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent #e6f7ff}.item_box[data-v-c12abc60]{width:160px}.item_box_flex[data-v-c12abc60]{display:flex;align-items:center;padding:4px 6px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease;height:32px;cursor:pointer}.item_box_flex[data-v-c12abc60]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.status_block[data-v-c12abc60]{width:12px;height:12px;border-radius:50%;margin-right:5px;flex-shrink:0}.item_name[data-v-c12abc60]{font-size:13px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:130px}.detail[data-v-c12abc60]{position:fixed;box-shadow:0 5px 10px rgba(0,0,0,.2);background-color:#d8d3d3;z-index:1000;padding:10px;border-radius:4px}.detail-row[data-v-c12abc60]{margin-bottom:8px;display:flex;align-items:center}.label[data-v-c12abc60]{font-weight:700;color:#333;min-width:80px}.value[data-v-c12abc60]{color:#100f0f;font-size:12px}.status-normal .status_block[data-v-c12abc60]{background-color:#52c41a}.status-fail .status_block[data-v-c12abc60]{background-color:#f5222d}.status-fail .item_name[data-v-c12abc60]{color:#f5222d}.status-alarm .status_block[data-v-c12abc60]{background-color:#faad14}.status-offline .status_block[data-v-c12abc60]{background-color:#d9d9d9}@media screen and (max-width:1200px){.category-title[data-v-c12abc60]{flex:0 0 100px;font-size:13px}.grid-container[data-v-c12abc60],.grid-row[data-v-c12abc60]{gap:6px}.grid-cell[data-v-c12abc60]{flex:0 0 135px}.item_box[data-v-c12abc60]{width:135px}.item_name[data-v-c12abc60]{max-width:95px}}@media screen and (max-width:768px){.grid-container[data-v-c12abc60],.grid-row[data-v-c12abc60]{gap:4px}.category-title[data-v-c12abc60]{flex:0 0 90px;padding:4px 8px}.grid-cell[data-v-c12abc60]{flex:0 0 120px}.item_box[data-v-c12abc60]{width:120px}.item_name[data-v-c12abc60]{max-width:80px}}.statistic-container[data-v-2566da3b]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f8f9fa;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.total-count[data-v-2566da3b]{font-size:13px;color:#666;white-space:nowrap}.total-count span[data-v-2566da3b]{font-size:14px;font-weight:700;color:#333;cursor:pointer;padding:1px 4px;border-radius:3px}.total-count span[data-v-2566da3b]:hover{background:#eee}.total-count span.active[data-v-2566da3b]{background:#e6f7ff;color:#1890ff}.status-cards[data-v-2566da3b]{display:flex;gap:8px;flex:1}.status-card[data-v-2566da3b]{flex:1;padding:4px 8px;border-radius:4px;transition:all .2s ease;cursor:pointer;position:relative;min-width:85px;border:1px solid transparent}.status-card[data-v-2566da3b]:hover{transform:translateY(-1px)}.status-card.active[data-v-2566da3b]{border-color:currentColor;box-shadow:0 1px 4px rgba(0,0,0,.1)}.status-card .card-content[data-v-2566da3b]{text-align:center;line-height:1.2}.status-card .value[data-v-2566da3b]{font-size:18px;font-weight:700;margin-bottom:1px}.status-card .label[data-v-2566da3b]{font-size:11px;opacity:.9}.normal[data-v-2566da3b]{background:#e3f8e7}.normal .label[data-v-2566da3b],.normal .value[data-v-2566da3b]{color:#28a745}.alarm[data-v-2566da3b]{background:#fff3e0}.alarm .label[data-v-2566da3b],.alarm .value[data-v-2566da3b]{color:#ff9800}.breakdown[data-v-2566da3b]{background:#ffebee}.breakdown .label[data-v-2566da3b],.breakdown .value[data-v-2566da3b]{color:#dc3545}.plannShutdown[data-v-2566da3b]{background:#f5f5f5}.plannShutdown .label[data-v-2566da3b],.plannShutdown .value[data-v-2566da3b]{color:#6c757d}.outBox[data-v-2d7f38f7]{height:100%;width:100%;position:relative;overflow-y:auto}.contentBox[data-v-2d7f38f7]{width:100%;padding:10px;box-sizing:border-box}.sticky-header[data-v-2d7f38f7]{position:sticky;top:0;z-index:100;background-color:#fff;padding:10px 0;margin:-10px 0}.content[data-v-2d7f38f7]{width:100%;margin-top:10px}[data-v-2d7f38f7] .el-container,[data-v-2d7f38f7] .el-main{height:auto!important;overflow:visible!important}.botBox[data-v-2d7f38f7]{margin:10px 5px 10px 10px}.close-btn[data-v-2d7f38f7]{position:absolute;top:5px;right:12px;font-size:15px;cursor:pointer;color:#333;background-color:transparent;border:none}.close-btn[data-v-2d7f38f7]:hover{color:#409cb7}