feat: 插件改为浮窗模式

README.md

@@ -11,7 +11,7 @@ Chrome 插件 + Python 后端：采集 Ozon / 1688 / 淘宝 / 天猫 商品页
 ```
 Chrome 插件（WXT + React + antd）          Python 后端（FastAPI + SQLite）
 ┌────────────────────────────┐            ┌──────────────────────────────┐
-│ Side Panel                 │            │ POST /api/plan               │
+│ 页内悬浮面板                 │            │ POST /api/plan               │
 │  ① 扫描商品页（四站点）      │ ─规划──▶ │   → DeepSeek 出图方案          │
 │  ② 勾选/编辑素材            │ ◀─方案── │ POST /api/generate（无状态）   │
 │  ③ 出图方案（默认/AI规划）    │ ──提交──▶ │   → 方案展开 → 逐张生图        │
@@ -71,9 +71,10 @@ pnpm build        # 产物在 .output/chrome-mv3
 
 ### 3. 使用
 
-1. 打开 Ozon / 1688 / 淘宝 / 天猫 的**商品详情页**，滚动到底部（详情图懒加载）后点击插件图标
-2. Side Panel：扫描 → 检查/勾选素材（默认全选主图+SKU）→ 保存到服务端
-3. 选择风格 / 图类型 / 文案语言 → 一键生成 → 完成后「导出 ZIP」
+1. 打开 Ozon / 1688 / 淘宝 / 天猫 的**商品详情页**，滚动到底部（详情图懒加载），页面右下角出现「套」悬浮按钮
+2. 点击悬浮按钮（或点击工具栏插件图标）→ 右侧滑出悬浮面板，悬浮在商品页上方、不挤压原页面
+3. 面板内：扫描 → 检查/勾选素材（默认全选主图+SKU）→ 选择风格 / 图类型 / 文案语言 → 一键生成 → 完成后「导出 ZIP」
+4. 收起面板：面板顶栏 ✕、Esc 或再点工具栏图标；同一页面内重新展开，状态保留
 
 ## API 一览