.vehicle-monitor-container[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden;background:#f5f5f5}.top-navbar[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.top-navbar .navbar-left .navbar-title[data-v-c8ddda08]{margin:0;font-size:20px;font-weight:bold;color:#333}.top-navbar .navbar-center[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-navbar .navbar-center .main-nav-menu[data-v-c8ddda08]{border-bottom:none}.top-navbar .navbar-center .breadcrumb[data-v-c8ddda08]{margin-top:5px;font-size:12px;color:#666}.top-navbar .navbar-right[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.main-content[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.left-sidebar[data-v-c8ddda08]{width:280px;background:#fff;border-right:1px solid #e4e7ed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-sidebar .search-box[data-v-c8ddda08]{padding:15px;border-bottom:1px solid #e4e7ed}.left-sidebar .vehicle-list[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-sidebar .vehicle-list .list-title[data-v-c8ddda08]{padding:10px 15px;font-weight:bold;border-bottom:1px solid #e4e7ed}.left-sidebar .vehicle-list .list-content[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.left-sidebar .vehicle-list .list-content .vehicle-item[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-bottom:5px;cursor:pointer;border-radius:4px;-webkit-transition:background .3s;transition:background .3s}.left-sidebar .vehicle-list .list-content .vehicle-item[data-v-c8ddda08]:hover{background:#f5f7fa}.left-sidebar .vehicle-list .list-content .vehicle-item.active[data-v-c8ddda08]{background:#ecf5ff;border:1px solid #b3d8ff}.left-sidebar .vehicle-list .list-content .vehicle-item .status-icon[data-v-c8ddda08]{width:24px;height:24px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:12px;font-weight:bold;margin:0 10px}.left-sidebar .vehicle-list .list-content .vehicle-item .status-icon.status-parked[data-v-c8ddda08]{background:#67c23a}.left-sidebar .vehicle-list .list-content .vehicle-item .status-icon.status-running[data-v-c8ddda08]{background:#409eff}.left-sidebar .vehicle-list .list-content .vehicle-item .status-icon.status-offline[data-v-c8ddda08]{background:#f56c6c}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:5px}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info .vehicle-number[data-v-c8ddda08]{font-size:14px;font-weight:500;color:#303133;margin-bottom:2px}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info .vehicle-details[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;color:#909399}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info .vehicle-details .vehicle-status-text[data-v-c8ddda08]{color:#409eff;margin-bottom:2px}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info .vehicle-details .vehicle-location[data-v-c8ddda08]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-bottom:2px}.left-sidebar .vehicle-list .list-content .vehicle-item .vehicle-info .vehicle-details .vehicle-time[data-v-c8ddda08]{font-size:11px}.map-area[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.map-area .amap-container[data-v-c8ddda08]{width:100%;height:100%}.map-area .map-tools[data-v-c8ddda08]{position:absolute;top:10px;right:10px;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;background:hsla(0,0%,100%,.9);padding:10px;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.map-area .vehicle-info-panel[data-v-c8ddda08]{width:400px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:200;-webkit-transition:top .3s ease,left .3s ease;transition:top .3s ease,left .3s ease}.map-area .vehicle-info-panel .panel-header[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;border-bottom:1px solid #e4e7ed}.map-area .vehicle-info-panel .panel-header .refresh-btn[data-v-c8ddda08]{margin-right:5px;color:#409eff}.map-area .vehicle-info-panel .panel-header .refresh-btn[data-v-c8ddda08]:hover{color:#66b1ff}.map-area .vehicle-info-panel .panel-header .close-btn[data-v-c8ddda08]{margin-left:auto}.map-area .vehicle-info-panel .panel-body[data-v-c8ddda08]{padding:15px}.map-area .vehicle-info-panel .panel-body .vehicle-header[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.map-area .vehicle-info-panel .panel-body .vehicle-header .vehicle-id[data-v-c8ddda08]{font-size:16px;font-weight:bold}.map-area .vehicle-info-panel .panel-body .vehicle-header .vehicle-status[data-v-c8ddda08]{padding:4px 12px;background:#ecf5ff;color:#409eff;border-radius:4px;font-size:12px}.map-area .vehicle-info-panel .panel-body .quick-stats[data-v-c8ddda08]{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:15px;padding:10px;background:#f5f7fa;border-radius:4px}.map-area .vehicle-info-panel .panel-body .quick-stats .stat-item[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.map-area .vehicle-info-panel .panel-body .quick-stats .stat-item .stat-label[data-v-c8ddda08]{font-size:12px;color:#909399;margin-bottom:5px}.map-area .vehicle-info-panel .panel-body .quick-stats .stat-item .stat-value[data-v-c8ddda08]{font-size:16px;font-weight:bold;color:#303133}.map-area .vehicle-info-panel .panel-body .info-tabs[data-v-c8ddda08]{margin-bottom:15px}.map-area .vehicle-info-panel .panel-body .info-tabs .status-details .detail-row[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 0;border-bottom:1px solid #f5f7fa}.map-area .vehicle-info-panel .panel-body .info-tabs .status-details .detail-row .detail-label[data-v-c8ddda08]{width:100px;color:#909399;font-size:14px}.map-area .vehicle-info-panel .panel-body .info-tabs .status-details .detail-row .detail-value[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#303133;font-size:14px}.map-area .vehicle-info-panel .panel-body .info-tabs .alarm-list[data-v-c8ddda08]{max-height:200px;overflow-y:auto}.map-area .vehicle-info-panel .panel-body .info-tabs .alarm-list .alarm-item[data-v-c8ddda08]{padding:10px;background:#fef0f0;color:#f56c6c;border-radius:4px;margin-bottom:10px}.map-area .vehicle-info-panel .panel-body .info-tabs .alarm-list .no-alarm[data-v-c8ddda08]{text-align:center;color:#909399;padding:20px}.map-area .vehicle-info-panel .panel-body .action-buttons[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.bottom-status-bar[data-v-c8ddda08]{height:40px;background:#303133;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;font-size:12px}.bottom-status-bar .status-text[data-v-c8ddda08]{-webkit-box-flex:1;-ms-flex:1;flex:1}.bottom-status-bar .version-info[data-v-c8ddda08]{margin-left:20px}.trajectory-controls[data-v-c8ddda08]{margin-bottom:15px}.trajectory-controls .control-row[data-v-c8ddda08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.trajectory-controls .trajectory-info[data-v-c8ddda08]{font-size:12px;color:#666}.trajectory-map[data-v-c8ddda08]{width:100%;height:500px;border:1px solid #e4e7ed;border-radius:4px}