Checkpoint 要做什麼
只驗證本主題責任，不偷渡其他答案。
本主題檔案：files/style.css
定位：在 Styles 確認 background 使用 var(--surface)，不是另一個固定色碼。
Checkpoint · code-edit
用途型 CSS token
只驗證本主題責任，不偷渡其他答案。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
卡片使用 var(--surface)，根 scope 提供 #fff；未套 alternate-surface。
預期看到
runtime 的 background-color 由 rgb(255, 255, 255) 變 rgb(217, 238, 243)，元件宣告仍為 background:var(--surface)。
:root{--surface:#fff;--text:#17324d}.card{background:var(--surface);color:var(--text)}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：提供一張可觀察字型、色彩與背景的服務卡片。style.css
呈現層：依 Starter／Checkpoint／Solution 展示本堂 CSS 差異。main.js
驗收輔助：按鈕後讀取 Computed Style、計算對比並列出尚未通過條件。
證據：runtime before=rgb(255, 255, 255)、after=rgb(217, 238, 243)、property=background-color
前往 Solution →