feat: 完成 H 群組 — 網頁對話介面（第一個可實際使用的垂直切片）

- POST /chat/:characterId：正式對外對話端點，DialogueService 補上情緒標記與親密度
  累積（每輪對話走完整管線：標記情緒→檢索記憶→組裝→生成→過濾）
- POST /session/:sessionId/end：觸發睡眠固化
- NestJS 啟用 CORS（WEB_ORIGIN，預設 http://localhost:3100），本清單第一次有瀏覽器直接呼叫 api
- apps/web/app/chat：對話頁面（ChatView 用戶端元件），電腦雙欄／行動單欄同一份 RWD 程式，
  立繪半身像置頂佔 40% 為行動版背景層
- 情緒晶片＋親密度數字顯示，跟著每輪回應即時更新
- 動作描寫標記（＊…＊）以暮空紫小字獨立呈現，與台詞區分
- HeartbeatWave 元件：載入時由左至右畫出、親密度決定振幅、通知紅點心跳脈動，
  皆尊重 prefers-reduced-motion；首頁與對話頁共用同一元件
- 色票換成 wiki 主視覺提案頁的完整 token 組（含官方深色模式數值）
- scripts/smoke/H.mjs：端到端驗證對話 API 狀態變化、session 結束固化、頁面結構標記；
  另以 Playwright + headless Chromium 實際開瀏覽器驗證桌面／行動版面、送出訊息、
  動作標記渲染，過程無 console 錯誤

npm run restart && npm run smoke -- H 皆通過（H-V），A~G 群組冒煙測試無回歸。

apps/web/app/page.tsx

@@ -1,24 +1,20 @@
+import Link from "next/link";
+import { HeartbeatWave } from "../components/HeartbeatWave";
+
 export default function Home() {
   return (
     <main className="flex flex-1 flex-col items-center justify-center gap-8 p-8">
       <h1 className="text-4xl font-bold tracking-wide">
         心音 <span className="text-[var(--color-heartbeat-pink)]">Kokorone</span>
       </h1>
-      <svg
-        viewBox="0 0 400 100"
-        className="w-full max-w-md text-[var(--color-heartbeat-pink)]"
-        role="img"
-        aria-label="心跳波形"
+      <HeartbeatWave amplitude={60} className="w-full max-w-md text-[var(--color-heartbeat-pink)]" />
+      <Link
+        href="/chat"
+        className="rounded-full px-6 py-2 text-sm font-bold text-white"
+        style={{ background: "var(--accent-bright)" }}
       >
-        <polyline
-          points="0,50 60,50 80,50 95,15 110,85 125,50 160,50 180,50 195,25 210,75 225,50 400,50"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="3"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
+        開始聊天
+      </Link>
     </main>
   );
 }