用難一點的內容檢查網站

1. 下載起始檔，正常來源另存。先在320／390／768／1280px確認第7堂成果。
2. 取得本堂壓力素材，親手把第一張標題改成「小型工作室品牌與網站作品整理計畫讓手機平板桌面都能清楚閱讀每一項服務資訊」。保留摘要主旨與角色，兩段圖像描述依替換素材更新。
3. 第一張換直幅stress-portrait.png（600×900），第二張換橫幅stress-landscape.png（1200×500），一併更新尺寸、如實alt與兩段圖像描述：第一張「這張直幅教學圖以紫色文字區塊與綠色幾何圖形練習資訊排列。」；第二張「這張橫幅教學圖以左右並排的幾何圖形練習內容比例。」；兩張仍以4:3 contain完整顯示。
4. 在第一張新增參考網址文字：https://example.com/projects/QinghePortfolioContentReviewAndResponsiveDesignPracticeReferenceWithoutActualClientClaims2026。這是example.com的教學字串，不當成真實作品網址。
5. 在四尺寸填「欄位／預期／實際／證據」。標題正常換行及圖片留白不是故障；先找真正超出的段落。
6. Cursor內建AI附works.html、完整styles.css、素材尺寸與觀察，第一份Prompt先產測試表不改檔；第二份才限定.work-reference換行。
7. 對照Computed確認只修網址段落；不要刪長標題、縮小整頁、截字或隱藏body溢出。
8. 正常版保留，故障包另放fault-L08。320px看到長標題不換行後找white-space來源，只移除注入區塊。
9. 重驗六張內容、三頁導覽、Tab／Shift+Tab焦點及Enter服務入口。保存版本與待完成項；不自動記通過。

ChatGPT為備援，需要重新提供檔案內容與證據。資料與圖片保留本機，不跨目錄引用正常網站。