h1. 背景

頭部放大對話框（Head Zoom Dialog）原本使用手繪幾何 SVG 區塊（viewBox 150×180），視覺風格與已升級為真實 PNG 的主人體圖不一致，且解剖區域定位不夠精確。

h1. 需求

將頭部放大圖升級為真實照片 face.png 搭配 SVG 透明疊加層，與主人體圖採用相同的混合渲染架構¶

11 條 SVG 路徑取代舊版手繪區塊，涵蓋：額頭、左右眼、鼻子、口腔、左右耳、左右臉頰、下巴、頸部¶

座標系統為 485×509¶

口腔區域保留可點擊放大功能（開啟口腔子對話框）¶

建立獨立的 face_overlay.svg 檔案供參考與除錯使用¶

h1. 修改範圍

• frontend/src/components/body-map/BodySvgPaths.tsx — HEAD_VIEWBOX、HEAD_ZONES
• frontend/src/components/SoftTissueTab.tsx — 頭部放大對話框混合渲染
• frontend/public/face_overlay.svg（新增）
• frontend/public/face.png（新增）