訊號：ARTWAY 的網站設計系統

• 全域CSS 的 animation／transition 壓成 0.001ms、只播一次；顆粒隱藏；不建立平滑捲動（Lenis），維持原生捲動。c.cssSmoothScroll
• 直接顯示結果標題、段落、數字直接是最終狀態，照片直接清楚；導覽選單直接展開，不播進場；換頁不溶解，換主題瞬間換色。RevealSplitTitleTextFillScrambleCounterScanRevealNavRouteFXThemeToggle
• 跑馬燈改成靜態排版不跑、不複製：每一項可以折行，各列平均分配，每一項都完整看得到；窄螢幕上大多一項一列時，改成靠左的上下清單。Marquee
• 不跟游標自訂游標、磁吸、視差關閉，保留系統游標；首頁平台卡不傾斜也不反光，案例頁與團隊頁的放大鏡不出現，虛擬展間主視覺的視角固定。CursorMagneticParallaxTiltLensPortraitvirtual/Hero
• 影片不自動播放循環影片停在封面或一格完整的畫面，不建立影片的 WebGL 效果；主視覺不收合，媒體直接滿版。SignalMediaLoopVideoTourScreenHeroCardExpandMedia
• 畫布停格不跑循環，只在進入視窗、尺寸、主題或進度改變時畫一格：展廳停在成形的畫面、不擺動、不跟游標；線上展覽頁「四個階段」的 3D 圖停在目前階段，隨捲動換一格；聲波的播放頭停在中間（分段的停在目前那一段）；文稿畫面直接是完成狀態。PointRoomScanRoomStageSceneWaveformStageMedia
• 跳轉瞬間到位回到頂端、分類清單與各頁的段落按鈕直接跳到位置：behavior: "auto"，有 Lenis 時 immediate。BackToTopStickyListAudienceRailProcessStagesHalls

已知例外（2026-10-22 檢查程式碼）

PinScrubVideoDeck

釘住段落的捲動敘事、捲動影片與疊卡跟著讀者自己的捲動：讀者握著播放頭，停手就停

測試：Chrome 開發者工具 → Rendering → Emulate CSS media feature prefers-reduced-motion。內容不能只靠動畫才讀得到。

新動畫只動 transform、opacity、clip-path、filter，不動寬高與 left／top（SVG 描線的 stroke-dashoffset 可以）。已知例外：自訂游標的尺寸，與幾個頁面的進度線、長條。

≤4

每頁 WebGL桌機與手機兩套版面都有 WebGL 時，用 useMedia(MD) 只渲染一套；本章 0 個。

600

px 內才建立SignalMedia 距視窗 600px 才建 WebGL、載影片；ScrubVideo 800px；圖片 loading="lazy"。

≤2

DPR 上限PointRoom 1.75；卸載時釋放 context，每次掛載新建。

IO

看不見就停rAF 迴圈與影片離開視窗即暫停（IntersectionObserver，讀最後一筆）。

transform

不重排版面已知例外（仍會改動版面屬性）：自訂游標 Cursor（width／height）、home/Process、services/Steps、services/AddOns（left／top、width）、gotour/Panels、group-plan/Demos（transition: width）。SVG 描線的 stroke-dashoffset 只重畫、不重排（2026-10-22 檢查程式碼）。