#map { width:100%; height:600px; background:#121212;border-radius: 20px; }
.leaflet-container { background:#121212; }
  
@keyframes pulse {
    0%   { transform: scale(1);   opacity: 1; }
    70%  { transform: scale(2);   opacity: 0; }
    100% { transform: scale(1);   opacity: 0; }
  }

.leaflet-marker-icon.pulse-marker {
  width:16px; height:16px;
  border-radius:50%;
  background:rgba(0,186,255,0.8);
  box-shadow:0 0 8px rgba(0,186,255,0.6), 0 0 16px rgba(0,186,255,0.4);
  animation:pulse 2s infinite ease-out;
}
.pulse-marker {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(0,186,255,0.8);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0,186,255,0.6), 0 0 16px rgba(0,186,255,0.4);
  animation: pulse 2s infinite ease-out;
  }
  
  /* 模态框同之前示例 */
  .modalMap {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: rgba(0,0,0,0.75);
    justify-content: center;
    align-items: center;
  }
  .modalMap.show { display: flex; }
  .modalMap-content {
    max-width: 90%; max-height: 90%;
    border: 4px solid #00baff;
    border-radius: 4px;
  }
  .modalMap-close {
    position: absolute; top: 20px; right: 30px;
    color: #fff; font-size: 32px; cursor: pointer;
  }