给阿嬤的情书记忆馆

构建一个纯前端 SPA：《给阿嬤的情书》电影记忆馆。
致敬 2026 电影《给阿嬤的情书》，侨批主题的虚拟博物馆。本轮先把骨架搭起来。

技术栈：Vite + React + react-router-dom + framer-motion + html2canvas。纯前端，无任何后端/外部 API。
字体真从 CDN 加载：
  https://cdn.jsdelivr.net/npm/cn-fontsource-hongleixingshu-regular/font.css → --font-hand
  https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-web@latest/style.css        → --font-kai

Design system（CSS var）：
  --color-bg:             #f5f1e8   暖白宣纸底
  --color-paper:          #fdfaf3   米黄纸卡
  --color-vermilion:      #b34a3a   朱红
  --color-vermilion-deep: #7a2818
  --color-ink:            #1a1410   墨黑
  --color-text:           #2a2118
  --color-text-mute:      #8b7d6b   旧灰
  --color-border:         rgba(120,80,40,0.15)
  --font-hand: "HongLeiZhuoShu","hongleixingshu",serif
  --font-kai:  "LXGW WenKai TC",serif
排版：内容用繁体；汉字数字（一八八〇）；留白要大；单色调 + 朱红为唯一强调色；动效克制。

路由：
  /         序厅 hero
  /hall/1   I · 阿嬤的銀信
  /hall/2   II · 紙短情長
  /hall/3   III · 代筆人
  /hall/4   IV · 過番
  /hall/5   V · 百人千言（本轮占位）
  /hall/6   VI · 銀信局（本轮占位）
  /about    關於

顶部 sticky 导航（半透明米白 + backdrop-blur）：
  序廳 · I 阿嬤的銀信 · II 紙短情長 · III 代筆人 · IV 過番 · V 百人千言 · VI 銀信局 · 關於
  最右侧放一个「平面圖」按钮：点击弹出 SVG 俯视图（八个节点 + 当前厅高亮 + 可跳转）

序厅 hero（/）：
- 全屏双视频轮播：每段 8s 交叉淡入；底部两颗小圆点指示+点击切换；都 muted autoplay loop preload="auto"
    /public/exhibits/hero-letter.mp4  极近景毛笔在红框竖排信纸落墨（你生成）
    /public/exhibits/hero-qiaopi.mp4  红头船自夕阳海面驶离 / 老侨批铺展朱印特写（你生成）
- 视频上方居中：
    毛笔 80px：「給阿嬤的情書 · 電影記憶館」
    楷书 14px 朱红 字距 4px：「影迷致敬版 · 一八八〇 ── 一九四五」
- 视频下方滚动提示：「↓ 進入序廳」呼吸闪烁

序厅引言屏（hero 下方一屏）：
- 引言 楷书 16px 行高 2 max-w 580 居中：
    「她說阿公一直在寫信。
     後來才知道，那些信都是別人代筆的。
     這座電影記憶館，把這部電影裡看不到的細節攤開：
     銀信、批局、代筆人、紅頭船、和一百個曾經過番的影子。」
- 底部三个入口卡（横排）：
    ① 推開門 → /hall/1
    ② 直奔百人牆 → /hall/5
    ③ 替阿嬤寫一封 → /hall/6

Hall I–IV 通用版式（本轮只做主图 + plaque，下一轮再扩子展品）：
- 主图 1:1 居中
- plaque：红框上线动效画出 + 毛笔大字标题 + 楷书正文 + 引语 + 「原型出處」
- 底部「← 上一廳 / 下一廳 →」翻页

Hall I · 阿嬤的銀信
  主图 /public/exhibits/02-exhibit-1.jpg
  主文：阿嬤每月初一去鎮上一趟，從批局先生手裏接過南洋寄來的銀信。
        半個世紀了，她以為那都是阿公親筆。本展品是電影中「銀信」的同款——
        紅框信紙、豎排毛筆、繁體中文，末尾按一枚朱印。
  引语：「她把那封新到的信，疊了又疊，藏進枕頭裡。」
  出处：UNESCO 世界記憶名錄《僑批》，二〇一三年收入。

