雜誌編輯版面元件

引線圖說系統：編號圖說沿圖片邊欄縱向排列，每則以 SVG 引線連至圖中對應細節點，進場時引線逐條描繪、編號依序點亮，hover 圖說時對應區域聚焦、其餘畫面壓暗。

旁註文章版式：Tufte 式邊註閱讀版面：正文主欄搭配固定比例旁註欄，內文上標編號以細線連至對應旁註，捲動至該段時旁註淡入並與正文同步高亮，窄螢幕自動降級為行內展開註。

封面故事主視覺：雜誌封面構圖 hero：刊名以影像遮罩壓在主體人像後方、封面標語沿四角安全區排布、含期號與條碼細節，滑鼠移動時刊名/主體/標語以不同深度視差，捲動時封面線逐條飛出讓位內文。

訪談對話版式：雜誌訪談版面：問句以窄欄粗體靠左、答句以寬欄襯線靠右交錯落版，超大引號錨定版面，捲動時當前發言者標記沿邊欄滑動、問答依序浮現。

點線目錄頁：書籍目錄版式：章節標題與頁碼之間的點狀引線於進場時逐點延伸連上編號，hover 條目時引線加粗、對應預覽縮圖自邊欄浮現，點擊平滑捲動跳至對應區塊。

書眉頁碼列：書籍書眉系統：sticky 細列左側顯示當前章名、右側顯示依捲動位置換算的「頁碼」，跨章時章名以翻頁式翻轉切換、頁碼連動遞增，中央可選配書名或閱讀進度細線。

抽言浮出：捲動至段落時，指定句子從行內原位以 FLIP 動畫「抽出」放大為跨欄 pull quote（附引號與分隔線），原段落即時重排補位，回捲時句子退回原文位置。

直排跨頁版面：以 CSS writing-mode 建構的中日文直排編輯版面：直排大標與正文欄自右向左流動、橫排引文與圖片穿插其間，進場時直欄逐行自上而下顯影，並支援水平捲動推進欄序。

章節式報告框架：年報／白皮書式頁面骨架：左側 sticky 章節導軌自動由內容生成、巨型章節數字跨章交叉淡出、章與章之間以全幅色塊過場，並附閱讀進度標記。