docs: improve README product previews

README.md

@@ -1,15 +1,13 @@
 <div align="center">
-  <img src="frontend/src/assets/logo.svg" width="76" height="57" alt="ReplyPier 纸舟标志" />
+  <img src="frontend/src/assets/logo.svg" width="64" height="48" alt="ReplyPier 纸舟标志" />
   <h1>ReplyPier</h1>
   <p><strong>AI 先答疑，人工接得住；一段会话，服务有始有终。</strong></p>
-  <p>面向个人与公司网站的 AI 客服：连接知识库问答、人工协作与服务评价。</p>
+  <p>面向个人与公司网站的 AI 客服，把知识问答、人工协作和服务评价连在一起。</p>
 
   <p>
     <a href="LICENSE"><img src="https://img.shields.io/badge/License-Apache--2.0-2E6A5C?style=flat-square&logo=apache&logoColor=white" alt="Apache 2.0 License" /></a>
     <a href="backend/requirements.txt"><img src="https://img.shields.io/badge/Python-FastAPI-2E6A5C?style=flat-square&logo=fastapi&logoColor=white" alt="Python and FastAPI" /></a>
     <a href="frontend/package.json"><img src="https://img.shields.io/badge/Vue_3-TypeScript-568B73?style=flat-square&logo=vue.js&logoColor=white" alt="Vue 3 and TypeScript" /></a>
-    <a href="backend/requirements.txt"><img src="https://img.shields.io/badge/Realtime-Socket.IO-386A5B?style=flat-square&logo=socketdotio&logoColor=white" alt="Socket.IO" /></a>
-    <a href="backend/requirements.txt"><img src="https://img.shields.io/badge/Database-PostgreSQL_%2B_pgvector-587A91?style=flat-square&logo=postgresql&logoColor=white" alt="PostgreSQL and pgvector" /></a>
   </p>
 
   <p>
@@ -23,22 +21,24 @@
 
 ## 产品预览
 
-工作台可以直接预览访客看到的聊天窗口。下面是内置的 Widget 对话示例：
+先在工作台调整客服外观，再看右侧即时预览；访客侧窗口使用纸舟标志展示同一段对话。
+
+![ReplyPier 客服配置工作台，左侧调整聊天外观，右侧即时预览访客窗口](.github/readme-assets/replypier-agent-customization.png)
+
+<p align="center"><strong>访客看到的聊天窗口</strong></p>
 
 <p align="center">
-  <img src=".github/readme-assets/replypier-widget-preview.png" width="340" alt="ReplyPier 工作台中的网站客服 Widget 对话预览，使用纸舟头像展示一段示例问答" />
+  <img src=".github/readme-assets/replypier-visitor-chat.png" width="480" alt="ReplyPier 网站客服聊天窗口，纸舟标志显示在客服头像与页脚图标处" />
 </p>
 
-<p align="center"><img src=".github/readme-assets/replypier-service-flow.svg" width="100%" alt="客服服务流程：AI 知识问答、人工客服接手、结束服务并评价" /></p>
-
 ## 核心能力
 
-- 💬 **知识库问答**：为 AI 客服关联知识资料，并在 Widget 中展示回答来源。
-- 🤝 **同会话转人工**：保留聊天上下文，支持客服组接待、人工接管与授权转交。
-- ⭐ **评价与回看**：收集星级和文字反馈，管理员可查看完整会话与接待情况。
-- 🔐 **多客服协作**：按角色、组织、分组和会话可见范围控制访问。
-- 🧩 **可配置 Agent 与 Widget**：管理 AI 客服、知识关联、外观和网站嵌入。
-- ⚙️ **知识任务与工作流**：处理知识导入，并编排客服消息处理步骤。
+- **知识库问答**：为 AI 客服关联知识资料，并在 Widget 中展示回答来源。
+- **同会话转人工**：保留聊天上下文，支持客服组接待、人工接管与授权转交。
+- **评价与回看**：收集星级和文字反馈，管理员可查看完整会话与接待情况。
+- **多客服协作**：按角色、组织、分组和会话可见范围控制访问。
+- **可配置 Agent 与 Widget**：管理 AI 客服、知识关联、外观和网站嵌入。
+- **知识任务与工作流**：处理知识导入，并编排客服消息处理步骤。
 
 ## 技术结构