feat: 多页面拖拽上传、滚动条精简、UI优化

- 剧本评测/分辨率提升/数字人/角色迁移/图片工作台/去水印/电商：新增外部拖拽文件上传
- 电商：爆款图复刻上传框支持拖拽+大滚动条，短视频/模特图/详情图滚动条精简回退
- 图片工作台：右侧输出面板移至左侧提示词上方，删除局部重绘遮罩/结果框
- 数字人：生成按钮改为「开始生成」
- 局部重绘：编辑遮罩→编辑页面
- 对话框生成器：新增对话/视频模式、模型/速度/深度选择按钮
- 视频时长默认改为5秒
- 工具箱页面空状态logo统一绿底亮色图标
- 多处CSS滚动条和布局优化

src/features/script-tokens/ScriptTokensPage.tsx

@@ -1,6 +1,7 @@
 import {
   BarChartOutlined,
   CheckCircleFilled,
+  CloseOutlined,
   CopyOutlined,
   DownloadOutlined,
   FileTextOutlined,
@@ -8,7 +9,7 @@ import {
   ThunderboltOutlined,
   UploadOutlined,
 } from "@ant-design/icons";
-import { useEffect, useRef, useState, type ChangeEvent, type KeyboardEvent } from "react";
+import { useEffect, useRef, useState, type ChangeEvent, type DragEvent, type KeyboardEvent } from "react";
 import { evaluateScript } from "../../api/scriptEvalClient";
 import { buildApiUrl, getStoredToken } from "../../api/serverConnection";
 import { useSessionStore } from "../../stores";
@@ -239,6 +240,7 @@ function ScriptTokensPage() {
   const [animatedScore, setAnimatedScore] = useState(0);
   const [activeHistoryIndex, setActiveHistoryIndex] = useState<number>(0);
   const [history, setHistory] = useState<HistoryEntry[]>(loadHistory);
+  const [isDragging, setIsDragging] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const scoreFrameRef = useRef<number | null>(null);
 
@@ -261,9 +263,7 @@ function ScriptTokensPage() {
     return () => { if (scoreFrameRef.current) cancelAnimationFrame(scoreFrameRef.current); };
   }, [result]);
 
-  const handleFileUpload = async (event: ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    if (!file) return;
+  const processUploadedFile = async (file: File) => {
     const ext = getFileExtension(file.name);
     const readable = isReadableTextFile(file, ext);
     setUploadedFile({ name: file.name, size: file.size });
@@ -293,6 +293,12 @@ function ScriptTokensPage() {
     } else {
       setScript(`[已上传文件：${file.name}]\n\n暂不支持解析 ${ext ? ext.toUpperCase() : "未知"} 格式，请上传常见文本类文件。`);
     }
+  };
+
+  const handleFileUpload = async (event: ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    await processUploadedFile(file);
     event.target.value = "";
   };
 
@@ -393,6 +399,30 @@ function ScriptTokensPage() {
     fileInputRef.current?.click();
   };
 
+  const handleDragOver = (event: DragEvent<HTMLDivElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (event.dataTransfer.types.includes("Files")) {
+      setIsDragging(true);
+    }
+  };
+
+  const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (event.currentTarget === event.target || !event.currentTarget.contains(event.relatedTarget as Node)) {
+      setIsDragging(false);
+    }
+  };
+
+  const handleDrop = (event: DragEvent<HTMLDivElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+    const file = event.dataTransfer.files[0];
+    if (file) processUploadedFile(file);
+  };
+
   const grade = result ? getGrade(result.totalScore) : null;
   const beatPct = result ? (result.totalScore >= 95 ? 97 : result.totalScore >= 88 ? 92 : result.totalScore >= 80 ? 85 : 72) : 0;
   const compactTitle = uploadedFile?.name?.replace(/\.[^.]+$/, "") ?? "剧本评测";
@@ -409,14 +439,31 @@ function ScriptTokensPage() {
             <div className="script-eval-v5-lp-section">
               <div className="script-eval-v5-lp-label">上传剧本</div>
               <div
-                className="script-eval-v5-upload-zone"
+                className={`script-eval-v5-upload-zone${isDragging ? " is-dragging" : ""}`}
                 role="button"
                 tabIndex={0}
                 onClick={() => fileInputRef.current?.click()}
                 onKeyDown={uploadKeyDown}
+                onDragOver={handleDragOver}
+                onDragLeave={handleDragLeave}
+                onDrop={handleDrop}
               >
+                {isDragging ? (
+                  <div className="script-eval-v5-upload-drop-overlay">
+                    <UploadOutlined />
+                    <span>释放文件以上传</span>
+                  </div>
+                ) : null}
                 {uploadedFile ? (
                   <div className="script-eval-v5-upload-done is-show">
+                    <button
+                      type="button"
+                      className="script-eval-v5-upload-delete"
+                      onClick={(e) => { e.stopPropagation(); handleReset(); }}
+                      aria-label="删除文件"
+                    >
+                      <CloseOutlined />
+                    </button>
                     <CheckCircleFilled />
                     <span className="script-eval-v5-uf-meta">
                       <span className="script-eval-v5-uf-name">{uploadedFile.name}</span>