收敛上传弹窗状态样式

components/UploadModal.tsx

@@ -1133,7 +1133,7 @@ const isVideoFile = (file: File) => {
       // 用户应通过Header的提示切换到内网地址以获得更快速度
       const uploadUrl = '/api/materials/upload'
       
-      console.log(`🚀 上传地址: ${uploadUrl}`)
+      console.log(`[Upload] 上传地址: ${uploadUrl}`)
       
       xhr.open('POST', uploadUrl)
       xhr.send(formData)
@@ -1263,7 +1263,7 @@ const isVideoFile = (file: File) => {
                     提示：可拖拽文件到对应区域上传
                   </p>
                   {uploading && (
-                    <p className="text-[10px] text-blue-600 dark:text-blue-400">
+                    <p className="text-[10px] text-slate-600 dark:text-slate-400">
                       上传进度已自动保存，关闭网页后可恢复
                     </p>
                   )}
@@ -1388,7 +1388,7 @@ const isVideoFile = (file: File) => {
                           e.stopPropagation()
                           previewInputRef.current?.click()
                         }}
-                        className="inline-flex items-center text-[11px] font-medium text-blue-600 hover:text-blue-500 dark:text-blue-300 dark:hover:text-blue-200"
+                        className="inline-flex items-center text-[11px] font-medium text-slate-700 hover:text-slate-900 dark:text-slate-300 dark:hover:text-slate-100"
                       >
                         上传预览图
                         <svg className="w-3.5 h-3.5 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -1424,7 +1424,7 @@ const isVideoFile = (file: File) => {
                                 className="object-cover"
                               />
                               {index === 0 && (
-                                <div className="absolute top-1 left-1 bg-blue-600 text-white text-[10px] px-1.5 py-0.5 rounded">
+                                <div className="absolute top-1 left-1 rounded bg-slate-800 px-1.5 py-0.5 text-[10px] text-white dark:bg-slate-100 dark:text-slate-900">
                                   封面
                                 </div>
                               )}
@@ -1531,7 +1531,7 @@ const isVideoFile = (file: File) => {
                   const currentMaterialType = selectedTemplate?.materialType || materialType
                   return currentMaterialType === '模特' || currentMaterialType === '材质' ? '(可选)' : <span className="text-red-500">*</span>
                 })()}
-                {isParsingAudio && <span className="ml-2 text-blue-500 text-[10px]">正在解析音频信息...</span>}
+                {isParsingAudio && <span className="ml-2 text-slate-500 text-[10px]">正在解析音频信息...</span>}
               </label>
               <div 
                 ref={dropZoneRef}
@@ -1591,12 +1591,12 @@ const isVideoFile = (file: File) => {
                   <span>{uploadComplete ? '上传完成' : '上传进度'}</span>
                   <span>{uploadProgress}%</span>
                 </div>
-                <div className="w-full bg-slate-200 dark:bg-slate-700 rounded-full h-2.5">
+                <div className="h-2.5 w-full overflow-hidden rounded-sm bg-slate-200 dark:bg-slate-700">
                   <div
-                    className={`h-2.5 rounded-full transition-all duration-300 ${
+                    className={`h-2.5 rounded-sm transition-[width] duration-300 ${
                       uploadComplete 
                         ? 'bg-green-500' 
-                        : 'bg-blue-600'
+                        : 'bg-slate-600 dark:bg-slate-400'
                     }`}
                     style={{ width: `${uploadProgress}%` }}
                   ></div>

docs/商业化地基排查问题清单_20260524.md

@@ -1075,6 +1075,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `components/ui/Modal.tsx`：统一弹窗硬编码圆角已从 32px 收到 12px，避免默认弹窗继续呈现大圆角展示页风格。
 - `components/UploadModal.tsx`：已完成第二轮收口，恢复上传提示去掉 emoji，内部外壳去掉额外重阴影和卡片套卡片，上传区从大圆角虚线卡片收为普通 `rounded-lg` dropzone。
 - `components/UploadModal.tsx`：预览图、PSD 展示图和素材文件上传说明已压短，不再重复“点击或拖拽/支持格式”长提示；网络失败提示也改为一句明确结果和下一步。
+- `components/UploadModal.tsx`：上传进度提示、封面标签、音频解析状态和进度条已从蓝色强调、圆头进度条、`transition-all` 收为中性文字、普通标签和矩形进度条；调试日志里的 emoji 也已移除。
 - `components/UploadModal.tsx:1661`、`components/UploadModal.tsx:1812`：必填字段不再使用蓝色渐变背景和大阴影，改为边框/浅底提示。
 - `components/EditMaterialModal.tsx`：编辑弹窗必填标识和必填输入框已是中性样式；本轮继续把预览图上传区从大圆角展示模块收为普通 `rounded-lg` 表单区，并缩短说明文案。
 - `components/AudioVisualizer.tsx`：音频默认封面和播放频谱已先从 Apple Music 式深色渐变、光晕、毛玻璃改成中性封面和低调频谱。
@@ -1086,7 +1087,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 
 - 弹窗统一走中性 Modal：8-12px 圆角、普通遮罩、轻阴影。上传弹窗、编辑弹窗预览区和音频预览已先完成第一轮，视频预览状态和图片预览继续观察真实素材效果。
 - 上传区保留拖拽能力，但改成紧凑 dropzone 或普通表单行，hover 只变边框色。
-- 去掉 emoji，提示文案缩短，错误和状态集中显示。上传弹窗已完成，剩余弹窗继续检查。
+- 去掉 emoji，提示文案缩短，错误和状态集中显示。上传弹窗已完成第三轮收口，剩余弹窗继续检查。
 - 必填用红色星号或中性小字，不用渐变胶囊。上传弹窗和编辑弹窗已完成第一轮。
 - 输入框必填态只改边框或辅助提示，不用渐变背景。上传弹窗和编辑弹窗已完成第一轮。
 - 预览弹窗减少舞台感，优先突出文件本身和右侧字段信息。音频、视频和图片预览已完成第一轮收口，后续继续检查具体素材尺寸和移动端效果。