加入卡片內距
修改檔案：style.css
完成後看見：文字不再貼著卡片邊緣
HTML
把內容整理成清楚結構。
CSS
替結構安排外觀與空間。
排錯
從畫面線索找出問題來源。
CHAPTER 04 · PRACTICE WORKSPACE
完成有留白、邊框與圓角的技能卡片
TASK STATUS
修改檔案：style.css
完成後看見：文字不再貼著卡片邊緣
修改檔案：style.css
完成後看見：每個技能區塊有清楚卡片邊界
修改檔案：style.css
完成後看見：相鄰卡片之間保有一致空隙
WORKSPACE
先確認作品目前能做什麼、還缺什麼，再從 TASK-01 開始修改。
FOCUS TASK · TASK-01
比較：padding 增加內容與邊界的內距，margin 拉開元件與外部的距離；兩者責任不能互換。
現在做：先在 style.css 的 .skill-card 做一次最小對照：只改這個責任並重新整理／操作，接著依「重新整理後觀察文字與卡片四邊的距離。」重跑，記下前後差異。
預期：完成後能觀察到「文字不再貼著卡片邊緣」，並說出padding 增加內容與邊界的內距，margin 拉開元件與外部的距離；兩者責任不能互換。
證據：用前後截圖或口述比較「文字不再貼著卡片邊緣」，指出這個小型實驗如何證明padding 增加內容與邊界的內距，margin 拉開元件與外部的距離；兩者責任不能互換。
比較：先定位文字、內距與卡片邊界，再決定要改哪一層，才能避免空間越修越亂。
現在做：先在 style.css 的 .skill-card 做一次最小對照：只改這個責任並重新整理／操作，接著依「重新整理後觀察文字與卡片四邊的距離。」重跑，記下前後差異。
預期：完成後能觀察到「文字不再貼著卡片邊緣」，並說出先定位文字、內距與卡片邊界，再決定要改哪一層，才能避免空間越修越亂。
證據：用前後截圖或口述比較「文字不再貼著卡片邊緣」，指出這個小型實驗如何證明先定位文字、內距與卡片邊界，再決定要改哪一層，才能避免空間越修越亂。
完成條件：DONE-01：文字不再貼著卡片邊緣
把內容整理成清楚結構。
替結構安排外觀與空間。
從畫面線索找出問題來源。
CONTINUE
前往 Checkpoint 1，依要求完成「加入卡片內距」。