/* 大觀 2026 捲動浮現動態（老大 2026-10-27：「增加動態，像箴擎那樣」）。
   數值照箴擎（jc-aed）參考站 AOS：文字／區塊上滑 30px＋淡入、600ms ease、同一列依序錯開 .1s；
   圖片不淡入，用 clip-path 由上往下揭開 700ms（圖一直在底下，跟箴擎的圖片動態同一個節奏）。
   隱藏的起始狀態只有在 custom/theme.js 啟動後（html.dg-mo）才生效：沒 JS、後台畫布編輯、
   系統設了「減少動態」＝這份 CSS 完全不套用，內容一律直接顯示。第一屏已經看得到的內容不播動態、也不會被藏起來。 */
html.dg-mo .dg-up { transition: opacity .6s ease, transform .6s ease; }
html.dg-mo .dg-up:not(.is-in) { opacity: 0; transform: translateY(30px); }
html.dg-mo .dg-wipe { transition: clip-path .7s ease; }
html.dg-mo .dg-wipe:not(.is-in) { clip-path: inset(0 0 100% 0); }
/* 捲回上面重置時不倒著播（theme.js 加 no-anim，下次進來拿掉再加 is-in） */
html.dg-mo .dg-rv.no-anim { transition: none !important; }
@media (max-width: 767px) {
  html.dg-mo .dg-up:not(.is-in) { transform: translateY(20px); }
}
@media (prefers-reduced-motion: reduce) {
  html.dg-mo .dg-up, html.dg-mo .dg-wipe { transition: none; }
  html.dg-mo .dg-up:not(.is-in) { opacity: 1; transform: none; }
  html.dg-mo .dg-wipe:not(.is-in) { clip-path: none; }
}