@round2ai/r2-cli 1.0.11 → 1.0.12-beta.1

package/README.md

@@ -5,7 +5,7 @@
 
 R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com/Round2AI) 团队维护 — 让人类和 AI Agent 都能在终端中完成商品上架等交易操作。
 
-覆盖商品上架、认证登录等核心业务域，提供 7 个商品命令及 3 个 AI Agent [Skills](./skills/)。
+覆盖商品上架、挂售、商品信息修改、认证登录等核心业务域，提供 16 个命令及 3 个 AI Agent [Skills](./skills/)。
 
 [安装](#安装与快速开始) · [AI Agent 快速开始](#快速开始ai-agent) · [Agent Skills](#agent-skills) · [认证](#认证) · [命令](#命令参考) · [安全](#安全与风险提示)
 
@@ -21,7 +21,8 @@ R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com
 | 类别 | 能力 |
 |------|------|
 | 认证登录 | 扫码登录（第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出（Agent 一步式流程） |
-| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交修改）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 闲鱼挂售 | 图片上传 → AI 读图识别商品信息 → 自动匹配类目/属性 → 提交挂售 |
 
 ---
 
@@ -114,9 +115,9 @@ npx skills add Round2AI/r2-cli --all -y
 
 | Skill | 说明 |
 |-------|------|
+| `r2-shared` | 共享基础：安装、统一错误格式、命令概览 |
 | `r2-auth` | 认证登录：一步式扫码登录（生成二维码 + 自动轮询，支持第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出 |
-| `r2-cli` | 命令概览：安装检测、认证命令、商品管理命令、命令前缀自动识别 |
-| `r2-goods` | 商品管理：4 步上架流程（获取数据 → 展示给用户 → 用户选择 → 提交上架 + 自动轮询结果）、下架、改价、店铺/仓库/商品/上架列表查看 |
+| `r2-goods` | 商品管理：4 步上架流程、挂售流程、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
 
 ---
 
@@ -139,7 +140,7 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 
 ## 命令参考
 
-### 商品管理
+### 商品查询
 
 | 命令 | 说明 |
 |------|------|
@@ -147,25 +148,52 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods stocks [--json]` | 查看所有仓库 |
 | `r2-cli goods list [--stock-id <id>] [--stock-goods-id <id>] [--json]` | 查看选品商品（可按仓库或商品 ID 过滤，支持 `--page` 和 `--size`） |
 | `r2-cli goods listing [--json]` | 查询上架列表（支持 `--id` / `--shop-id` / `--stock-goods-id` / `--stock-id` / `--status` / `--platform` 过滤） |
+
+### 商品上架/下架/改价
+
+| 命令 | 说明 |
+|------|------|
 | `r2-cli goods up` | 交互式上架（自动轮询上架结果） |
 | `r2-cli goods up --stock-goods-id <id> --shop-id <id> --price <amount> --json` | Agent 直接上架（自动轮询上架结果） |
 | `r2-cli goods down --id <id> [--json]` | 下架商品（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 | `r2-cli goods price --id <id> --price <amount> [--json]` | 修改上架价格（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 
-### 上架参数
+### 修改商品信息
+
+修改已上架商品的标题、描述、品牌、类目、图片、属性等。Agent 可自动读图识别并填充商品信息。
+
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --json` | 修改商品信息（必填：定位参数 + 类目） |
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --image-ids <ids> --item-attrs <json> --brand-name <name> --json` | 带图片和属性修改 |
+
+**定位商品**：优先使用 `--id <goodsListingId>`（从上架列表 `id` 字段获取），也可用 `--stock-goods-id <id> --account <shopId>`。**必填参数**：定位参数（二选一）+ `--category-id` + `--channel-cat-id`（后端必填）
+
+**可选参数**：`--title`、`--desc`、`--image-ids`（需先通过 `hang-up upload-images` 上传）、`--item-attrs`（JSON）、`--brand-name`、`--stuff-status`、`--goods-no`、`--original-price`、`--size`
+
+### 闲鱼挂售（完整商品信息模式）
+
+挂售模式支持完整的商品信息：图片、类目、属性、品牌等。Agent 可自动识别图片内容填充商品信息，流程：上传图片 → AI 识别 → 匹配类目/属性 → 提交。
+
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods hang-up categories [--json]` | 获取闲鱼类目列表（大分类 → 小分类） |
+| `r2-cli goods hang-up props --channel-cat-id <id> [--json]` | 获取指定类目下的属性列表（含可选值） |
+| `r2-cli goods hang-up brands --channel-cat-id <id> --prop-id <id> --key <keyword> [--json]` | 品牌搜索 |
+| `r2-cli goods hang-up upload-images --shop-id <id> --files <paths> --json` | 批量上传图片到闲鱼（挂售前必须先上传） |
+| `r2-cli goods hang-up submit --shop-id <id> --title <> --price <> --category-id <> --channel-cat-id <> --image-ids <> --stuff-status <> --desc <> --out-item-no <> --json` | 提交挂售上架 |
+
+**挂售必填参数**：`--shop-id`、`--title`、`--price`、`--category-id`（大分类 ID）、`--channel-cat-id`（小分类 ID）、`--image-ids`（图片 ID，逗号分隔）、`--stuff-status`（成色：100 全新 / -1 准新 / 99 99新 / 95 95新 / 90 9新）、`--desc`（商品描述）、`--out-item-no`（商家编码，同店铺唯一）
+
+**挂售可选参数**：`--brand-name`、`--size`、`--goods-no`、`--original-price`、`--item-attrs`（属性列表 JSON）、`--trade-type`（默认 0 仅在线）、`--transport-fee`（默认 0 包邮）、`--yhb`（验货宝）、`--division-id`（默认 330100 杭州）
 
-| 参数 | 必填 | 说明 |
-|------|------|------|
-| `--stock-goods-id <id>` | 是 | 库存商品 ID（来自选品商品列表的 `stockGoodsId` 字段） |
-| `--shop-id <id>` | 是 | 第三方店铺 ID（来自店铺列表的 `shopId` 字段，不是 `id`） |
-| `--price <amount>` | 是 | 上架价格（正数） |
-| `-p, --platform <platform>` | 否 | 平台，默认 xianyu |
-| `--json` | 否 | JSON 输出（Agent 推荐） |
+**售后服务**（默认关闭）：提交时自动附带售后服务配置，默认全部关闭。卖家需在闲鱼 APP 开通对应服务后才能开启（我的 → 设置 → 卖家服务 → 保障服务）。
 
 ### 其他命令
 
 | 命令 | 说明 |
 |------|------|
+| `r2-cli update` | 一键更新 CLI 和技能 |
 | `r2-cli uninstall` | 卸载 R2-CLI 并清除所有配置 |
 
 ---
@@ -175,7 +203,8 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 本工具可供 AI Agent 调用以自动化操作二手潮奢交易，Agent 将以您的用户身份在授权范围内执行操作，可能导致商品误上架、价格错误等风险，请谨慎操作。
 
 建议：
-- Agent 提交前向用户确认关键参数（售价、店铺）
+- Agent 收到"上架"指令时，若用户未明确指定方式（选品上架/挂售上架），**必须询问用户**选择哪种上架方式
+- Agent 自动识别图片并填充商品信息，缺少必填字段（售价、商家编码）时会向用户询问
 - Token 存储在本地 `~/.r2-cli/config.json`（原子写入，防止中断导致配置丢失），注意保护
 
 ---

package/dist/README.md

@@ -5,7 +5,7 @@
 
 R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com/Round2AI) 团队维护 — 让人类和 AI Agent 都能在终端中完成商品上架等交易操作。
 
