docs: README 跟上授权延长与通道组，截图和动图改为一条命令重新生成

README
- 申请延长写清规则：授权有效期间也可申请，有效的从原到期时间顺延、已结束的从批准时起算，
  被撤销的不能延长；批准延长时通道会开到授权结束（与最长开启时长的关系）
- 修正通道组「一起开关」与「可以单独开关」的矛盾：闲置按整组计算，每个地址仍可单独开关
- 时长选项用界面上的「通道开启期间」；快速开始按实际流程写（保存后自动弹出邀请设置）
- 新增同事端申请延长的三张截图；流程图补上 30 分钟、自定义与 2 小时内可申请延长

截图与动图
- 授权管理、编辑通道、邀请文案、授权成功页、网页面板（含通道组）更新为当前界面
- 离屏渲染时控件按激活状态绘制，开关不再显示成灰色
- 新增 make readme-images：App 离屏渲染、动图合成、授权页与网页面板的无头 Chrome 截图一次完成，
  写入 docs/images；授权页 HTML 由服务端测试用模拟状态生成，网页面板用本机模拟 API

界面
- 计时文字第二个单位补零（27分05秒），卡片上的徽标不再随秒数左右跳动；App 与网页面板一致
- 待审批与延长申请的时间格式统一为不带秒；App 预览的分享文案补上延长提示

tools/ui-snapshots/readme.sh

@@ -0,0 +1,24 @@
+#!/bin/bash
+# 重新生成 README 用到的全部截图和动图（模拟数据），写入 docs/images。
+# 用法: tools/ui-snapshots/readme.sh（即 make readme-images）
+# 需要 Xcode 命令行工具和 Google Chrome。
+set -e
+DIR="$(cd "$(dirname "$0")" && pwd)"
+ROOT="$(cd "$DIR/../.." && pwd)"
+IMG="$ROOT/docs/images"
+
+# App 界面：readme-xxx.png → app-xxx.png
+"$DIR/render.sh" readme
+for f in "$DIR"/out/readme-*.png; do
+	name="$(basename "$f")"
+	cp "$f" "$IMG/app-${name#readme-}"
+done
+
+# 通道卡片动图：40 帧，每帧相当于 5 秒
+FRAMES=40 "$DIR/render.sh" gif
+(cd "$ROOT" && go run ./tools/ui-snapshots/mkgif -o "$IMG/live-traffic.gif" "$DIR"/out/gif-*.png)
+
+# 授权页与网页面板
+"$DIR/web.sh"
+cp "$DIR"/out/web/*.png "$IMG/"
+echo "✓ 已更新 docs/images"