最后一关！给聊天页换身衣服，再配上我的专属音乐。
同一张卡，换个样子，感觉就完全不一样：默认的聊天页，换成樱花粉到兰花紫的渐变气泡、夜空色的输入框。
本关任务
CSS 是衣服
CSS 就像衣服，管颜色、圆角、背景、字体。聊天页的每个部分都能换：聊天背景、角色气泡、输入框。
在角色卡的「CSS / JS」标签页里，「可用入口」列出了能改的地方，比如：
- 聊天背景
- 角色气泡
- 输入框
你不用记这些名字，交给 AI 助手就行。
JS 是小机关
JS 像小机关，能让页面动起来。比如收到叮咚的消息时，顶部弹出一句「叮咚！」。
交给 AI 助手
直接告诉 AI 助手你想要的样子，还能发一张参考图：
- 在 AI 助手里点图片按钮，选一张参考图。
- 选参考方式：整体风格、只参考配色，或者只参考排版。
- 说一句想要的效果。
对 AI 助手说
把聊天气泡改成这个配色，收到消息时弹出「叮咚！」
把聊天气泡改成这个配色，收到消息时弹出「叮咚！」
收到参考图，只参考配色。我会改聊天气泡和输入框的颜色，再加一个收到消息时的小提示。
参考图只用于本轮分析，不会保存进角色卡。提案只写入本机草稿，仍需点击角色卡保存。
助手会给出两张提案卡：一张「CSS 主题」，一张「JS 脚本」。逐张看过，点「应用到草稿」，再回角色卡保存。
应用完没保存
应用只是改了草稿，不保存就会丢。应用完一定回角色卡点保存，再去测试页看效果。
只想要颜色，就选「只参考配色」；不然助手可能连布局一起照搬。
想自己看看代码看不懂可以跳过
「查看具体修改」里能看到 AI 助手写的代码。气泡配色大概长这样：
.charx-message-surface--assistant {
background: linear-gradient(135deg, #F6BBC9, #C497CF);
border-radius: 20px;
}
.charx-input-bar { background: #1B1B34; }收到消息时弹提示：
$charx.hooks.on('onMessageReceived', () => {
$charx.ui.toast('叮咚！')
})以上只是示意，以助手实际生成的为准。想改哪里，继续用一句话跟助手说就行。
专属音乐
专属音乐在「高级」页里，手动设置：
高级 › 音乐播放器
- 点「上传曲目」，选好你的歌，曲目列表里会出现这首歌。
- 打开「启用音乐播放器」，聊天页就会出现播放器。
先开播放器再传歌
顺序是先上传曲目，再打开播放器。没有曲目时，播放器是空的。
目前 AI 助手还不能编写播放器相关的内容，曲目要自己上传。
这一关的道具
小测验
本关小测验 · 3 题
选完马上看对错和解析，不影响通关
通关
第 10 关 · 通关奖励
徽章「美化和音乐」
外加图鉴里的 3 件道具：衣服、小机关、专属音乐
进阶篇就到这里：纸条和深度、聪明的小抄本、状态栏和好感度、美化和音乐。剩下的，就交给你的创意啦！做好了记得发到广场，我第一个去找你的角色聊天！