用 AI 把你的簡歷
做成炫酷動態視頻

// 把下方「我的信息」部分替換成你的簡歷數據，然後把整段發給 Claude

請幫我製作一個炫酷的動態簡歷展示網頁（單個 HTML 文件）。

【技術要求】
- 全屏背景使用 WebGL Ray Marching 體積光線效果（Prismatic Burst 風格）
  核心：44步體積光線行進，GPU逐像素計算，mat3旋轉+有機扭曲
- 鼠標移動時顯示流體動力學特效（Navier-Stokes 流體模擬）
  鼠標移動產生彩色流體漩渦，點擊噴射更強烈的流體
- GSAP 文字動畫：所有字母用純 2D 動畫（y + scale + opacity）
  不要用 rotationX，不要用 CSS 3D transform
- 每個場景用 display:none / display:flex 控制，確保場景之間絕對不疊加
- 全部寫在一個 HTML 文件，不依賴外部資源（字體除外）

【頁面結構】
開場：全黑啟動畫面，中間「▶ START」按鈕，點擊後：
  1. 啟動畫面淡出消失
  2. WebGL 背景光效開始
  3. 流體鼠標特效激活
  4. 如果提供了 BGM 文件名，同時播放背景音樂
  5. 按順序自動播放以下場景

【場景時序】
場景1（0–5s）：姓名大字從下方彈入（scale 0.6→1 + y偏移），
              細線橫向拉開，職位副標題逐字浮現，最後整體淡出
場景2（5–9s）：技能三行依次從下方淡入，最後整體淡出
場景3（9–12s）：數字一佔全屏（小標題 → 超大數字 → 說明文字），淡出
場景4（12–15s）：數字二佔全屏，同上結構，淡出
場景5（15–18s）：數字三佔全屏，同上結構，淡出
場景6（18–23s）：三個項目行式排版依次從右側滑入
場景7（23–27s）：姓名再次浮現 + Slogan + 副標題，最後輕微發光脈動

【我的信息 — 替換這部分】
姓名：靜電
英文名/拼音：JING DIAN
職位：AI產品經理 / 產品總監
年資：18年

技能行1（青藍色）：Agent · RAG · GraphRAG
技能行2（白色）：Text2SQL · 上下文工程
技能行3（灰色）：從0到1 · ToB/ToC · 現場交付

數字1：68%→91%
數字1眉標：工單分類準確率
數字1說明：政務AI · 民聲辦 · 百萬級工單

數字2：¥800萬+
數字2眉標：重點項目合同規模
數字2說明：消費醫療AI · 青衿智能體

數字3：2萬+
數字3眉標：AI私域服務規模
數字3說明：1000+ 微信群 · 7×24h

項目1名稱：青衿
項目1描述：企業對話智能體 · 40+ Skills · 消費醫療全鏈路
項目1金額：¥80萬

項目2名稱：民聲辦
項目2描述：政務工單助手 · 百萬級訓練 · RAG+小模型
項目2金額：¥200萬/年

項目3名稱：案頭
項目3描述：桌面工作智能體 · 非技術用戶 · 零端口
項目3金額：自研中

Slogan：不只是想法 · 更是能落地的產品
副標題：AI PRODUCT MANAGER · 18 YEARS · HANGZHOU
BGM文件名：科技bgm.mp3（沒有就寫「無」）

【視覺風格】
- 背景純黑 #000
- 主文字：白色
- 強調色：oklch(80% 0.22 195)（青藍色）
- 數字顏色：數字1用綠色，數字2用金色，數字3用青藍色
- 字體：Arial Black 加粗，中文用系統黑體
- 右下角有「↺ REPLAY」按鈕可重播，重播時音樂也從頭開始

請直接輸出完整的 HTML 文件代碼，不要分段，一次給完。