Checkpoint 要做什麼
只驗證本主題責任，不偷渡其他答案。
本主題檔案：files/style.css
定位：在 Computed 先讀 box-sizing，不先任意減少 width。
Checkpoint · code-edit
base／reset
只驗證本主題責任，不偷渡其他答案。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
卡片使用 content-box；fixture 另保留 max-width:100% 的媒體基底與可見 focus 規則。
預期看到
runtime 的 box-sizing 由 content-box 變 border-box；base fixture 同時保留 body spacing reset、img max-width 與按鈕 focus。
*,*::before,*::after{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
首頁入口：建立唯一 h1、main、Hero、服務摘要與服務頁 CTA。style.css
共用樣式：觀察 page-shell、hero、primary-button、focus 與窄版 media query。main.js
預寫驗收腳本：所有頁面都能安全載入，學生不修改本檔。services.html
服務頁入口：提供 CTA 的真實相對路徑目標，沒有 status/action 也不會造成 JS 錯誤。
證據：runtime before=content-box、after=border-box、property=box-sizing；窄版圖片外框不超過父容器
前往 Solution →