 // c:\Users\ghghg\OneDrive\Desktop\dooil\script.js &#8212; V4
document.addEventListener('DOMContentLoaded', () => {


  // 式式 1. 蟾晦 煎註 箔 擁棲詭檜暮 式式式式式式式式式式式式式式式式
  setTimeout(() => document.body.classList.add('loaded'), 100);


  // 式式 2. ヰ渦 蝶觼煤 饜旋 式式式式式式式式式式式式式式式式式式式式式式式
  const header = document.getElementById('siteHeader');
  const onScroll = () => {
    header.classList.toggle('scrolled', window.scrollY > 60);
  };
  window.addEventListener('scroll', onScroll, { passive: true });
  onScroll();


  // 式式 3. Hero 蝸塭檜萄澗 式式式式式式式式式式式式式式式式式式式式式式式
  const slides = document.querySelectorAll('.slide');
  const dots = document.querySelectorAll('.dot');
  let current = 0;
  let timer;


  function goTo(index) {
    slides[current].classList.remove('active');
    dots[current].classList.remove('active');
    current = index;
    slides[current].classList.add('active');
    dots[current].classList.add('active');
  }


  function next() { goTo((current + 1) % slides.length); }


  function startAuto() { timer = setInterval(next, 5000); }
  function stopAuto() { clearInterval(timer); }


  startAuto();


  dots.forEach(dot => {
    dot.addEventListener('click', () => {
      stopAuto();
      goTo(+dot.dataset.slide);
      startAuto();
    });
  });


  // 式式 4. Intersection Observer (Reveal 擁棲詭檜暮) 式
  const revealEls = document.querySelectorAll('.reveal');
  const io = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('is-visible');
        io.unobserve(e.target);
      }
    });
  }, { threshold: 0.12 });


  revealEls.forEach(el => io.observe(el));


  // 式式 5. ɛ橫煎 播暮擎 闊衛 ォ衛 式式式式式式式式式式式式式式式式
  document.querySelectorAll('.hero .reveal').forEach(el => {
    el.classList.add('is-visible');
  });


  // 式式 6. 睡萄楝遴 操醴 蝶觼煤 式式式式式式式式式式式式式式式式式式
  document.querySelectorAll('a[href^="#"]').forEach(a => {
    a.addEventListener('click', e => {
      const target = document.querySelector(a.getAttribute('href'));
      if (!target) return;
      e.preventDefault();
      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
  });


});