From c9b3ac57cb58429e4802e70be9cab8ffcc80f4bb Mon Sep 17 00:00:00 2001
From: troyeguo <13820674+troyeguo@users.noreply.github.com>
Date: Tue, 15 Sep 2026 14:43:16 +0800
Subject: [PATCH] feat(account): add glowing animation to pro banner trial
 button in light theme

---
 .../dialogs/settingDialog/settingDialog.css   | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/dialogs/settingDialog/settingDialog.css b/src/components/dialogs/settingDialog/settingDialog.css
index 8339573a..0c4039a6 100644
--- a/src/components/dialogs/settingDialog/settingDialog.css
+++ b/src/components/dialogs/settingDialog/settingDialog.css
@@ -681,19 +681,25 @@
 :root[data-theme="dark"] .pro-banner-btn-trial {
   color: rgba(235, 235, 235, 1);
 }
+@keyframes pro-banner-btn-trial-glow {
+  to {
+    box-shadow: 0 0 10px 2px rgba(90, 120, 220, 0.45);
+  }
+}
 .pro-banner-btn-trial::before {
   content: "";
   position: absolute;
-  inset: -1px;
+  inset: -2px;
   border-radius: inherit;
-  padding: 1px;
+  padding: 2px;
   background: conic-gradient(
     from var(--pro-banner-btn-trial-angle),
-    rgba(0, 0, 0, 0.35),
-    rgba(0, 0, 0, 1) 90deg,
-    rgba(0, 0, 0, 0.35) 180deg,
-    rgba(90, 120, 220, 0.9) 270deg,
-    rgba(0, 0, 0, 0.35)
+    rgba(32, 33, 36, 0.4),
+    rgba(32, 33, 36, 1) 60deg,
+    rgba(32, 33, 36, 0.4) 130deg,
+    rgba(77, 112, 235, 1) 230deg,
+    rgba(150, 90, 235, 1) 270deg,
+    rgba(32, 33, 36, 0.4)
   );
   -webkit-mask:
     linear-gradient(#fff 0 0) content-box,
@@ -721,6 +727,9 @@
     --pro-banner-btn-trial-angle: 360deg;
   }
 }
+:root[data-theme="light"] .pro-banner-btn-trial {
+  animation: pro-banner-btn-trial-glow 1.8s ease-in-out infinite alternate;
+}
 
 /* AI Setting styles */
 .ai-setting-form-row {