/* 整个聊天界面的颜色变量 */
:scope {
--im-user: #6f5848;
--im-user-text: #fffaf2;
--im-ai: #f1e8d8;
--im-ai-text: #352f29;
}
/* 顶部状态栏 */
.topbar {
background: rgba(246, 238, 224, .92) !important;
}
/* 消息区域与气泡 */
.chat-messages {
padding-inline: 22px !important;
}
.msg-row.ai .bubble {
border-radius: 6px 18px 18px 18px !important;
}
.msg-row.user .bubble {
border-radius: 18px 6px 18px 18px !important;
}
/* 底部输入框 */
.input-bar {
background: rgba(255, 250, 242, .9) !important;
border: 1px solid rgba(90, 70, 55, .18) !important;
border-radius: 22px !important;
}
#msg-input {
color: #352f29 !important;
}
:scope 代表整个对话页面；复制后可以只保留想修改的部分。
