fix: 全站页面保活机制、登录拦截优化、UI修复与功能完善

- 移除未登录全页面拦截，改为浏览自由 + 功能使用时弹窗
- 修复PageTransition退出动画卡死导致黑屏的bug
- CanvasPage添加加载中状态避免首次访问黑屏假死
- 全站7个工具页添加页面保活机制，切页后台任务不中断
- 修复未登录时401误触发"用户已在别处登录"弹窗
- 删除MorePage模板板块、微信登录、EcommerceTemplates/SizeTemplate路由
- 剧本评分接入DashScope qwen3.7-max直连API
- 电商视频生成重构为3阶段可视管线（策划→生成图片→生成视频）
- 电商视频保活增强：异步函数直接写localStorage避免卸载丢失
- Workbench侧边栏移除mode过滤，三模式共用同一对话列表
- 首页更新轮播图/背景视频、按钮跳转修正、文案优化
- AppShell顶栏新增网站备案信息按钮
- 多个页面的terminate/cancel按钮覆盖、单镜头重试、批量保存下载

Co-Authored-By: Claude Code <noreply@anthropic.com>

src/styles/pages/ecommerce-video.css

@@ -122,6 +122,16 @@
   white-space: nowrap;
 }
 
+.ecom-video-flowbar__stage-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: #53e5ff;
+  font-size: 12px;
+  font-weight: 800;
+  animation: ecom-video-node-breathe 1.6s ease-in-out infinite;
+}
+
 .ecom-video-flow-action {
   display: inline-grid;
   width: 38px;
@@ -484,6 +494,197 @@
   }
 }
 
+/* ── Empty state ─────────────────────────────── */
+.ecom-video-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #697486;
+  font-size: 13px;
+}
+
+/* ── Flow map vertical stacking ────────────────── */
+.ecom-video-flow-map {
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 20px 0 40px;
+}
+
+/* ── Text nodes (plan steps) ──────────────────── */
+.ecom-video-flow-node--text {
+  display: grid;
+  place-items: center;
+  gap: 6px;
+  width: clamp(64px, 7vw, 90px);
+  min-height: 74px;
+  padding: 12px 8px;
+  border-color: #2a3d30;
+  background: #131d1a;
+  text-align: center;
+}
+
+.ecom-video-flow-node--text.is-completed {
+  border-color: #1c4d3a;
+  background: #162820;
+}
+
+.ecom-video-flow-node--text.is-pulsing {
+  border-color: #53e5ff;
+  animation: ecom-video-node-breathe 1.2s ease-in-out infinite;
+}
+
+.ecom-video-flow-node__text-icon {
+  display: grid;
+  width: 24px;
+  height: 24px;
+  place-items: center;
+  border-radius: 999px;
+  background: #1c4d3a;
+  color: #34d399;
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.ecom-video-flow-node--text.is-pulsing .ecom-video-flow-node__text-icon {
+  background: #1a4d4d;
+  color: #53e5ff;
+}
+
+/* ── Node labels ──────────────────────────────── */
+.ecom-video-flow-node__label {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  color: #9fadb8;
+  font-size: 11px;
+  font-weight: 800;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ecom-video-flow-node--source .ecom-video-flow-node__label,
+.ecom-video-flow-node--text .ecom-video-flow-node__label {
+  margin-top: 2px;
+}
+
+/* ── Image nodes (storyboard images) ───────────── */
+.ecom-video-flow-node--image {
+  width: clamp(88px, 9vw, 128px);
+  aspect-ratio: 9 / 13;
+}
+
+.ecom-video-flow-node--image .ecom-video-flow-node__media {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.ecom-video-flow-node--image .ecom-video-flow-node__label {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 6px;
+  text-align: center;
+}
+
+.ecom-video-flow-node--image .ecom-video-flow-node__progress {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: auto;
+  height: auto;
+  background: none;
+  color: #53e5ff;
+  font-size: 15px;
+  font-weight: 1000;
+}
+
+.ecom-video-flow-node--image .ecom-video-flow-node__placeholder {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  background: #18231f;
+  color: #7eeecf;
+  font-size: 24px;
+}
+
+/* ── Video nodes ──────────────────────────────── */
+.ecom-video-flow-node--video {
+  width: clamp(88px, 9vw, 128px);
+  aspect-ratio: 9 / 16;
+}
+
+.ecom-video-flow-node--video .ecom-video-flow-node__label {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 6px;
+  text-align: center;
+}
+
+.ecom-video-flow-node--video .ecom-video-flow-node__progress {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: auto;
+  height: auto;
+  background: none;
+  color: #53e5ff;
+  font-size: 15px;
+  font-weight: 1000;
+}
+
+.ecom-video-flow-node--video .ecom-video-flow-node__placeholder {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  background: #18231f;
+  color: #7eeecf;
+  font-size: 24px;
+}
+
+.ecom-video-flow-node--video .ecom-video-flow-node__media video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* ── Error label ──────────────────────────────── */
+.ecom-video-flow-node__error {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 24px;
+  overflow: hidden;
+  color: #ff9f9f;
+  font-size: 10px;
+  font-weight: 800;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ── Scene strip overflow ─────────────────────── */
+.ecom-video-scene-strip--text {
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #414958 transparent;
+}
+
+.ecom-video-scene-strip--text::-webkit-scrollbar {
+  height: 3px;
+}
+
+.ecom-video-scene-strip--text::-webkit-scrollbar-thumb {
+  background: #414958;
+  border-radius: 999px;
+}
+
 @media (max-width: 900px) {
   .ecom-video-flowbar {
     grid-template-columns: auto 1fr;