Hall II · 紙短情長
  主图 /public/exhibits/03-exhibit-2.jpg
  主文：一封僑批的標準結構——紅框包圍正文、豎排書寫、首段稱謂、末段落款、加蓋「銀信」朱印。
        紙短意豐，三五十字寫盡半生牽掛。當時一封僑批代書費不過三五分錢。
  引语：「字，越寫越穩。」
  出处：廣東省檔案館藏僑批文獻；字數限制源自當時批局「十六字內四分錢」計價規則。

Hall III · 代筆人
  主图 /public/exhibits/04-exhibit-3.jpg
  主文：民國時期僑批業中專有一行：代書人。不識字的家眷把心裡話講給先生，由他化作文言寫上信箋。
        電影裡有一位代書人替已故的阿公，替了五十年的筆。寫到她不再去領的那天。
  引语：「這支筆，是你阿公臨終那晚，交給我的。」
  出处：真實僑批業中的「批腳·水客」行業。

Hall IV · 過番
  主图 /public/exhibits/05-exhibit-4.jpg
  主文：「過番」是潮汕話，指渡海到南洋謀生。十九世紀末到二十世紀中，數百萬潮汕、福建男性
        乘紅頭船渡海，多去往泰國、馬來亞、新加坡、菲律賓。
        他們在番邦做苦力，把工錢一兩兩攢起，寫成僑批，寄回家。
  引语：「你欠了一身賭債——有人對你說：你阿公是泰國的華人富豪。」
  出处：紅頭船是清代潮汕通商船隻，因船頭塗朱紅得名。

Hall V / VI 占位页：
- 毛笔 60px 标题（「百人千言」/「銀信局」）
- 楷书 16px 灰：「敬請期待 · 下一展期開放」
- 「↩ 回到序廳」按钮

/about：
  楷书 14px 行高 2：
    「致敬 2026 電影《給阿嬤的情書》。
     本站所有人物與信件均為 AI 文學虛構創作。
     歷史背景參考 UNESCO 世界記憶名錄《僑批》。
     一八八〇至一九四五，潮汕與閩南僑胞與南洋家鄉之間，
     往來信件逾十七萬封。本作品願以一百個虛構的影子，
     致敬其中每一封真實存在過的字。」

构建一个纯前端 SPA：《给阿嬤的情书》电影记忆馆。
致敬 2026 电影《给阿嬤的情书》，侨批主题的虚拟博物馆。本轮先把骨架搭起来。

技术栈：Vite + React + react-router-dom + framer-motion + html2canvas。纯前端，无任何后端/外部 API。
字体真从 CDN 加载：
  https://cdn.jsdelivr.net/npm/cn-fontsource-hongleixingshu-regular/font.css → --font-hand
  https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-web@latest/style.css        → --font-kai

Design system（CSS var）：
  --color-bg:             #f5f1e8   暖白宣纸底
  --color-paper:          #fdfaf3   米黄纸卡
  --color-vermilion:      #b34a3a   朱红
  --color-vermilion-deep: #7a2818
  --color-ink:            #1a1410   墨黑
  --color-text:           #2a2118
  --color-text-mute:      #8b7d6b   旧灰
  --color-border:         rgba(120,80,40,0.15)
  --font-hand: "HongLeiZhuoShu","hongleixingshu",serif
  --font-kai:  "LXGW WenKai TC",serif
排版：内容用繁体；汉字数字（一八八〇）；留白要大；单色调 + 朱红为唯一强调色；动效克制。

路由：
  /         序厅 hero
  /hall/1   I · 阿嬤的銀信
  /hall/2   II · 紙短情長
  /hall/3   III · 代筆人
  /hall/4   IV · 過番
  /hall/5   V · 百人千言（本轮占位）
  /hall/6   VI · 銀信局（本轮占位）
  /about    關於

顶部 sticky 导航（半透明米白 + backdrop-blur）：
  序廳 · I 阿嬤的銀信 · II 紙短情長 · III 代筆人 · IV 過番 · V 百人千言 · VI 銀信局 · 關於
  最右侧放「平面圖」和「時間軸」两个按钮：平面圖弹出 SVG 俯视图（八个节点 + 当前厅高亮 + 可跳转）；時間軸按一八八〇到一九四五的年份串起各展品、点年份跳转

