diff --git a/web/pages/Dashboard.tsx b/web/pages/Dashboard.tsx
index bbba47c..5ce4034 100644
--- a/web/pages/Dashboard.tsx
+++ b/web/pages/Dashboard.tsx
@@ -38,9 +38,9 @@ export const DashboardPage: React.FC = () => {
 
   return (
     <div className="h-[calc(100vh-5rem)] overflow-y-auto snap-y snap-mandatory custom-scrollbar relative scroll-smooth bg-background">
-      <div className="sticky top-0 z-40">
+      <div className="sticky top-0 z-40 bg-gradient-to-b from-background via-background/95 to-transparent pb-3">
         <div className="mx-auto w-full max-w-[1600px] px-6 lg:px-12 pt-3">
-          <div className="flex justify-end items-center gap-3 rounded-2xl border border-white/5 bg-background/70 px-3 py-2 backdrop-blur-xl">
+          <div className="flex justify-end items-center gap-3 rounded-2xl border border-white/10 bg-background/75 px-3 py-2 backdrop-blur-xl shadow-[0_8px_30px_rgba(0,0,0,0.25)]">
             <Button variant="ghost" size="sm" className="h-8 px-4 text-xs font-medium border border-white/5 bg-white/5 hover:bg-white/10 hover:text-white transition-all text-white/60 rounded-full">
               <HelpCircle className="w-3.5 h-3.5 mr-2 opacity-70" /> 开发文档
             </Button>
@@ -52,7 +52,7 @@ export const DashboardPage: React.FC = () => {
       </div>
 
       {/* SECTION 1: METRICS & CHARTS */}
-      <section className="min-h-full snap-start flex flex-col pt-2 pb-5 relative">
+      <section className="min-h-full snap-start flex flex-col pt-0 pb-5 relative">
         <div className="w-full max-w-[1600px] mx-auto px-6 lg:px-12 flex-1 flex flex-col">
           {/* 2. Main Dashboard Container */}
           <div className="flex-1 bg-card/20 backdrop-blur-sm border border-white/5 rounded-[2rem] px-6 py-5 lg:px-7 lg:py-6 shadow-2xl flex flex-col gap-4 relative overflow-hidden group/dash">