-覆盖商品上架、认证登录等核心业务域，提供 7 个商品命令及 3 个 AI Agent [Skills](./skills/)。
+覆盖商品上架、挂售、商品信息修改、认证登录等核心业务域，提供 16 个命令及 3 个 AI Agent [Skills](./skills/)。
 
 [安装](#安装与快速开始) · [AI Agent 快速开始](#快速开始ai-agent) · [Agent Skills](#agent-skills) · [认证](#认证) · [命令](#命令参考) · [安全](#安全与风险提示)
 
@@ -21,7 +21,8 @@ R2-CLI — 二手潮奢交易命令行工具，由 [Round2AI](https://github.com
 | 类别 | 能力 |
 |------|------|
 | 认证登录 | 扫码登录（第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出（Agent 一步式流程） |
-| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 商品管理 | 商品上架（4 步流程：获取店铺 → 获取仓库 → 获取选品商品 → 提交上架 + 自动轮询上架结果）、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交修改）、店铺查看、仓库查看、选品商品查看、上架列表查询、下架、改价 |
+| 闲鱼挂售 | 图片上传 → AI 读图识别商品信息 → 自动匹配类目/属性 → 提交挂售 |
 
 ---
 
@@ -114,9 +115,9 @@ npx skills add Round2AI/r2-cli --all -y
 
 | Skill | 说明 |
 |-------|------|
+| `r2-shared` | 共享基础：安装、统一错误格式、命令概览 |
 | `r2-auth` | 认证登录：一步式扫码登录（生成二维码 + 自动轮询，支持第二回合 APP / 微信 / 支付宝）、闲鱼店铺授权、状态查询、登出 |
-| `r2-cli` | 命令概览：安装检测、认证命令、商品管理命令、命令前缀自动识别 |
-| `r2-goods` | 商品管理：4 步上架流程（获取数据 → 展示给用户 → 用户选择 → 提交上架 + 自动轮询结果）、下架、改价、店铺/仓库/商品/上架列表查看 |
+| `r2-goods` | 商品管理：4 步上架流程、挂售流程、商品信息修改（AI 读图识别 → 自动匹配类目/属性 → 提交）、下架、改价、店铺/仓库/商品/上架列表查看 |
 
 ---
 
@@ -139,7 +140,7 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 
 ## 命令参考
 
-### 商品管理
+### 商品查询
 
 | 命令 | 说明 |
 |------|------|
@@ -147,25 +148,52 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 | `r2-cli goods stocks [--json]` | 查看所有仓库 |
 | `r2-cli goods list [--stock-id <id>] [--stock-goods-id <id>] [--json]` | 查看选品商品（可按仓库或商品 ID 过滤，支持 `--page` 和 `--size`） |
 | `r2-cli goods listing [--json]` | 查询上架列表（支持 `--id` / `--shop-id` / `--stock-goods-id` / `--stock-id` / `--status` / `--platform` 过滤） |
+
+### 商品上架/下架/改价
+
+| 命令 | 说明 |
+|------|------|
 | `r2-cli goods up` | 交互式上架（自动轮询上架结果） |
 | `r2-cli goods up --stock-goods-id <id> --shop-id <id> --price <amount> --json` | Agent 直接上架（自动轮询上架结果） |
 | `r2-cli goods down --id <id> [--json]` | 下架商品（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 | `r2-cli goods price --id <id> --price <amount> [--json]` | 修改上架价格（也可用 `--stock-goods-id <id> --shop-id <id>`） |
 
-### 上架参数
+### 修改商品信息
+
+修改已上架商品的标题、描述、品牌、类目、图片、属性等。Agent 可自动读图识别并填充商品信息。
+
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --json` | 修改商品信息（必填：定位参数 + 类目） |
+| `r2-cli goods edit --id <id> --category-id <id> --channel-cat-id <id> --image-ids <ids> --item-attrs <json> --brand-name <name> --json` | 带图片和属性修改 |
+
+**定位商品**：优先使用 `--id <goodsListingId>`（从上架列表 `id` 字段获取），也可用 `--stock-goods-id <id> --account <shopId>`。**必填参数**：定位参数（二选一）+ `--category-id` + `--channel-cat-id`（后端必填）
+
+**可选参数**：`--title`、`--desc`、`--image-ids`（需先通过 `hang-up upload-images` 上传）、`--item-attrs`（JSON）、`--brand-name`、`--stuff-status`、`--goods-no`、`--original-price`、`--size`
+
+### 闲鱼挂售（完整商品信息模式）
+
+挂售模式支持完整的商品信息：图片、类目、属性、品牌等。Agent 可自动识别图片内容填充商品信息，流程：上传图片 → AI 识别 → 匹配类目/属性 → 提交。
+
+| 命令 | 说明 |
+|------|------|
+| `r2-cli goods hang-up categories [--json]` | 获取闲鱼类目列表（大分类 → 小分类） |
+| `r2-cli goods hang-up props --channel-cat-id <id> [--json]` | 获取指定类目下的属性列表（含可选值） |
+| `r2-cli goods hang-up brands --channel-cat-id <id> --prop-id <id> --key <keyword> [--json]` | 品牌搜索 |
+| `r2-cli goods hang-up upload-images --shop-id <id> --files <paths> --json` | 批量上传图片到闲鱼（挂售前必须先上传） |
+| `r2-cli goods hang-up submit --shop-id <id> --title <> --price <> --category-id <> --channel-cat-id <> --image-ids <> --stuff-status <> --desc <> --out-item-no <> --json` | 提交挂售上架 |
+
+**挂售必填参数**：`--shop-id`、`--title`、`--price`、`--category-id`（大分类 ID）、`--channel-cat-id`（小分类 ID）、`--image-ids`（图片 ID，逗号分隔）、`--stuff-status`（成色：100 全新 / -1 准新 / 99 99新 / 95 95新 / 90 9新）、`--desc`（商品描述）、`--out-item-no`（商家编码，同店铺唯一）
+
+**挂售可选参数**：`--brand-name`、`--size`、`--goods-no`、`--original-price`、`--item-attrs`（属性列表 JSON）、`--trade-type`（默认 0 仅在线）、`--transport-fee`（默认 0 包邮）、`--yhb`（验货宝）、`--division-id`（默认 330100 杭州）
 
-| 参数 | 必填 | 说明 |
-|------|------|------|
-| `--stock-goods-id <id>` | 是 | 库存商品 ID（来自选品商品列表的 `stockGoodsId` 字段） |
-| `--shop-id <id>` | 是 | 第三方店铺 ID（来自店铺列表的 `shopId` 字段，不是 `id`） |
-| `--price <amount>` | 是 | 上架价格（正数） |
-| `-p, --platform <platform>` | 否 | 平台，默认 xianyu |
-| `--json` | 否 | JSON 输出（Agent 推荐） |
+**售后服务**（默认关闭）：提交时自动附带售后服务配置，默认全部关闭。卖家需在闲鱼 APP 开通对应服务后才能开启（我的 → 设置 → 卖家服务 → 保障服务）。
 
 ### 其他命令
 
 | 命令 | 说明 |
 |------|------|
+| `r2-cli update` | 一键更新 CLI 和技能 |
 | `r2-cli uninstall` | 卸载 R2-CLI 并清除所有配置 |
 
 ---
@@ -175,7 +203,8 @@ Token 存储在 `~/.r2-cli/config.json`（原子写入防丢失），过期后
 本工具可供 AI Agent 调用以自动化操作二手潮奢交易，Agent 将以您的用户身份在授权范围内执行操作，可能导致商品误上架、价格错误等风险，请谨慎操作。
 
 建议：
-- Agent 提交前向用户确认关键参数（售价、店铺）
+- Agent 收到"上架"指令时，若用户未明确指定方式（选品上架/挂售上架），**必须询问用户**选择哪种上架方式
+- Agent 自动识别图片并填充商品信息，缺少必填字段（售价、商家编码）时会向用户询问
 - Token 存储在本地 `~/.r2-cli/config.json`（原子写入，防止中断导致配置丢失），注意保护
 
 ---

package/dist/pages/login.html

@@ -1,57 +1,219 @@
-<!DOCTYPE html>
-<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
-<title>第二回合 - 扫码登录</title>
-<style>
-*{box-sizing:border-box;margin:0;padding:0}
-:root{--primary:#06d290;--primary-light:#06d2901a;--primary-dark:#06d290cc;--text:#1a1a1a;--text-muted:#8c8c8c;--bg:#f7f8fa;--card:#fff;--border:#e8e8e8;--radius:16px;--shadow:0 2px 16px #06d2901a;--success:#52c41a;--error:#ff4d4f;--info:#1890ff}
-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}
-.card{background:var(--card);border-radius:var(--radius);padding:40px 32px 32px;box-shadow:var(--shadow);border:1px solid var(--border);text-align:center;max-width:360px;width:90%;transition:all .3s ease}
-.brand{margin-bottom:24px}
-.brand-name{font-size:22px;font-weight:700;color:var(--text);letter-spacing:2px}
-.brand-sub{font-size:10px;color:var(--text-muted);margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-weight:500}
-img#qr{max-width:200px;border-radius:12px;transition:all .3s ease}
-img#qr.dimmed{opacity:.15;filter:blur(4px);transform:scale(.95)}
-.status-text{font-size:16px;font-weight:600;color:var(--text);margin-top:16px}
-.hint{color:var(--text-muted);font-size:13px;margin-top:6px}
-.scan-hint{color:var(--text-muted);font-size:12px;margin-top:16px}
-.status-icon{font-size:56px;margin-bottom:8px;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}
-@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
-.success-bg .card{border-color:var(--success);box-shadow:0 2px 16px rgba(82,196,26,.12)}
-.success-bg .status-text{color:var(--success)}
-.expired-bg .card{border-color:var(--error);box-shadow:0 2px 16px rgba(255,77,79,.1)}
-.expired-bg .status-text{color:var(--error)}
-.scanning-bg .card{border-color:var(--info);box-shadow:0 2px 16px rgba(24,144,255,.1)}
-.scanning-bg .status-text{color:var(--info)}
-.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--info);animation:pulse 1.4s infinite;margin-right:6px;vertical-align:middle}
-@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
-</style></head>
-<body>
-<div class="card" id="app">
-  <div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div>
-  <img id="qr" src="./qr.png" alt="第二回合 - 扫码登录"/>
-  <p class="status-text" id="statusText">请扫码登录</p>
-  <p class="scan-hint">支持 第二回合 APP / 微信 / 支付宝 扫码</p>
-  <p class="hint" id="hint"></p>
-</div>
-<script>
-const qr=document.getElementById("qr"),st=document.getElementById("statusText"),ht=document.getElementById("hint"),app=document.getElementById("app"),bd=document.body;
-const states={
-  waiting:{icon:"",text:"请扫码登录",hint:"",bg:"",dim:false},
-  scanning:{icon:"",text:'<span class="pulse"></span>已扫码，请在手机上确认',hint:"等待确认中...",bg:"scanning-bg",dim:true},
-  success:{icon:"✅",text:"登录成功！",hint:"可关闭此页面",bg:"success-bg",dim:true},
-  expired:{icon:"⏰",text:"二维码已过期",hint:"请重新获取",bg:"expired-bg",dim:true}
-};
-function render(s){
-  const d=states[s]||states.waiting;
-  bd.className=d.bg;
-  if(d.icon){
-    qr.style.display="none";
-    app.innerHTML='<div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div><div class="status-icon">'+d.icon+'</div><p class="status-text">'+d.text+'</p>'+(d.hint?'<p class="hint">'+d.hint+'</p>':'');
-  }else{
-    qr.style.display="";qr.classList.toggle("dimmed",d.dim);st.innerHTML=d.text;ht.textContent=d.hint;
-  }
-}
-const es=new EventSource("./events");
-es.onmessage=function(e){try{const d=JSON.parse(e.data);if(d.status)render(d.status)}catch(ex){}};
-es.onerror=function(){es.close()};
-</script></body></html>
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>第二回合 - 扫码登录</title>
+    <style>
+      * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+      :root {
+        --primary: #06d290;
+        --primary-light: #06d2901a;
+        --primary-dark: #06d290cc;
+        --text: #1a1a1a;
+        --text-muted: #8c8c8c;
+        --bg: #f7f8fa;
+        --card: #fff;
+        --border: #e8e8e8;
+        --radius: 16px;
+        --shadow: 0 2px 16px #06d2901a;
+        --success: #52c41a;
+        --error: #ff4d4f;
+        --info: #1890ff;
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        font-family:
+          system-ui,
+          -apple-system,
+          "Segoe UI",
+          Roboto,
+          sans-serif;
+        background: var(--bg);
+        color: var(--text);
+      }
+      .card {
+        background: var(--card);
+        border-radius: var(--radius);
+        padding: 40px 32px 32px;
+        box-shadow: var(--shadow);
+        border: 1px solid var(--border);
+        text-align: center;
+        max-width: 360px;
+        width: 90%;
+        transition: all 0.3s ease;
+      }
+      .brand {
+        margin-bottom: 24px;
+      }
+      .brand-name {
+        font-size: 22px;
+        font-weight: 700;
+        color: var(--text);
+        letter-spacing: 2px;
+      }
+      .brand-sub {
+        font-size: 10px;
+        color: var(--text-muted);
+        margin-top: 4px;
+        letter-spacing: 3px;
+        text-transform: uppercase;
+        font-weight: 500;
+      }
+      img#qr {
+        max-width: 200px;
+        border-radius: 12px;
+        transition: all 0.3s ease;
+      }
+      img#qr.dimmed {
+        opacity: 0.15;
+        filter: blur(4px);
+        transform: scale(0.95);
+      }
+      .status-text {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--text);
+        margin-top: 16px;
+      }
+      .hint {
+        color: var(--text-muted);
+        font-size: 13px;
+        margin-top: 6px;
+      }
+      .scan-hint {
+        color: var(--text-muted);
+        font-size: 12px;
+        margin-top: 16px;
+      }
+      .status-icon {
+        font-size: 56px;
+        margin-bottom: 8px;
+        animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      }
+      @keyframes popIn {
+        0% {
+          transform: scale(0);
+          opacity: 0;
+        }
+        100% {
+          transform: scale(1);
+          opacity: 1;
+        }
+      }
+      .success-bg .card {
+        border-color: var(--success);
+        box-shadow: 0 2px 16px rgba(82, 196, 26, 0.12);
+      }
+      .success-bg .status-text {
+        color: var(--success);
+      }
+      .expired-bg .card {
+        border-color: var(--error);
+        box-shadow: 0 2px 16px rgba(255, 77, 79, 0.1);
+      }
+      .expired-bg .status-text {
+        color: var(--error);
+      }
+      .scanning-bg .card {
+        border-color: var(--info);
+        box-shadow: 0 2px 16px rgba(24, 144, 255, 0.1);
+      }
+      .scanning-bg .status-text {
+        color: var(--info);
+      }
+      .pulse {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: var(--info);
+        animation: pulse 1.4s infinite;
+        margin-right: 6px;
+        vertical-align: middle;
+      }
+      @keyframes pulse {
+        0% {
+          opacity: 1;
+          transform: scale(1);
+        }
+        50% {
+          opacity: 0.4;
+          transform: scale(0.8);
+        }
+        100% {
+          opacity: 1;
+          transform: scale(1);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card" id="app">
+      <div class="brand">
+        <div class="brand-name">第二回合</div>
+        <div class="brand-sub">Round2AI</div>
+      </div>
+      <img id="qr" src="./qr.png" alt="第二回合 - 扫码登录" />
+      <p class="status-text" id="statusText">请扫码登录</p>
+      <p class="scan-hint">支持 第二回合 APP / 微信 / 支付宝 扫码</p>
+      <p class="hint" id="hint"></p>
+    </div>
+    <script>
+      const qr = document.getElementById("qr"),
+        st = document.getElementById("statusText"),
+        ht = document.getElementById("hint"),
+        app = document.getElementById("app"),
+        bd = document.body;
+      const states = {
+        waiting: { icon: "", text: "请扫码登录", hint: "", bg: "", dim: false },
+        scanning: {
+          icon: "",
+          text: '<span class="pulse"></span>已扫码，请在手机上确认',
+          hint: "等待确认中...",
+          bg: "scanning-bg",
+          dim: true,
+        },
+        success: { icon: "✅", text: "登录成功！", hint: "可关闭此页面", bg: "success-bg", dim: true },
+        expired: { icon: "⏰", text: "二维码已过期", hint: "请重新获取", bg: "expired-bg", dim: true },
+      };
+      function render(s) {
+        const d = states[s] || states.waiting;
+        bd.className = d.bg;
+        if (d.icon) {
+          qr.style.display = "none";
+          app.innerHTML =
+            '<div class="brand"><div class="brand-name">第二回合</div><div class="brand-sub">Round2AI</div></div><div class="status-icon">' +
+            d.icon +
+            '</div><p class="status-text">' +
+            d.text +
+            "</p>" +
+            (d.hint ? '<p class="hint">' + d.hint + "</p>" : "");
+        } else {
+          qr.style.display = "";
+          qr.classList.toggle("dimmed", d.dim);
+          st.innerHTML = d.text;
+          ht.textContent = d.hint;
+        }
+      }
+      const es = new EventSource("./events");
+      es.onmessage = function (e) {
+        try {
+          const d = JSON.parse(e.data);
+          if (d.status) render(d.status);
+        } catch (ex) {}
+      };
+      es.onerror = function () {
+        es.close();
+      };
+    </script>
+  </body>
+</html>