編輯圖表設計
生成清晰、可發表的圖表，作為單一自包含的 HTML 檔案（內嵌 SVG + CSS）。嚴禁使用通用的深青色發光、預設的 Mermaid 版面配置或對角連接線。
視覺 DNA 與色彩調色盤
- 紙張（背景）：
#f5f5f5（平面畫布）。 - 墨水（文字與主要筆觸）：
#2d3142。 - 柔和（次要文字與標準線條）：
#4f5d75。 - 邊框與分隔線：
rgba(45, 49, 66, 0.12)。 - 強調色（瓶頸/關鍵焦點）：
#eb6c36（珊瑚/陶土色；每個圖表最多 1–2 個焦點節點）。 - 外部/鬆散邊界： 虛線筆觸（
stroke-dasharray="4,4"）。
字體排版（Google 字型）
在 HTML 標頭中嵌入：
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet">
- 圖表標題：
Instrument Serif，28px，正常粗細。 - 節點名稱：
Geist（無襯線），12px，粗細 600。 - 子標籤與中繼資料：
Geist Mono，9px（連接埠、協定、批次間隔）。 - 連接器徽章/眉毛文字：
Geist Mono，7–8px，大寫，字距調整（letter-spacing: 0.08em）。
SVG 幾何與佈局標準
- 4px 格線規範： 所有座標（
x、y）、尺寸（width、height）、內邊距與間距必須為 4 的倍數。 - 僅限正交連接器： 嚴禁在偏離軸心的節點之間繪製對角斜線。每個彎折必須是帶有圓角（
r=8）的直角肘形。嚴格保留直線<line>僅用於共享相同軸線的節點。 - 遮罩連接器徽章： 將協定/資料標籤（例如
CSV、XLSX、LOAD）放置在填滿#f5f5f5（rx=2）的不透明<rect>內。在標籤與線條筆觸之間保持 6px–10px 的可見間距，使標籤永不切穿箭頭。 - 區域與功能容器： 將步驟分組為寬廣的欄位/區域（例如
COLLECTION、PROCESSING、DISSEMINATION）。使用 1px 邊框（rgba(45,49,66,0.12)）、圓角（rx=8）以及在左上角放置一個大寫等寬字型標題標籤。 - 節點層級：
- 標準： 填滿
#ffffff，筆觸#2d31421px，圓角半徑 6px（rx=6）。 - 瓶頸/痛點： 填滿
#fbeee8（rgba(235,108,54,0.08)），筆觸#eb6c36。 - 外部： 透明或白色填滿，虛線邊框（
stroke-dasharray="4,4"）。
- 標準： 填滿
- 水平底部圖例： 在圖表節點下方放置一條水平圖例條，並以全寬的極細分隔線隔開。
結構性 SVG 範本
在撰寫 SVG 之前，請載入 references/template.md（標記、區域、連接器、遮罩徽章、節點方塊）。