Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/style.css
定位：在 Computed 讀第二個 section 的 margin-block-start，先記錄目前是否屬於 spacing scale。
Solution · code-edit
區塊間距節奏
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
第二個 section 使用任意 13px margin-block-start。
預期看到
runtime 的 margin-block-start 由 13px 變 32px；其他相同層級 section 使用同一 token。
:root{--space-sm:.5rem;--space-md:1rem;--space-lg:2rem}.page-section+.page-section{margin-block-start:var(--space-lg)}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
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=13px、after=32px、property=margin-block-start
回到主題說明