chore(deploy): 本地部署脚本、容器配置与运行说明

PostgreSQL/pgvector 与 Redis 独立容器，后端、worker、前端可一键启停；不覆盖既有密钥。

deploy/local/demo.template.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>ChatterMate 网站客服测试</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { margin: 0; min-height: 100vh; color: #172033; background: #f5f7fb; font: 17px/1.8 system-ui, sans-serif; }
+    main { max-width: 880px; margin: 0 auto; padding: 96px 30px; }
+    .eyebrow { color: #2563eb; font-size: 14px; font-weight: 700; letter-spacing: .08em; }
+    h1 { font-size: clamp(30px, 5vw, 48px); line-height: 1.3; margin: 16px 0 22px; }
+    p { color: #526078; }
+    section { margin-top: 36px; padding: 26px 30px; background: white; border: 1px solid #e2e8f0; border-radius: 16px; }
+    h2 { font-size: 20px; margin: 0 0 14px; }
+    ol { margin: 0; padding-left: 24px; }
+    li { padding: 7px 0; }
+    a { color: #1d4ed8; }
+    .note { font-size: 14px; margin-top: 25px; }
+  </style>
+</head>
+<body>
+  <main>
+    <div class="eyebrow">CHATTERMATE · 本机测试</div>
+    <h1>你的网页，接入 AI 与人工客服。</h1>
+    <p>点击右下角悬浮按钮展开对话。这里连接的是本机部署的 ChatterMate 和你配置的 DeepSeek。</p>
+    <section>
+      <h2>按这个顺序试一遍</h2>
+      <ol>
+        <li>问知识库：<strong>青禾测试套餐的退款期多长，校验码是什么？</strong></li>
+        <li>要求转接：<strong>我要转人工。</strong></li>
+        <li>在客服工作台接管会话，回复后结束接待，再回这里提交评分。</li>
+      </ol>
+    </section>
+    <p><a href="/conversations" target="_blank" rel="noopener">打开客服工作台 ↗</a></p>
+    <p class="note">套餐、政策与校验码均为虚构测试数据。此页面仅供本机测试；对话会调用已配置的模型 API。</p>
+  </main>
+  <script>
+    window.chattermateId = "__WIDGET_ID__";
+    window.chattermateBaseUrl = "http://127.0.0.1:8018/api/v1";
+    window.chattermateConfig = { position: "bottom-right" };
+  </script>
+  <script src="/webclient/chattermate.min.js"></script>
+</body>
+</html>