🟣 多來源查詢 + 過濾 + 課表互動範例

往「真實查課系統」方向邁進的一步。下面提供一個 可同時顯示多個查詢 iframe + 條件過濾 + 課表互動 的完整版本。

🌈 功能說明

✅ 可同時開啟多個查詢來源（例如英語授課＋通識課＋X-Class）
✅ 各查詢來源各自嵌入 iframe（可換成真實 NTHU 查課系統頁面）
✅ 可設定過濾條件（星期 / 節次 / 關鍵字）動態篩選課程顯示
✅ 點 iframe 裡的課程 → 自動加入課表（跨 iframe postMessage）
✅ 點課表內課程 → 移除
✅ 響應式介面：窄螢幕上下、寬螢幕左右

若要與「真實清大課程查詢頁」結合，可：

1. 將 iframe.src 改成實際查課系統連結（例如各查詢條件頁的 URL）。

2. 在子頁（iframe 內）使用 JS（或 userscript）監聽課程點擊事件後 postMessage 給父頁（即可加入課表）。