Merge branch 'main' into feat/ecommerce-chat-polish

本次修改聚焦于电商记录详情页的对话面板体验打磨：

一、对话顺序优化（EcommercePage.tsx）：
- 将"新需求"跟进消息从AI回复之前移至AI回复之后
- 调整后的对话时间线：用户历史需求 → AI回复 → 用户新需求，逻辑更符合真实对话流程

二、对话面板视觉升级（ecommerce-standalone.css）：
- 对话面板宽度采用CSS变量动态控制（408-440px），视觉更宽敞
- 消息气泡区分明确：
  · 用户消息：左侧缩进26-36px，蓝色调渐变背景，青色边框
  · AI消息：右侧缩进26-36px，蓝调边框，中性背景
  · 跟进消息：独特高亮样式，更强边框(0.24透明度)和投影
- 排版细节打磨：
  · 消息标签字号12px/权重820
  · 正文13px/行高1.64
  · 气泡内间距15px、圆角20px、投影加深
- 元信息标签(emo)精修：28px高度、圆角胶囊样式
- 素材缩略图：46x46px、圆角14px
- 响应式适配：≤900px面板收窄至92vw，≤480px去除消息缩进

变更文件：
- src/features/ecommerce/EcommercePage.tsx (+20/-20)
- src/styles/ecommerce-standalone.css (+121)

.gitattributes

@@ -1,43 +0,0 @@
-# 自动检测文本文件并统一换行符
-* text=auto eol=lf
-
-# 源码强制使用 LF（跨平台一致）
-*.ts text eol=lf
-*.tsx text eol=lf
-*.js text eol=lf
-*.jsx text eol=lf
-*.mjs text eol=lf
-*.cjs text eol=lf
-*.json text eol=lf
-*.css text eol=lf
-*.html text eol=lf
-*.md text eol=lf
-*.svg text eol=lf
-
-# 配置类（统一 LF）
-*.yml text eol=lf
-*.yaml text eol=lf
-*.toml text eol=lf
-*.conf text eol=lf
-
-# Windows 专用脚本保持 CRLF
-*.bat text eol=crlf
-*.cmd text eol=crlf
-
-# 二进制文件，不做换行符转换
-*.png binary
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.webp binary
-*.ico binary
-*.woff binary
-*.woff2 binary
-*.ttf binary
-*.eot binary
-*.otf binary
-*.mp4 binary
-*.mp3 binary
-*.pdf binary
-*.zip binary
-*.gz binary

src/features/ecommerce/panels/EcommerceClonePanel.tsx

@@ -381,6 +381,108 @@ export default function EcommerceClonePanel({
           </section>
         ) : null}
 
+        {cloneOutput === "hot" ? (
+          <section className="clone-ai-replicate-panel" aria-label="爆款图复刻设置">
+            <div className="clone-ai-dynamic-head">
+              <strong>爆款图参考设置</strong>
+              <span>随生成模式切换</span>
+            </div>
+            <div className="clone-ai-replicate-section">
+              <span className="clone-ai-replicate-title">参考内容</span>
+              <div className="clone-ai-replicate-tabs" role="tablist" aria-label="参考内容来源">
+                <button
+                  type="button"
+                  className={cloneReferenceMode === "upload" ? "is-active" : ""}
+                  aria-selected={cloneReferenceMode === "upload"}
+                  onClick={() => setCloneReferenceMode("upload")}
+                >
+                  上传参考图
+                </button>
+                <button
+                  type="button"
+                  className={cloneReferenceMode === "link" ? "is-active" : ""}
+                  aria-selected={cloneReferenceMode === "link"}
+                  onClick={() => setCloneReferenceMode("link")}
+                >
+                  导入链接
+                </button>
+              </div>
+              {cloneReferenceMode === "upload" ? (
+                <button
+                  type="button"
+                  className={`clone-ai-replicate-upload${isCloneReferenceDragging ? " is-dragging" : ""}${cloneReferenceImages.length ? " has-files" : ""}`}
+                  onClick={() => cloneReferenceInputRef.current?.click()}
+                  onDragOver={handleCloneReferenceDragOver}
+                  onDragLeave={handleCloneReferenceDragLeave}
+                  onDrop={handleCloneReferenceDrop}
+                >
+                  {cloneReferenceImages.length ? (
+                    <>
+                      <div className="clone-ai-replicate-files">
+                        {cloneReferenceImages.map((item) => (
+                          <figure
+                            key={item.id}
+                            className="clone-ai-replicate-file"
+                            onMouseEnter={(e) => handleFileMouseEnter(item.src, e)}
+                            onMouseLeave={handleFileMouseLeave}
+                          >
+                            <img src={item.src} alt="" />
+                          </figure>
+                        ))}
+                      </div>
+                      <span className="clone-ai-replicate-add-more">
+                        <CloudUploadOutlined />
+                        点击继续上传文件
+                      </span>
+                    </>
+                  ) : (
+                    <span>
+                      <CloudUploadOutlined />
+                      <span className="clone-ai-replicate-upload-text">拖拽或点击上传参考图</span>
+                    </span>
+                  )}
+                  <em>{cloneReferenceImages.length ? `已选 ${cloneReferenceImages.length}/${maxCloneReferenceImages}` : `最多 ${maxCloneReferenceImages} 张`}</em>
+                  {isCloneReferenceDragging ? (
+                    <div className="clone-ai-replicate-upload-overlay">
+                      <CloudUploadOutlined />
+                      <span>释放文件以上传</span>
+                    </div>
+                  ) : null}
+                </button>
+              ) : (
+                <label className="clone-ai-replicate-link">
+                  <input placeholder="粘贴商品图或详情页链接" />
+                </label>
+              )}
+              <input
+                ref={cloneReferenceInputRef}
+                type="file"
+                accept="image/jpeg,image/png,image/webp"
+                multiple
+                onChange={handleCloneReferenceUpload}
+                aria-label="上传参考图片"
+              />
+            </div>
+            <div className="clone-ai-replicate-section">
+              <span className="clone-ai-replicate-title">复刻程度</span>
+              <div className="clone-ai-replicate-levels" role="toolbar" aria-label="复刻程度">
+                {cloneReplicateLevelOptions.map((option) => (
+                  <button
+                    key={option.key}
+                    type="button"
+                    className={cloneReplicateLevel === option.key ? "is-active" : ""}
+                    aria-pressed={cloneReplicateLevel === option.key}
+                    onClick={() => setCloneReplicateLevel(option.key)}
+                  >
+                    <strong>{option.title}</strong>
+                    <span>{option.desc}</span>
+                  </button>
+                ))}
+              </div>
+            </div>
+          </section>
+        ) : null}
+
         {cloneOutput === "set" ? (
           <section className="clone-ai-count-panel" aria-label="套图图片数量">
             <div className="clone-ai-dynamic-head">

src/styles/pages/ecommerce.css

@@ -2950,6 +2950,15 @@
   min-width: 0;
 }
 
+.product-clone-page[data-tool="clone"] .clone-ai-result-stack > .clone-ai-node-label {
+  position: absolute;
+  top: -6px;
+  left: 50%;
+  z-index: 5;
+  transform: translate(-50%, -100%);
+  white-space: nowrap;
+}
+
 .product-clone-page[data-tool="clone"] .clone-ai-source-corner-action {
   position: absolute;
   top: -6px;