🎨 Core Palette
🖍️ Highlighter Set
螢光筆五色只當背景標記用，永遠搭配墨色文字。
螢光黃 #FDE68A
螢光綠 #BBF7D0
螢光粉 #FBCFE8
螢光藍 #BAE6FD
螢光紫 #DDD6FE
✍️ Typography
H1 — Caveat + LXGW WenKai TC · 700 · 2.8rem
AI 到底在幹嘛 What is AI doing?
H2 · 2rem
先搞懂三個名詞 LLM · Agent · Token
H3 · 1.5rem
把 AI 當成一位很會查資料的實習醫師
Body — LXGW WenKai TC · 18px · line-height 1.9
楷書字型讓中文正文與手寫標題同屬一個世界。連結是麥克筆藍，hover 有波浪底線；行內強調用半高螢光筆畫線；指令用 JetBrains Mono 等寬字型。
🔘 Buttons
Hover：rotate(-1deg) + 3px 硬陰影 — 像一張紙被抬起一角
🏷️ Tags & Badges
推薦
替代方案
實驗性
進階
Step 1
3
🗂️ Workshop Cards
📝 Copyable Prompt
🎨 衛教圖提示詞
請幫我畫一張衛教圖：主題是「正確洗手五步驟」，
風格為手繪塗鴉、溫暖友善，適合診間張貼，
文字使用繁體中文，重點步驟用螢光筆標記。
頂部藍白條紋 + 右上角螢光黃複製鈕，複製成功轉螢光綠
💬 Callout Boxes
AI 幻覺就像一位過度自信的實習醫師 — 答不出來時不會說「我不知道」，而是編一個聽起來很合理的答案。
提示詞越具體，結果越穩定。把「幫我寫衛教單」改成「幫我寫一份給 65 歲以上糖尿病患者的足部照護衛教單，小學閱讀程度」。
⚠️ 絕對不要
把病人的姓名、病歷號、檢驗報告原文直接貼進公開的 AI 工具 — 這是個資外洩。
✅ 安全做法
先去識別化：把「王小明，45歲男性」改成「一位中年男性病患」，再請 AI 協助。
📋 Table of Contents
📖 Color Reference
| 色彩 | Hex | 角色 |
|---|
| 麥克筆藍 | #49B6E5 | Primary — 連結、提示詞標籤 |
| 墨水藍 | #263D5B | Secondary — 浮水印、深色強調 |
| 代針筆墨 | #111827 | 文字、框線、硬陰影 |
| 稿紙米 | #FEFCF3 | 畫布底色 |
| 螢光黃 | #FDE68A | 主要強調、推薦標籤、highlight |
| 螢光綠 | #BBF7D0 | 類比框、替代標籤、成功回饋 |
| 成功綠 | #16A34A | Semantic — 成功、pro 清單 |
| 危險紅 | #DC2626 | Semantic — 警告框、con 清單 |