# 國中數學 2-2【最大公因數與最小公倍數】手帳塗鴉筆記學習單 (真・純視覺圖解版)

本單元依照「方法 B：手繪手帳塗鴉圖解 ＋ 國中適性視覺雙軌鷹架 ＋ 20 小區塊獨立滿版對焦」最高標準規範建置，適用於國中一年級上學期數學 2-2 單元。

針對使用者「避免文字說明過多、強化視覺化說明」之核心要求，本版本徹底重構：
1. **圖片層面**：淘汰純文字排版，改採「實體幾何模型、漫畫隱喻、視覺天平與路牌」。
2. **HTML 鷹架層面**：淘汰 `• ...` 純文字條列，全面植入「可互動視覺化組件（實體 4x3 磁磚網格、電梯井道樓層卡、高低積木擂台、黃金 L 型管道、雙向分流木牌、溢出糖果調味罐）」。

---

## 📁 資料夾內容

1. **`115-1-一年級【2-2】手帳塗鴉筆記學習單-教師版.html`**
   - **互動點按答案**：內建互動式翻牌空格，預設隱藏解答（顯示「點我看解答」），點擊個別空格或點擊右側工具列「👁️ 全部解答」可平滑翻牌顯示紅色答案。
   - **教學引導小撇步**：各主題下方附有專門針對初學者與基礎概念建立同學的解題鷹架（磁磚鋪設隱喻、挑矮小次方口訣、三數短除法落單照抄警告、解題指南針等）。
   - **列印自動展開**：列印或轉 PDF 時自動以紅色清晰字體展開所有答案。

2. **`115-1-一年級【2-2】手帳塗鴉筆記學習單-學生版.html`**
   - **清晰書寫空白格**：預留充足書寫／填答空間，適合學生在教室隨堂練習、自主學習或回家作業。
   - **學習小秘笈**：提供學生自主複習時的圖像記憶要點與運算口訣。

3. **`images/` (核心真・手繪圖卡庫 - 100% 繁體中文，零英文，零豆腐塊)**
   - `theme1_gcd_and_coprime.png`：主題一【幾何磁磚鋪滿圖解（4x3 磁磚陣列 + 尺寸標註尺規） ＋ 互質雙城堡吊橋閘門（城堡 8 與城堡 9，只有鑰匙 1 能開門）】
   - `theme2_finding_gcd.png`：主題二【短除法透明電梯大樓（左側獨立紅色升降井 + 底層互質停止閘門） ＋ 標準分解式積木高低擂台（挑矮個子積木，垃圾桶丟棄獨行俠）】
   - `theme3_finding_lcm.png`：主題三【短除法黃金 L 型巨型管道兜底網（帶溜滑梯落單數字） ＋ 博愛收納寶箱（收集所有出現過的最高次方寶石） ＋ 兩數宇宙守恆平衡天平】
   - `theme4_word_problems.png`：主題四【實體十字路口雙向木質指示牌（左箭頭切碎變小 ➔ GCD；右箭頭同時發車變大 ➔ LCM） ＋ 餘數魔法糖果罐（多 3 倒掉、缺 1 補齊）】

---

## 🎨 核心功能與互動設計

1. **小區塊獨立滿版劇院對焦模式 (Sub-block Focus Mode - 全單元 20 個獨立小區塊)**：
   - 每個區塊右上方均配備獨立 **「🔍 放大」按鈕**：
     - **重點標題 (.section-header)**：獨立放大為大字體標題與核心提示引導。
     - **手繪圖解 (.col-visual)**：獨立放大為 **76vh 滿版大特寫**，圖卡細節與手繪註解一目了然。
     - **解題步驟卡 (.scaffold-card)**：獨立放大為大字體視覺鷹架卡片，大班投影不吃力。
     - **即時練習區 (.practice-box)**：獨立放大為滿版題目測驗區。
   - 支援鍵盤 **`ESC` 鍵** 或點擊深色背景快速退出。

2. **解題步驟區「純文字條列」全面升級為「真實視覺化圖解組件 (Visual Graphical Widgets)」**：
   - **主題一**：實體 4 欄 × 3 列 6cm 彩色磁磚網格板（含頂部 24cm 尺規與左側 18cm 尺規） ＋ 互質雙城堡吊橋對照圖 ＋ 相鄰整數必互質秒殺牌。
   - **主題二**：短除法透明電梯大樓（左側電梯井 + 各樓層大廳 + 地面層互質停止柵欄） ＋ 標準分解式 3 座積木高低擂台（挑 2²、挑 3²、垃圾桶丟棄 5 與 7）。
   - **主題三**：橙色黃金 L 型管道包圍網（標示滑梯照抄下來的 5） ＋ 博愛收納箱 4 顆皇冠寶石卡 ＋ 兩數宇宙守恆平衡天平。
   - **主題四**：實體十字路口雙向木質路牌（往左切碎變小 ➔ GCD；往右同時出發變大 ➔ LCM） ＋ 溢出 3 顆糖果罐（-3）與不足 1 顆餅乾盒（+1）。

3. **右側 54px 直立式懸浮教學工具列 (Slim Vertical Dock)**：
   - 位於畫面右側置中，不遮擋任何教材核心內容與算式。
   - 支援滑鼠拖曳頂部「⋮⋮」按鈕自由微調垂直高低位置。
   - 內建 **✏️ 電子畫筆**、**4 種精選顏色**（鉛筆黑、批改紅、重點藍、螢光黃重點標示）、**粗細切換（細 3px / 粗 8px）**、**🧹 橡皮擦**、**🗑️ 一鍵清除畫布**、**👁️ 全部解答（教師版）**、**🖨️ 列印學習單**。
   - 右下角備有 **🎨 圓形按鈕**，可隨時展開或收合工具列。

4. **全螢幕手寫解題畫布 (Fullscreen Whiteboard Canvas)**：
   - 支援觸控螢幕、手寫筆或滑鼠直接在學習單上劃記關鍵字、畫跳跳小數點或計算。

5. **成效評估與反思星級評分**：
   - 內建 1~5 顆星互動點擊發亮評分機制，讓學生自我檢討學習成就感。