From 4c8de14e0e8b0f9936ac06a8bf9858efd55c4e4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cdongming=E2=80=9D?=
 <“lidongming@aituringflow.com”>
Date: Sat, 6 Dec 2025 19:19:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96Logo=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=EF=BC=8C=E6=B7=BB=E5=8A=A0=E4=BA=AE=E5=8C=96?=
 =?UTF-8?q?=E5=92=8C=E6=82=AC=E5=81=9C=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx   |  3 +--
 src/index.css | 12 ++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index a157321..b28ac92 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,8 +23,7 @@ function App() {
             <img
               src={freestyleLogo}
               alt="TuringFlow logo"
-              className="h-12 w-auto object-contain filter drop-shadow-[0_0_20px_rgba(0,212,255,0.3)]
-                         hover:drop-shadow-[0_0_30px_rgba(0,212,255,0.5)] transition-all duration-300"
+              className="h-12 w-auto object-contain logo-invert"
             />
           </a>
         </div>
diff --git a/src/index.css b/src/index.css
index 93e539b..eeca751 100644
--- a/src/index.css
+++ b/src/index.css
@@ -159,6 +159,18 @@ html, body, #root {
     inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
+/* Logo 图片亮化效果 - 将深色logo转为亮色 */
+.logo-invert {
+  filter: brightness(0) invert(1);
+  opacity: 0.9;
+  transition: all 0.3s ease;
+}
+
+.logo-invert:hover {
+  opacity: 1;
+  filter: brightness(0) invert(1) drop-shadow(0 0 20px rgba(0, 212, 255, 0.6));
+}
+
 /* 发光按钮 */
 .glow-button {
   background: linear-gradient(135deg, var(--sa-accent-cyan), var(--sa-accent-blue));