.route-map {
  position: absolute;
  inset: 0;
}

.map-status {
  position: absolute;
  z-index: 2;
  inset: 50% auto auto 50%;
  max-width: calc(100% - 40px);
  transform: translate(-50%, -50%);
  padding: 8px 11px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .94);
  color: var(--muted);
  font-size: 12px;
  text-align: center;
  box-shadow: 0 1px 6px rgba(13, 29, 25, .14);
}

.amap-route-marker {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 2px solid #0b3b35;
  border-radius: 50%;
  background: #fff;
  color: #0b3b35;
  font: 700 11px/1 "Microsoft YaHei UI", sans-serif;
  box-shadow: 0 2px 8px rgba(13, 29, 25, .25);
}

.amap-route-marker.start,
.amap-route-marker.end,
.amap-route-marker.online {
  background: #0b5a4f;
  color: #fff;
}

.amap-route-marker.offline_timeout {
  background: #bd3d35;
  border-color: #7e201c;
  color: #fff;
}