body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: url(../image/border5.jpg); /* 替换路径 */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.container {
  position: relative;
  width: 1350px;        /* 地图固定宽度 */
  height: 1000px;        /* 地图固定高度（按比例调整） */
  margin: 30px auto;    /* 居中 */
  border: 2px solid #444;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  background-color: white;
  overflow: hidden;
}

/* 地图图像 */
.map-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* 按钮样式 */
.location-button {
  position: absolute;
  padding: 6px 10px;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  background-color: rgba(0, 123, 255, 0.8);
  color: white;
  cursor: pointer;
}

/* 示例按钮位置 */
#loc1 { top: 470px; left: 920px; }
#loc2 { top: 210px; left: 920px; }
#loc3 { top: 340px; left: 150px; }
#loc4 { top: 390px; left: 650px; }
#loc5 { top: 410px; left: 950px; }
#loc6 { top: 330px; left: 990px; }
#loc7 { top: 450px; left: 700px; }
#loc8 { top: 380px; left: 690px; }
#loc9 { top: 380px; left: 850px; }
#loc10 { top: 480px; left: 600px; }
#loc11 { top: 210px; left: 550px; }
#loc12 { top: 350px; left: 900px; }
#loc13 { top: 390px; left: 380px; }
#loc14 { top: 430px; left: 1000px; }
#loc15 { top: 650px; left: 830px; }
#loc16 { top: 260px; left: 1030px; }
#loc17 { top: 420px; left: 580px; }
#loc18 { top: 400px; left: 500px; }
#loc19 { top: 150px; left: 590px; }
#loc20 { top: 350px; left: 570px; }
#loc21 { top: 470px; left: 1030px; }
#loc22 { top: 230px; left: 1100px; }
#loc23 { top: 500px; left: 1100px; }
#loc24 { top: 470px; left: 1085px; }

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 2px solid #333;
  border-radius: 10px;
  padding: 10px;
  z-index: 999;
  display: none;
  text-align: center;
}

.popup img {
  width: 300px;
  height: auto;
}

.popup button {
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #dc3545;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}