diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index 568ab05..d966fa1 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -109,7 +109,7 @@ onMounted(() => {
   <div class="h-screen w-full bg-slate-50/50 dark:bg-zinc-950 flex items-center justify-center 2xl:p-8 3xl:p-12 transition-all duration-500 overflow-hidden">
     
     <!-- Application Card: The main floating surface -->
-    <div :style="mobileMenuOpen ? 'transform: scale(0.98); opacity: 0.9;' : ''"
+    <div
       class="flex h-full w-full bg-background relative transition-all duration-500 overflow-hidden
              2xl:max-w-[1800px] 2xl:max-h-[92vh] 2xl:rounded-[2.5rem] 
              2xl:shadow-[0_50px_100px_-20px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.05)]
@@ -134,7 +134,7 @@ onMounted(() => {
         <nav class="flex-1 px-3 py-6 space-y-1 flex flex-col items-center overflow-y-auto">
           <RouterLink v-for="item in navItems" :key="item.to" :to="item.to" custom v-slot="{ navigate }">
             <Button variant="ghost"
-              :class="['justify-center gap-3 h-9 px-3 w-full max-w-[140px]', isItemActive(item) && 'bg-accent text-accent-foreground font-semibold shadow-sm']"
+              :class="['justify-center gap-3 h-9 px-3 w-full max-w-[140px]', isItemActive(item) && 'bg-slate-100 dark:bg-accent text-foreground dark:text-accent-foreground font-semibold shadow-sm']"
               @click="handleNavClick(navigate)">
               <component :is="item.icon" class="h-4 w-4" />
               {{ item.label }}
diff --git a/web/src/views/settings/Settings.vue b/web/src/views/settings/Settings.vue
index 12d07a9..8648e11 100644
--- a/web/src/views/settings/Settings.vue
+++ b/web/src/views/settings/Settings.vue
@@ -20,11 +20,11 @@ const activeTab = ref('password')
 
     <Tabs v-model="activeTab" class="max-w-2xl">
       <TabsList class="w-full sm:w-auto flex sm:inline-flex h-10 gap-1 p-1 bg-muted/50 rounded-lg overflow-x-auto no-scrollbar">
-        <TabsTrigger value="password" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">密码修改</TabsTrigger>
-        <TabsTrigger value="site" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">站点设置</TabsTrigger>
-        <TabsTrigger value="scheduler" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">调度设置</TabsTrigger>
-        <TabsTrigger value="backup" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">备份恢复</TabsTrigger>
-        <TabsTrigger value="about" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">关于</TabsTrigger>
+        <TabsTrigger value="password" class="flex-1">密码修改</TabsTrigger>
+        <TabsTrigger value="site" class="flex-1">站点设置</TabsTrigger>
+        <TabsTrigger value="scheduler" class="flex-1">调度设置</TabsTrigger>
+        <TabsTrigger value="backup" class="flex-1">备份恢复</TabsTrigger>
+        <TabsTrigger value="about" class="flex-1">关于</TabsTrigger>
       </TabsList>
 
       <TabsContent value="password" class="mt-6">
diff --git a/web/src/views/tasks/Tasks.vue b/web/src/views/tasks/Tasks.vue
index 0c2ec4f..dcb7034 100644
--- a/web/src/views/tasks/Tasks.vue
+++ b/web/src/views/tasks/Tasks.vue
@@ -324,8 +324,9 @@ watch(() => route.query.agent_id, (newVal: any) => {
 <template>
   <div class="space-y-6">
     <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
-      <div class="flex items-center gap-3">
+      <div class="flex flex-col">
         <h2 class="text-xl sm:text-2xl font-bold tracking-tight">定时任务</h2>
+        <p class="text-muted-foreground text-sm">管理和调度自动化执行任务</p>
       </div>
 
       <div class="flex flex-col sm:flex-row gap-2.5 w-full md:w-auto">