diff --git a/src/App.vue b/src/App.vue
index 03ff741..4ee81e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,6 +42,10 @@ const route = useRoute();
 .shell-header {
   height: auto;
   padding: 18px 20px 0;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: var(--surface);
 }
 
 .shell-main {
diff --git a/src/router/index.ts b/src/router/index.ts
index eeee88a..c8d27b5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,23 +20,23 @@ const routes: RouteRecordRaw[] = [
     path: "/study",
     name: "study",
     component: () => import("@/components/Study.vue"),
-    meta: { requiresAuth: true },
+    meta: { requiresAuth: true, title: "学习任务" },
   },
   {
     path: "/review",
     component: () => import("@/components/Review.vue"),
-    meta: { requiresAuth: true },
+    meta: { requiresAuth: true, title: "复习总览" },
   },
   {
     path: "/review/detail/:type/:id",
     component: () => import("@/components/ReviewDetail.vue"),
-    meta: { requiresAuth: true },
+    meta: { requiresAuth: true, title: "复习详情" },
   },
   {
     path: "/start-task/:taskNum",
     name: "start-task",
     component: StartTask,
-    meta: { requiresAuth: true },
+    meta: { requiresAuth: true, title: "学习会话" },
   },
   {
     path: "/add-task",
@@ -44,6 +44,7 @@ const routes: RouteRecordRaw[] = [
     component: () => import("@/components/TaskForm.vue"),
     meta: {
       requiresAuth: true,
+      title: "创建学习任务",
       action: "add",
       buttonText: "添加",
     },
@@ -54,6 +55,7 @@ const routes: RouteRecordRaw[] = [
     component: () => import("@/components/TaskForm.vue"),
     meta: {
       requiresAuth: true,
+      title: "更新学习任务",
       action: "update",
       buttonText: "更新",
     },