/* 重置基本樣式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  overflow-x: hidden; /* 只隱藏水平滾動 */
  overflow-y: auto; /* 允許垂直滾動 */
}

.image-container {
  position: relative;
  width: 100vw;
  min-height: 100vh; /* 改為最小高度，允許內容超出 */
  overflow: visible; /* 允許內容溢出 */
}

/* 桌面版圖片樣式 */
.desktop-image {
  width: 100%;
  height: auto; /* 改為自動高度，保持圖片比例 */
  display: block;
}

/* 手機版圖片樣式 */
.mobile-image {
  width: 100%;
  height: auto; /* 改為自動高度，保持圖片比例 */
  display: none;
}

/* 響應式設計 - 手機版 */
@media screen and (max-width: 768px) {
  .desktop-image {
    display: none;
  }

  .mobile-image {
    display: block;
  }
}

/* 響應式設計 - 平板版 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .desktop-image {
    display: block;
  }

  .mobile-image {
    display: none;
  }
}