什麼是開場白？

開場白是使用者進入對話時看到的第一條訊息，由創作者預先編寫。它不是 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，實現打字機效果、淡入淡出、粒子背景等
資料預設：將使用者的選擇作為變數，帶入後續的對話邏輯中

靜態的開場白讓人入戲，而互動式的開場白讓人忘記這是一個故事。

敬請期待。

小提示

如果同一個 class 在局部樣式和全域樣式中都有定義，局部樣式優先
通用的容器、字型、顏色建議放在全域樣式中統一管理，開場白特有的效果用局部樣式處理

什麼是開場白？ ​

內容支援 ​

樣式管理 ​

局部樣式 ​

全域樣式 ​

即將開放 JavaScript 支援 ​

小提示 ​