這樣的設計邏輯是「條件交集」（AND filter）型複選篩選系統，比分層更直覺：使用者只要勾選自己要的條件，系統就會即時在 iframe 中顯示同時符合所有條件的課程。

下面是一份可執行 HTML 範例，可直接放在你的清大課務組網頁中（桌機、手機皆適用）。
✅ 支援多條件複選
✅ 自動顯示目前已勾選的標籤
✅ 即時篩選更新 iframe
✅ 響應式版面（手機會自動換成上下排列）

🔧 你可依需求修改的部分