From 41dab3deab536acad70099ca745842b067fb6d9d Mon Sep 17 00:00:00 2001
From: logan <admin@attacker.club>
Date: Wed, 27 May 2026 21:04:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=2010=E4=B8=AA=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E7=BB=9F=E4=B8=80=20=E2=80=94=20=E8=93=9D?=
 =?UTF-8?q?=E7=B4=AB=E6=B8=90=E5=8F=98(#3b82f6=E2=86=92#8b5cf6)+=E7=99=BD?=
 =?UTF-8?q?=E8=89=B2=E7=9B=BE=E7=89=8C=E5=8B=BE=E9=80=89=EF=BC=8C=E4=B8=8E?=
 =?UTF-8?q?favicon=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/login/AuroraView.tsx  | 17 ++--------
 .../src/components/login/CenteredCard.tsx     | 14 ++------
 frontend/src/components/login/CosmosView.tsx  |  8 ++---
 frontend/src/components/login/FullImage.tsx   |  6 +---
 .../src/components/login/GradientMeshView.tsx | 17 ++--------
 frontend/src/components/login/InkWashView.tsx | 17 ++--------
 frontend/src/components/login/MinimalDark.tsx |  6 +---
 .../src/components/login/NeonCityView.tsx     | 32 ++-----------------
 frontend/src/components/login/SidePanel.tsx   |  2 +-
 frontend/src/components/login/SplitView.tsx   | 10 ++----
 10 files changed, 18 insertions(+), 111 deletions(-)

diff --git a/frontend/src/components/login/AuroraView.tsx b/frontend/src/components/login/AuroraView.tsx
index ca165fc..5de6b42 100644
--- a/frontend/src/components/login/AuroraView.tsx
+++ b/frontend/src/components/login/AuroraView.tsx
@@ -198,7 +198,7 @@ export default function AuroraView(): JSX.Element {
                 width: 44,
                 height: 44,
                 borderRadius: 12,
-                background: 'linear-gradient(135deg, #7c3aed 0%, #059669 100%)',
+                background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
@@ -206,20 +206,7 @@ export default function AuroraView(): JSX.Element {
                 boxShadow: '0 4px 20px rgba(124, 58, 237, 0.3), 0 2px 10px rgba(5, 150, 105, 0.2)',
               }}
             >
-              <svg
-                width={22}
-                height={22}
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="#fff"
-                strokeWidth={2}
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <ellipse cx="12" cy="5" rx="9" ry="3" />
-                <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-                <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-              </svg>
+              <svg width={22} height={22} viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
             </div>
 
             {/* 标题 */}
diff --git a/frontend/src/components/login/CenteredCard.tsx b/frontend/src/components/login/CenteredCard.tsx
index 90e7911..c5ca57a 100644
--- a/frontend/src/components/login/CenteredCard.tsx
+++ b/frontend/src/components/login/CenteredCard.tsx
@@ -143,24 +143,14 @@ export default function CenteredCard() {
             width: 44,
             height: 44,
             borderRadius: 12,
-            background: 'linear-gradient(135deg, #fbbf24, #f59e0b)',
+            background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
             margin: '0 auto 24px',
           }}
         >
-          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <circle cx="12" cy="12" r="4" />
-            <line x1="12" y1="2" x2="12" y2="5" />
-            <line x1="12" y1="19" x2="12" y2="22" />
-            <line x1="4.93" y1="4.93" x2="7.05" y2="7.05" />
-            <line x1="16.95" y1="16.95" x2="19.07" y2="19.07" />
-            <line x1="2" y1="12" x2="5" y2="12" />
-            <line x1="19" y1="12" x2="22" y2="12" />
-            <line x1="4.93" y1="19.07" x2="7.05" y2="16.95" />
-            <line x1="16.95" y1="7.05" x2="19.07" y2="4.93" />
-          </svg>
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
         </div>
 
         <h1 style={{ textAlign: 'center', fontSize: 22, fontWeight: 600, color: '#fef3c7', marginBottom: 6 }}>
