行銷展示區塊元件

路線圖泳道板：Now / Next / Later 三欄泳道版面，項目卡以 shared layout 動畫在欄間晉升搬移，各欄含狀態色帶與數量徽章，支援唯讀展示或互動拖曳兩種模式。

案例卷宗版面：卷宗式案例研究頁版面：左側 sticky 指標欄（ROI、留存等數字）隨右側長文滾動到對應章節時逐一點亮並滾動計數，全幅 pull-quote 區塊定期打斷雙欄節奏形成呼吸感。

接線盤整合區塊：錄音室接線盤隱喻的整合展示區：左側是產品的輸出埠、右側是整合服務插孔網格，hover 或拖曳時 SVG 纜線帶垂墜鬆弛的物理曲線插入插孔並亮起指示燈。

排隊等候區塊：遊戲化 waitlist 區塊：提交 email 後翻轉顯示你的隊列號碼與前方人潮的視覺化隊伍，複製推薦連結後可看到自己的位置以插隊動畫即時前移。

鎖屏景深主視覺：主視覺採「大字級標題被去背主體局部遮擋」的鎖定畫面景深構圖，捲動時主體、標題與背景以不同速率分離產生真實深度。

關卡地圖區塊：區塊內是一條蜿蜒穿過多欄內容節點的遊戲關卡路徑，捲動時一枚標記沿 SVG 路徑前進，抵達節點時該站內容彈出、旗幟升起並留下已完成印記，適合 onboarding 與課程大綱。

成就獎盃牆：成就以玻璃櫃網格陳列，未解鎖為暗色剪影，解鎖時獎盃從底座升起並掃過一道高光與輕量紙屑，hover 可 3D 端詳並顯示取得條件與進度條。

藍圖流程區塊：工程藍圖風格的 how-it-works 版面：方格紙底上每個步驟是一個帶編號的標註工位，滾動時虛線引線、尺寸標註與剖面符號以 SVG 描邊動畫依序繪出。

規格標籤區塊：營養標示風格的產品規格區塊：粗細規則線構成的黑白表格排版呈現功能與數值，滾入視窗時逐列蓋章浮現，任一列可展開顯示註解與佐證連結。

里程碑解鎖量表：全幅進度區塊：液面／色塊隨數據或滾動上升充滿整個 section，每越過一個門檻刻度，對應的里程碑卡片即彈出解鎖並亮起。

天平比較版面：雙欄比較版面架在一座天平上，使用者把功能籌碼勾進左右任一側時，兩欄依累計權重物理下沉與翹起、支點槓桿同步傾斜，最後停在反映實際差距的角度。

版本更新時間軸區塊：版本徽章、類型籤條、進場動畫

含即時搜尋過濾與分類籤的常見問題手風琴區塊

用量滑桿即時試算月費的互動定價區塊，方案自動推薦

方案功能對照表：sticky 首欄與表頭、差異列高亮、勾叉動畫