.monitor-page[data-v-7f592440]{display:flex;gap:16px;height:100%}.map-col[data-v-7f592440]{flex:1;min-width:0}.side-col[data-v-7f592440]{width:320px;flex-shrink:0;background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:660px}.side-head[data-v-7f592440]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ebeef5}.side-head h3[data-v-7f592440]{margin:0;font-size:15px;color:#1d2129}.dev-list[data-v-7f592440]{flex:1;overflow-y:auto;padding:8px}.dev-item[data-v-7f592440]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:4px;cursor:pointer}.dev-item.active[data-v-7f592440],.dev-item[data-v-7f592440]:hover{background:#f5f7fa}.di-dot[data-v-7f592440]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.di-dot.on[data-v-7f592440]{background:#00b42a}.di-dot.off[data-v-7f592440]{background:#c9cdd4}.di-meta[data-v-7f592440]{flex:1;min-width:0}.di-name[data-v-7f592440]{font-size:14px;color:#1d2129;font-weight:500}.di-sub[data-v-7f592440]{font-size:12px;color:#86909c;margin-top:2px}.di-speed[data-v-7f592440]{font-size:13px;color:#165dff}.no-dev[data-v-7f592440]{text-align:center;color:#86909c;font-size:13px;padding:30px 0}@media (max-width:768px){.monitor-page[data-v-7f592440]{flex-direction:column}.side-col[data-v-7f592440]{width:100%;max-height:320px}}