## Why

目前 UI 雖然乾淨，但整體偏冷色（藍紫漸層 + 灰白），使用者反映「太機械、不夠舒服」。
另外行事曆每日只用一顆 indigo 小點呈現有事件，必須點進去才看得到內容，導致使用者在月覽時得來回切換才能掌握當日行程；而新加入的 `category`（工作 / 個人 / 重要特殊）欄位也未充分發揮視覺辨識的價值。

最後，整個首頁三張卡片（行事曆 / 待辦 / 對話紀錄）目前以 8:4 + 全寬寫死，無法依使用者習慣調整重要性與佔比。

## What Changes

1. **配色換成「暖白 + 奶米 + 木質粉橘」基底**：移除 `from-indigo-50 to-blue-100` 主漸層，主背景改為米白漸層；強調色從深紫 → 杏桃／焦糖；保留紫色僅作為「今日」與主要按鈕。
2. **行事曆每日格直接顯示行程標題**：每格最多顯示 2 條（含標題截斷），超出時顯示 `+N` 摘要；標題以 category 顏色作為左側 4px 邊條 + 淺底色 chip。
3. **Category 視覺系統**：在 globals.css 中以 CSS Variables 定義 3 組色（WORK / PERSONAL / IMPORTANT），月曆、Day list、Flex Message 共用同一組值。
4. **三卡片可調整佈局**：引入 4 種預設 layout preset（行事曆置中／行事曆左大／三欄等寬／單欄堆疊），由 header 切換並存到 localStorage。每張卡片內部不變，但 grid 外殼動態調整。
5. **行事曆密度模式**：新增「緊湊 / 舒適」切換，緊湊模式下每格顯示更多行程但字體較小；針對手機自動切回堆疊單欄。

## Capabilities

### New Capabilities
- `calendar-inline-events`: 月曆格內顯示行程標題（含 category 顏色與時間摘要），點擊仍可進入 Day List 編輯。
- `dashboard-layout-preset`: 首頁三卡片提供可切換的版面 preset，使用者偏好存入 localStorage。
- `theme-warm-palette`: 全域配色換成暖色基底，並以 CSS variables 暴露 category 與 accent 色，方便日後再調。

### Modified Capabilities
- `calendar-month-view`: 既有月曆從「indigo 單點 + 數字」升級為「最多 2 條 inline chip + 計數溢位」；需要寫 delta spec。
- `event-day-list`: Day List 配色從 indigo 統一色改為 category 色，需要 delta spec。

## Impact

- 影響檔案：
  - `app/page.tsx`（layout preset / 響應式 grid 框架）
  - `app/globals.css`（暖色 palette + category CSS variables）
  - `components/EventList.tsx`（月曆 inline 行程、Day List 配色、密度切換）
  - `components/TaskList.tsx`（次要配色更新、留白）
  - `components/ChatLog.tsx`（次要配色更新）
- API 不需動；DB schema 不需動（category 已於前次變更加上）。
- 風險：行事曆格內顯示文字會壓縮直橫間距，需在 5 行佈局／6 行佈局／手機尺寸下實測；溫色 palette 與 Holiday 紅字可能太接近，需重新挑「重要特殊」顏色避免衝突。