feat: 關於頁改為五步驟平台導覽流程並更新算力說明（#83）

[bestian]

Closes #83

摘要

• 五步驟導覽取代三階段循環：About.vue「我們怎麼運作？」改為直向流程（關注議題 → 建立客觀討論基礎 → 參與討論 → 分享觀點 → 意見綜整），步驟間有連接線與箭頭。
• 每步一張圖：新增 src/components/AboutFlowIllustration.vue，五張 inline SVG 插圖，顏色走 Tailwind fill-*／stroke-* token utilities，暗黑模式自動跟隨；aria-hidden，純裝飾。
• 「功能研發中」標示：步驟 3 的「對其他人的意見進行投票」、步驟 5 的「意見綜整器（Sensemaker）報告」掛徽章；步驟 5 第一段「綜整回說明頁」對應已上線的志願者再彙整。
• 文案改寫：「有一件事我們很堅持」改為「讓閒置算力變成公共資源」（設計社群守則，並用AI進行投稿審查 #29 之後平台已會呼叫審查模型，舊文案「不呼叫任何 AI API」已不實）；結尾「歡迎到 GitHub 專案提 Issue 和 PR」做成真實連結。
• i18n：新增 abt_step4_*／abt_step5_*／abt_step3_wip_note／abt_step5_wip_note／abt_wip_badge 等 key，zh-TW／en 雙檔同步；headForAbout description 同步改為五步驟。
• AGENTS.md：補 在"關於"頁面建立平台導覽流程說明 #83 進度表，並在「樣式」一節記錄一項實測發現（見下）。

值得注意

HTML 殼（src/ssr/render.ts）目前只載入 /styles.css，client build 從 SFC 抽出的 CSS（public/assets/style-*.css）沒有任何地方引用，所以 <style scoped> 在正式環境不會生效。本 PR 因此把流程版型放進 src/styles/app.css 的 @layer components，並在 AGENTS.md 加上提醒。若日後想改為把抽出的 CSS 接進 HTML 殼，另開 issue 處理。

驗證

• vp check --no-fmt 零錯誤（lint + 型別）
• vp test 91／91 通過（含 l10n key 同步）
• vp run build 成功；public/styles.css 已隨 commit 更新
• 本機 dev server 打 /about：SSR 含五個步驟、新文案與 GitHub 連結，舊「三個階段」文案已移除；/about.html 仍 301 到 /about
• 五張插圖已以光／暗兩種配色渲染成 PNG 目視確認
• 尚未在真實瀏覽器開整頁確認 hydration console 無警告，merge 前建議目視一次

🤖 Generated with Claude Code

https://claude.ai/code/session_01P8bPqqqt2XEmiva38RjuxH