From c86d2ab559866d67ac8a8d504a12567842af91a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E4=BD=A9=E5=BA=AD?= <petty09190@gmail.com>
Date: Fri, 25 Jul 2025 00:39:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BA=E5=AE=9A=20nav=20=E5=9C=A8=E6=9C=80?=
 =?UTF-8?q?=E4=B8=8A=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/analytics/page.tsx | 23 +++--------------------
 app/page.tsx           |  4 ++--
 app/submit/page.tsx    | 23 +++--------------------
 app/wishes/page.tsx    |  4 ++--
 4 files changed, 10 insertions(+), 44 deletions(-)

diff --git a/app/analytics/page.tsx b/app/analytics/page.tsx
index 092b25c..05294c1 100644
--- a/app/analytics/page.tsx
+++ b/app/analytics/page.tsx
@@ -319,26 +319,9 @@ export default function AnalyticsPage() {
         : Minus
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 relative overflow-hidden">
-      {/* 星空背景 */}
-      <div className="absolute inset-0 overflow-hidden pointer-events-none">
-        {[...Array(30)].map((_, i) => (
-          <div
-            key={i}
-            className="absolute w-0.5 h-0.5 md:w-1 md:h-1 bg-white rounded-full animate-pulse"
-            style={{
-              left: `${Math.random() * 100}%`,
-              top: `${Math.random() * 100}%`,
-              animationDelay: `${Math.random() * 3}s`,
-              animationDuration: `${2 + Math.random() * 2}s`,
-            }}
-          />
-        ))}
-        <div className="absolute top-1/4 right-1/3 w-64 h-64 md:w-96 md:h-96 bg-gradient-radial from-purple-400/20 via-blue-500/10 to-transparent rounded-full blur-3xl"></div>
-      </div>
-
-      {/* Header - 修復跑版問題 */}
-      <header className="border-b border-blue-800/50 bg-slate-900/80 backdrop-blur-sm sticky top-0 z-50">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 text-white flex flex-col">
+      {/* Header */}
+      <header className="border-b border-blue-800/50 bg-slate-900/95 backdrop-blur-md sticky top-0 z-[9999] flex-shrink-0 shadow-lg shadow-slate-900/50">
         <div className="container mx-auto px-3 sm:px-4 py-3 md:py-4">
           <div className="flex items-center justify-between gap-2">
             {/* Logo 區域 - 防止文字換行 */}
diff --git a/app/page.tsx b/app/page.tsx
index d7674e1..09c648d 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -49,7 +49,7 @@ export default function HomePage() {
   }, []);
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 relative overflow-hidden flex flex-col">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 relative flex flex-col">
       {/* 星空背景 */}
       <div className="absolute inset-0 overflow-hidden pointer-events-none">
         {/* 星星 */}
@@ -75,7 +75,7 @@ export default function HomePage() {
       </div>
 
       {/* Header - 手機版優化，修復跑版問題 */}
-      <header className="border-b border-blue-800/50 bg-slate-900/80 backdrop-blur-sm sticky top-0 z-50 flex-shrink-0">
+      <header className="border-b border-blue-800/50 bg-slate-900/95 backdrop-blur-md sticky top-0 z-[9999] flex-shrink-0 shadow-lg shadow-slate-900/50">
         <div className="container mx-auto px-3 sm:px-4 py-3 md:py-4">
           <div className="flex items-center justify-between gap-2">
             {/* Logo 區域 - 防止文字換行 */}
diff --git a/app/submit/page.tsx b/app/submit/page.tsx
index 398e691..219eeb1 100644
--- a/app/submit/page.tsx
+++ b/app/submit/page.tsx
@@ -289,26 +289,9 @@ export default function SubmitPage() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 relative overflow-hidden">
-      {/* 星空背景 - 手機優化 */}
-      <div className="absolute inset-0 overflow-hidden pointer-events-none">
-        {[...Array(25)].map((_, i) => (
-          <div
-            key={i}
-            className="absolute w-0.5 h-0.5 md:w-1 md:h-1 bg-white rounded-full animate-pulse"
-            style={{
-              left: `${Math.random() * 100}%`,
-              top: `${Math.random() * 100}%`,
-              animationDelay: `${Math.random() * 3}s`,
-              animationDuration: `${2 + Math.random() * 2}s`,
-            }}
-          />
-        ))}
-        <div className="absolute top-1/3 right-1/4 w-64 h-64 md:w-96 md:h-96 bg-gradient-radial from-cyan-400/20 via-blue-500/10 to-transparent rounded-full blur-3xl"></div>
-      </div>
-
-      {/* Header - 修復跑版問題 */}
-      <header className="border-b border-blue-800/50 bg-slate-900/80 backdrop-blur-sm sticky top-0 z-50">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 text-white flex flex-col">
+      {/* Header */}
+      <header className="border-b border-blue-800/50 bg-slate-900/95 backdrop-blur-md sticky top-0 z-[9999] flex-shrink-0 shadow-lg shadow-slate-900/50">
         <div className="container mx-auto px-3 sm:px-4 py-3 md:py-4">
           <div className="flex items-center justify-between gap-2">
             {/* Logo 區域 - 防止文字換行 */}
diff --git a/app/wishes/page.tsx b/app/wishes/page.tsx
index 5b39a93..5ebfb27 100644
--- a/app/wishes/page.tsx
+++ b/app/wishes/page.tsx
@@ -389,7 +389,7 @@ export default function WishesPage() {
   const hasActiveFilters = selectedCategories.length > 0 || searchTerm.length > 0
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 relative overflow-hidden">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-blue-900 to-indigo-900 text-white relative flex flex-col">
       {/* 星空背景 - 手機優化 */}
       <div className="absolute inset-0 overflow-hidden pointer-events-none">
         {[...Array(25)].map((_, i) => (
@@ -408,7 +408,7 @@ export default function WishesPage() {
       </div>
 
       {/* Header - 修復跑版問題 */}
-      <header className="border-b border-blue-800/50 bg-slate-900/80 backdrop-blur-sm sticky top-0 z-50">
+      <header className="border-b border-blue-800/50 bg-slate-900/95 backdrop-blur-md sticky top-0 z-[9999] flex-shrink-0 shadow-lg shadow-slate-900/50">
         <div className="container mx-auto px-3 sm:px-4 py-3 md:py-4">
           <div className="flex items-center justify-between gap-2">
             {/* Logo 區域 - 防止文字換行 */}