對於熱愛健身的人來說，能一眼看見整個月「哪幾天有練」以及「練了多少」絕對是最有成就感的事！每次健身完，看著自己今天的總重量加起來幾千甚至一萬，心中的成就感就會被無限放大!

今天要把原本單純的日期切換，升級成一個直觀且強大的「健身日曆 (Workout Calendar)」。這本日曆不僅能讓你點選查看前幾天的詳細訓練內容，更酷的是，它會直接在日期格子上顯示該日的「總訓練重量（容量）」

用自然語言寫出帶有數據的互動日曆
AI Prompt:

我的 Vibe Fitness PWA 已經串接好 Firebase Firestore，資料庫內存有每次訓練的動作、重量 (kg)、次數 (reps) 以及時間戳記 (timestamp)。請幫我完成以下「健身日曆」的實作：
日曆 UI 渲染： 請用 HTML、CSS 與 Vanilla JS 生成一個當月的月曆視圖 (Calendar View)。包含星期標頭與對應日期的格子，並包含切換上/下個月的按鈕。外觀請配合深色賽博龐克風（#121212 背景，#00FFAA 強調色）。
資料加總與顯示： 請寫一段邏輯，從 Firestore 撈取該月份的所有訓練紀錄，將同一天的「重量 $\times$ 次數」全部加總起來，算出每日的「總重量 (Total Volume)」。請將這筆總重量數字，直接顯示在日曆上對應的日期格子內。
點擊互動： 當使用者點擊日曆上的某一天時，請在日曆下方的清單區塊中，渲染出該日所有的詳細訓練紀錄（包含每一組的動作名稱、單組重量與次數）。

輸出結果: