.map-container{width:100%;height:calc(100vh - 140px);position:relative}#mapContainer{width:100%;height:100%}.aui-card--fill{height:100%;padding:0}.el-card__body{height:100%;padding:0!important}.control-panel{width:300px}.control-panel,.left-control-panel{left:20px;gap:10px}.control-panel,.left-control-panel,.right-alarm-panel{position:absolute;top:20px;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-alarm-panel{right:20px;width:300px;max-height:calc(100% - 40px);-webkit-transition:all .3s ease;transition:all .3s ease}.right-alarm-panel.collapsed{width:180px}.right-alarm-panel.collapsed .panel-header{border-bottom:none}.button-group{padding:10px}.alarm-list-container,.button-group{background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.alarm-list-container{max-height:400px;overflow-y:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%}.alarm-list-container,.panel-header{display:-webkit-box;display:-ms-flexbox;display:flex}.panel-header{padding:10px;border-bottom:1px solid #eee;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel-header:hover{background-color:#f5f7fa}.panel-header .el-icon-arrow-right{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.panel-header .el-icon-arrow-right.rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.alarm-list{padding:5px;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:calc(100vh - 200px)}.alarm-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.alarm-item:hover{background-color:#f5f7fa}.alarm-info{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:5px}.alarm-type-tag{padding:2px 6px;border-radius:3px;font-size:12px;color:#fff}.alarm-type-tag.urgent{background-color:#f56c6c}.alarm-type-tag.warning{background-color:#e6a23c}.alarm-time{font-size:12px;color:#909399}.alarm-location{font-size:13px;color:#606266}@-webkit-keyframes marker-flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@keyframes marker-flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.camera-alarm{-webkit-animation:marker-flash 1s infinite;animation:marker-flash 1s infinite}.custom-dialog .el-dialog__body{padding:20px!important}.custom-dialog .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:20px}.custom-dialog .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-dialog .info-item .label{min-width:80px;color:#606266;font-weight:500}.custom-dialog .info-item .value{color:#303133}.custom-dialog .info-item .value.alarm-type{color:#f56c6c;font-weight:500}.custom-dialog .alarm-header,.custom-dialog .form-header{font-size:16px;font-weight:500;color:#303133;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.custom-dialog .alarm-detail{background-color:#fef0f0;border-radius:4px;padding:15px;margin-bottom:20px}.custom-dialog .alarm-detail .info-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.custom-dialog .alarm-detail .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:32px}.custom-dialog .alarm-detail .info-item .label{min-width:90px;-ms-flex-negative:0;flex-shrink:0}.custom-dialog .alarm-detail .info-item .value{-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:break-all}.custom-dialog .alarm-detail .info-item .value.alarm-type{color:#f56c6c;font-weight:500}.custom-dialog .process-form{margin-top:20px}.custom-dialog .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.custom-dialog .action-buttons .el-button{padding:10px 20px}.custom-dialog .action-buttons .el-button i{margin-right:5px}.custom-dialog .dialog-footer{text-align:right;margin-top:20px}.custom-dialog .dialog-footer .el-button{padding:10px 20px}.camera-info,.personnel-info{padding:10px}.el-form-item__label{font-weight:500}:deep(.custom-info){border:1px solid silver}:deep(.info-top){position:relative;background:#f9f9f9;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0}:deep(.info-top) div{display:inline-block;color:#333;font-size:14px;font-weight:700;line-height:31px;padding:0 10px}:deep(.info-top) img{position:absolute;top:10px;right:10px;-webkit-transition-duration:.25s;transition-duration:.25s;cursor:pointer}:deep(.info-top) img:hover{-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}:deep(.info-middle){font-size:12px;padding:10px;line-height:20px}:deep(.info-middle) .info-item{margin-bottom:8px}:deep(.info-middle) .info-item .label{color:#606266;margin-right:5px}:deep(.info-middle) .info-item .value.alarm-type{color:#f56c6c;font-weight:500}:deep(.info-middle) .alarm-detail{background-color:#fef0f0;border-radius:4px;padding:10px;margin:10px 0}:deep(.info-middle) .alarm-detail .alarm-header{font-weight:500;margin-bottom:8px}:deep(.info-middle) .action-buttons{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:deep(.info-bottom){height:0;width:100%;clear:both;text-align:center}:deep(.info-bottom) img{position:relative;z-index:104}