/* 雷达标记样式 */

.radar-marker {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 玩家自己 */
.radar-player-self .radar-marker {
  z-index: 1000;
}

/* 其他玩家 */
.radar-player .radar-marker {
  z-index: 999;
}

.radar-info {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2px;
}

.radar-hp {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 0 2px black;
}

.radar-weapon {
  background: rgba(0, 0, 0, 0.7);
  color: #ffcc00;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 9px;
  margin-top: 1px;
  text-shadow: 0 0 2px black;
}

/* AI标记 */
.radar-ai .radar-marker {
  z-index: 998;
}

.radar-ai .radar-hp {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2px;
  color: #ff9900;
  font-size: 9px;
}

/* Boss标记 */
.radar-boss .radar-marker {
  z-index: 999;
}

.radar-boss-pulse {
  animation: radar-pulse 2s infinite;
}

@keyframes radar-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

.radar-boss .radar-hp {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2px;
  background: rgba(0, 0, 0, 0.8);
  color: #ff0000;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
}

/* 物品标记 */
.radar-item .radar-marker {
  z-index: 990;
}

.radar-item-level-1 svg rect { fill: #ffffff; }
.radar-item-level-2 svg rect { fill: #0099ff; }
.radar-item-level-3 svg rect { fill: #ff00ff; }

/* 容器标记 */
.radar-container .radar-marker {
  z-index: 989;
}

.radar-pwd {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #ffff00;
  padding: 1px 3px;
  border-radius: 2px;
  font-size: 9px;
  font-weight: bold;
  white-space: nowrap;
}

/* 撤离点标记 */
.radar-exit .radar-marker {
  z-index: 1001;
}

.radar-blink {
  animation: radar-blink 1s infinite;
}

@keyframes radar-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* 拉闸点标记 */
.radar-close .radar-marker {
  z-index: 995;
}

/* 钥匙门标记 */
.radar-key-door .radar-marker {
  z-index: 994;
}

/* 密码门标记 */
.radar-password-door .radar-marker {
  z-index: 994;
}

/* Leaflet提示框样式优化 */
.leaflet-tooltip {
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 3px !important;
  padding: 3px 6px !important;
  font-size: 11px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  border-color: transparent !important;
}

/* 距离过滤 - 远距离半透明 */
.radar-marker.radar-distant {
  opacity: 0.5;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .radar-hp,
  .radar-weapon {
    font-size: 8px;
  }
  
  .radar-marker svg {
    transform: scale(0.8);
  }
}