fix: align hot clone reference upload UI

src/features/ecommerce/EcommercePage.tsx

@@ -6899,7 +6899,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
             <div
               role="button"
               tabIndex={0}
-              className={`ecom-quick-set-upload${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
+              className={`ecom-quick-set-upload ecom-quick-hot-material ecom-quick-hot-reference${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
               onClick={() => cloneReferenceInputRef.current?.click()}
               onKeyDown={(event) => openQuickUploadWithKeyboard(event, cloneReferenceInputRef)}
               onDragOver={(event) => { event.preventDefault(); event.stopPropagation(); if (event.dataTransfer.types.includes("Files")) setIsCloneReferenceDragging(true); }}
@@ -6910,7 +6910,22 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
               <span>拖拽或点击上传</span>
               <em>参考图用于风格迁移，最多 {maxCloneReferenceImages} 张</em>
               <b>+ 上传图片</b>
-              {cloneReferenceImages.length ? renderQuickUploadThumbs(cloneReferenceImages, removeCloneReferenceImage) : null}
+              {cloneReferenceImages.length ? (
+                <>
+                  {renderHotMaterialThumbs(cloneReferenceImages, removeCloneReferenceImage)}
+                  <button
+                    type="button"
+                    className="ecom-quick-hot-add-btn"
+                    aria-label="添加更多参考图"
+                    onClick={(event) => {
+                      event.stopPropagation();
+                      cloneReferenceInputRef.current?.click();
+                    }}
+                  >
+                    <PlusOutlined />
+                  </button>
+                </>
+              ) : null}
             </div>
             <input
               ref={cloneReferenceInputRef}

src/styles/ecommerce-standalone.css

@@ -13786,7 +13786,7 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
 
 /* #/imageWorkbench quick actions: soften each action so the tones blend into the page. */
 html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.ecom-command-composer-wrap:has(.ecom-inspiration-lab) .ecom-command-quick-board {
-  background: rgba(255, 255, 255, 0.3) !important;
+  background: transparent !important;
   box-shadow: none !important;
 }
 
@@ -14624,6 +14624,13 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
   gap: 6px !important;
 }
 
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-reference.has-images > .anticon,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-reference.has-images > span,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-reference.has-images > em,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-reference.has-images > b {
+  display: none !important;
+}
+
 /* Generation record detail workspace: left chat, center canvas, right history drawer. */
 html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
   --clone-chat-width: 352px;