| 1 |
- .card-debug[data-v-7d60b45a]{width:100%}.port-grid[data-v-7d60b45a]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 768px){.port-grid[data-v-7d60b45a]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.port-grid[data-v-7d60b45a]{grid-template-columns:repeat(2,1fr)}}.port-cell[data-v-7d60b45a]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:10px;border:2px solid transparent;transition:all .2s}.port-cell.active[data-v-7d60b45a]{border-color:#1890ff;background:#e6f7ff}.port-dot[data-v-7d60b45a]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.port-dot.present[data-v-7d60b45a]{background:#52c41a}.port-dot.empty[data-v-7d60b45a]{background:#d9d9d9}.port-dot.unknown[data-v-7d60b45a]{background:#bfbfbf}.port-label[data-v-7d60b45a]{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.port-info[data-v-7d60b45a]{flex:1;min-width:0}.port-status-text[data-v-7d60b45a]{font-size:13px;font-weight:600;color:#333}.port-uid-text[data-v-7d60b45a]{font-size:11px;font-family:Monaco,Menlo,monospace;color:#666;word-break:break-all}.legend[data-v-7d60b45a]{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap;font-size:13px;color:#666}.legend-item[data-v-7d60b45a]{display:flex;align-items:center;gap:6px}.legend-dot[data-v-7d60b45a]{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-dot.present[data-v-7d60b45a]{background:#52c41a}.legend-dot.empty[data-v-7d60b45a]{background:#d9d9d9}.legend-dot.unknown[data-v-7d60b45a]{background:#bfbfbf}.card-uid[data-v-7d60b45a]{font-family:Monaco,Menlo,monospace;font-size:13px;color:#333;word-break:break-all}
|
