💬 方案B：自定义按钮（样式完全自己控制）

右上角是我自定义的「在线客服」按钮（绿色呼吸点 = 在线）。
原理：加载同一个 SDK，但隐藏默认气泡，点击按钮时手动打开对话窗口。
本页 只有这一个按钮，右下角不会再出现默认气泡。

<button id="kefu-btn">💬 在线客服</button>

<script>
  (function(d,t) {
    var BASE_URL="https://kefu.cxhao.com";
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=BASE_URL+"/packs/js/sdk.js";
    g.defer = true; g.async = true;
    s.parentNode.insertBefore(g,s);
    g.onload=function(){
      // ① 隐藏默认气泡（配置写在 chatwootSettings 里，须在 run() 之前）
      window.chatwootSettings = {
        hideMessageBubble: true,
        locale: 'zh_CN'
      };
      window.chatwootSDK.run({
        websiteToken: 'bTriJMGKn9fh9MB8f6rUrPXj',
        baseUrl: BASE_URL
      });
    }
  })(document,"script");

  // ② 点击自定义按钮 → 打开/关闭对话窗口
  document.getElementById('kefu-btn').addEventListener('click', function(){
    window.chatwootSDK.toggle();
  });
</script>

💡 常用 API：chatwootSDK.toggle() 开/关窗口、chatwootSettings.hideMessageBubble: true 隐藏默认气泡、chatwootSDK.setUser({...}) 传用户信息（手机号/邮箱，后台能看到是谁）、chatwootSDK.setCustomAttributes({...}) 传订单号等自定义字段。

← 方案A：官方标准接入｜返回演示中心