diff --git a/src/App.tsx b/src/App.tsx
index 110a7d0..9cd67e4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -503,10 +503,7 @@ function App() {
{authMode === "login" ? "登录后继续你的 AI 创作之旅" : "注册即可免费体验全部功能"}
diff --git a/src/styles/ecommerce-standalone.css b/src/styles/ecommerce-standalone.css index 1a1a9a3..b7b39ec 100644 --- a/src/styles/ecommerce-standalone.css +++ b/src/styles/ecommerce-standalone.css @@ -455,19 +455,28 @@ .ecommerce-auth-modal__logo { position: relative; - display: block; + display: grid; + place-items: center; width: 58px; height: 58px; margin: 0 auto 14px; - overflow: hidden; - border-radius: 13px; + overflow: visible; + border-radius: 0; + background: transparent; + box-shadow: none; } -.ecommerce-auth-modal__logo i { - position: absolute; - width: 35px; - height: 35px; - border-radius: 10px; +.ecommerce-auth-modal__logo img { + display: block; + width: 58px; + height: 58px; + object-fit: contain; +} + +.ecommerce-auth-modal__logo i, +.ecommerce-auth-modal__logo::before { + content: none !important; + display: none !important; } .ecommerce-auth-modal__logo i:nth-child(1) { @@ -2832,7 +2841,7 @@ .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-main-result { flex: 0 0 auto; - width: 120px; + width: 150px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(30, 189, 219, 0.12); @@ -2854,12 +2863,50 @@ padding: 4px; } +.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-source-stack { + position: relative; + flex: 0 0 auto; +} + .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-result-grid { display: flex; gap: 12px; flex-wrap: wrap; } +.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-result-stack { + position: relative; + flex: 0 0 auto; +} + +.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-source-corner-action { + position: absolute; + top: -6px; + left: 50%; + z-index: 5; + display: inline-flex; + align-items: center; + justify-content: center; + min-height: 24px; + padding: 4px 9px; + border: 1px solid rgba(30, 189, 219, 0.22); + border-radius: 999px; + background: rgba(255, 255, 255, 0.96); + box-shadow: 0 6px 18px rgba(16, 115, 204, 0.12); + color: #188ba7; + font-size: 11px; + font-weight: 700; + line-height: 1; + white-space: nowrap; + cursor: pointer; + transform: translate(-50%, -100%); +} + +.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-source-corner-action:hover { + border-color: rgba(30, 189, 219, 0.45); + color: #0f7895; +} + .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-result-grid button { width: 140px; border-radius: 12px; diff --git a/src/styles/pages/ecommerce.css b/src/styles/pages/ecommerce.css index 780db21..4ce9dee 100644 --- a/src/styles/pages/ecommerce.css +++ b/src/styles/pages/ecommerce.css @@ -2930,12 +2930,59 @@ height: auto; } +.product-clone-page[data-tool="clone"] .clone-ai-canvas-node .clone-ai-main-result { + width: 150px; +} + +.product-clone-page[data-tool="clone"] .clone-ai-source-stack { + position: relative; + flex: 0 0 auto; +} + .product-clone-page[data-tool="clone"] .clone-ai-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } +.product-clone-page[data-tool="clone"] .clone-ai-result-stack { + position: relative; + min-width: 0; +} + +.product-clone-page[data-tool="clone"] .clone-ai-source-corner-action { + position: absolute; + top: -6px; + left: 50%; + z-index: 5; + display: inline-flex; + align-items: center; + justify-content: center; + min-height: 28px; + padding: 6px 12px; + border: 1px solid rgba(0, 255, 136, 0.35); + border-radius: 999px; + background: rgba(21, 23, 28, 0.92); + box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28); + color: #d8deed; + font-size: 12px; + font-weight: 900; + line-height: 1; + white-space: nowrap; + cursor: pointer; + transform: translate(-50%, -100%); + transition: + border-color 200ms ease, + transform 200ms ease, + box-shadow 200ms ease; +} + +.product-clone-page[data-tool="clone"] .clone-ai-source-corner-action:hover { + border-color: #00ff88; + transform: translate(-50%, -106%); + box-shadow: 0 10px 26px rgba(0, 255, 136, 0.14), 0 8px 22px rgba(0, 0, 0, 0.28); +} + .product-clone-page[data-tool="clone"] .clone-ai-result-grid button { width: 100%; height: auto;