什麼是全域樣式？

全域樣式是一段作用於整個創作內容的 CSS，對所有聊天內容生效——包括開場白、AI 回覆以及使用者的每一條訊息。

為什麼需要全域樣式？

全域樣式不會發送給 AI，因此無論你寫了多少 CSS 規則，都不會產生任何 Token 消耗。

在沒有全域樣式的情況下，如果你想讓內容呈現統一的視覺風格，就需要在每一段 HTML 中重複寫內聯 style 屬性。這些內聯樣式會隨著內容一起發送給 AI，每一條訊息都在消耗額外的 Token。

舉個例子，同樣實現一個帶有背景、邊框、字型、間距的卡片容器：

內聯寫法（每次都要重複，且隨訊息發送給 AI）：

<div style="background-color:#1a1a2e;padding:12px 16px;border-radius:8px;color:#eee;font-size:14px;line-height:1.6;border:1px solid #3a3a5c;margin-bottom:8px;font-family:Georgia,serif;letter-spacing:0.5px;">
  內容
</div>

使用全域樣式後（class 寫法，樣式不發送給 AI）：

<div class="card">內容</div>

僅這一個容器，內聯寫法約消耗 45～50 個 Token，class 寫法僅需 4～5 個 Token。

假設一次完整對話中出現 20 個這樣的容器：

方式	單個容器 Token	20 個容器	累計 50 輪對話
內聯樣式	~47 Token	~940 Token	~47,000 Token
全域 class	~5 Token	~100 Token	~5,000 Token

全域樣式可以將這部分消耗減少約 90%，對話輪數越多，節省越顯著。

支援完整 CSS3

全域樣式支援完整的 CSS3 語法，包括：

• 選擇器（class、標籤、後代、偽類等）
• 變數（--var）
• 動畫（@keyframes、transition、animation）
• 彈性排版（flex）
• 媒體查詢（@media）
• 以及所有其他標準 CSS3 屬性

小提示

• 全域樣式只需定義一次，無需在每條訊息中重複
• 建議將常用的容器、文字風格、顏色變數等統一在全域樣式中定義