html, body {
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100dvh;
  backdrop-filter: grayscale(100%);
  -webkit-backdrop-filter: grayscale(100%); /* Safari 兼容 */
  pointer-events: none; /* 讓滑鼠點擊穿透，不影響網頁互動 */
  z-index: 30; /* 置於一般內容之上 */
}

#footerLogoDevB {
  position: relative;
  z-index: 31;
}
#homeModal::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100dvh;
  backdrop-filter: grayscale(100%);
  -webkit-backdrop-filter: grayscale(100%);
  pointer-events: none;
  z-index: 30;
}
.modal-wrap {z-index: 29 !important;}