feat: 剧本评分SaaS化精修、画布视觉升级、电商克隆预览响应式修复

【剧本评分页面 SaaS 商业化精修】
- 上传区增加玻璃拟态渐变边框，hover 时高亮为品牌绿
- 已上传文件显示文件名+文件大小，重新上传按钮优化
- 上传按钮文案从"+ 上传剧本"改为"选择剧本"，增加图标
- 评测按钮增加 LoadingOutlined/ThunderboltOutlined 图标动画
- 评测等待态增加分步加载提示（结构识别/冲突评估/商业潜力）
- 六维评分柱状图增加 hover/focus 交互：悬停维度高亮，其余维度 dim，底部显示当前维度详细说明
- 评分卡片、报告面板、历史记录项增加渐变背景与阴影层次
- 新增 script-tokens-v5 设计 Token 变量体系
- 响应式断点适配 1180px/900px/680px，移动端左右面板上下堆叠

【画布页面视觉升级】
- 画布背景增加网点纹理 + 径向渐变，增强空间感
- 项目栏/缩放控件增加玻璃拟态毛玻璃效果
- 节点卡片增加渐变背景、内阴影、边框高亮
- 选中节点增加品牌绿外圈光环 + 投影
- 连线 connector 增加 hover 品牌绿高亮
- 节点连线/选区框/缩放手柄统一品牌绿主题色
- 所有编辑器/菜单面板统一玻璃拟态风格
- 移动端 560px 项目栏改为 4 列网格布局，按钮显示中文标签（编辑/最近/导出/提交）

【电商克隆预览响应式修复】
- 短视口（高度≤760px）下预览面板内 header/空状态/底部输入改为静态流式布局
- 平板（≤860px）下预览面板取消绝对定位，改为 grid 流式布局
- 手机（≤620px）缩小间距与最小高度

【其他】
- 个人中心登录注册表单移除 form-kicker 标签
- 品牌色（auth-page__brand）调整为强调绿色

src/styles/pages/ecommerce.css

@@ -8707,3 +8707,88 @@
     font-size: 10px;
   }
 }
+
+@media (max-height: 760px) {
+  .product-clone-page[data-tool="clone"].is-settings-collapsed .clone-ai-preview {
+    grid-template-rows: auto minmax(220px, 1fr) auto;
+    align-content: stretch;
+    justify-items: stretch;
+    overflow: auto;
+    padding-top: clamp(28px, 7vh, 72px);
+    padding-bottom: 20px;
+  }
+
+  .product-clone-page[data-tool="clone"].is-settings-collapsed .clone-ai-preview-header {
+    position: static;
+    width: 100%;
+    max-width: none;
+  }
+
+  .product-clone-page[data-tool="clone"].is-settings-collapsed .clone-ai-empty-state {
+    align-self: center;
+    justify-self: center;
+    min-height: min(260px, 36vh);
+  }
+
+  .product-clone-page[data-tool="clone"].is-settings-collapsed .clone-ai-bottom-input {
+    position: static;
+    width: min(100%, 780px);
+    align-self: end;
+    justify-self: center;
+  }
+}
+
+@media (max-width: 860px) {
+  .product-clone-page[data-tool="clone"] .clone-ai-preview {
+    grid-template-rows: auto minmax(220px, 1fr) auto;
+    align-content: stretch;
+    justify-items: stretch;
+    overflow: auto;
+    padding-bottom: 20px;
+  }
+
+  .product-clone-page[data-tool="clone"] .clone-ai-preview-header {
+    position: static;
+    width: 100%;
+    max-width: none;
+  }
+
+  .product-clone-page[data-tool="clone"] .clone-ai-empty-state {
+    align-self: center;
+    justify-self: center;
+  }
+
+  .product-clone-page[data-tool="clone"] .clone-ai-bottom-input {
+    position: static;
+    width: min(100%, 780px);
+    align-self: end;
+    justify-self: center;
+  }
+}
+
+@media (max-width: 620px) {
+  .product-clone-page[data-tool="clone"] .clone-ai-preview {
+    grid-template-rows: auto minmax(210px, 1fr) auto;
+    gap: 16px;
+    padding-bottom: 14px;
+  }
+
+  .product-clone-page[data-tool="clone"] .clone-ai-empty-state {
+    min-height: min(220px, 34vh);
+  }
+}
+
+/* Mobile preview rhythm: once the preview header is in normal flow, remove the desktop top reserve. */
+@media (max-width: 860px) {
+  .product-clone-page[data-tool="clone"] .clone-ai-preview {
+    min-height: 520px;
+    padding-top: 18px;
+  }
+}
+
+@media (max-width: 620px) {
+  .product-clone-page[data-tool="clone"] .clone-ai-preview {
+    min-height: 440px;
+    padding-top: 14px;
+  }
+}