.map-page[data-v-13f70e7a]{display:flex;gap:0;min-height:calc(100vh - 168px);border:1px solid #e5e6eb;border-radius:8px;overflow:hidden;background:#fff}.map-main[data-v-13f70e7a]{flex:1;min-width:0;background:#0a1020}.map-chart[data-v-13f70e7a]{width:100%;height:100%;min-height:calc(100vh - 168px)}.map-sidebar[data-v-13f70e7a]{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid #e5e6eb;background:#fff}.sidebar-head[data-v-13f70e7a]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f2f3f5}.sidebar-title[data-v-13f70e7a]{font-size:15px;font-weight:600;color:#1d2129}.sidebar-stats[data-v-13f70e7a]{display:flex;gap:10px;font-size:12px}.sidebar-stats .st[data-v-13f70e7a]{display:inline-flex;align-items:center;gap:4px;color:#4e5969}.sidebar-stats .dot[data-v-13f70e7a]{width:8px;height:8px;border-radius:50%;display:inline-block}.st.online .dot[data-v-13f70e7a]{background:#52c41a}.st.alarm .dot[data-v-13f70e7a]{background:#ff4d4f}.st.offline .dot[data-v-13f70e7a]{background:#bfbfbf}.sidebar-search[data-v-13f70e7a]{display:flex;gap:8px;padding:10px 16px;align-items:center}.sidebar-search .el-input[data-v-13f70e7a]{flex:1}.device-scroll[data-v-13f70e7a]{flex:1;overflow-y:auto;padding:0 12px 12px}.device-card[data-v-13f70e7a]{border:1px solid #e5e6eb;border-radius:8px;padding:10px 12px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s,border-color .15s;background:#fff}.device-card[data-v-13f70e7a]:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.device-card.active[data-v-13f70e7a]{border-color:#1677ff;box-shadow:0 0 0 1px rgba(22,119,255,.2)}.device-card.alarm[data-v-13f70e7a]{background:#fff7f7;border-color:#ffccc7}.card-top[data-v-13f70e7a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.status-tag[data-v-13f70e7a]{font-size:12px;padding:2px 8px;border-radius:4px;font-weight:500}.status-tag.online[data-v-13f70e7a]{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.status-tag.offline[data-v-13f70e7a]{color:#86909c;background:#f7f8fa;border:1px solid #e5e6eb}.status-tag.alarm[data-v-13f70e7a]{color:#cf1322;background:#fff1f0;border:1px solid #ffa39e}.card-arrow[data-v-13f70e7a]{color:#c9cdd4;font-size:14px}.card-name[data-v-13f70e7a]{font-size:14px;font-weight:600;color:#1d2129;line-height:1.4}.card-code[data-v-13f70e7a]{font-size:12px;color:#86909c;margin-top:2px}.card-site[data-v-13f70e7a]{font-size:12px;color:#4e5969;margin-top:6px}.card-alarm-msg[data-v-13f70e7a]{margin-top:8px;font-size:12px;color:#f53f3f;line-height:1.4}.empty-tip[data-v-13f70e7a]{text-align:center;color:#86909c;padding:24px 0;font-size:13px}.sidebar-foot[data-v-13f70e7a]{padding:12px 16px;border-top:1px solid #f2f3f5;text-align:center;color:#1677ff;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-foot[data-v-13f70e7a]:hover{background:#f7f8fa}@media(max-width:1100px){.map-page[data-v-13f70e7a]{flex-direction:column}.map-sidebar[data-v-13f70e7a]{width:100%;max-height:360px}.map-chart[data-v-13f70e7a]{min-height:420px}}