什么是全局样式？

全局样式是一段作用于整个创作内容的 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 属性

小提示

• 全局样式只需定义一次，无需在每条消息中重复
• 建议将常用的容器、文字风格、颜色变量等统一在全局样式中定义