From e49c8ccf01b4fb47cc583e63e111290222a8ba99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=9C=A8await?= <1335360669@qq.com>
Date: Thu, 17 Sep 2026 10:59:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(create):=20=E5=88=9B=E4=BD=9C=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=20Agent=20=E6=A8=A1=E5=BC=8F=E5=91=BC=E5=90=B8?=
 =?UTF-8?q?=E9=AB=98=E5=85=89=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/create/creation-product.css | 27 ++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/create/creation-product.css b/web/src/pages/create/creation-product.css
index 579e67c79..6b9df9301 100644
--- a/web/src/pages/create/creation-product.css
+++ b/web/src/pages/create/creation-product.css
@@ -6,7 +6,32 @@
 .creation-mode-button[aria-pressed="true"], .creation-mode-button:hover { color: var(--user-ink); }
 .creation-mode-button:active { transform: scale(.97); }
 .creation-mode-button:focus-visible { outline: 2px solid var(--user-accent); outline-offset: 2px; }
-.creation-mode-spark { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .42; box-shadow: none; }
+.creation-mode-spark {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #6366f1;
+    box-shadow: 0 0 8px rgba(99, 102, 241, 0.65);
+    animation: creation-mode-spark-pulse 2s ease-in-out infinite;
+}
+
+.dark .creation-mode-spark {
+    background: #818cf8;
+    box-shadow: 0 0 10px rgba(129, 140, 248, 0.85);
+}
+
+@keyframes creation-mode-spark-pulse {
+    0%, 100% {
+        transform: scale(0.85);
+        opacity: 0.45;
+        box-shadow: 0 0 4px rgba(99, 102, 241, 0.4);
+    }
+    50% {
+        transform: scale(1.3);
+        opacity: 1;
+        box-shadow: 0 0 10px rgba(99, 102, 241, 0.9), 0 0 16px rgba(99, 102, 241, 0.45);
+    }
+}
 .creation-agent-entry { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 16px 24px; padding: 28px; margin-bottom: 20px; border-radius: var(--user-radius-card); background: var(--user-surface); animation: product-card-enter var(--product-enter) var(--product-ease) backwards; }
 .creation-agent-orb { grid-row: span 2; }
 .creation-agent-eyebrow { font-size: 10px; font-weight: 650; letter-spacing: .14em; color: var(--user-accent); }