大部分小工具自定义设置都无需编写代码 — 位置、颜色和问候语都可以 在控制台设置（请参阅网店小工具）。 如需进一步调整，小工具设置 → 外观中的 **自定义 CSS（高级）**编辑器可接受组织层级的 CSS 覆盖。
稳定的类别名称
小工具的每个界面都会呈现稳定的 cg-* 类别名称 — 这是受支持的
样式约定，不会在不同版本之间改变。顶部列、消息
气泡、消息输入区按钮、交接状态标签、后续建议链接、输入中
指示器，以及显示技术提供者的页尾，都有稳定的类别。
这点很重要，因为元件库通常会产生带有 随机后缀的类别名称。如果 CSS 使用这些自动产生的选择器， 下一个版本发布时就可能在没有提示的情况下失效 — 当已保存的 CSS 针对这类 选择器时，外观编辑器会在界面内显示警告。
CSS 变量
小工具提供以下可覆盖的 CSS 变量：
--cg-bubble-max-width— 聊天气泡可扩展的最大宽度（以 对话面板的百分比表示）。--cg-card-shadow— 产品卡片和工具卡片的阴影；设为none可呈现平面外观。--cg-container-padding-top— 顶部列与第一项内容 之间的间距；默认为1.5rem。
应用程序内的指南记录了目前完整的变量集，并提供可复制粘贴的 入门代码区块，也会随新样式参数加入而扩充。新参数始终默认 沿用既有的呈现方式，因此在你选择使用前不会有任何改变。
保存
自定义 CSS 会通过页面层级的保存操作，与其他外观设置一并保存 — 颜色、问候语和 CSS 共享同一个流程。