@charset "UTF-8";
/* 光束定位容器 */
.light-beam {
  position: absolute;
  /* === 位置控制 === */
  left: 54.2%;
  top: 66%;
  transform: translate(-50%, -50%);
  /* === 大小控制 === */
  width: 45vw;
  /* === 動畫控制 === */
  --beam-speed: 2.4s;
  --beam-delay: 0s;
  z-index: 5;
  pointer-events: none;
  /*
    容器保持顯示
    不再做淡入淡出，避免和圖片遮罩動畫互相打架
  */
  opacity: 1;
  /*
  只保留微微浮動
  如果不要浮動，可以整段 animation 拿掉
  */
}

.house-light-beam-set {
  position: absolute;
  /* === 位置控制 === */
  left: 29.5%;
  top: 70.85%;
  transform: translate(-50%, -50%);
  /* === 大小控制 === */
  width: 46.99996875vw;
}
.house-light-beam-set img {
  display: block;
  width: 100%;
  height: auto;
}

.house-light-beam {
  position: absolute;
  /* === 位置控制 === */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* === 大小控制 === */
  width: 100%;
  /* === 動畫控制 === */
  --beam-speed-1: 6.4s;
  --beam-delay-1: 1s;
  pointer-events: none;
  /*
    容器保持顯示
    不再做淡入淡出，避免和圖片遮罩動畫互相打架
  */
  opacity: 1;
  /*
  只保留微微浮動
  如果不要浮動，可以整段 animation 拿掉
  */
}
.house-light-beam img {
  display: block;
  width: 100%;
  height: auto;
  /*
  初始完全遮住
  動畫每輪從 0% 播到 100%
  下一輪會自動回到 0%
  */
  clip-path: inset(100% 0 0 0);
  transform-origin: bottom center;
  /*
  0 → 100 循環播放
  infinite 會在每輪結束後自動回到 0%
  */
  animation: housebeamRevealLoop var(--beam-speed-1) cubic-bezier(0.18, 0.8, 0.25, 1) var(--beam-delay-1) infinite;
  /*
  加強發光感
  如果圖片本身已經很亮，可以降低 filter
  */
  filter: drop-shadow(0 0 12px rgba(255, 180, 40, 0.7)) drop-shadow(0 0 32px rgba(255, 150, 20, 0.45));
}

/* 圖片本體 */
.light-beam img {
  display: block;
  width: 100%;
  height: auto;
  /*
  初始完全遮住
  動畫每輪從 0% 播到 100%
  下一輪會自動回到 0%
  */
  clip-path: inset(100% 0 0 0);
  transform-origin: bottom center;
  /*
  0 → 100 循環播放
  infinite 會在每輪結束後自動回到 0%
  */
  animation: beamRevealLoop var(--beam-speed) cubic-bezier(0.18, 0.8, 0.25, 1) var(--beam-delay) infinite;
  /*
  加強發光感
  如果圖片本身已經很亮，可以降低 filter
  */
  filter: drop-shadow(0 0 12px rgba(255, 180, 40, 0.7)) drop-shadow(0 0 32px rgba(255, 150, 20, 0.45));
}

/* 光束：0% 到 100%，下一輪自動回到 0% */
@keyframes beamRevealLoop {
  0% {
    clip-path: inset(100% 0 0 0);
    transform: scale(0.98);
  }
  100% {
    clip-path: inset(0 0 0 0);
    transform: scale(1);
  }
}
/* 光束：0% 到 100%，下一輪自動回到 0% */
@keyframes housebeamRevealLoop {
  0% {
    clip-path: inset(100% 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
/* 微微浮動 */
@keyframes beamFloat {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    transform: translateX(-50%) translateY(-8px) scale(1.02);
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
}/*# sourceMappingURL=light.css.map */