什么是开场白？

开场白是用户进入对话时看到的第一条消息，由创作者预先编写。它不是 AI 生成的回复，而是你精心设计的"第一幕"——用来设定场景、引入角色、营造氛围，引导用户自然地进入互动。

一个好的开场白，能让用户在第一秒就被吸引，清楚地知道自己身处什么样的故事中，接下来可以做什么。

内容支持

开场白支持 纯文本 以及 HTML5 标签与 CSS3 样式，可以实现丰富的排版与视觉效果。

对于样式部分，建议优先使用局部样式或全局样式来管理，而不是直接在标签上堆叠内联样式。局部样式和全局样式不会发送给 AI，不会产生 Token 消耗；而内联样式会随内容一起发送，每条消息都在消耗额外的 Token。

在开场白内容中，通过标准的 HTML 结构来引用样式：

✅ 推荐：使用 class 引用样式

html

<div class="scene">
  <b>夜幕降临，城市的霓虹灯在雨水中化成一片模糊的光。</b>
  <br>你推开那扇半掩的门，酒吧里传来低沉的爵士乐。
</div>

❌ 不推荐：直接堆叠内联样式

html

<div style="background:#1a1a2e;padding:12px 16px;border-radius:8px;color:#eee;line-height:1.8;">
  <b>夜幕降临，城市的霓虹灯在雨水中化成一片模糊的光。</b>
  <br>你推开那扇半掩的门，酒吧里传来低沉的爵士乐。
</div>

两者效果相同，但内联写法会随内容发送给 AI，每次都消耗额外 Token，且难以统一维护。

样式管理

开场白提供两种样式配置入口：

局部样式

局部样式直接在样式编辑器中编写 CSS，仅对当前开场白生效，不会影响其他内容。适合为某个开场白定制独特的视觉效果。

css

.scene {
  background: #1a1a2e;
  padding: 12px 16px;
  border-radius: 8px;
  color: #eee;
  line-height: 1.8;
}

.highlight {
  color: #f0c040;
  font-weight: bold;
}

全局样式

在全局样式中定义的规则，对所有聊天内容统一生效，包括开场白、AI 回复和用户消息。适合整个创作内容的统一视觉风格。

JavaScript 支持

开场白中的代码块会渲染成真正可交互的网页，支持 JavaScript 交互逻辑：

选项分支：根据用户的点击，呈现不同的开场画面或氛围
动态动画：结合 CSS 与 JS，实现打字机效果、淡入淡出、粒子背景等
填入台词：通过 setChatInput 把选项文本填入输入框，由用户确认发送
切换开局：通过 setChatMessages 在多个开场白版本之间切换

静态的开场白让人入戏，而交互式的开场白让人忘记这是一个故事。

代码块的写法与运行环境见什么是代码块？；全部可用函数见什么是开放能力？。

小提示

如果同一个 class 在局部样式和全局样式中都有定义，局部样式优先
通用的容器、字体、颜色建议放在全局样式中统一管理，开场白特有的效果用局部样式处理

什么是开场白？ ​

内容支持 ​

样式管理 ​

局部样式 ​

全局样式 ​

JavaScript 支持 ​

小提示 ​