/* 1. 防止 fixed-top 導覽列遮擋頁面內容 */
body {
  padding-top: 54px;
  /* 讓 body 成為一個垂直的 Flex 容器，並至少撐滿整個螢幕高度 */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

/* 2. 全站客製化主題樣式 */
.bg-lab {
  background-color: #285671;
}

.border-nav {
  border-bottom: 4px solid #288aec;
}

/* 3. 輪播圖滿版樣式（若沒用到可直接刪除） */
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center / cover;
}

/* 讓 main 自動伸展，佔據所有剩餘空間 */
main {
    flex: 1 0 auto;
}

/* 確保 footer 不會被壓縮 */
footer {
    flex-shrink: 0;
}