diff --git a/frontend/src/components/login/CosmosView.tsx b/frontend/src/components/login/CosmosView.tsx
index 02f0b56..8fe5bf2 100644
--- a/frontend/src/components/login/CosmosView.tsx
+++ b/frontend/src/components/login/CosmosView.tsx
@@ -344,7 +344,7 @@ export default function CosmosView(): JSX.Element {
               width: 44,
               height: 44,
               borderRadius: 14,
-              background: 'linear-gradient(135deg, #1e3a8a, #7c3aed)',
+              background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
               display: 'flex',
               alignItems: 'center',
               justifyContent: 'center',
@@ -352,11 +352,7 @@ export default function CosmosView(): JSX.Element {
               boxShadow: '0 4px 20px rgba(79,70,229,0.3), inset 0 1px 0 rgba(255,255,255,0.15)',
             }}
           >
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <ellipse cx="12" cy="5" rx="9" ry="3" />
-              <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-              <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-            </svg>
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
           </div>
           <h1
             style={{
diff --git a/frontend/src/components/login/FullImage.tsx b/frontend/src/components/login/FullImage.tsx
index 01fd31a..14091f0 100644
--- a/frontend/src/components/login/FullImage.tsx
+++ b/frontend/src/components/login/FullImage.tsx
@@ -147,11 +147,7 @@ export default function FullImage() {
               marginBottom: 18,
             }}
           >
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <ellipse cx="12" cy="5" rx="9" ry="3" />
-              <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-              <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-            </svg>
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
           </div>
           <h1 style={{ fontSize: 20, fontWeight: 600, color: '#fff', marginBottom: 4, textAlign: 'center' }}>
             OpsxSQL
diff --git a/frontend/src/components/login/GradientMeshView.tsx b/frontend/src/components/login/GradientMeshView.tsx
index 15995ad..391923d 100644
--- a/frontend/src/components/login/GradientMeshView.tsx
+++ b/frontend/src/components/login/GradientMeshView.tsx
@@ -194,7 +194,7 @@ export default function GradientMeshView(): React.JSX.Element {
                 width: 48,
                 height: 48,
                 borderRadius: 16,
-                background: 'linear-gradient(135deg, #6366f1, #f43f5e)',
+                background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
@@ -202,20 +202,7 @@ export default function GradientMeshView(): React.JSX.Element {
                 boxShadow: '0 8px 24px rgba(99,102,241,0.25)',
               }}
             >
-              <svg
-                width={20}
-                height={20}
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="#fff"
-                strokeWidth={2}
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <ellipse cx="12" cy="5" rx="9" ry="3" />
-                <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-                <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-              </svg>
+              <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
             </div>
 
             <h1
diff --git a/frontend/src/components/login/InkWashView.tsx b/frontend/src/components/login/InkWashView.tsx
index 1c4e171..4a6c118 100644
--- a/frontend/src/components/login/InkWashView.tsx
+++ b/frontend/src/components/login/InkWashView.tsx
@@ -255,7 +255,7 @@ export default function InkWashView(): JSX.Element {
                 width: 44,
                 height: 44,
                 borderRadius: 10,
-                background: 'linear-gradient(135deg, #3a362e, #1f1d19)',
+                background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
@@ -263,20 +263,7 @@ export default function InkWashView(): JSX.Element {
                 boxShadow: '0 2px 8px rgba(0,0,0,0.12)',
               }}
             >
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="#c9a96e"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <ellipse cx="12" cy="5" rx="9" ry="3" />
-                <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-                <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-              </svg>
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
             </div>
 
             {/* 标题 */}
diff --git a/frontend/src/components/login/MinimalDark.tsx b/frontend/src/components/login/MinimalDark.tsx
index 54e0bed..a431b34 100644
--- a/frontend/src/components/login/MinimalDark.tsx
+++ b/frontend/src/components/login/MinimalDark.tsx
@@ -187,11 +187,7 @@ export default function MinimalDark() {
               boxShadow: '0 4px 20px rgba(168,85,247,0.3)',
             }}
           >
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <ellipse cx="12" cy="5" rx="9" ry="3" />
-              <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-              <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-            </svg>
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
           </div>
 
           {/* Brand name */}
