/* 地图页面 */
.map-container {
  padding: 50px 0;
  background-color: #1a1a1a;
  min-height: 80vh;
}

.map-container h1 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: var(--mc-green);
}

.map-controls {
  text-align: center;
  margin-bottom: 20px;
}

.map-controls .btn {
  margin: 0 5px;
}

.map-controls .btn.active {
  background-color: var(--mc-dark-green);
  box-shadow: 0 0 10px rgba(61, 140, 64, 0.5);
  border: 3px solid var(--mc-green);
}

.map-frame {
  width: 100%;
  height: 75vh;
  border: 2px solid var(--mc-dark-gray);
  border-radius: 8px;
  overflow: hidden;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .map-frame {
    height: 60vh;
  }
  
  .map-controls .btn {
    display: inline-block;
    margin: 5px 2px;
    padding: 8px 12px;
    font-size: 0.9rem;
  }
}