📁
    點擊/拖曳圖片至此處，或直接 Ctrl+V 貼上
    💡 提示：單張圖片大小限制為 5MB。為了維持系統即時同步的順暢度，上傳時系統會自動進行輕量化壓縮。
    📁
    或點擊/拖曳本地影片檔至此（限制 10MB，支援大檔自動壓縮）
    💡 提示：影片大小上限為 10MB（支援 100MB 影片自動壓縮）。較大影片請上傳至 YouTube 或 Google Drive 後貼上連結分享。
    🧠

    專注力遊戲大廳

    等待老師發起專注力活動... 請保持此頁面開啟喔！

    💡 互動白板使用說明：
    1. 可以將您的文字、圖片、網頁連結貼到白板上
    2. 白板放大/縮小：雙指在螢幕擴張/捏合（或電腦 Ctrl + 滑鼠滾輪）
    3. 白板平移/工具滑動：雙指在白板上拖曳平移，或點選「🖐️ 手掌工具」單指拖曳；下方工具列可左右滑動切換更多工具（電腦：按住空白鍵或滾輪拖曳）

    📚 教師專屬建置與連線指南

    只需要 3 分鐘簡單 4 步驟，立刻為您的班級建立免費專屬的即時互動白板！

    1 建立免費的 Firebase 即時資料庫專案
    1. 前往 Firebase 主控台 🔗，登入您的 Google 帳號。
    2. 點選「+ 新增專案」，輸入班級名稱（例如：my-class-whiteboard），一路點選「繼續」完成建立：
      步驟1-1
      步驟1-2
      步驟1-3
      步驟1-4
    3. 建立完成後，在左側選單點選「資料庫和儲存空間」 ➔ 「Realtime Database」：
      步驟1-5 選單導覽
    4. 點選頁面中的「建立資料庫」按鈕：
      步驟1-6 建立資料庫
    5. 資料庫位置建議選擇 新加坡 (asia-southeast1)，點選「下一步」：
      步驟1-7 選擇位置
    6. 安全規則選擇「以測試模式啟動」，最後點選「啟用」：
      步驟1-8 以測試模式啟動
    2 貼上防護安全規則 (徹底避免系統警告信)
    1. 在 Realtime Database 頁面上方，點選 規則 (Rules) 頁籤。
    2. 點擊下方按鈕一鍵複製防護規則：
      步驟2-2 貼上位置
    3. 清空頁面原本內容，將複製的規則貼上，最後點選右上角的「發布 (Publish)」即完成設定！
      步驟2-3 按下發布
    3 複製您的資料庫 URL 網址
    1. 切換回 資料 (Data) 頁籤。
    2. 在頁面頂部會看到一串以 https:// 開頭的資料庫網址，點選該網址右側的「複製」按鈕：
      步驟3-2 複製資料庫網址
    ⚡ 步驟 4：產生班級專屬連線網址與 QR Code
    🛠️ 進階：自行託管並綁定專屬網站
    1. 下載本白板專案的完整原始碼：⬇️ 點此下載原始碼 (.zip)（或至 GitHub 原始碼頁面 查看）。
    2. 打開 js/firebase-config.js，將 firebaseConfig 內的預設設定值取代為您自己的 Firebase 專案設定值。
    3. 儲存檔案後，將整個資料庫目錄拖曳至 Netlify Drop 完成免費網站架設，即可擁有專屬網址。
    您已進入管理員模式

    🔄 系統重設

    💾 課堂記錄備份管理

    ⏱️ 倒數計時管理

    分鐘