diff --git a/frontend/src/components/login/NeonCityView.tsx b/frontend/src/components/login/NeonCityView.tsx
index 3a6b87a..238be69 100644
--- a/frontend/src/components/login/NeonCityView.tsx
+++ b/frontend/src/components/login/NeonCityView.tsx
@@ -268,7 +268,7 @@ export default function NeonCityView(): JSX.Element {
                 width: 44,
                 height: 44,
                 borderRadius: 12,
-                background: 'linear-gradient(135deg, #ec4899, #06b6d4)',
+                background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
@@ -276,20 +276,7 @@ export default function NeonCityView(): JSX.Element {
                 boxShadow: '0 0 15px rgba(236, 72, 153, 0.5), 0 0 30px rgba(6, 182, 212, 0.3)',
               }}
             >
-              <svg
-                width="22"
-                height="22"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="#fff"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <ellipse cx="12" cy="5" rx="9" ry="3" />
-                <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-                <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
-              </svg>
+              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
             </div>
 
             {/* Title */}
@@ -464,20 +451,7 @@ export default function NeonCityView(): JSX.Element {
             >
               {loading ? (
                 <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
-                  <svg
-                    width="16"
-                    height="16"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeWidth="2"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    style={{ animation: 'spin 1s linear infinite' }}
-                  >
-                    <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>
-                    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-                  </svg>
+                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
                   登录中...
                 </span>
               ) : (
diff --git a/frontend/src/components/login/SidePanel.tsx b/frontend/src/components/login/SidePanel.tsx
index 24e6433..7e75f50 100644
--- a/frontend/src/components/login/SidePanel.tsx
+++ b/frontend/src/components/login/SidePanel.tsx
@@ -34,7 +34,7 @@ export default function SidePanel() {
         <div className="mb-8">
           <div className="flex items-center gap-3 mb-5">
             <div className="w-11 h-11 rounded-xl dg-gradient-br flex items-center justify-center">
-              <Shield className="w-6 h-6 text-white" />
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
             </div>
             <h1 className="text-4xl font-bold dg-gradient-text">
               OpsxSQL
diff --git a/frontend/src/components/login/SplitView.tsx b/frontend/src/components/login/SplitView.tsx
index 9a222f2..58afa3a 100644
--- a/frontend/src/components/login/SplitView.tsx
+++ b/frontend/src/components/login/SplitView.tsx
@@ -146,7 +146,7 @@ export default function SplitView() {
               width: 48,
               height: 48,
               borderRadius: 12,
-              background: 'linear-gradient(135deg, #00d4aa, #0ea5e9)',
+              background: 'linear-gradient(135deg, #3b82f6, #8b5cf6)',
               display: 'flex',
               alignItems: 'center',
               justifyContent: 'center',
@@ -154,13 +154,7 @@ export default function SplitView() {
               boxShadow: '0 4px 24px rgba(0,212,170,0.3)',
             }}
           >
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M12 2L22 8.5V15.5L12 22L2 15.5V8.5L12 2Z" />
-              <path d="M12 22V15.5" />
-              <path d="M22 8.5L12 15.5L2 8.5" />
-              <path d="M2 15.5L12 8.5L22 15.5" />
-              <line x1="12" y1="2" x2="12" y2="8.5" />
-            </svg>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2L20 6V11C20 16 16 19.5 12 22C8 19.5 4 16 4 11V6L12 2Z" /><path d="M9 12L11 14L15 10" /></svg>
           </div>
 
           <h1 style={{ fontSize: 36, fontWeight: 700, color: '#e2e8f0', marginBottom: 10, letterSpacing: '-0.5px', lineHeight: 1.2 }}>