diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 33d51423..eba809e2 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -25,6 +25,7 @@
   --color-ring: var(--ring);
   --color-input: var(--input);
   --color-border: var(--border);
+  --color-destructive-foreground: var(--destructive-foreground);
   --color-destructive: var(--destructive);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
@@ -61,6 +62,7 @@
   --accent: oklch(0.967 0.001 286.375);
   --accent-foreground: oklch(0.21 0.006 285.885);
   --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(98.5% 0% 0);
   --border: oklch(0.92 0.004 286.32);
   --input: oklch(0.92 0.004 286.32);
   --ring: oklch(0.705 0.015 286.067);
@@ -95,6 +97,7 @@
   --accent: oklch(0.274 0.006 286.033);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(98.5% 0% 0);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.552 0.016 285.938);
@@ -193,4 +196,4 @@
     80% { transform: rotate(-1deg); }
     100% { transform: rotate(0deg); }
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/components/home/footer-section.tsx b/frontend/components/home/footer-section.tsx
index 7f4630d3..7fe36d74 100644
--- a/frontend/components/home/footer-section.tsx
+++ b/frontend/components/home/footer-section.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import {cn} from "@/lib/utils";
 import Link from "next/link";
-import {Github, LucideIcon} from "lucide-react";
+import {Github, LucideIcon, WavesIcon} from "lucide-react";
 
 export interface FooterSectionProps {
   className?: string;
@@ -19,10 +19,10 @@ export const FooterSection = React.memo(function FooterSection({ className }: Fo
 
           <div className="lg:col-span-2 space-y-6">
             <Link href="/" className="flex items-center gap-2">
-              <div className="w-10 h-10 p-2 rounded bg-primary text-sm text-primary-foreground flex items-center justify-center font-bold">
-                MP
-              </div>
-              <span className="text-2xl font-bold tracking-tight text-foreground">Modern Platform</span>
+              <span className="flex size-9 items-center justify-center rounded-full bg-foreground text-background [@media(max-height:700px)]:size-8">
+                <WavesIcon aria-hidden="true" />
+              </span>
+              <span className="text-2xl font-bold tracking-tight text-foreground">Wavelet</span>
             </Link>
             <p className="text-muted-foreground text-base leading-relaxed max-w-sm">
               通用的、现代化的后台管理系统脚手架。基于 Go + React 构建，开箱即用、完整基建、极易扩展。
diff --git a/frontend/components/home/hero-section.tsx b/frontend/components/home/hero-section.tsx
index 0174b89b..2598c3d5 100644
--- a/frontend/components/home/hero-section.tsx
+++ b/frontend/components/home/hero-section.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
 import Link from "next/link";
-import { motion } from "motion/react";
-import { ArrowRight, Zap, Shield, Globe, CreditCard } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
+import {motion} from "motion/react";
+import {ArrowRight, CreditCard, Globe, Shield, Zap} from "lucide-react";
+import {cn} from "@/lib/utils";
+import {Button} from "@/components/ui/button";
 
 export interface HeroSectionProps {
   className?: string;
@@ -37,9 +37,9 @@ export const HeroSection = React.memo(function HeroSection({ className }: HeroSe
               transition={{ duration: 0.6, delay: 0.1, ease: [0.16, 1, 0.3, 1] }}
               className="text-4xl md:text-5xl lg:text-6xl font-extrabold tracking-tight leading-[1.1] mb-6 text-foreground"
             >
-              Modern Platform <br />
+               Wavelet<br />
               <span className="bg-clip-text text-primary">
-                为二次开发而生
+                Modern Platform
               </span>
             </motion.h1>
 
@@ -52,7 +52,7 @@ export const HeroSection = React.memo(function HeroSection({ className }: HeroSe
             >
               通用的、现代化的后台管理系统脚手架
               <br className="hidden md:block" />
-              开箱即用、完整基建、极易扩展，助您快速构建企业级应用。
+              开箱即用、完整基建、极易扩展，助您快速构建应用。
             </motion.p>
 
             <motion.div
diff --git a/frontend/components/ui/sidebar.tsx b/frontend/components/ui/sidebar.tsx
index 4343d00f..9c8e42ea 100644
--- a/frontend/components/ui/sidebar.tsx
+++ b/frontend/components/ui/sidebar.tsx
@@ -1,30 +1,19 @@
 "use client"
 
 import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-import { PanelLeftIcon } from "lucide-react"
+import {Slot} from "@radix-ui/react-slot"
+import {cva, type VariantProps} from "class-variance-authority"
+import {PanelLeftIcon} from "lucide-react"
 
-import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Separator } from "@/components/ui/separator"
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet"
-import { Skeleton } from "@/components/ui/skeleton"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-import { ScrollArea } from "@/components/ui/scroll-area"
+import {useIsMobile} from "@/hooks/use-mobile"
+import {cn} from "@/lib/utils"
+import {Button} from "@/components/ui/button"
+import {Input} from "@/components/ui/input"
+import {Separator} from "@/components/ui/separator"
+import {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle,} from "@/components/ui/sheet"
+import {Skeleton} from "@/components/ui/skeleton"
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger,} from "@/components/ui/tooltip"
+import {ScrollArea} from "@/components/ui/scroll-area"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
@@ -484,7 +473,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
 }
 
 const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-bold data-[active=true]:text-[#6366F1] data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-bold data-[active=true]:text-sidebar-primary data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
diff --git a/frontend/lib/theme/themes.json b/frontend/lib/theme/themes.json
index 150daa7e..9818de0f 100644
--- a/frontend/lib/theme/themes.json
+++ b/frontend/lib/theme/themes.json
@@ -20,6 +20,7 @@
         "accent": "oklch(0.967 0.001 286.375)",
         "accent-foreground": "oklch(0.21 0.006 285.885)",
         "destructive": "oklch(0.577 0.245 27.325)",
+        "destructive-foreground": "oklch(98.5% 0% 0)",
         "border": "oklch(0.92 0.004 286.32)",
         "input": "oklch(0.92 0.004 286.32)",
         "ring": "oklch(0.705 0.015 286.067)",
@@ -53,6 +54,7 @@
         "accent": "oklch(0.274 0.006 286.033)",
         "accent-foreground": "oklch(0.985 0 0)",
         "destructive": "oklch(0.704 0.191 22.216)",
+        "destructive-foreground": "oklch(98.5% 0% 0)",
         "border": "oklch(1 0 0 / 10%)",
         "input": "oklch(1 0 0 / 15%)",
         "ring": "oklch(0.552 0.016 285.938)",
diff --git a/frontend/public/style/default.css b/frontend/public/style/default.css
index badcf6e4..94980532 100644
--- a/frontend/public/style/default.css
+++ b/frontend/public/style/default.css
@@ -25,6 +25,7 @@
   --color-ring: var(--ring);
   --color-input: var(--input);
   --color-border: var(--border);
+  --color-destructive-foreground: var(--destructive-foreground);
   --color-destructive: var(--destructive);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
@@ -61,6 +62,7 @@
   --accent: oklch(0.967 0.001 286.375);
   --accent-foreground: oklch(0.21 0.006 285.885);
   --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(98.5% 0% 0);
   --border: oklch(0.92 0.004 286.32);
   --input: oklch(0.92 0.004 286.32);
   --ring: oklch(0.705 0.015 286.067);
@@ -95,6 +97,7 @@
   --accent: oklch(0.274 0.006 286.033);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(98.5% 0% 0);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.552 0.016 285.938);
@@ -133,7 +136,7 @@
 }
 
 @theme inline {
-  /* 
+  /*
    * Aurora 动画配置
    */
   --animate-aurora: aurora 120s linear infinite;
@@ -151,4 +154,4 @@
         350% 50%;
     }
   }
-}
\ No newline at end of file
+}