From c255d4fc211028d67ac5439ab771034de2ee4e09 Mon Sep 17 00:00:00 2001
From: doublex001 <16157008+doublex001@user.noreply.gitee.com>
Date: Mon, 3 Aug 2026 05:05:42 +0800
Subject: [PATCH] =?UTF-8?q?feat(Home):=20=E9=A6=96=E5=B1=8F=E8=92=99?=
 =?UTF-8?q?=E5=B1=82=E6=9A=97=E5=8C=96=E6=96=B9=E6=A1=88A=EF=BC=9A?=
 =?UTF-8?q?=E5=8F=A0=E5=8A=A055%=E6=B7=B1=E8=93=9D=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E8=92=99=E5=B1=82=EF=BC=8C=E6=BF=80=E6=B4=BBCanvas=E7=B2=92?=
 =?UTF-8?q?=E5=AD=90=E7=BD=91/=E5=85=89=E6=99=95/4=E8=89=B2=E8=BD=A8?=
 =?UTF-8?q?=E9=81=93=E5=BD=97=E6=98=9F=E5=85=A8=E9=83=A8=E6=98=BE=E5=BD=A2?=
 =?UTF-8?q?=EF=BC=8C=E6=96=87=E5=AD=97=E5=AF=B9=E6=AF=94=E5=BA=A6=E5=A2=9E?=
 =?UTF-8?q?=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 645f52d..5aefa86 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -174,7 +174,7 @@ function HeroParticleCanvas() {
       ref={ref}
       aria-hidden="true"
       className="absolute inset-0 w-full h-full pointer-events-none"
-      style={{ zIndex: 2 }}
+      style={{ zIndex: 3 }}
     />
   );
 }
@@ -231,13 +231,24 @@ export default function Home({ locale }: { locale: Locale }) {
           alt=""
           aria-hidden="true"
           className="absolute inset-0 w-full h-full object-cover"
-          style={{ zIndex: 0, opacity: 0.92 }}
+          style={{ zIndex: 0 }}
           loading="eager"
           decoding="async"
         />
 
+        {/* 方案A：半透明深色蒙层 → 让粒子/光晕从浅色背景中"显形"，同时增强左下白字对比度 */}
+        <div
+          aria-hidden="true"
+          className="absolute inset-0 pointer-events-none"
+          style={{
+            zIndex: 1,
+            background:
+              'linear-gradient(135deg, rgba(10, 14, 42, 0.62) 0%, rgba(20, 24, 47, 0.54) 50%, rgba(29, 33, 80, 0.50) 100%)',
+          }}
+        />
+
         {/* 雾化光晕 4 球（慢速漂浮，最底层之上但粒子网之下） */}
-        <div aria-hidden="true" className="absolute inset-0 pointer-events-none" style={{ zIndex: 1, overflow: 'hidden' }}>
+        <div aria-hidden="true" className="absolute inset-0 pointer-events-none" style={{ zIndex: 2, overflow: 'hidden' }}>
           {HERO_GLOW_ORBS.map((o, i) => (
             <span
               key={i}
@@ -254,11 +265,11 @@ export default function Home({ locale }: { locale: Locale }) {
           ))}
         </div>
 
-        {/* Canvas 全屏粒子 + 邻近连线（白/蓝/紫/粉 4 色） */}
+        {/* Canvas 全屏粒子 + 邻近连线（白/蓝/紫/粉 4 色），z-index:3 */}
         <HeroParticleCanvas />
 
         {/* 粒子层：环绕中央玻璃球的轨道粒子（7 圈 / 22 颗，4 色分色，linear 匀速环绕） */}
-        <div className="hero-orbit pointer-events-none" aria-hidden="true" style={{ left: '70%', top: '46%', zIndex: 3 }}>
+        <div className="hero-orbit pointer-events-none" aria-hidden="true" style={{ left: '70%', top: '46%', zIndex: 4 }}>
           {orbits.flatMap((o, i) =>
             o.dots.map((d, j) => {
               // 全局 dot 序号，用于 stagger 脉冲相位 + 颜色循环