序厅 hero（/）：
- 全屏双视频轮播：每段 8s 交叉淡入；底部两颗小圆点指示+点击切换；都 muted autoplay loop preload="auto"
    /public/exhibits/hero-letter.mp4  极近景毛笔在红框竖排信纸落墨（你生成）
    /public/exhibits/hero-qiaopi.mp4  红头船自夕阳海面驶离 / 老侨批铺展朱印特写（你生成）
- 视频上方居中：
    毛笔 80px：「給阿嬤的情書 · 電影記憶館」
    楷书 14px 朱红 字距 4px：「影迷致敬版 · 一八八〇 ── 一九四五」
- 视频下方滚动提示：「↓ 進入序廳」呼吸闪烁

序厅引言屏（hero 下方一屏）：
- 引言 楷书 16px 行高 2 max-w 580 居中：
    「她說阿公一直在寫信。
     後來才知道，那些信都是別人代筆的。
     這座電影記憶館，把這部電影裡看不到的細節攤開：
     銀信、批局、代筆人、紅頭船、和一百個曾經過番的影子。」
- 底部三个入口卡（横排）：
    ① 推開門 → /hall/1
    ② 直奔百人牆 → /hall/5
    ③ 替阿嬤寫一封 → /hall/6

Hall I–IV 通用版式（本轮只做主图 + plaque，下一轮再扩子展品）：
- 主图 1:1 居中
- plaque：红框上线动效画出 + 毛笔大字标题 + 楷书正文 + 引语 + 「原型出處」
- 底部「← 上一廳 / 下一廳 →」翻页

Hall I · 阿嬤的銀信
  主图 /public/exhibits/02-exhibit-1.jpg
  主文：阿嬤每月初一去鎮上一趟，從批局先生手裏接過南洋寄來的銀信。
        半個世紀了，她以為那都是阿公親筆。本展品是電影中「銀信」的同款——
        紅框信紙、豎排毛筆、繁體中文，末尾按一枚朱印。
  引语：「她把那封新到的信，疊了又疊，藏進枕頭裡。」
  出处：UNESCO 世界記憶名錄《僑批》，二〇一三年收入。

Hall II · 紙短情長
  主图 /public/exhibits/03-exhibit-2.jpg
  主文：一封僑批的標準結構——紅框包圍正文、豎排書寫、首段稱謂、末段落款、加蓋「銀信」朱印。
        紙短意豐，三五十字寫盡半生牽掛。當時一封僑批代書費不過三五分錢。
  引语：「字，越寫越穩。」
  出处：廣東省檔案館藏僑批文獻；字數限制源自當時批局「十六字內四分錢」計價規則。

Hall III · 代筆人
  主图 /public/exhibits/04-exhibit-3.jpg
  主文：民國時期僑批業中專有一行：代書人。不識字的家眷把心裡話講給先生，由他化作文言寫上信箋。
        電影裡有一位代書人替已故的阿公，替了五十年的筆。寫到她不再去領的那天。
  引语：「這支筆，是你阿公臨終那晚，交給我的。」
  出处：真實僑批業中的「批腳·水客」行業。

Hall IV · 過番
  主图 /public/exhibits/05-exhibit-4.jpg
  主文：「過番」是潮汕話，指渡海到南洋謀生。十九世紀末到二十世紀中，數百萬潮汕、福建男性
        乘紅頭船渡海，多去往泰國、馬來亞、新加坡、菲律賓。
        他們在番邦做苦力，把工錢一兩兩攢起，寫成僑批，寄回家。
  引语：「你欠了一身賭債——有人對你說：你阿公是泰國的華人富豪。」
  出处：紅頭船是清代潮汕通商船隻，因船頭塗朱紅得名。

Hall V / VI 占位页：
- 毛笔 60px 标题（「百人千言」/「銀信局」）
- 楷书 16px 灰：「敬請期待 · 下一展期開放」
- 「↩ 回到序廳」按钮

/about：
  楷书 14px 行高 2：
    「致敬 2026 電影《給阿嬤的情書》。
     本站所有人物與信件均為 AI 文學虛構創作。
     歷史背景參考 UNESCO 世界記憶名錄《僑批》。
     一八八〇至一九四五，潮汕與閩南僑胞與南洋家鄉之間，
     往來信件逾十七萬封。本作品願以一百個虛構的影子，
     致敬其中每一封真實存在過的字。」