.overview-bar[data-v-19debc9e]{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.overview-item[data-v-19debc9e]{display:flex;align-items:center;gap:8px}.overview-label[data-v-19debc9e]{font-size:14px;color:#666}.overview-value[data-v-19debc9e]{font-size:14px;color:#333}.port-grid[data-v-19debc9e]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-19debc9e]{border:1px solid #f0f0f0;border-radius:8px;padding:12px}.panel-header[data-v-19debc9e]{font-weight:600;margin-bottom:8px;color:#333}.ports-row[data-v-19debc9e]{display:flex;flex-wrap:wrap;gap:8px}.port-cell[data-v-19debc9e]{width:64px;height:56px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);cursor:default;transition:all .2s}.port-cell[data-v-19debc9e]:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.port-idle[data-v-19debc9e]{background-color:#f5f5f5}.port-normal[data-v-19debc9e]{background-color:#f6ffed;border-color:#b7eb8f}.port-alarm[data-v-19debc9e]{background-color:#fff2f0;border-color:#ffccc7;animation:pulse-19debc9e 1.5s infinite}@keyframes pulse-19debc9e{0%,to{opacity:1}50%{opacity:.7}}.port-number[data-v-19debc9e]{font-size:14px;font-weight:600;color:#333}.port-uid[data-v-19debc9e]{font-size:9px;color:#666;margin-top:2px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-legend[data-v-19debc9e]{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.legend-item[data-v-19debc9e]{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.dot[data-v-19debc9e]{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.event-item[data-v-19debc9e]{padding:4px 0}.event-scroll[data-v-19debc9e]{max-height:600px;overflow-y:auto;padding-right:8px}.event-scroll[data-v-19debc9e]::-webkit-scrollbar{width:6px}.event-scroll[data-v-19debc9e]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.event-scroll[data-v-19debc9e]::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.event-scroll[data-v-19debc9e]::-webkit-scrollbar-thumb:hover{background:#999}.event-header[data-v-19debc9e]{display:flex;align-items:center;gap:8px}.event-time[data-v-19debc9e]{font-size:12px;color:#999}.event-detail[data-v-19debc9e]{font-size:13px;color:#333;margin-top:4px}.event-uid[data-v-19debc9e]{font-size:12px;color:#666;font-family:monospace}