fix

Web/src/views/SettingView.vue

@@ -1,9 +1,12 @@
 <template>
   <div class="page-container-flex">
-    <van-nav-bar
-      title="设置"
-      placeholder
-    />
+    <!-- 自定义头部 -->
+    <header class="setting-header">
+      <h1 class="header-title">
+        设置
+      </h1>
+    </header>
+
     <div class="scroll-content">
       <div
         class="detail-header"
@@ -384,12 +387,30 @@ const handleScheduledTasks = () => {
 }
 </script>
 
-<style scoped>
-/* 页面背景色 */
-:deep(body) {
-  background-color: var(--van-background);
+<style scoped lang="scss">
+@import '@/assets/theme.css';
+
+/* ========== 自定义头部 ========== */
+.setting-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 24px;
+  background: transparent;
+  position: relative;
+  z-index: 1;
+  min-height: 60px; /* 与其他 header 保持一致，防止切换抖动 */
 }
 
+.header-title {
+  font-family: var(--font-primary);
+  font-size: var(--font-2xl);
+  font-weight: var(--font-medium);
+  color: var(--text-primary);
+  margin: 0;
+}
+
+/* ========== 页面内容 ========== */
 /* 增加卡片对比度 */
 :deep(.van-cell-group--inset) {
   background-color: var(--van-background-2);
@@ -407,9 +428,4 @@ const handleScheduledTasks = () => {
   color: var(--van-text-color-2);
   font-weight: normal;
 }
-
-/* 设置页面容器背景色 */
-:deep(.van-nav-bar) {
-  background: transparent !important;
-}
 </style>