diff --git a/src/pages/device/add.tsx b/src/pages/device/add.tsx
index 415833b..64c1362 100644
--- a/src/pages/device/add.tsx
+++ b/src/pages/device/add.tsx
@@ -113,7 +113,7 @@ export default function DeviceAdd() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="设备配置" />
+      <Navbar title="设备配置" variant="hero" />
 
       <View className={styles.searchWrap}>
         <View
diff --git a/src/pages/device/config.tsx b/src/pages/device/config.tsx
index 73a7c30..95564ab 100644
--- a/src/pages/device/config.tsx
+++ b/src/pages/device/config.tsx
@@ -143,7 +143,7 @@ export default function DeviceConfig() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="设备网络设置" />
+      <Navbar title="设备网络设置" variant="hero" />
 
       <View className={styles.deviceRow}>
         <Text className={styles.deviceLabel}>设备</Text>
diff --git a/src/pages/device/detail.tsx b/src/pages/device/detail.tsx
index fd9ea2c..aa10b03 100644
--- a/src/pages/device/detail.tsx
+++ b/src/pages/device/detail.tsx
@@ -104,7 +104,7 @@ export default function Detail() {
 
   return (
     <View className={styles.page}>
-      <Navbar title={deviceName} />
+      <Navbar title={deviceName} variant="hero" />
 
       {loading ? (
         <View className={styles.stateWrap}><Loading /></View>
diff --git a/src/pages/event/index.tsx b/src/pages/event/index.tsx
index d809de0..19d4e1e 100644
--- a/src/pages/event/index.tsx
+++ b/src/pages/event/index.tsx
@@ -113,7 +113,7 @@ export default function Event() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="消息中心" autoBack={false} />
+      <Navbar title="消息中心" autoBack={false} variant="hero" />
 
       {/* 筛选栏：三格等分 */}
       <View className={styles.filters}>
diff --git a/src/pages/family/contact/add.tsx b/src/pages/family/contact/add.tsx
index 5b43343..a546e11 100644
--- a/src/pages/family/contact/add.tsx
+++ b/src/pages/family/contact/add.tsx
@@ -62,7 +62,7 @@ export default function ContactAdd() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="添加关爱对象" />
+      <Navbar title="添加关爱对象" variant="hero" />
 
       <View className={styles.card}>
         <View className={styles.formRow}>
diff --git a/src/pages/family/detail.tsx b/src/pages/family/detail.tsx
index c92571c..1280b44 100644
--- a/src/pages/family/detail.tsx
+++ b/src/pages/family/detail.tsx
@@ -51,7 +51,7 @@ export default function FamilyDetail() {
   if (loading) {
     return (
       <View className={styles.page}>
-        <Navbar title="关爱对象信息" />
+        <Navbar title="关爱对象信息" variant="hero" />
         <View className={styles.stateWrap}><Loading /></View>
       </View>
     )
@@ -60,7 +60,7 @@ export default function FamilyDetail() {
   if (!detail) {
     return (
       <View className={styles.page}>
-        <Navbar title="关爱对象信息" />
+        <Navbar title="关爱对象信息" variant="hero" />
         <StateView
           status="error"
           mode="list"
@@ -77,7 +77,7 @@ export default function FamilyDetail() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="关爱对象信息" />
+      <Navbar title="关爱对象信息" variant="hero" />
 
       <View className={styles.body}>
         <FamilyCard family={detail.family} />
diff --git a/src/pages/family/index.tsx b/src/pages/family/index.tsx
index d261bcd..24dc4ac 100644
--- a/src/pages/family/index.tsx
+++ b/src/pages/family/index.tsx
@@ -78,7 +78,7 @@ export default function Family() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="家庭圈" />
+      <Navbar title="家庭圈" variant="hero" />
 
       <View className={styles.list}>
         {list.map((family) => (
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index e5dba67..b7ea0a8 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -42,7 +42,7 @@ export default function Index() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="智慧养老" autoBack={false} />
+      <Navbar title="智慧养老" autoBack={false} variant="hero" />
 
       {loading ? (
         <View className={styles.stateWrap}><Loading /></View>
diff --git a/src/pages/mine/index.tsx b/src/pages/mine/index.tsx
index 564a2bc..c6a3511 100644
--- a/src/pages/mine/index.tsx
+++ b/src/pages/mine/index.tsx
@@ -28,7 +28,7 @@ export default function Mine() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="个人中心" autoBack={false} />
+      <Navbar title="个人中心" autoBack={false} variant="hero" />
       <View className={styles.header}>
         <View className={styles.avatar}>
           <Text className={styles.avatarText}>{user?.name?.[0] ?? '?'}</Text>
diff --git a/src/pages/scene/select.tsx b/src/pages/scene/select.tsx
index 94fe370..7880f10 100644
--- a/src/pages/scene/select.tsx
+++ b/src/pages/scene/select.tsx
@@ -40,7 +40,7 @@ export default function SceneSelect() {
 
   return (
     <View className={styles.page}>
-      <Navbar title="选择场所" />
+      <Navbar title="选择场所" variant="hero" />
       {loading ? (
         <View className={styles.stateWrap}><Loading /></View>
       ) : loadError ? (