/* 萬平企業｜最新消息內頁進場動畫（獨立版） */

:root {
  --nd-motion-duration: 760ms;
  --nd-motion-ease: cubic-bezier(.22, 1, .36, 1);
}

/* JS 完成標記後才隱藏，避免 JS 未載入時內容消失 */
html.nd-motion-ready .nd-reveal {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity var(--nd-motion-duration) var(--nd-motion-ease),
    transform var(--nd-motion-duration) var(--nd-motion-ease);
  transition-delay: var(--nd-delay, 0ms);
  will-change: opacity, transform;
}

html.nd-motion-ready .nd-reveal.nd-from-left {
  transform: translate3d(-36px, 0, 0);
}

html.nd-motion-ready .nd-reveal.nd-from-right {
  transform: translate3d(36px, 0, 0);
}

html.nd-motion-ready .nd-reveal.nd-scale-up {
  transform: translate3d(0, 22px, 0) scale(.97);
}

html.nd-motion-ready .nd-reveal.nd-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

/* 影片與相關報導進場時維持乾淨、穩定的視覺 */
.news-detail .youtube-video.nd-reveal,
.news-detail .related-card.nd-reveal {
  transform-origin: 50% 60%;
}

@media (max-width: 767px) {
  html.nd-motion-ready .nd-reveal.nd-from-left,
  html.nd-motion-ready .nd-reveal.nd-from-right {
    transform: translate3d(0, 24px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.nd-motion-ready .nd-reveal,
  html.nd-motion-ready .nd-reveal.nd-from-left,
  html.nd-motion-ready .nd-reveal.nd-from-right,
  html.nd-motion-ready .nd-reveal.nd-scale-up {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ====================================
手機版：上一篇／返回列表／下一篇
避免淡入位移造成按鈕重疊
==================================== */

@media (max-width: 768px){

    .news-nav{
        display:flex;
        flex-direction:column;
        gap:15px;
    }

    .news-nav .nav-btn{
        width:100%;
        flex:none;
    }

    /* 手機版按鈕只做淡入，不做上下位移 */
    html.nd-motion-ready .news-nav .nav-btn.nd-reveal,
    html.nd-motion-ready .news-nav .nav-btn.nd-from-left,
    html.nd-motion-ready .news-nav .nav-btn.nd-from-right{
        transform:none !important;
    }

    html.nd-motion-ready .news-nav .nav-btn.nd-visible{
        transform:none !important;
    }

}