Quiet, premium dark interface — 深炭梅紫底色、克制梅紫品牌色、glint 微光互動
A calm dark system where restraint reads as luxury.
展示標題用襯線負責第一印象，控制項與內文一律切回 Inter（hover 轉純白實線底線），保證可讀性。技術性內容用 JetBrains Mono 等寬字型。
Hover 觸發 glint：邊框轉亮梅紫 + 三層微光陰影，過渡 0.2s ease-out，無彈跳無縮放。
卡片只比畫布亮一階，靠色階差表示抬升，陰影只在互動時才出現。
1px 邊框、16px 圓角 — 幾何規矩到近乎克制，讓內容本身安靜地浮現。
Hover 邊框轉亮梅紫並浮出 glint 微光，確認可互動而不喧嘩。
系統裡唯一會「發光」的地方 — hover 或鍵盤 focus 時三層 glint 陰影同時浮現，數字用 IBM Plex Serif 放大展示。
| 色彩 | Hex | 角色 |
|---|---|---|
| 底層炭黛 | #13111A | Canvas — 全站共用底色 |
| 梅殼灰 | #181621 | 卡片、面板抬升層 |
| 暗梅紫 | #42344B | Primary — 主按鈕、品牌強調 |
| 亮梅紫 | #5A4869 | Hover、glint 光暈色源 |
| 霧化鼠尾草綠 | #5FA88A | Semantic — Success |
| 霧化琥珀 | #C99A57 | Semantic — Warning |
| 霧化玫瑰紅 | #B4636E | Semantic — Danger |