讓資料變成作品卡片

起始檔複製到自己的student-work/L09/portfolio，保留正常原件。
附works.html、完整CSS與六筆卡片，讓Cursor內建AI將資料搬到projects.js。每筆保留圖片、alt、摘要與首筆長網址，id必須不同。
親手在陣列末端加一筆photo-03：雨後街角、分類攝影、圖片assets/work-layout.jpg（960×640）、alt「深綠底與亮綠圓形的教學版面素材，作為雨後街角攝影頁示意」、摘要「虛構攝影主題的內容整理練習，使用既有設計圖示意，不冒充實拍。」。只加資料，不另貼卡片HTML。
儲存重新整理，應有七筆。閱讀一筆物件、建立DOM、replaceChildren與render的關係；使用者資料以textContent放入。
下一份Prompt加入標題搜尋與全部／品牌／網站／攝影按鈕。搜尋trim、不分英文大小寫；分類與搜尋必須同時符合。
實測：全部＋空白=7、品牌=2、網站=2、攝影=3、網站＋晨光=1、攝影＋晨光=0、不存在關鍵字=0。切分類仍保留已輸入關鍵字。
故障包另存fault-L09。先重現網站＋晨光出現多筆，再給AI七筆資料、事件、filter與實際筆數。只修&&／||錯誤，不改資料湊答案。
手機與桌面各試一次，Tab看焦點、Enter開正確服務頁。清除按鈕與手機選單下一堂才加；不要額外要求登入、購物或API。

Prompt需在Cursor附完整檔案；ChatGPT備援重新貼內容。未做AI或Git操作記待完成。