🤖 AI市集網站建設計畫書

三角生態的硬體入口。實現「AI設備 → 課程學習 → 技能變現」全鏈路閉環。用戶買了設備 → 設備預裝 WorkBuddy → 開機即學課程、即做技能、即變現。

差異化價值：不是普通電商，而是「變現工具提供者」。用戶買的不是硬體，而是「變現能力」。

平台	核心功能	AI市集的協同
AI市集（新建）	銷售AI硬體設備、售後服務	為課程和技能廣場輸送「有設備、能實操」的用戶
AI Work for Me（現有）	教授技能製作方法	為AI市集硬體提供「學習場景」，提升設備使用價值
技能廣場（workskm）	技能交易、變現	為AI市集硬體提供「變現場景」，形成「買設備→賺錢」閉環

AI市集 → 技能廣場：
✅ 設備詳情頁「生態權益包」標註「送技能廣場個人店鋪」
✅ 商城首頁展示「高算力需求技能」推薦卡片
✅ 設備包裝內含技能廣場兌換碼

技能廣場 → AI市集：
✅ 技能廣場標註「⚡高算力需求技能」，提示「推薦使用專業款AI電腦」
✅ 技能詳情頁連結至 AI市集相應設備
✅ Hero 區生態CTA：「設備不夠強？看看這裡→」

AI市集 → 課程：
✅ 首頁 CTA：「立即購買→免費學3小時課程→上架技能賺錢」
✅ 設備詳情頁「生態權益包」標註「送AI Work for Me課程」
✅ 設備包裝內含課程兌換卡

課程 → AI市集：
✅ aiworkforme 課程中「需要高算力實操」的章節，插入 AI市集設備購買連結
✅ Hero 區生態CTA連結至 AI市集
✅ 購買設備後享「專屬課程答疑群」

✅ aiworkforme 課程大綱中「技能廣場應用」章節連結至 workskm
✅ workskm 技能上架說明頁嵌入 aiworkforme 課程連結
✅ 課程畢業後自動獲得「技能廣場新手禮包」（免費上架費）

三站 Nav 完全一致，分為三大區：

生態核心區	品牌展示區	個人中心區
AI市集（新建站） 技能廣場（workskm） AI Work for Me（aiworkforme）	🦞 WorkBuddy 點擊返回當前站首頁	個人中心 ▼ 我的資產 / 我的設備 / 訂單中心 / 幫助中心

技術要求：Nav 高度 48px，深色半透明背景（rgba(10,26,26,0.95)）+ backdrop-filter: blur(10px)，滾動時固定。Logo 置中，生態核心三站按鈕使用品牌綠色（#00c896），hover 效果為半透明綠色背景。個人中心使用下拉選單。

專案名：`aimarket`（或 `ai-market`，需測試底線可用性）
部署 URL：https://aimarket.pages.dev

Phase 1 檔案結構：

aimarket/
├── index.html          ← 首頁：生態聯動Banner + 硬體產品區 + CTA
├── devices.html        ← 設備商城首頁：分類導航 + 產品卡片格
├── detail.html         ← 設備詳情頁（通用模板，URL參數切換）
├── about.html          ← 關於/生態說明
├── knowbase/
│   ├── index.html      ← 資源中心首頁
│   └── memodata.html   ← 備忘數據
├── manifest.json       ← 設備數據（名稱/價格/配置/權益）
└── .wb-config.json     ← 部署配置

在實裝 AI市集站點之前，先完成三站 Nav 統一（因為 Nav 會影響所有頁面）：
優先：先完成 workskm Nav 統一（#67 P0-1），再同步至 aiworkforme/upwholistics
Nav 設計：見上方「三、統一頂層導航體系」章節
注意：遵循 MEMORY.md「nav 禁止整段覆蓋」原則，aiworkforme 原有學生 nav 需保留核心（課程內容等）

