與 Gemini 結伴編程，實踐身心靈健康管理
1. 儲存 HTML 網頁：貼上代碼，檔名設定為 index.html。
2. 儲存工作紙為 PDF：完成所有反思後，點擊下方按鈕直接下載 PDF。
3. 上傳並繳交：將檔案上傳至 Google Drive 並提交表格。
設計一個充滿活力的介面，包含運動畫面及計數器。
你是一位網頁前端工程師。請使用 HTML5 和 Tailwind CSS 設計一個單一網頁。畫面分成兩半：左邊是 <video> 和 <canvas> 用於顯示相機畫面；右邊設計一個醒目的「深蹲計數器」和一個「教練正向回饋」的文字區塊。整體風格需要充滿活力（可使用橙色或亮藍色）。請提供完整的 HTML 檔案代碼。
開啟視像鏡頭，讓 AI 能夠「看見」你。
在剛才的 HTML 加入 JavaScript，透過 navigator.mediaDevices.getUserMedia 開啟相機並在 <video> 中顯示畫面。請確保代碼完整整合在一個 HTML 中。
引入 MediaPipe Pose 追蹤人體的 33 個關鍵關節。
在 HTML 中引入 Google MediaPipe Pose 模組的 CDN 腳本。加入 JavaScript 邏輯，當偵測到人體動作時，在 <canvas> 上繪製出骨架連線與關節點。
利用 Y 坐標變化來計數，並給予充滿溫度的鼓勵。
請加入深蹲計數邏輯：取得臀部(Hip)和膝蓋(Knee)的 Y 坐標。當臀部的 Y 坐標大於膝蓋的 Y 坐標（代表蹲下），記錄狀態為 down；當站起時，計數器 +1 並更新畫面數字。另外，當完成一次深蹲，在教練回饋區隨機顯示一句正向鼓勵，例如『做得好！』、『堅持下去，你很棒！』。返回最終完整代碼。