頂部 Banner：
- 主標語：「買AI設備，直接開啟技能變現」
- 核心 CTA：「立即購買 → 免費學3小時課程 → 上架技能賺錢」
- 聯動入口：展示「AI電腦+課程」組合套餐

硬體產品核心區（三大產品線）：

產品線	目標用戶	核心配置	生態權益
入門創作款	技能新手、兼職創作者	32GB記憶體+基礎NPU	送AI Work for Me課程+技能廣場個人店鋪
專業生產款	全職技能開發者、工作室	64GB記憶體+高效能NPU	送課程+技能廣場優先審核+企業級技能模板
二手優品/租賃專區	預算有限用戶、短期測試	官方檢測二手/按天租賃	租賃滿30天可抵扣購機款

分類導航：
- 按場景：辦公技能創作 / 設計類技能創作 / 編程類技能創作
- 按算力：基礎款 / 進階款 / 旗艦款
- 按價格：1000元內 / 1000-3000元 / 3000元以上

設備卡片格：產品圖（SVG placeholder）+ 名稱 + 核心配置 + 價格 + 生態權益標籤 + 購買按鈕

使用 URL 參數切換不同設備型號的通用模板：
`detail.html?device=entry` / `detail.html?device=pro` / `detail.html?device=rental`

內容結構：
1. 核心參數：AI算力 / 記憶體 / 存儲 / 預裝系統版本
2. 生態權益包：課程權益 + 技能廣場權益
3. 購買選項：全款購買 / 以租代購 / 企業採購
4. 用戶評價（Phase 2）
5. 相關技能推薦（連結 workskm）

用戶案例：「用入門款AI電腦製作『短影片文案生成』技能，月入4200元」
硬體保障：7天無理由退換 + 2年免費保修 + 系統終身升級
生態聯動提示：所有設備預裝 WorkBuddy 系統，開機即學課程、即做技能

標準化資源中心，包含：
✅ FAQ / 硬體選購指南
✅ 設備使用教程（連結至 aiworkforme 課程相關章節）
✅ 變現案例庫（連結至 workskm 技能廣場）
✅ 規格比較表
✅ 售後服務說明

與其他兩站共用：knowbase/ 目錄結構與 workskm 保持一致

設計統一生態 Nav，實裝至三站。遵循 MEMORY.md「nav 禁止整段覆蓋」原則。

建立 `aimarket` 專案，部署空白首頁框架，確認 URL 可訪問。

「買AI設備，直接開啟技能變現」+ 立即購買→免費學3小時課程→上架技能賺錢

三大產品線（入門款/專業款/二手&租賃）+ 三種分類維度（場景/算力/價格）

核心參數 + 生態權益包 + 購買選項（Phase 2 完善支付）

入門創作款 / 專業生產款 / 二手優品&租賃專區，含配置和生態權益

AI市集 Nav 搜索框：搜設備型號 / 搜配置 / 搜價格區間

標準化結構，與 workskm 資源中心一致的視覺和功能

變現案例展示 / 7天退換+2年保修 / WorkBuddy預裝生態提示

技能廣場標註「⚡高算力需求技能」→ AI市集；課程章節 → AI市集設備連結

我的資產 → workskm；我的設備/訂單中心 → aimarket；幫助中心 → workskm/help.html

aiworkforme 原有學生專用 nav 可能被覆蓋。
對策：嚴格遵守 MEMORY.md「nav 禁止整段覆蓋」原則，先讀取原始 nav，只修改生態核心區，不動學生內容 nav。

三站色彩差異大（紫色 vs 綠色 vs 深藍）。
對策：先統一 Nav / 資源中心 / Footer；各站 Hero/品牌區保留特色，衝突區域協商取最大值。

AI市集是硬體銷售，需要真實貨源和物流。
對策：Phase 1/2 先做 Static 展示頁，支付/物流/庫存系統在 Phase 3（需後端）實現。短期可做「意向登記」表單收集需求。