diff --git a/.agents/skills/uni-halo/SKILL.md b/.agents/skills/uni-halo/SKILL.md
index 0955744..ee2d7da 100644
--- a/.agents/skills/uni-halo/SKILL.md
+++ b/.agents/skills/uni-halo/SKILL.md
@@ -295,7 +295,85 @@ onLoad(() => {
 - 页面根节点用 `app-page` 类 + 主题底色：`<view class="app-page min-h-screen w-screen flex flex-col bg-page">`
 - 页面标题 `navigationBarTitleText` 写中文；下拉刷新 `enablePullDownRefresh: true`
 
-### 5.4 页面数据请求（统一 updateLoadingStatus + uh-data-loading 组件）
+### 5.4 子页面自定义导航（uh-navbar 组件）
+
+**用途**：子页面（非 tabbar 页，如文章详情、设置、投票详情等）的顶部自定义导航栏。
+配合页面 `navigationStyle: 'custom'` 使用，**新页面一律使用它，不要用默认导航栏**。
+
+**前提（definePage 里必须声明）**：
+
+```ts
+definePage({
+  style: {
+    navigationStyle: 'custom', // 关闭系统默认导航栏,让位给 uh-navbar
+  },
+})
+```
+
+**Props 一览**：
+
+| Prop | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `use-back` | `boolean` | `true` | 是否显示左侧返回按钮 |
+| `use-title` | `boolean` | `true` | 是否显示标题 |
+| `default-title` | `string` | - | 默认标题（顶部文案） |
+| `title-color` | `string` | - | 标题颜色类名（如 `text-gray-900`），**带此属性时固定颜色、不随滚动变色** |
+| `scroll-title` | `string` | - | 滚动后标题（配合 default-title：顶部显示默认标题，滚过 50% 换 scroll-title） |
+| `need-placeholder` | `boolean` | `true` | 是否生成占位（为页面内容让出导航高度） |
+
+**页面结构模板**（参考 `src/pages-blog/test/test.vue`）：
+
+```vue
+<script lang="ts" setup>
+definePage({
+  style: {
+    navigationBarTitleText: '测试页面',
+    navigationStyle: 'custom', // 使用 uh-navbar 必须声明
+  },
+})
+
+const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
+</script>
+
+<template>
+  <!-- 最外层仅作容器(bg-page 底色),不设 padding -->
+  <view class="w-full min-h-screen bg-page">
+    <!-- 导航栏:置于页面最顶部,内置占位/安全区处理 -->
+    <uh-navbar default-title="测试页面" :need-placeholder="true" title-color="text-gray-900" />
+
+    <!-- 内容区:从这开始写,因为 uh-navbar 已内置占位(need-placeholder=true) -->
+    <view class="box-border px-3">
+      <uh-data-loading v-if="loadingStatus !== DataLoadingStatusEnum.Success" :loading-status="loadingStatus" min-height="80vh" />
+      <view v-else>
+        请求成功啦
+      </view>
+    </view>
+  </view>
+</template>
+```
+
+**使用要点**：
+
+- **`need-placeholder` 必须按场景传对**：
+  - 页面内容直接从导航下开始（普通子页面）→ `:need-placeholder="true"`（默认即可，如 test.vue / setting.vue）
+  - 页面顶部有全屏封面/背景图，内容要盖到导航下面 → `:need-placeholder="false"`（如 article-detail.vue，封面 `pt-72` 上移）
+- **`title-color` 与 `scroll-title` 二选一**：
+  - 页面底色非深色 → 传 `title-color="text-gray-900"`（固定深色，如 test.vue / setting.vue）
+  - 不传时标题会随滚动变白→深灰（顶部透明、滚后加深），适合顶部是深色大图的场景（如 article-detail.vue 只传 `default-title` + `scroll-title`，让滚动变色）
+- 中间标题可用**默认插槽覆盖**（不传则显示 `default-title`/`scroll-title`），右侧扩展用 **`#right` 插槽**：
+
+```vue
+<uh-navbar default-title="偏好设置" :need-placeholder="true">
+  <template #right>
+    <view @click="handleSave">保存</view>
+  </template>
+</uh-navbar>
+```
+
+- 返回按钮内置（`uni.navigateBack`），无需自写
+- easycom 已配置 `uh-` 前缀，直接用 `<uh-navbar />`，**无需 import**
+
+### 5.5 页面数据请求（统一 updateLoadingStatus + uh-data-loading 组件）
 
 **数据加载四态**：`loading / error / empty / success`，统一用
 `useDataLoadingStatus`（`src/hooks/useDataLoadingStatus.ts`）的
@@ -419,7 +497,7 @@ onReachBottom(() => {
   列表页/四态展示优先 `updateLoadingStatus` 写法
 - 简单场景也可用 `useRequest(fn, { immediate })`：返回 `{ loading, error, data, run }`
 
-### 5.5 列表页（分页加载）
+### 5.6 列表页（分页加载）
 
 列表页可用 z-paging（easycom 已配置 `<z-paging>` 直接用）或手写分页。
 手写分页的既有模式（参考 `src/pages/tabbar/home/home.vue`、`pages-blog/votes/votes.vue`）：
@@ -457,7 +535,7 @@ onReachBottom(() => {
 })
 ```
 
-### 5.6 依赖插件的页面（插件可用性 + 维护拦截）
+### 5.7 依赖插件的页面（插件可用性 + 维护拦截）
 
 Halo 是插件化 CMS，页面可能依赖插件（投票 plugin-vote、瞬间 PluginMoments 等）：
 
diff --git a/src/components/uh-home-notify/uh-home-notify.vue b/src/components/uh-home-notify/uh-home-notify.vue
index 04ef9a5..3c7801a 100644
--- a/src/components/uh-home-notify/uh-home-notify.vue
+++ b/src/components/uh-home-notify/uh-home-notify.vue
@@ -1,100 +1,79 @@
 <script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue'
-import { getNotices } from '@/api/uni-halo'
-import type { INoticeListVo } from '@/api/types/uni-halo'
+	import { computed, onMounted, ref } from 'vue'
+	import { getNotices } from '@/api/uni-halo'
+	import type { INoticeListVo } from '@/api/types/uni-halo'
 
-/** 轮播展示条数上限(垂直循环) */
-const MAX_SHOW = 6
+	/** 轮播展示条数上限(垂直循环) */
+	const MAX_SHOW = 6
 
-const list = ref<INoticeListVo[]>([])
-const showList = computed(() => list.value.slice(0, MAX_SHOW))
+	const list = ref<INoticeListVo[]>([])
+	const showList = computed(() => list.value.slice(0, MAX_SHOW))
 
-async function fetchNotices() {
-  try {
-    const res = await getNotices({ page: 1, size: MAX_SHOW })
-    list.value = res.data?.items || []
-  }
-  catch (err) {
-    console.error('首页公告获取失败', err)
-    list.value = []
-  }
-}
+	async function fetchNotices() {
+		try {
+			const res = await getNotices({ page: 1, size: MAX_SHOW })
+			list.value = res.data?.items || []
+		}
+		catch (err) {
+			console.error('首页公告获取失败', err)
+			list.value = []
+		}
+	}
 
-/** 点击单条公告标题 → 详情页 */
-function handleTap(item: INoticeListVo) {
-  if (!item.name)
-    return
-  uni.navigateTo({ url: `/pages-blog/notice/detail?name=${item.name}` })
-}
+	/** 点击单条公告标题 → 详情页 */
+	function handleTap(item : INoticeListVo) {
+		if (!item.name) { return }
+		uni.navigateTo({ url: `/pages-blog/notice/detail?name=${item.name}` })
+	}
 
-/** 点击「公告/更多」→ 公告列表页 */
-function handleGoList() {
-  uni.navigateTo({ url: '/pages-blog/notice/notice' })
-}
+	/** 点击「公告/更多」→ 公告列表页 */
+	function handleGoList() {
+		uni.navigateTo({ url: '/pages-blog/notice/notice' })
+	}
 
-onMounted(() => {
-  fetchNotices()
-})
+	onMounted(() => {
+		fetchNotices()
+	})
 </script>
 
 <template>
-  <view
-    v-if="showList.length > 0"
-    class="uh-global-card-glass box-border mx-3 mt-3 mb-2 flex items-center rounded-xl px-3"
-  >
-    <!-- 左侧公告入口 -->
-    <view class="flex shrink-0 items-center gap-1 py-2 pr-3" @click="handleGoList">
-      <text class="text-sm">
-        📢
-      </text>
-      <text class="text-xs font-bold text-red-400">
-        公告
-      </text>
-    </view>
+	<view v-if="showList.length > 0"
+		class="uh-global-card-glass box-border mx-3 mt-3 mb-2 flex items-center rounded-xl px-3">
+		<!-- 左侧公告入口 -->
+		<view class="flex shrink-0 items-center gap-2 py-2 pr-3" @click="handleGoList">
+			<wd-icon class-prefix="uhemoji2-icon" name="-happy-" size="36rpx" />
+			<text class="text-sm font-bold text-red-400">
+				公告
+			</text>
+		</view>
 
-    <!-- 标题轮播(仅一条时静态展示) -->
-    <view class="h-[60rpx] min-w-0 flex-1 overflow-hidden">
-      <swiper
-        v-if="showList.length > 1"
-        class="h-full w-full"
-        vertical
-        circular
-        autoplay
-        :interval="3500"
-        :duration="400"
-      >
-        <swiper-item
-          v-for="(item, index) in showList"
-          :key="item.name || index"
-          class="h-full w-full"
-        >
-          <view
-            class="flex h-full w-full items-center truncate text-xs text-gray-500"
-            @click="handleTap(item)"
-          >
-            {{ item.title }}
-          </view>
-        </swiper-item>
-      </swiper>
-      <view
-        v-else
-        class="flex h-full w-full items-center truncate text-[24rpx] text-[#555]"
-        @click="handleTap(showList[0])"
-      >
-        {{ showList[0]?.title }}
-      </view>
-    </view>
+		<!-- 标题轮播(仅一条时静态展示) -->
+		<view class="h-[60rpx] min-w-0 flex-1 overflow-hidden">
+			<swiper v-if="showList.length > 1" class="h-full w-full" vertical circular autoplay :interval="3500"
+				:duration="400">
+				<swiper-item v-for="(item, index) in showList" :key="item.name || index" class="h-full w-full">
+					<view class="flex h-full w-full items-center truncate text-xs text-gray-500"
+						@click="handleTap(item)">
+						{{ item.title }}
+					</view>
+				</swiper-item>
+			</swiper>
+			<view v-else class="flex h-full w-full items-center truncate text-[24rpx] text-[#555]"
+				@click="handleTap(showList[0])">
+				{{ showList[0]?.title }}
+			</view>
+		</view>
 
-    <!-- 右侧更多入口 -->
-    <view class="flex shrink-0 items-center gap-0.5 py-2 pl-2" @click="handleGoList">
-      <text class="text-[22rpx] text-[#bbb]">
-        更多
-      </text>
-      <wd-icon name="arrow-right" size="12px" color="#bbb" />
-    </view>
-  </view>
+		<!-- 右侧更多入口 -->
+		<view class="flex shrink-0 items-center gap-0.5 py-2 pl-2" @click="handleGoList">
+			<text class="text-[22rpx] text-[#bbb]">
+				更多
+			</text>
+			<wd-icon name="arrow-right" size="12px" color="#bbb" />
+		</view>
+	</view>
 </template>
 
 <style scoped lang="scss">
-/* 布局由 UnoCSS 原子类实现 */
-</style>
+	/* 布局由 UnoCSS 原子类实现 */
+</style>
\ No newline at end of file
diff --git a/src/components/uh-home-quick-nav/uh-home-quick-nav.vue b/src/components/uh-home-quick-nav/uh-home-quick-nav.vue
index 5a10646..788fdfe 100644
--- a/src/components/uh-home-quick-nav/uh-home-quick-nav.vue
+++ b/src/components/uh-home-quick-nav/uh-home-quick-nav.vue
@@ -14,20 +14,27 @@
 	const navList = computed(() => {
 		const loveEnabled = !!(haloConfigs.value.loveConfig as { loveEnabled ?: boolean })?.loveEnabled
 		const socialEnabled = !!(haloConfigs.value.authorConfig?.social as { enabled ?: boolean } | undefined)?.enabled
+		// <wd-icon class-prefix="uhemoji-icon" name="-smile-" size="32rpx" />
 		return [
 			{
 				key: 'archives',
 				title: calcAuditModeEnabled.value ? '内容归档' : '文章归档',
-				bgColor: 'rgba(3, 169, 244, 0.95)',
-				icon: 'news',
+				color: '#03A9F4',
+				bgGlass: 'rgba(3, 169, 244, 0.14)',
+				borderColor: 'rgba(3, 169, 244, 0.35)',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-mask',
 				path: '/pages-blog/archives/archives',
 				show: true,
 			},
 			{
 				key: 'vote',
 				title: '投票中心',
-				bgColor: 'rgba(0, 188, 212, 0.95)',
-				icon: 'box',
+				color: '#00BCD4',
+				bgGlass: 'rgba(0, 188, 212, 0.14)',
+				borderColor: 'rgba(0, 188, 212, 0.35)',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-confused',
 				path: '/pages-blog/votes/votes',
 				// show: !calcAuditModeEnabled.value && calcVotePluginEnabled.value,
 				show: true,
@@ -35,8 +42,11 @@
 			{
 				key: 'disclaimers',
 				title: '友情链接',
-				bgColor: 'rgba(0, 150, 136, 0.95)',
-				icon: 'link',
+				color: '#009688',
+				bgGlass: 'rgba(0, 150, 136, 0.14)',
+				borderColor: 'rgba(0, 150, 136, 0.35)',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-wink',
 				path: '/pages-blog/friend-links/friend-links',
 				// show: calcLinksPluginEnabled.value,
 				show: true,
@@ -44,8 +54,11 @@
 			{
 				key: 'love',
 				title: '恋爱日记',
-				bgColor: 'rgba(255, 76, 103, 0.95)',
-				icon: 'heart',
+				color: '#FF4C67',
+				bgGlass: 'rgba(255, 76, 103, 0.14)',
+				borderColor: 'rgba(255, 76, 103, 0.075)',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-in-love',
 				path: '/pages-blog/love/love',
 				// show: loveEnabled,
 				show: true,
@@ -53,8 +66,11 @@
 			{
 				key: 'contact-blogger',
 				title: '联系博主',
-				bgColor: 'rgba(255, 152, 0, 0.95)',
-				icon: 'message',
+				color: '#FF9800',
+				bgGlass: 'rgba(255, 152, 0, 0.14)',
+				borderColor: 'rgba(255, 152, 0, 0.35)',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-cool',
 				path: '/pages-blog/contact/contact',
 				show: socialEnabled,
 			},
@@ -68,21 +84,37 @@
 </script>
 
 <template>
-	<view v-if="navList.length" class="overflow-hidden rounded-xl p-3 px-4 mb-3">
+	<view v-if="navList.length" class="box-border overflow-hidden rounded-xl p-3 px-4 mb-3">
 		<uh-section-title class="mb-4">
 			快捷导航
 		</uh-section-title>
 		<view class="grid grid-cols-5 gap-4">
 			<view v-for="item in navList" :key="item.key" class="flex flex-col items-center gap-2"
 				@click="handleClickNav(item)">
-				<view class="uh-global-card-glass border h-12 w-12 flex items-center justify-center rounded-2xl"
-					:style="{ backgroundColor: item.bgColor }">
-					<wd-icon :name="item.icon" size="24px" color="#fff" />
+				<view
+					class="uh-global-card-glass uh-shadow-xs h-13 w-13 flex items-center justify-center rounded-2xl border transition-transform active:scale-90"
+					:style="{
+						backgroundColor: item.bgGlass
+					}">
+					<wd-icon :class-prefix="item.iconPrefix" :name="item.icon" size="64rpx" :color="item.color" />
 				</view>
-				<view class="text-xs text-gray-900 font-bold">
+				<view class="text-xs text-gray-900">
 					{{ item.title }}
 				</view>
 			</view>
 		</view>
 	</view>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped lang="scss">
+	/* 彩色玻璃图标:低透明度同色底 + 同色描边 + 柔和同色投影,图标用实体色保证通透感 */
+	.quick-nav-icon {
+		backdrop-filter: blur(16rpx) saturate(160%);
+		-webkit-backdrop-filter: blur(16rpx) saturate(160%);
+
+		/* 低端安卓 WebView 不支持 backdrop-filter 的兜底:提高底色不透明度保证可读性 */
+		@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+			background-color: rgb(255 255 255 / 60%) !important;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/components/uh-navbar/uh-navbar.vue b/src/components/uh-navbar/uh-navbar.vue
index 0130bb1..b917a3c 100644
--- a/src/components/uh-navbar/uh-navbar.vue
+++ b/src/components/uh-navbar/uh-navbar.vue
@@ -6,12 +6,15 @@
 		useBack : boolean;
 		useTitle : boolean;
 		defaultTitle ?: string;
+		titleColor ?: string;
 		scrollTitle ?: string;
+		needPlaceholder ?: boolean;
 	}
 
 	const props = withDefaults(defineProps<IProps>(), {
 		useBack: true,
 		useTitle: true,
+		needPlaceholder: true,
 	})
 
 	const slots = useSlots()
@@ -31,6 +34,10 @@
 
 	const customCalss = computed(() => {
 		const _class = []
+		if (props.titleColor) {
+			_class.push(props.titleColor)
+			return
+		}
 		if (scrollThreshold.value) {
 			_class.push('text-white')
 		}
@@ -49,9 +56,9 @@
 		}
 		return props.scrollTitle;
 	})
-	
+
 	// todo：注意：如果是从分享进来的，我们需要处理为返回 home页面
-	function handleBack(){
+	function handleBack() {
 		uni.navigateBack({ delta: 1 })
 	}
 
@@ -61,25 +68,30 @@
 </script>
 
 <template>
-	<view class="box-border pt-safe w-full fixed left-0 top-0 z-50" :class="customCalss" :style="[customStyle]">
-		<view class="w-full h-[46px] flex items-center gap-x-4 box-border px-3 backdrop-blur-[2rpx]">
-			<!-- 左边 -->
-			<view class="shrink-0" @click="handleBack()">
-				<view
-					class="uh-global-card-glass h-7 px-3 rounded-full border flex items-center gap-x-2 text-gray-900 text-sm">
-					<wd-icon name="arrow-left" size="32rpx"></wd-icon>
-					<view class="w-[1px] h-4 bg-white/60" />
-					<text class="text-xs font-bold">返回</text>
+	<view class="w-full box-border">
+		<view class="box-border pt-safe w-full fixed left-0 top-0 z-50" :class="customCalss" :style="[customStyle]">
+			<view class="w-full h-[46px] flex items-center gap-x-4 box-border px-3 backdrop-blur-[2rpx]">
+				<!-- 左边 -->
+				<view class="shrink-0" @click="handleBack()">
+					<view
+						class="uh-global-card-glass h-7 px-3 rounded-full border flex items-center gap-x-2 text-gray-900 text-sm">
+						<wd-icon name="arrow-left" size="32rpx"></wd-icon>
+						<view class="w-[1px] h-4 bg-white/60" />
+						<text class="text-xs font-bold">返回</text>
+					</view>
+				</view>
+				<!-- 中间 -->
+				<view class="flex-1 truncate text-center font-bold transition-colors duration-300">
+					<slot> {{visibleTitle}} </slot>
+				</view>
+				<!-- 右边 -->
+				<view class="shrink-0 min-w-18">
+					<slot name="right"></slot>
 				</view>
 			</view>
-			<!-- 中间 -->
-			<view class="flex-1 truncate text-center font-bold transition-colors duration-300">
-				<slot> {{visibleTitle}} </slot>
-			</view>
-			<!-- 右边 -->
-			<view class="shrink-0 min-w-18">
-				<slot name="right"></slot>
-			</view>
+		</view>
+		<view v-if="props.needPlaceholder" class="box-border w-full pt-safe">
+			<view class="w-full h-[46px]"></view>
 		</view>
 	</view>
 </template>
\ No newline at end of file
diff --git a/src/components/uh-notify-dialog/uh-notify-dialog.vue b/src/components/uh-notify-dialog/uh-notify-dialog.vue
index 5f0cd8f..1df3a21 100644
--- a/src/components/uh-notify-dialog/uh-notify-dialog.vue
+++ b/src/components/uh-notify-dialog/uh-notify-dialog.vue
@@ -81,9 +81,7 @@
 			<!-- 头部:标题 + 关闭 -->
 			<view class="flex items-center justify-between">
 				<view class="flex items-center gap-2">
-					<text class="text-sm">
-						📢
-					</text>
+					<wd-icon class-prefix="uhemoji2-icon" name="-happy-" size="36rpx" />
 					<text class="text-md font-bold text-gray-900">
 						最新公告
 					</text>
@@ -101,7 +99,8 @@
 
 			<!-- 内容 -->
 			<view class="mt-4">
-				<image v-if="notice.cover" :src="checkImageUrl(notice.cover)" class="w-full h-34 rounded-lg mb-2"></image>
+				<image v-if="notice.cover" :src="checkImageUrl(notice.cover)" class="w-full h-34 rounded-lg mb-2">
+				</image>
 				<view class="text-md font-bold leading-snug text-gray-900">
 					{{ notice.title }}
 				</view>
diff --git a/src/components/uh-plugin-unavailable/uh-plugin-unavailable.vue b/src/components/uh-plugin-unavailable/uh-plugin-unavailable.vue
index 714cba3..be913ab 100644
--- a/src/components/uh-plugin-unavailable/uh-plugin-unavailable.vue
+++ b/src/components/uh-plugin-unavailable/uh-plugin-unavailable.vue
@@ -1,8 +1,4 @@
 <script lang="ts" setup>
-	/**
- * 插件不可用提示(源自旧项目 components/plugin-unavailable,新建复刻)
- * 当依赖的 Halo 插件未安装/未启用时展示:插件 logo、名称、错误标签、描述、插件地址、复制/反馈按钮
- */
 	import { computed } from 'vue'
 	import { NeedPlugins } from '@/hooks/usePluginAvailable'
 
@@ -45,18 +41,7 @@
 		...defaultStyle,
 		...props.customStyle,
 	}))
-
-	function copy() {
-		if (!pluginInfo.value.url)
-			return
-		uni.setClipboardData({
-			data: pluginInfo.value.url,
-			showToast: false,
-			success: () => {
-				uni.showToast({ icon: 'none', title: '插件地址已复制' })
-			},
-		})
-	}
+ 
 </script>
 
 <template>
diff --git a/src/components/uh-scroll-top/uh-scroll-top.vue b/src/components/uh-scroll-top/uh-scroll-top.vue
index 1032a93..5681fe9 100644
--- a/src/components/uh-scroll-top/uh-scroll-top.vue
+++ b/src/components/uh-scroll-top/uh-scroll-top.vue
@@ -13,7 +13,7 @@
 	}
 
 	// 获取当前页面，并且设置黑名单模式，因为有的页面可能不需要滚动到顶部
-	const balckList = ['pages/maintenance/maintenance']
+	const balckList = ['pages/maintenance/maintenance','pages-blog/setting/setting']
 	const pages = getCurrentPages()
 	const currentPage = pages[pages.length - 1]
 	const visible = computed(() => {
diff --git a/src/pages-blog/article-detail/article-detail.vue b/src/pages-blog/article-detail/article-detail.vue
index 19d425f..e82e4a2 100644
--- a/src/pages-blog/article-detail/article-detail.vue
+++ b/src/pages-blog/article-detail/article-detail.vue
@@ -1,675 +1,645 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
-import { onLoad, onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
-import { getPostByName, getPostCommentReplyList, postTrackersCounter, submitUpvote } from '@/api/halo'
-import { createVerificationCode, requestRestrictReadCheck } from '@/api/uni-halo'
-import { formatTime } from '@/utils/formatTime'
-import { useAppConfigStore } from '@/store/appConfig'
-import { useFavoritesStore } from '@/store/favorites'
-import { useSettingStore } from '@/store/setting'
-import { checkAvatarUrl, checkImageUrl } from '@/utils/url'
-import { buildPostFavoriteItem } from '@/utils/favorite'
-import { checkPostRestrictRead, copyToClipboard, getRestrictReadTypeName, getShowableContent } from '@/utils/restrictRead'
-import { getDomainOnly } from '@/utils/urlParams'
-import { markdownConfig } from '@/config/markdown'
-import { DataLoadingStatusEnum, useDataLoadingStatus } from '@/hooks/useDataLoadingStatus'
-import type { IComment, IPost } from '@/api/types/halo'
-import type { RestrictReadType } from '@/api/types/uni-halo'
+	import { computed, ref } from 'vue'
+	import { onLoad, onPullDownRefresh, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
+	import { getPostByName, getPostCommentReplyList, postTrackersCounter, submitUpvote } from '@/api/halo'
+	import { createVerificationCode, requestRestrictReadCheck } from '@/api/uni-halo'
+	import { formatTime } from '@/utils/formatTime'
+	import { useAppConfigStore } from '@/store/appConfig'
+	import { useFavoritesStore } from '@/store/favorites'
+	import { useSettingStore } from '@/store/setting'
+	import { checkAvatarUrl, checkImageUrl } from '@/utils/url'
+	import { buildPostFavoriteItem } from '@/utils/favorite'
+	import { checkPostRestrictRead, copyToClipboard, getRestrictReadTypeName, getShowableContent } from '@/utils/restrictRead'
+	import { getDomainOnly } from '@/utils/urlParams'
+	import { markdownConfig } from '@/config/markdown'
+	import { DataLoadingStatusEnum, useDataLoadingStatus } from '@/hooks/useDataLoadingStatus'
+	import type { IComment, IPost } from '@/api/types/halo'
+	import type { RestrictReadType } from '@/api/types/uni-halo'
 
-definePage({
-  style: {
-    navigationBarTitleText: '内容详情',
-    enablePullDownRefresh: true,
-    navigationStyle: 'custom',
-  },
-})
+	definePage({
+		style: {
+			navigationBarTitleText: '内容详情',
+			enablePullDownRefresh: true,
+			navigationStyle: 'custom',
+		},
+	})
 
-const appConfigStore = useAppConfigStore()
-const favoritesStore = useFavoritesStore()
-const settingStore = useSettingStore()
-const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
+	const appConfigStore = useAppConfigStore()
+	const favoritesStore = useFavoritesStore()
+	const settingStore = useSettingStore()
+	const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
 
-const haloConfigs = computed(() => appConfigStore.configs)
+	const haloConfigs = computed(() => appConfigStore.configs)
 
-/* ---------------- 状态 ---------------- */
-const queryName = ref('')
-const result = ref<IPost & {
-  _voteIds?: string[]
-  _doubanUrls?: string[]
-  owner?: { displayName?: string, avatar?: string }
-  stats?: { visit?: number, upvote?: number, comment?: number }
-} | null>(null)
+	/* ---------------- 状态 ---------------- */
+	const queryName = ref('')
+	const result = ref<IPost & {
+		_voteIds ?: string[]
+		_doubanUrls ?: string[]
+		owner ?: { displayName ?: string, avatar ?: string }
+		stats ?: { visit ?: number, upvote ?: number, comment ?: number }
+	} | null>(null)
 
-const showContentArr = ref<string[]>([])
-const restrictReadInputCode = ref('')
-const commentListScrollTop = ref(0)
+	const showContentArr = ref<string[]>([])
+	const restrictReadInputCode = ref('')
+	const commentListScrollTop = ref(0)
 
-const passwordModal = ref({ show: false })
-const verificationCodeModal = ref({
-  show: false,
-  type: '',
-  imgUrl: '',
-})
-const commentModal = ref({
-  show: false,
-  isComment: false,
-  postName: '',
-  title: '',
-})
-const commentDetail = ref({
-  show: false,
-  loading: 'loading' as 'loading' | 'success' | 'error',
-  comment: {} as IComment,
-  postName: '',
-  list: [] as IComment[],
-})
+	const passwordModal = ref({ show: false })
+	const verificationCodeModal = ref({
+		show: false,
+		type: '',
+		imgUrl: '',
+	})
+	const commentModal = ref({
+		show: false,
+		isComment: false,
+		postName: '',
+		title: '',
+	})
+	const commentDetail = ref({
+		show: false,
+		loading: 'loading' as 'loading' | 'success' | 'error',
+		comment: {} as IComment,
+		postName: '',
+		list: [] as IComment[],
+	})
 
-/* ---------------- 计算属性 ---------------- */
-const postDetailConfig = computed(() => (haloConfigs.value.basicConfig as { postDetailConfig?: Record<string, unknown> } | undefined)?.postDetailConfig)
+	/* ---------------- 计算属性 ---------------- */
+	const postDetailConfig = computed(() => (haloConfigs.value.basicConfig as { postDetailConfig ?: Record<string, unknown> } | undefined)?.postDetailConfig)
 
-const bloggerInfo = computed(() => {
-  const blogger = haloConfigs.value.authorConfig?.blogger as { nickname?: string, avatar?: string } | undefined
-  return {
-    nickname: blogger?.nickname || '',
-    avatar: checkAvatarUrl(blogger?.avatar),
-  }
-})
+	const bloggerInfo = computed(() => {
+		const blogger = haloConfigs.value.authorConfig?.blogger as { nickname ?: string, avatar ?: string } | undefined
+		return {
+			nickname: blogger?.nickname || '',
+			avatar: checkAvatarUrl(blogger?.avatar),
+		}
+	})
 
-const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)
-const calcIsShowComment = computed(() => !!postDetailConfig.value?.showComment)
-const doubanPluginConfig = computed(() => (haloConfigs.value.pluginConfig?.doubanPlugin as { position?: string } | undefined) || {})
-const originalURL = computed(() => result.value?.metadata.annotations?.unihalo_originalURL || '')
+	const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)
+	const calcIsShowComment = computed(() => !!postDetailConfig.value?.showComment)
+	const doubanPluginConfig = computed(() => (haloConfigs.value.pluginConfig?.doubanPlugin as { position ?: string } | undefined) || {})
+	const originalURL = computed(() => result.value?.metadata.annotations?.unihalo_originalURL || '')
 
-/** 从 HTML 提取投票块 id */
-function extractVoteBlockIds(html: string): string[] {
-  const regex = /<vote-block\s+id="(vote-\w+)"\s*\/?>/g
-  const ids: string[] = []
-  for (const match of html.matchAll(regex)) {
-    ids.push(match[1])
-  }
-  return ids
-}
+	/** 从 HTML 提取投票块 id */
+	function extractVoteBlockIds(html : string) : string[] {
+		const regex = /<vote-block\s+id="(vote-\w+)"\s*\/?>/g
+		const ids : string[] = []
+		for (const match of html.matchAll(regex)) {
+			ids.push(match[1])
+		}
+		return ids
+	}
 
-/** 从 HTML 提取豆瓣块 url */
-function extractDoubanBlockUrls(html: string): string[] {
-  const regex = /<douban\s+src="([^"]+)"\s*\/?>/g
-  const urls: string[] = []
-  for (const match of html.matchAll(regex)) {
-    urls.push(match[1])
-  }
-  return urls
-}
+	/** 从 HTML 提取豆瓣块 url */
+	function extractDoubanBlockUrls(html : string) : string[] {
+		const regex = /<douban\s+src="([^"]+)"\s*\/?>/g
+		const urls : string[] = []
+		for (const match of html.matchAll(regex)) {
+			urls.push(match[1])
+		}
+		return urls
+	}
 
-/** 移除内容中的 tag 链接 */
-function removeTagLinksCompletely(html: string): string {
-  const regex = /<a\b[^>]+class=(['"])[^'"]*\btag\b[^'"]*\1[^>]*>[\s\S]*?<\/a>/gi
-  return html.replace(regex, '')
-}
+	/** 移除内容中的 tag 链接 */
+	function removeTagLinksCompletely(html : string) : string {
+		const regex = /<a\b[^>]+class=(['"])[^'"]*\btag\b[^'"]*\1[^>]*>[\s\S]*?<\/a>/gi
+		return html.replace(regex, '')
+	}
 
-/** 获取 openid(微信端) */
-function handleGetOpenid() {
-  // #ifdef MP-WEIXIN
-  uni.login({
-    provider: 'weixin',
-    success: (loginRes) => {
-      try {
-        uni.setStorageSync('openid', loginRes.code)
-      }
-      catch (error) {
-        console.error(error)
-      }
-    },
-  })
-  // #endif
-}
+	/** 获取 openid(微信端) */
+	function handleGetOpenid() {
+		// #ifdef MP-WEIXIN
+		uni.login({
+			provider: 'weixin',
+			success: (loginRes) => {
+				try {
+					uni.setStorageSync('openid', loginRes.code)
+				}
+				catch (error) {
+					console.error(error)
+				}
+			},
+		})
+		// #endif
+	}
 
-/* ---------------- 数据加载 ---------------- */
-async function handleGetData() {
-  updateLoadingStatus(DataLoadingStatusEnum.Loading)
-  try {
-    const res = await getPostByName(queryName.value)
-    const tempResult = res.data as typeof result.value
-    if (tempResult) {
-      tempResult._voteIds = extractVoteBlockIds(res.data.content?.raw || res.data.content?.content || '')
-      tempResult._doubanUrls = extractDoubanBlockUrls(res.data.content?.raw || res.data.content?.content || '')
-      tempResult.owner.avatar = checkAvatarUrl(tempResult.owner.avatar)
-      tempResult.spec.cover = checkImageUrl(tempResult.spec.cover)
-      const openid = uni.getStorageSync('openid')
-      if (openid === '' || openid === null) {
-        handleGetOpenid()
-      }
+	/* ---------------- 数据加载 ---------------- */
+	async function handleGetData() {
+		updateLoadingStatus(DataLoadingStatusEnum.Loading)
+		try {
+			const res = await getPostByName(queryName.value)
+			const tempResult = res.data as typeof result.value
+			if (tempResult) {
+				tempResult._voteIds = extractVoteBlockIds(res.data.content?.raw || res.data.content?.content || '')
+				tempResult._doubanUrls = extractDoubanBlockUrls(res.data.content?.raw || res.data.content?.content || '')
+				tempResult.owner.avatar = checkAvatarUrl(tempResult.owner.avatar)
+				tempResult.spec.cover = checkImageUrl(tempResult.spec.cover)
+				const openid = uni.getStorageSync('openid')
+				if (openid === '' || openid === null) {
+					handleGetOpenid()
+				}
 
-      // 受限阅读:拆分可展示内容
-      if (checkPostRestrictRead(res.data)) {
-        showContentArr.value = getShowableContent(res.data)
-      }
-      else {
-        showContentArr.value = []
-      }
-    }
-    result.value = tempResult
-    uni.setNavigationBarTitle({ title: '文章详情' })
-    updateLoadingStatus(DataLoadingStatusEnum.Success)
-    handleTrackersCounter()
-  }
-  catch (err) {
-    console.error('获取文章失败', err)
-    updateLoadingStatus(DataLoadingStatusEnum.Error)
-  }
-  finally {
-    uni.hideLoading()
-    uni.stopPullDownRefresh()
-  }
-}
+				// 受限阅读:拆分可展示内容
+				if (checkPostRestrictRead(res.data)) {
+					showContentArr.value = getShowableContent(res.data)
+				}
+				else {
+					showContentArr.value = []
+				}
+			}
+			result.value = tempResult
+			uni.setNavigationBarTitle({ title: '文章详情' })
+			updateLoadingStatus(DataLoadingStatusEnum.Success)
+			handleTrackersCounter()
+		}
+		catch (err) {
+			console.error('获取文章失败', err)
+			updateLoadingStatus(DataLoadingStatusEnum.Error)
+		}
+		finally {
+			uni.hideLoading()
+			uni.stopPullDownRefresh()
+		}
+	}
 
-/** 访问计数埋点 */
-async function handleTrackersCounter() {
-  if (!result.value) {
-    return
-  }
-  const winInfo = uni.getWindowInfo()
-  const appBaseInfo = uni.getAppBaseInfo()
-  const baseUrl = import.meta.env.VITE_SERVER_BASEURL || ''
-  try {
-    await postTrackersCounter({
-      group: 'content.halo.run',
-      plural: 'posts',
-      name: result.value.metadata.name,
-      hostname: getDomainOnly(baseUrl),
-      screen: `${winInfo.screenWidth}x${winInfo.screenHeight}`,
-      language: appBaseInfo.language,
-      url: `/archives/${baseUrl}`,
-      referrer: `${baseUrl}/`,
-    })
-  }
-  catch (err) {
-    console.error('埋点失败', err)
-  }
-}
+	/** 访问计数埋点 */
+	async function handleTrackersCounter() {
+		if (!result.value) {
+			return
+		}
+		const winInfo = uni.getWindowInfo()
+		const appBaseInfo = uni.getAppBaseInfo()
+		const baseUrl = import.meta.env.VITE_SERVER_BASEURL || ''
+		try {
+			await postTrackersCounter({
+				group: 'content.halo.run',
+				plural: 'posts',
+				name: result.value.metadata.name,
+				hostname: getDomainOnly(baseUrl),
+				screen: `${winInfo.screenWidth}x${winInfo.screenHeight}`,
+				language: appBaseInfo.language,
+				url: `/archives/${baseUrl}`,
+				referrer: `${baseUrl}/`,
+			})
+		}
+		catch (err) {
+			console.error('埋点失败', err)
+		}
+	}
 
-/* ---------------- 点赞 ---------------- */
-const upvotedNames = ref<string[]>([])
+	/* ---------------- 点赞 ---------------- */
+	const upvotedNames = ref<string[]>([])
 
-function hasUpvoted(): boolean {
-  return upvotedNames.value.includes(result.value?.metadata.name || '')
-}
+	function hasUpvoted() : boolean {
+		return upvotedNames.value.includes(result.value?.metadata.name || '')
+	}
 
-async function handleDoLikes() {
-  if (!result.value) {
-    return
-  }
-  if (hasUpvoted()) {
-    uni.showToast({ icon: 'none', title: '已经点过赞啦!' })
-    return
-  }
-  try {
-    await submitUpvote({
-      group: 'content.halo.run',
-      plural: 'posts',
-      name: result.value.metadata.name,
-    })
-    uni.showToast({ icon: 'none', title: '点赞成功!' })
-    upvotedNames.value.push(result.value.metadata.name)
-    if (result.value.stats) {
-      result.value.stats.upvote = (result.value.stats.upvote || 0) + 1
-    }
-  }
-  catch (err) {
-    console.error('点赞失败', err)
-    uni.showToast({ icon: 'none', title: '点赞失败' })
-  }
-}
+	async function handleDoLikes() {
+		if (!result.value) {
+			return
+		}
+		if (hasUpvoted()) {
+			uni.showToast({ icon: 'none', title: '已经点过赞啦!' })
+			return
+		}
+		try {
+			await submitUpvote({
+				group: 'content.halo.run',
+				plural: 'posts',
+				name: result.value.metadata.name,
+			})
+			uni.showToast({ icon: 'none', title: '点赞成功!' })
+			upvotedNames.value.push(result.value.metadata.name)
+			if (result.value.stats) {
+				result.value.stats.upvote = (result.value.stats.upvote || 0) + 1
+			}
+		}
+		catch (err) {
+			console.error('点赞失败', err)
+			uni.showToast({ icon: 'none', title: '点赞失败' })
+		}
+	}
 
-/* ---------------- 收藏 ---------------- */
-/** 当前文章是否已收藏 */
-function hasFavorited(): boolean {
-  const name = result.value?.metadata.name
-  return !!name && favoritesStore.isFavorite('post', name)
-}
+	/* ---------------- 收藏 ---------------- */
+	/** 当前文章是否已收藏 */
+	function hasFavorited() : boolean {
+		const name = result.value?.metadata.name
+		return !!name && favoritesStore.isFavorite('post', name)
+	}
 
-/** 切换收藏(收藏/取消),收藏时按当前文章内容生成快照入库 */
-function handleTogglePostFavorite() {
-  const post = result.value
-  if (!post)
-    return
-  const favorited = favoritesStore.toggle(buildPostFavoriteItem(post))
-  uni.showToast({ icon: 'none', title: favorited ? '收藏成功' : '已取消收藏' })
-}
+	/** 切换收藏(收藏/取消),收藏时按当前文章内容生成快照入库 */
+	function handleTogglePostFavorite() {
+		const post = result.value
+		if (!post)
+			return
+		const favorited = favoritesStore.toggle(buildPostFavoriteItem(post))
+		uni.showToast({ icon: 'none', title: favorited ? '收藏成功' : '已取消收藏' })
+	}
 
-/* ---------------- 受限阅读 ---------------- */
-function readMore() {
-  const annotations = result.value?.metadata?.annotations
-  const restrictReadEnable = annotations?.restrictReadEnable
-  if (restrictReadEnable === 'password') {
-    passwordModal.value.show = true
-  }
-  else if (restrictReadEnable === 'code') {
-    verificationCodeModal.value.show = true
-    verificationCodeModal.value.type = 'scan'
-    verificationCodeModal.value.imgUrl = checkImageUrl((haloConfigs.value.pluginConfig?.toolsPlugin as { scanCodeUrl?: string } | undefined)?.scanCodeUrl)
-  }
-  else if (restrictReadEnable === 'comment') {
-    handleToComment()
-  }
-  else if (restrictReadEnable === 'login') {
-    uni.showToast({ title: '前往web端登录后访问', icon: 'none' })
-  }
-  else if (restrictReadEnable === 'pay') {
-    uni.showToast({ title: '前往web端支付后访问', icon: 'none' })
-  }
-  // 两秒后复制原文链接
-  setTimeout(() => {
-    if (result.value?.status?.permalink) {
-      copyToClipboard(import.meta.env.VITE_SERVER_BASEURL + result.value.status.permalink)
-    }
-  }, 2000)
-}
+	/* ---------------- 受限阅读 ---------------- */
+	function readMore() {
+		const annotations = result.value?.metadata?.annotations
+		const restrictReadEnable = annotations?.restrictReadEnable
+		if (restrictReadEnable === 'password') {
+			passwordModal.value.show = true
+		}
+		else if (restrictReadEnable === 'code') {
+			verificationCodeModal.value.show = true
+			verificationCodeModal.value.type = 'scan'
+			verificationCodeModal.value.imgUrl = checkImageUrl((haloConfigs.value.pluginConfig?.toolsPlugin as { scanCodeUrl ?: string } | undefined)?.scanCodeUrl)
+		}
+		else if (restrictReadEnable === 'comment') {
+			handleToComment()
+		}
+		else if (restrictReadEnable === 'login') {
+			uni.showToast({ title: '前往web端登录后访问', icon: 'none' })
+		}
+		else if (restrictReadEnable === 'pay') {
+			uni.showToast({ title: '前往web端支付后访问', icon: 'none' })
+		}
+		// 两秒后复制原文链接
+		setTimeout(() => {
+			if (result.value?.status?.permalink) {
+				copyToClipboard(import.meta.env.VITE_SERVER_BASEURL + result.value.status.permalink)
+			}
+		}, 2000)
+	}
 
-/** 校验密码/验证码 */
-async function restrictReadCheck() {
-  if (!result.value) {
-    return
-  }
-  if (!restrictReadInputCode.value) {
-    uni.showToast({ title: '请输入内容', icon: 'none' })
-    return
-  }
-  try {
-    const res = await requestRestrictReadCheck(
-      (result.value.metadata.annotations?.restrictReadEnable || 'password') as RestrictReadType,
-      restrictReadInputCode.value,
-      result.value.metadata.name,
-    )
-    if (res.code === 200) {
-      passwordModal.value.show = false
-      verificationCodeModal.value.show = false
-      handleGetData()
-    }
-    else {
-      uni.showToast({ title: '密码错误', icon: 'none' })
-    }
-  }
-  catch (err) {
-    console.error(err)
-  }
-}
+	/** 校验密码/验证码 */
+	async function restrictReadCheck() {
+		if (!result.value) {
+			return
+		}
+		if (!restrictReadInputCode.value) {
+			uni.showToast({ title: '请输入内容', icon: 'none' })
+			return
+		}
+		try {
+			const res = await requestRestrictReadCheck(
+				(result.value.metadata.annotations?.restrictReadEnable || 'password') as RestrictReadType,
+				restrictReadInputCode.value,
+				result.value.metadata.name,
+			)
+			if (res.code === 200) {
+				passwordModal.value.show = false
+				verificationCodeModal.value.show = false
+				handleGetData()
+			}
+			else {
+				uni.showToast({ title: '密码错误', icon: 'none' })
+			}
+		}
+		catch (err) {
+			console.error(err)
+		}
+	}
 
-/** 获取验证码(受限阅读 code 模式) */
-async function getVerificationCode() {
-  uni.showLoading({ title: '正在获取...' })
-  try {
-    const res = await createVerificationCode()
-    if (res.code === 200) {
-      verificationCodeModal.value.show = false
-      restrictReadInputCode.value = res.data as string || ''
-      restrictReadCheck()
-    }
-    else {
-      uni.showToast({ icon: 'none', title: '操作失败，请重试！' })
-    }
-  }
-  catch (err) {
-    uni.showToast({ icon: 'none', title: (err as Error).message || '操作失败' })
-  }
-  finally {
-    uni.hideLoading()
-  }
-}
+	/** 获取验证码(受限阅读 code 模式) */
+	async function getVerificationCode() {
+		uni.showLoading({ title: '正在获取...' })
+		try {
+			const res = await createVerificationCode()
+			if (res.code === 200) {
+				verificationCodeModal.value.show = false
+				restrictReadInputCode.value = res.data as string || ''
+				restrictReadCheck()
+			}
+			else {
+				uni.showToast({ icon: 'none', title: '操作失败，请重试！' })
+			}
+		}
+		catch (err) {
+			uni.showToast({ icon: 'none', title: (err as Error).message || '操作失败' })
+		}
+		finally {
+			uni.hideLoading()
+		}
+	}
 
-/* ---------------- 评论 ---------------- */
-function handleToComment() {
-  console.log('calcIsShowComment.value', calcIsShowComment.value)
-  console.log('result.value', result.value)
-  if (!result.value) {
-    return
-  }
-  if (!calcIsShowComment.value) {
-    return
-  }
-  if (!result.value.spec.allowComment) {
-    uni.showToast({ icon: 'none', title: '文章已开启禁止评论！' })
-    return
-  }
-  commentModal.value = {
-    show: true,
-    isComment: true,
-    postName: result.value.metadata.name,
-    title: '新增评论',
-  }
-}
+	/* ---------------- 评论 ---------------- */
+	function handleToComment() {
+		console.log('calcIsShowComment.value', calcIsShowComment.value)
+		console.log('result.value', result.value)
+		if (!result.value) {
+			return
+		}
+		if (!calcIsShowComment.value) {
+			return
+		}
+		if (!result.value.spec.allowComment) {
+			uni.showToast({ icon: 'none', title: '文章已开启禁止评论！' })
+			return
+		}
+		commentModal.value = {
+			show: true,
+			isComment: true,
+			postName: result.value.metadata.name,
+			title: '新增评论',
+		}
+	}
 
-function handleOnComment(data: { isComment: boolean, postName: string, title: string }) {
-  commentModal.value = {
-    show: true,
-    isComment: data.isComment,
-    postName: data.postName,
-    title: data.title,
-  }
-}
+	function handleOnComment(data : { isComment : boolean, postName : string, title : string }) {
+		commentModal.value = {
+			show: true,
+			isComment: data.isComment,
+			postName: data.postName,
+			title: data.title,
+		}
+	}
 
-function handleOnCommentModalClose(data: { refresh: boolean, isSubmit: boolean }) {
-  if (result.value?.metadata.annotations?.restrictReadEnable === 'comment') {
-    handleGetData()
-  }
-  if (data.refresh && data.isSubmit) {
-    // 评论成功后刷新(通过 uni.$emit 广播给 comment-list)
-    uni.$emit('comment_list_refresh')
-  }
-  commentModal.value.show = false
-}
+	function handleOnCommentModalClose(data : { refresh : boolean, isSubmit : boolean }) {
+		if (result.value?.metadata.annotations?.restrictReadEnable === 'comment') {
+			handleGetData()
+		}
+		if (data.refresh && data.isSubmit) {
+			// 评论成功后刷新(通过 uni.$emit 广播给 comment-list)
+			uni.$emit('comment_list_refresh')
+		}
+		commentModal.value.show = false
+	}
 
-function handleOnShowCommentDetail(data: { postName: string, comment: IComment }) {
-  commentDetail.value = {
-    show: true,
-    loading: 'loading',
-    comment: data.comment,
-    postName: data.postName,
-    list: [],
-  }
-}
+	function handleOnShowCommentDetail(data : { postName : string, comment : IComment }) {
+		commentDetail.value = {
+			show: true,
+			loading: 'loading',
+			comment: data.comment,
+			postName: data.postName,
+			list: [],
+		}
+	}
 
-async function handleGetChildComments() {
-  commentDetail.value.loading = 'loading'
-  try {
-    const res = await getPostCommentReplyList(commentDetail.value.postName, {
-      page: 1,
-      size: 100,
-    })
-    commentDetail.value.loading = 'success'
-    commentDetail.value.list = res.data.items
-  }
-  catch (err) {
-    console.error(err)
-    commentDetail.value.loading = 'error'
-  }
-}
+	async function handleGetChildComments() {
+		commentDetail.value.loading = 'loading'
+		try {
+			const res = await getPostCommentReplyList(commentDetail.value.postName, {
+				page: 1,
+				size: 100,
+			})
+			commentDetail.value.loading = 'success'
+			commentDetail.value.list = res.data.items
+		}
+		catch (err) {
+			console.error(err)
+			commentDetail.value.loading = 'error'
+		}
+	}
 
-/* ---------------- 跳转 ---------------- */
-function handleToCate(category: { metadata: { name: string }, spec: { displayName: string } }) {
-  uni.navigateTo({
-    url: `/pages-blog/category-detail/category-detail?name=${category.metadata.name}&title=${category.spec.displayName}`,
-  })
-}
+	/* ---------------- 跳转 ---------------- */
+	function handleToCate(category : { metadata : { name : string }, spec : { displayName : string } }) {
+		uni.navigateTo({
+			url: `/pages-blog/category-detail/category-detail?name=${category.metadata.name}&title=${category.spec.displayName}`,
+		})
+	}
 
-function handleToTag(tag: { metadata: { name: string }, spec: { displayName: string } }) {
-  uni.navigateTo({
-    url: `/pages-blog/tag-detail/tag-detail?name=${tag.metadata.name}&title=${tag.spec.displayName}`,
-  })
-}
+	function handleToTag(tag : { metadata : { name : string }, spec : { displayName : string } }) {
+		uni.navigateTo({
+			url: `/pages-blog/tag-detail/tag-detail?name=${tag.metadata.name}&title=${tag.spec.displayName}`,
+		})
+	}
 
-function handleToWebview(data: { title: string, url: string }) {
-  uni.navigateTo({
-    url: `/pages-blog/website/website?data=${JSON.stringify({
-      title: data.title,
-      url: encodeURIComponent(data.url),
-    })}`,
-  })
-}
+	function handleToWebview(data : { title : string, url : string }) {
+		uni.navigateTo({
+			url: `/pages-blog/website/website?data=${JSON.stringify({
+				title: data.title,
+				url: encodeURIComponent(data.url),
+			})}`,
+		})
+	}
 
-function handleToOriginal(originalURLValue: string) {
-  handleToWebview({
-    title: result.value?.spec.title || '',
-    url: originalURLValue,
-  })
-}
+	function handleToOriginal(originalURLValue : string) {
+		handleToWebview({
+			title: result.value?.spec.title || '',
+			url: originalURLValue,
+		})
+	}
 
-function handlePreview(index: number, list: { url: string }[]) {
-  uni.previewImage({
-    current: index,
-    urls: list.map(item => item.url),
-  })
-}
+	function handlePreview(index : number, list : { url : string }[]) {
+		uni.previewImage({
+			current: index,
+			urls: list.map(item => item.url),
+		})
+	}
 
-/* ---------------- 格式化 ---------------- */
-function formatPublishTime(time?: string): string {
-  // 与旧项目一致:yyyy年MM月dd日 星期w
-  return time ? formatTime({ d: time, f: 'yyyy年MM月dd日 星期w' }) : ''
-}
+	/* ---------------- 格式化 ---------------- */
+	function formatPublishTime(time ?: string) : string {
+		// 与旧项目一致:yyyy年MM月dd日 星期w
+		return time ? formatTime({ d: time, f: 'yyyy年MM月dd日 星期w' }) : ''
+	}
 
-/* ---------------- 生命周期 ---------------- */
-onLoad((options) => {
-  uni.setNavigationBarTitle({ title: '文章加载中...' })
-  queryName.value = options?.name || ''
-  handleGetData()
-})
+	/* ---------------- 生命周期 ---------------- */
+	onLoad((options) => {
+		uni.setNavigationBarTitle({ title: '文章加载中...' })
+		queryName.value = options?.name || ''
+		handleGetData()
+	})
 
-onPullDownRefresh(() => {
-  handleGetData()
-})
+	onPullDownRefresh(() => {
+		handleGetData()
+	})
 
-onShareAppMessage(() => {
-  const cover = result.value?.spec.cover ? checkImageUrl(result.value.spec.cover) : ''
-  return {
-    path: `/pages-blog/article-detail/article-detail?name=${result.value?.metadata.name}`,
-    title: result.value?.spec.title || '',
-    imageUrl: cover,
-  }
-})
+	onShareAppMessage(() => {
+		const cover = result.value?.spec.cover ? checkImageUrl(result.value.spec.cover) : ''
+		return {
+			path: `/pages-blog/article-detail/article-detail?name=${result.value?.metadata.name}`,
+			title: result.value?.spec.title || '',
+			imageUrl: cover,
+		}
+	})
 
-onShareTimeline(() => {
-  const cover = result.value?.spec.cover ? checkImageUrl(result.value.spec.cover) : ''
-  return {
-    title: result.value?.spec.title || '',
-    query: result.value ? `name=${result.value.metadata.name}` : '',
-    imageUrl: cover,
-  }
-})
+	onShareTimeline(() => {
+		const cover = result.value?.spec.cover ? checkImageUrl(result.value.spec.cover) : ''
+		return {
+			title: result.value?.spec.title || '',
+			query: result.value ? `name=${result.value.metadata.name}` : '',
+			imageUrl: cover,
+		}
+	})
 
-const globalAppSettings = computed(() => settingStore.settings)
+	const globalAppSettings = computed(() => settingStore.settings)
 </script>
 
 <template>
-  <view class="box-border min-h-screen w-screen flex flex-col bg-page pb-safe">
-    <!-- 顶部导航 -->
-    <uh-navbar default-title="内容详情" :scroll-title="result?.spec?.title" />
+	<view class="box-border min-h-screen w-screen flex flex-col bg-page pb-safe">
+		<!-- 顶部导航 -->
+		<uh-navbar default-title="内容详情" :need-placeholder="false" :scroll-title="result?.spec?.title" />
 
-    <!-- 骨架屏 -->
-    <view v-if="loadingStatus !== 'success'" class="box-border p-4">
-      <uh-data-loading :loading-status="loadingStatus" @refresh="handleGetData()" />
-    </view>
+		<uh-data-loading v-if="loadingStatus !== 'success'" :loading-status="loadingStatus"
+			@refresh="handleGetData()" />
 
-    <view v-else class="box-border pt-72">
-      <!-- 顶部背景封面区域 -->
-      <view class="fixed left-0 top-0 h-72 w-full">
-        <image v-if="result?.spec.cover" :src="result.spec.cover" class="h-full w-full" mode="aspectFill" />
-        <view class="absolute bottom-0 left-0 h-[140rpx] w-full from-white/0 to-page bg-gradient-to-b" />
-      </view>
-
-      <view
-        class="uh-global-card-glass box-border overflow-hidden border rounded-lt-3xl rounded-rt-3xl border-b-none -translate-y-12"
-        :style="{
-          boxShadow: '0 -16rpx 12rpx rgba(0, 0, 0, 0.035)',
-        }"
-      >
-        <!-- 顶部信息 -->
-        <view class="box-border flex flex-col gap-3 p-3 pb-2">
-          <view class="flex items-center gap-x-2">
-            <image
-              :src="result.owner.avatar" class="uh-global-card-glass block h-6 w-6 rounded-full"
-              mode="aspectFill"
-            />
-            <text class="text-sm font-semibold">{{ result?.owner?.displayName }}</text>
-          </view>
-          <view class="font-semibold">
-            {{ result?.spec.title }}
-          </view>
-          <view class="flex flex-wrap items-center gap-2 text-xs">
-            <text
-              v-for="(item, index) in result?.categories" :key="index"
-              class="uh-global-card-glass uh-shadow-xs border rounded-full px-2 py-1" @click="handleToCate(item)"
-            >
-              {{ item.spec.displayName }}
-            </text>
-            <text
-              v-for="(item, index) in result?.tags" :key="index"
-              class="uh-global-card-glass uh-shadow-xs border rounded-full px-2 py-1" @click="handleToTag(item)"
-            >
-              #{{ item.spec.displayName }}
-            </text>
-          </view>
-
-          <view class="uh-global-card-glass uh-shadow-xs box-border flex flex-col gap-2 rounded-xl p-3">
-            <view v-if="originalURL" class="flex flex-1 items-center gap-x-2 text-gray-500">
-              <text class="text-xs">原文</text>
-              <text class="text-xs text-gray-900" @click.stop="handleToOriginal(originalURL)">
-                {{ originalURL }}
-              </text>
-            </view>
-            <view class="flex flex-1 items-center gap-x-2 text-gray-500">
-              <text class="text-xs">日期</text>
-              <text class="text-xs text-gray-900">{{ formatPublishTime(result?.spec.publishTime) }}</text>
-            </view>
-            <view class="flex items-center">
-              <view class="flex flex-1 items-center gap-x-2 text-gray-500">
-                <text class="text-xs">阅读</text>
-                <text class="text-xs text-gray-900">{{ result?.stats?.visit ?? 0 }}</text>
-              </view>
-              <view class="flex flex-1 items-center gap-x-2 text-gray-500">
-                <text class="text-xs">喜欢</text>
-                <text class="text-xs text-gray-900">{{ result?.stats?.upvote ?? 0 }}</text>
-              </view>
-              <view v-if="calcIsShowComment" class="flex flex-1 items-center gap-x-2 text-gray-500">
-                <text class="text-xs">评论</text>
-                <text class="text-xs text-gray-900">{{ result?.stats?.comment ?? 0 }}</text>
-              </view>
-              <view class="flex flex-1 items-center gap-x-2 text-gray-500">
-                <text class="text-xs">字数</text>
-                <text class="text-xs text-gray-900">{{ result?.content?.raw.length || 0 }}</text>
-              </view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 内容区域 -->
-        <view class="box-border flex flex-col gap-y-3 p-3">
-          <!-- 受限阅读 -->
-          <template v-if="checkPostRestrictRead(result!)">
-            <view v-if="showContentArr.length === 0">
-              <uh-restrict-read-skeleton
-                :loading="true" :lines="3"
-                :tip-text="`此处内容已隐藏，「${getRestrictReadTypeName(result!)}可见」`"
-                :button-text="getRestrictReadTypeName(result!)" button-color="#1890ff"
-                @refresh="readMore"
-              />
-            </view>
-            <view v-for="(showContent, showContentIndex) in showContentArr" v-else :key="showContentIndex">
-              <mp-html
-                 lazy-load :domain="markdownConfig.domain ?? ''"
-                :loading-img="markdownConfig.loadingGif" scroll-table selectable
-                :tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle"
-                :content="showContent" :markdown="true" :show-line-number="true"
-                :show-language-name="true" copy-by-long-press
-              />
-              <uh-restrict-read-skeleton
-                :loading="true" :lines="3"
-                :tip-text="`此处内容已隐藏，「${getRestrictReadTypeName(result!)}可见」`"
-                :button-text="getRestrictReadTypeName(result!)" button-color="#1890ff"
-                @refresh="readMore"
-              />
-            </view>
-          </template>
-
-          <!-- 正常渲染 -->
-          <template v-else>
-            <mp-html
-               lazy-load :domain="markdownConfig.domain ?? ''"
-              :loading-img="markdownConfig.loadingGif" scroll-table selectable
-              :tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle"
-              :content="result?.content?.raw || ''" :markdown="true" :show-line-number="true"
-              :show-language-name="true" copy-by-long-press
-            />
-          </template>
-        </view>
-		
-		<view class="box-border px-1">
-			<!-- 版权声明 -->
-			<view v-if="postDetailConfig?.copyrightEnabled" class="box-border px-2 mb-3">
-			  <view class="uh-global-card-glass uh-shadow-xs rounded-xl p-3">
-			    <uh-section-title>版权声明</uh-section-title>
-			    <view class="mt-3 flex flex-col gap-y-2 text-gray-600">
-			      <view v-if="postDetailConfig.copyrightAuthor" class="text-sm leading-5">
-			        版权归属：{{ postDetailConfig.copyrightAuthor }}
-			      </view>
-			      <view v-if="postDetailConfig.copyrightDesc" class="text-sm leading-5">
-			        版权说明：{{ postDetailConfig.copyrightDesc }}
-			      </view>
-			      <view v-if="postDetailConfig.copyrightViolation" class="text-sm text-red-400 leading-5">
-			        侵权处理：{{ postDetailConfig.copyrightViolation }}
-			      </view>
-			    </view>
-			  </view>
+		<view v-else class="box-border pt-72">
+			<!-- 顶部背景封面区域 -->
+			<view class="fixed left-0 top-0 h-72 w-full">
+				<image v-if="result?.spec.cover" :src="result.spec.cover" class="h-full w-full" mode="aspectFill" />
+				<view class="absolute bottom-0 left-0 h-[140rpx] w-full from-white/0 to-page bg-gradient-to-b" />
+			</view>
+
+			<view
+				class="uh-global-card-glass box-border overflow-hidden border rounded-lt-3xl rounded-rt-3xl border-b-none -translate-y-12"
+				:style="{
+					  boxShadow: '0 -16rpx 12rpx rgba(0, 0, 0, 0.035)',
+					}">
+				<!-- 顶部信息 -->
+				<view class="box-border flex flex-col gap-3 p-3 pb-2">
+					<view class="flex items-center gap-x-2">
+						<image :src="result.owner.avatar" class="uh-global-card-glass block h-6 w-6 rounded-full"
+							mode="aspectFill" />
+						<text class="text-sm font-semibold">{{ result?.owner?.displayName }}</text>
+					</view>
+					<view class="font-semibold">
+						{{ result?.spec.title }}
+					</view>
+					<view class="flex flex-wrap items-center gap-2 text-xs">
+						<text v-for="(item, index) in result?.categories" :key="index"
+							class="uh-global-card-glass uh-shadow-xs border rounded-full px-2 py-1"
+							@click="handleToCate(item)">
+							{{ item.spec.displayName }}
+						</text>
+						<text v-for="(item, index) in result?.tags" :key="index"
+							class="uh-global-card-glass uh-shadow-xs border rounded-full px-2 py-1"
+							@click="handleToTag(item)">
+							#{{ item.spec.displayName }}
+						</text>
+					</view>
+
+					<view class="uh-global-card-glass uh-shadow-xs box-border flex flex-col gap-2 rounded-xl p-3">
+						<view v-if="originalURL" class="flex flex-1 items-center gap-x-2 text-gray-500">
+							<text class="text-xs">原文</text>
+							<text class="text-xs text-gray-900" @click.stop="handleToOriginal(originalURL)">
+								{{ originalURL }}
+							</text>
+						</view>
+						<view class="flex flex-1 items-center gap-x-2 text-gray-500">
+							<text class="text-xs">日期</text>
+							<text class="text-xs text-gray-900">{{ formatPublishTime(result?.spec.publishTime) }}</text>
+						</view>
+						<view class="flex items-center">
+							<view class="flex flex-1 items-center gap-x-2 text-gray-500">
+								<text class="text-xs">阅读</text>
+								<text class="text-xs text-gray-900">{{ result?.stats?.visit ?? 0 }}</text>
+							</view>
+							<view class="flex flex-1 items-center gap-x-2 text-gray-500">
+								<text class="text-xs">喜欢</text>
+								<text class="text-xs text-gray-900">{{ result?.stats?.upvote ?? 0 }}</text>
+							</view>
+							<view v-if="calcIsShowComment" class="flex flex-1 items-center gap-x-2 text-gray-500">
+								<text class="text-xs">评论</text>
+								<text class="text-xs text-gray-900">{{ result?.stats?.comment ?? 0 }}</text>
+							</view>
+							<view class="flex flex-1 items-center gap-x-2 text-gray-500">
+								<text class="text-xs">字数</text>
+								<text class="text-xs text-gray-900">{{ result?.content?.raw.length || 0 }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<!-- 内容区域 -->
+				<view class="box-border flex flex-col gap-y-3 p-3">
+					<!-- 受限阅读 -->
+					<template v-if="checkPostRestrictRead(result!)">
+						<view v-if="showContentArr.length === 0">
+							<uh-restrict-read-skeleton :loading="true" :lines="3"
+								:tip-text="`此处内容已隐藏，「${getRestrictReadTypeName(result!)}可见」`"
+								:button-text="getRestrictReadTypeName(result!)" button-color="#1890ff"
+								@refresh="readMore" />
+						</view>
+						<view v-for="(showContent, showContentIndex) in showContentArr" v-else :key="showContentIndex">
+							<mp-html lazy-load :domain="markdownConfig.domain ?? ''"
+								:loading-img="markdownConfig.loadingGif" scroll-table selectable
+								:tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle"
+								:content="showContent" :markdown="true" :show-line-number="true"
+								:show-language-name="true" copy-by-long-press />
+							<uh-restrict-read-skeleton :loading="true" :lines="3"
+								:tip-text="`此处内容已隐藏，「${getRestrictReadTypeName(result!)}可见」`"
+								:button-text="getRestrictReadTypeName(result!)" button-color="#1890ff"
+								@refresh="readMore" />
+						</view>
+					</template>
+
+					<!-- 正常渲染 -->
+					<template v-else>
+						<mp-html lazy-load :domain="markdownConfig.domain ?? ''"
+							:loading-img="markdownConfig.loadingGif" scroll-table selectable
+							:tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle"
+							:content="result?.content?.raw || ''" :markdown="true" :show-line-number="true"
+							:show-language-name="true" copy-by-long-press />
+					</template>
+				</view>
+
+				<view class="box-border px-1">
+					<!-- 版权声明 -->
+					<view v-if="postDetailConfig?.copyrightEnabled" class="box-border px-2 mb-3">
+						<view class="uh-global-card-glass uh-shadow-xs rounded-xl p-3">
+							<uh-section-title>版权声明</uh-section-title>
+							<view class="mt-3 flex flex-col gap-y-2 text-gray-600">
+								<view v-if="postDetailConfig.copyrightAuthor" class="text-sm leading-5">
+									版权归属：{{ postDetailConfig.copyrightAuthor }}
+								</view>
+								<view v-if="postDetailConfig.copyrightDesc" class="text-sm leading-5">
+									版权说明：{{ postDetailConfig.copyrightDesc }}
+								</view>
+								<view v-if="postDetailConfig.copyrightViolation" class="text-sm text-red-400 leading-5">
+									侵权处理：{{ postDetailConfig.copyrightViolation }}
+								</view>
+							</view>
+						</view>
+					</view>
+
+					<!-- 评论区域 -->
+					<uh-comment-list v-if="calcIsShowComment && result" :disallow-comment="!result.spec.allowComment"
+						:post-name="result.metadata.name" :post="result" @on-comment="handleOnComment"
+						@on-comment-detail="handleOnShowCommentDetail" />
+				</view>
+			</view>
+
+			<!-- 悬浮操作 -->
+			<view class="fixed bottom-8 left-1/2 z-10 flex items-center justify-center pb-safe -translate-x-1/2">
+				<!-- #7BE200 -->
+				<view
+					class="uh-global-card-glass box-border flex items-center justify-center gap-2 border rounded-full p-1 text-primary">
+					<view
+						class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
+						:class="{ active: hasUpvoted() }" @click="handleDoLikes">
+						<wd-icon class-prefix="uhemoji-icon" name="-kiss-" size="36rpx" />
+						<text class="shrink-0 text-sm text-gray-900 font-semibold">点赞</text>
+					</view>
+					<view v-if="calcIsShowComment"
+						class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
+						@click="handleToComment()">
+						<wd-icon class-prefix="uhemoji-icon" name="-thinking" size="36rpx" />
+						<text class="shrink-0 text-sm text-gray-900 font-semibold">评论</text>
+					</view>
+					<view
+						class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
+						@click="handleTogglePostFavorite">
+						<wd-icon class-prefix="uhemoji-icon" name="-smile-" size="36rpx" />
+						<text class="shrink-0 text-sm text-gray-900 font-semibold"
+							:style="hasFavorited() ? { color: '#ffb300' } : ''">{{ hasFavorited() ? '已收藏' : '收藏' }}</text>
+					</view>
+				</view>
 			</view>
-			
-			<!-- 评论区域 -->
-			<uh-comment-list
-			  v-if="calcIsShowComment && result" :disallow-comment="!result.spec.allowComment"
-			  :post-name="result.metadata.name" :post="result" @on-comment="handleOnComment"
-			  @on-comment-detail="handleOnShowCommentDetail"
-			/>
 		</view>
-      </view>
 
-      <!-- 悬浮操作 -->
-      <view class="fixed bottom-8 left-1/2 z-10 flex items-center justify-center pb-safe -translate-x-1/2">
-        <!-- #7BE200 -->
-        <view
-          class="uh-global-card-glass box-border flex items-center justify-center gap-2 border rounded-full p-1 text-primary"
-        >
-          <view
-            class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
-            :class="{ active: hasUpvoted() }" @click="handleDoLikes"
-          >
-            <wd-icon  class-prefix="uhemoji-icon" name="-kiss-" size="36rpx" />
-            <text class="shrink-0 text-sm text-gray-900 font-semibold">点赞</text>
-          </view>
-          <view
-            v-if="calcIsShowComment"
-            class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
-            @click="handleToComment()"
-          >
-            <wd-icon class-prefix="uhemoji-icon" name="-thinking" size="36rpx" />
-            <text class="shrink-0 text-sm text-gray-900 font-semibold">评论</text>
-          </view>
-          <view
-            class="uh-global-card-glass box-border h-[72rpx] flex flex-1 items-center justify-center gap-x-1 border rounded-full px-4 shadow-none"
-            @click="handleTogglePostFavorite"
-          >
-            <wd-icon class-prefix="uhemoji-icon" name="-smile-" size="36rpx" />
-            <text class="shrink-0 text-sm text-gray-900 font-semibold"
-              :style="hasFavorited() ? { color: '#ffb300' } : ''">{{ hasFavorited() ? '已收藏' : '收藏' }}</text>
-          </view>
-        </view>
-      </view>
-    </view>
+		<!-- 密码弹窗 -->
+		<wd-dialog v-model="passwordModal.show" title="验证提示" :show-cancel="true" show-confirm-button confirm-text="确定"
+			@confirm="restrictReadCheck">
+			<view class="modal-body py-4">
+				<wd-input v-model="restrictReadInputCode" placeholder="请输入密码" />
+			</view>
+		</wd-dialog>
 
-    <!-- 密码弹窗 -->
-    <wd-dialog
-      v-model="passwordModal.show" title="验证提示" :show-cancel="true" show-confirm-button confirm-text="确定"
-      @confirm="restrictReadCheck"
-    >
-      <view class="modal-body py-4">
-        <wd-input v-model="restrictReadInputCode" placeholder="请输入密码" />
-      </view>
-    </wd-dialog>
+		<!-- 验证码弹窗 -->
+		<wd-dialog v-model="verificationCodeModal.show" title="验证提示" :show-cancel="true" confirm-text="确定"
+			@confirm="restrictReadCheck">
+			<view class="modal-body py-4">
+				<image v-if="verificationCodeModal.imgUrl" :src="verificationCodeModal.imgUrl"
+					class="modal-code-img mb-4 h-[200rpx] w-full" mode="aspectFit" />
+				<wd-input v-model="restrictReadInputCode" placeholder="请输入验证码" class="mt-2" />
+			</view>
+		</wd-dialog>
 
-    <!-- 验证码弹窗 -->
-    <wd-dialog
-      v-model="verificationCodeModal.show" title="验证提示" :show-cancel="true" confirm-text="确定"
-      @confirm="restrictReadCheck"
-    >
-      <view class="modal-body py-4">
-        <image
-          v-if="verificationCodeModal.imgUrl" :src="verificationCodeModal.imgUrl"
-          class="modal-code-img mb-4 h-[200rpx] w-full" mode="aspectFit"
-        />
-        <wd-input v-model="restrictReadInputCode" placeholder="请输入验证码" class="mt-2" />
-      </view>
-    </wd-dialog>
-
-    <!-- 评论弹窗 -->
-    <uh-comment-modal
-      v-if="commentModal.show" :show="commentModal.show" :is-comment="commentModal.isComment"
-      :title="commentModal.title" :post-name="commentModal.postName" @on-close="handleOnCommentModalClose"
-    />
-  </view>
-</template>
+		<!-- 评论弹窗 -->
+		<uh-comment-modal v-if="commentModal.show" :show="commentModal.show" :is-comment="commentModal.isComment"
+			:title="commentModal.title" :post-name="commentModal.postName" @on-close="handleOnCommentModalClose" />
+	</view>
+</template>
\ No newline at end of file
diff --git a/src/pages-blog/favorites/favorites.vue b/src/pages-blog/favorites/favorites.vue
index 09631a6..366dd07 100644
--- a/src/pages-blog/favorites/favorites.vue
+++ b/src/pages-blog/favorites/favorites.vue
@@ -1,10 +1,4 @@
 <script lang="ts" setup>
-/**
- * 收藏页(纯本地,文章 × 瞬间)
- * 功能:双 Tab(仿图库顶部吸顶胶囊 chip)本地收藏列表 + 跳详情 + 删除 + 状态舞台
- * 数据:useFavoritesStore(persist),快照自包含,无需网络加载
- * 状态:useDataLoadingStatus + uh-data-loading(与 tabbar 页同构);本地同步数据,状态直接推导
- */
 import { computed, ref, watchEffect } from 'vue'
 import { formatTime } from '@/utils/formatTime'
 import { useFavoritesStore } from '@/store/favorites'
@@ -14,7 +8,7 @@ import type { FavoriteKind, IFavoriteItem } from '@/utils/favorite'
 definePage({
   style: {
     navigationBarTitleText: '我的收藏',
-    backgroundColor: '#f6f3ee',
+	navigationStyle: 'custom',
   },
 })
 
@@ -80,6 +74,9 @@ const emptyText = computed(() => (activeKind.value === 'post' ? '还没有收藏
 
 <template>
   <view class="box-border min-h-screen w-screen bg-page pb-10">
+	  <!-- 自定义导航 -->
+	<uh-navbar default-title="我的收藏" title-color="text-gray-900"></uh-navbar>
+	  
     <!-- 顶部类型 Tab(与图库页同款:吸顶玻璃胶囊 chip) -->
     <wd-sticky>
       <scroll-view scroll-x class="w-full whitespace-nowrap">
diff --git a/src/pages-blog/setting/setting.vue b/src/pages-blog/setting/setting.vue
index d213d03..de66980 100644
--- a/src/pages-blog/setting/setting.vue
+++ b/src/pages-blog/setting/setting.vue
@@ -1,349 +1,309 @@
 <script lang="ts" setup>
-/**
- * 偏好设置页(两层:站点默认 L0 + 本地差异 L1-L,设计见 .docs/config-system-v2-redesign §3-4)
- * - 每项可「跟随站点默认」(差异为空)或覆盖为具体值;改动即写本地差异(uh_pref_local_v1)即时生效;
- * - 底部「重置为站点默认」= 清空全部本地差异,回退站长在插件后台配置的默认(未配置则为内置默认)。
- * - 风格:对齐全站设计语言(bg-page + uh-global-card-glass + uh-section-title)
- */
-import { ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { DefaultAppSettings } from '@/config/appSettings'
-import { useAppConfigStore } from '@/store/appConfig'
-import { useSettingStore } from '@/store/setting'
-import { collectSiteDefaults, isLocalOverride, readLocalPrefs } from '@/utils/preference'
-import type { LocalPrefs } from '@/utils/preference'
+	import { ref } from 'vue'
+	import { onLoad } from '@dcloudio/uni-app'
+	import { DefaultAppSettings } from '@/config/appSettings'
+	import { useAppConfigStore } from '@/store/appConfig'
+	import { useSettingStore } from '@/store/setting'
+	import { collectSiteDefaults, isLocalOverride, readLocalPrefs } from '@/utils/preference'
+	import type { LocalPrefs } from '@/utils/preference'
 
-definePage({
-  style: {
-    navigationBarTitleText: '偏好设置',
-  },
-})
+	definePage({
+		style: {
+			navigationBarTitleText: '偏好设置',
+			navigationStyle: 'custom'
+		},
+	})
 
-const settingStore = useSettingStore()
-const appConfigStore = useAppConfigStore()
+	const settingStore = useSettingStore()
+	const appConfigStore = useAppConfigStore()
 
-/** 确保启动合并已执行(入口页未跑或 H5 直达时兜底) */
-onLoad(() => {
-  if (!settingStore.siteDefaults) {
-    settingStore.applySiteDefaults(collectSiteDefaults(appConfigStore.configs))
-  }
-  uni.setNavigationBarTitle({ title: '偏好设置' })
-})
+	/** 确保启动合并已执行(入口页未跑或 H5 直达时兜底) */
+	onLoad(() => {
+		if (!settingStore.siteDefaults) {
+			settingStore.applySiteDefaults(collectSiteDefaults(appConfigStore.configs))
+		}
+		uni.setNavigationBarTitle({ title: '偏好设置' })
+	})
 
-/* ---------------- 路径取值工具 ---------------- */
-type Path = string[]
+	/* ---------------- 路径取值工具 ---------------- */
+	type Path = string[]
 
-function getByPath(obj: unknown, path: Path): unknown {
-  let cursor: unknown = obj
-  for (const key of path) {
-    if (cursor === null || cursor === undefined)
-      return undefined
-    cursor = (cursor as Record<string, unknown>)[key]
-  }
-  return cursor
-}
+	function getByPath(obj : unknown, path : Path) : unknown {
+		let cursor : unknown = obj
+		for (const key of path) {
+			if (cursor === null || cursor === undefined)
+				return undefined
+			cursor = (cursor as Record<string, unknown>)[key]
+		}
+		return cursor
+	}
 
-/** 按路径构造差异 patch(null 表示删除该键=跟随站点默认) */
-function buildPatch(path: Path, value: unknown): LocalPrefs {
-  const [head, ...rest] = path
-  if (rest.length === 0)
-    return { [head]: value } as LocalPrefs
-  return { [head]: buildPatch(rest, value) } as LocalPrefs
-}
+	/** 按路径构造差异 patch(null 表示删除该键=跟随站点默认) */
+	function buildPatch(path : Path, value : unknown) : LocalPrefs {
+		const [head, ...rest] = path
+		if (rest.length === 0)
+			return { [head]: value } as LocalPrefs
+		return { [head]: buildPatch(rest, value) } as LocalPrefs
+	}
 
-/** 偏好字段定义(现页已有项;弹幕已下线、友链分组二期再开) */
-interface PrefDef {
-  key: string
-  label: string
-  kind: 'bool' | 'enum'
-  path: Path
-  options?: { label: string, value: string }[]
-  siteLabelOf?: (value: string) => string
-}
+	/** 偏好字段定义(现页已有项;弹幕已下线、友链分组二期再开) */
+	interface PrefDef {
+		key : string
+		label : string
+		kind : 'bool' | 'enum'
+		path : Path
+		options ?: { label : string, value : string }[]
+		siteLabelOf ?: (value : string) => string
+	}
 
-const layoutPrefs: PrefDef[] = [
-  {
-    key: 'home',
-    label: '首页文章布局',
-    kind: 'enum',
-    path: ['layout', 'home'],
-    options: [
-      { label: '一行一列', value: 'h_row_col1' },
-      { label: '一行两列', value: 'h_row_col2' },
-    ],
-  },
-  {
-    key: 'cardType',
-    label: '文章卡片样式',
-    kind: 'enum',
-    path: ['layout', 'cardType'],
-    options: [
-      { label: '左图右文', value: 'lr_image_text' },
-      { label: '左文右图', value: 'lr_text_image' },
-      { label: '上图下文', value: 'tb_image_text' },
-      { label: '上文下图', value: 'tb_text_image' },
-      { label: '只有文字', value: 'only_text' },
-    ],
-  },
-]
+	const layoutPrefs : PrefDef[] = [
+		{
+			key: 'home',
+			label: '首页文章布局',
+			kind: 'enum',
+			path: ['layout', 'home'],
+			options: [
+				{ label: '一行一列', value: 'h_row_col1' },
+				{ label: '一行两列', value: 'h_row_col2' },
+			],
+		},
+		{
+			key: 'cardType',
+			label: '文章卡片样式',
+			kind: 'enum',
+			path: ['layout', 'cardType'],
+			options: [
+				{ label: '左图右文', value: 'lr_image_text' },
+				{ label: '左文右图', value: 'lr_text_image' },
+				{ label: '上图下文', value: 'tb_image_text' },
+				{ label: '上文下图', value: 'tb_text_image' },
+				{ label: '只有文字', value: 'only_text' },
+			],
+		},
+	]
 
-const featurePrefs: PrefDef[] = [
-  { key: 'useWaterfull', label: '图库瀑布流模式', kind: 'bool', path: ['gallery', 'useWaterfull'] },
-  { key: 'useSimple', label: '友链简洁模式', kind: 'bool', path: ['links', 'useSimple'] },
-  { key: 'isAvatarRadius', label: '是否圆形头像', kind: 'bool', path: ['isAvatarRadius'] },
-  { key: 'useDot', label: '轮播图指示器', kind: 'bool', path: ['banner', 'useDot'] },
-  {
-    key: 'dotPosition',
-    label: '指示器位置',
-    kind: 'enum',
-    path: ['banner', 'dotPosition'],
-    options: [
-      { label: '右边', value: 'right' },
-      { label: '下边', value: 'bottom' },
-    ],
-    siteLabelOf: (value: string) => {
-      const map: Record<string, string> = { right: '右边', bottom: '下边', left: '左边', top: '上边' }
-      return map[value] || value
-    },
-  },
-]
+	const featurePrefs : PrefDef[] = [
+		{ key: 'isAvatarRadius', label: '是否圆形头像', kind: 'bool', path: ['isAvatarRadius'] },
+	]
 
-/* ---------------- 状态读取 ---------------- */
-function valueOf(path: Path): unknown {
-  return getByPath(settingStore.settings, path)
-}
+	/* ---------------- 状态读取 ---------------- */
+	function valueOf(path : Path) : unknown {
+		return getByPath(settingStore.settings, path)
+	}
 
-/** 站点默认值(未配置时回退内置默认) */
-function siteDefaultOf(path: Path): unknown {
-  const site = getByPath(settingStore.siteDefaults, path)
-  if (site !== undefined && site !== null)
-    return site
-  return getByPath(DefaultAppSettings, path)
-}
+	/** 站点默认值(未配置时回退内置默认) */
+	function siteDefaultOf(path : Path) : unknown {
+		const site = getByPath(settingStore.siteDefaults, path)
+		if (site !== undefined && site !== null)
+			return site
+		return getByPath(DefaultAppSettings, path)
+	}
 
-function isOverridden(path: Path): boolean {
-  return isLocalOverride(readLocalPrefs(), path)
-}
+	function isOverridden(path : Path) : boolean {
+		return isLocalOverride(readLocalPrefs(), path)
+	}
 
-function enumLabelOf(def: PrefDef, value: unknown): string {
-  const hit = def.options?.find(opt => opt.value === value)
-  if (hit)
-    return hit.label
-  if (def.siteLabelOf && typeof value === 'string')
-    return def.siteLabelOf(value)
-  return value === undefined || value === null ? '—' : String(value)
-}
+	function enumLabelOf(def : PrefDef, value : unknown) : string {
+		const hit = def.options?.find(opt => opt.value === value)
+		if (hit)
+			return hit.label
+		if (def.siteLabelOf && typeof value === 'string')
+			return def.siteLabelOf(value)
+		return value === undefined || value === null ? '—' : String(value)
+	}
 
-/* ---------------- 交互 ---------------- */
-/** 开关事件(模板透传 $event) */
-function handleSwitchChange(def: PrefDef, detail: { value?: unknown }) {
-  handleBoolChange(def.path, detail.value === true)
-}
+	/* ---------------- 交互 ---------------- */
+	/** 开关事件(模板透传 $event) */
+	function handleSwitchChange(def : PrefDef, detail : { value ?: unknown }) {
+		handleBoolChange(def.path, detail.value === true)
+	}
 
-/** 开关类:选值等于站点默认则还原为跟随(只存差异) */
-function handleBoolChange(path: Path, next: boolean) {
-  if (next === siteDefaultOf(path)) {
-    settingStore.savePreference(buildPatch(path, null))
-  }
-  else {
-    settingStore.savePreference(buildPatch(path, next))
-  }
-}
+	/** 开关类:选值等于站点默认则还原为跟随(只存差异) */
+	function handleBoolChange(path : Path, next : boolean) {
+		if (next === siteDefaultOf(path)) {
+			settingStore.savePreference(buildPatch(path, null))
+		}
+		else {
+			settingStore.savePreference(buildPatch(path, next))
+		}
+	}
 
-/** 单项还原为跟随站点默认 */
-function handleRevert(path: Path) {
-  settingStore.savePreference(buildPatch(path, null))
-}
+	/** 单项还原为跟随站点默认 */
+	function handleRevert(path : Path) {
+		settingStore.savePreference(buildPatch(path, null))
+	}
 
-/* ---------------- 枚举底部弹层 ---------------- */
-const enumSheet = ref<{ show: boolean, def: PrefDef | null }>({ show: false, def: null })
+	/* ---------------- 枚举底部弹层 ---------------- */
+	const enumSheet = ref<{ show : boolean, def : PrefDef | null }>({ show: false, def: null })
 
-function handleOpenEnum(def: PrefDef) {
-  enumSheet.value = { show: true, def }
-}
+	function handleOpenEnum(def : PrefDef) {
+		enumSheet.value = { show: true, def }
+	}
 
-function handleCloseEnum() {
-  enumSheet.value.show = false
-}
+	function handleCloseEnum() {
+		enumSheet.value.show = false
+	}
 
-function handleChooseEnum(value: string | null) {
-  const def = enumSheet.value.def
-  if (def) {
-    if (value === null || value === siteDefaultOf(def.path)) {
-      handleRevert(def.path)
-    }
-    else {
-      settingStore.savePreference(buildPatch(def.path, value))
-    }
-  }
-  handleCloseEnum()
-}
+	function handleChooseEnum(value : string | null) {
+		const def = enumSheet.value.def
+		if (def) {
+			if (value === null || value === siteDefaultOf(def.path)) {
+				handleRevert(def.path)
+			}
+			else {
+				settingStore.savePreference(buildPatch(def.path, value))
+			}
+		}
+		handleCloseEnum()
+	}
 
-/** 当前枚举项是否处于「跟随站点默认」 */
-function isFollowing(def: PrefDef): boolean {
-  return !isOverridden(def.path)
-}
+	/** 当前枚举项是否处于「跟随站点默认」 */
+	function isFollowing(def : PrefDef) : boolean {
+		return !isOverridden(def.path)
+	}
 
-/* ---------------- 重置全部 ---------------- */
-function handleResetAll() {
-  uni.showModal({
-    title: '提示',
-    content: '确定将所有偏好恢复为站点默认吗？本地自定义的偏好将被清除，未配置站点默认的项将恢复为内置默认。',
-    showCancel: true,
-    cancelText: '取消',
-    confirmText: '确定',
-    confirmColor: '#03a9f4',
-    success: (res) => {
-      if (res.confirm) {
-        settingStore.resetPreferences()
-        enumSheet.value.show = false
-        uni.showToast({ icon: 'none', title: '已恢复为站点默认' })
-      }
-    },
-  })
-}
+	/* ---------------- 重置全部 ---------------- */
+	function handleResetAll() {
+		uni.showModal({
+			title: '提示',
+			content: '确定将所有偏好恢复为站点默认吗？本地自定义的偏好将被清除，未配置站点默认的项将恢复为内置默认。',
+			showCancel: true,
+			cancelText: '取消',
+			confirmText: '确定',
+			confirmColor: '#03a9f4',
+			success: (res) => {
+				if (res.confirm) {
+					settingStore.resetPreferences()
+					enumSheet.value.show = false
+					uni.showToast({ icon: 'none', title: '已恢复为站点默认' })
+				}
+			},
+		})
+	}
 </script>
 
 <template>
-  <view class="app-page box-border min-h-screen bg-page pb-[200rpx]">
-    <!-- 说明 -->
-    <view class="pref-tip uh-global-card-glass mx-4 mt-4 flex items-start gap-2 rounded-xl px-4 py-3">
-      <wd-icon name="info" size="28rpx" color="#a8a294" class="mt-0.5 shrink-0" />
-      <text class="tip-text flex-1 text-2xs text-gray-400 leading-[1.6]">
-        你的偏好仅保存在本机。未自定义的项自动跟随站长在插件后台配置的「站点默认」；点击底部「重置为站点默认」可清空全部本地偏好。
-      </text>
-    </view>
-
-    <!-- 布局设置 -->
-    <uh-section-title class="mx-4 mb-3 mt-6 text-[30rpx]">
-      布局
-      <template #right>
-        <text class="text-2xs text-gray-400">应用以及文章列表布局设置</text>
-      </template>
-    </uh-section-title>
-    <view class="setting-sheet uh-global-card-glass mx-4 overflow-hidden rounded-2xl">
-      <view
-        v-for="(def, index) in layoutPrefs"
-        :key="def.key"
-        class="pick-row flex items-center justify-between px-4 py-4"
-        :class="index < layoutPrefs.length - 1 ? 'border-b border-black/5' : ''"
-        @click="handleOpenEnum(def)"
-      >
-        <view class="row-left flex flex-col gap-1">
-          <text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
-          <view class="flex items-center gap-2">
-            <text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
-            <view v-else class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
-              已自定义
-            </view>
-          </view>
-        </view>
-        <view class="row-value flex items-center gap-2">
-          <text class="value-text text-[26rpx] text-gray-400">{{ enumLabelOf(def, valueOf(def.path)) }}</text>
-          <wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
-        </view>
-      </view>
-    </view>
-
-    <!-- 功能设置 -->
-    <uh-section-title class="mx-4 mb-3 mt-6 text-[30rpx]">
-      功能
-      <template #right>
-        <text class="text-2xs text-gray-400">一些常用的功能性设置</text>
-      </template>
-    </uh-section-title>
-    <view class="setting-sheet uh-global-card-glass mx-4 overflow-hidden rounded-2xl">
-      <template v-for="(def, index) in featurePrefs" :key="def.key">
-        <!-- 布尔开关 -->
-        <view
-          v-if="def.kind === 'bool'"
-          class="switch-row flex items-center justify-between px-4 py-4"
-          :class="index < featurePrefs.length - 1 ? 'border-b border-black/5' : ''"
-        >
-          <view class="row-left flex flex-col gap-1">
-            <text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
-            <view class="flex items-center gap-2">
-              <text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
-              <template v-else>
-                <view class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
-                  已自定义
-                </view>
-                <text class="revert-text text-2xs text-gray-400 underline" @click.stop="handleRevert(def.path)">恢复默认</text>
-              </template>
-            </view>
-          </view>
-          <wd-switch :model-value="!!valueOf(def.path)" @change="handleSwitchChange(def, $event)" />
-        </view>
-        <!-- 枚举选择(指示器位置) -->
-        <view
-          v-else
-          class="pick-row flex items-center justify-between px-4 py-4"
-          :class="index < featurePrefs.length - 1 ? 'border-b border-black/5' : ''"
-          @click="handleOpenEnum(def)"
-        >
-          <view class="row-left flex flex-col gap-1">
-            <text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
-            <view class="flex items-center gap-2">
-              <text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
-              <template v-else>
-                <view class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
-                  已自定义
-                </view>
-                <text class="revert-text text-2xs text-gray-400 underline" @click.stop="handleRevert(def.path)">恢复默认</text>
-              </template>
-            </view>
-          </view>
-          <view class="row-value flex items-center gap-2">
-            <text class="value-text text-[26rpx] text-gray-400">{{ enumLabelOf(def, valueOf(def.path)) }}</text>
-            <wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
-          </view>
-        </view>
-      </template>
-    </view>
-
-    <!-- 底部操作栏(玻璃悬浮 + 底部安全区适配) -->
-    <view class="btn-bar uh-global-card-glass fixed bottom-0 left-0 box-border w-screen px-4 pt-3 pb-safe">
-      <view class="reset-btn h-[84rpx] w-full flex items-center justify-center rounded-full bg-gray-900 active:opacity-80" @click="handleResetAll">
-        <text class="text-[28rpx] text-white font-bold">重置为站点默认</text>
-      </view>
-    </view>
-
-    <!-- 枚举选择底部弹层 -->
-    <wd-popup
-      v-model="enumSheet.show"
-      position="bottom"
-      closable
-      custom-style="border-radius: 24rpx 24rpx 0 0;"
-      @close="handleCloseEnum"
-    >
-      <view v-if="enumSheet.def" class="enum-sheet box-border w-full pb-[env(safe-area-inset-bottom)]">
-        <view class="enum-title py-6 text-center text-[30rpx] text-gray-900 font-bold">
-          {{ enumSheet.def.label }}
-        </view>
-        <view
-          class="enum-item flex items-center justify-between px-6 py-5"
-          :class="isFollowing(enumSheet.def) ? 'bg-secondary text-[#4d7c0f]' : 'text-gray-900'"
-          @click="handleChooseEnum(null)"
-        >
-          <text class="text-[28rpx]">跟随站点默认</text>
-          <wd-icon v-if="isFollowing(enumSheet.def)" name="check" size="16px" color="#4d7c0f" />
-        </view>
-        <view
-          v-for="opt in enumSheet.def.options"
-          :key="opt.value"
-          class="enum-item flex items-center justify-between border-t border-[#f0ece2] px-6 py-5"
-          :class="valueOf(enumSheet.def.path) === opt.value && !isFollowing(enumSheet.def) ? 'bg-secondary text-[#4d7c0f]' : 'text-gray-900'"
-          @click="handleChooseEnum(opt.value)"
-        >
-          <text class="text-[28rpx]">{{ opt.label }}</text>
-          <wd-icon
-            v-if="valueOf(enumSheet.def.path) === opt.value && !isFollowing(enumSheet.def)"
-            name="check"
-            size="16px"
-            color="#4d7c0f"
-          />
-        </view>
-      </view>
-    </wd-popup>
-  </view>
-</template>
+	<view class="box-border min-h-screen bg-page">
+		<!-- 自定义标题 -->
+		<uh-navbar default-title="偏好设置" title-color="text-gray-900" :need-placeholder="true"></uh-navbar>
+		
+		<!-- 内容区域 -->
+		<view class="box-border p-3 flex flex-col gap-y-6">
+			<!-- 布局设置 -->
+			<view class="flex flex-col gap-y-3">
+				<uh-section-title>
+					布局
+					<template #right>
+						<text class="text-2xs text-gray-400">应用以及文章列表布局设置</text>
+					</template>
+				</uh-section-title>
+				<view class="uh-global-card-glass overflow-hidden rounded-2xl">
+					<view v-for="(def, index) in layoutPrefs" :key="def.key"
+						class="pick-row flex items-center justify-between px-4 py-4"
+						:class="index < layoutPrefs.length - 1 ? 'border-b border-black/5' : ''"
+						@click="handleOpenEnum(def)">
+						<view class="row-left flex flex-col gap-1">
+							<text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
+							<view class="flex items-center gap-2">
+								<text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
+								<view v-else
+									class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
+									已自定义
+								</view>
+							</view>
+						</view>
+						<view class="row-value flex items-center gap-2">
+							<text
+								class="value-text text-[26rpx] text-gray-400">{{ enumLabelOf(def, valueOf(def.path)) }}</text>
+							<wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 功能设置 -->
+			<view class="flex flex-col gap-y-3">
+				<uh-section-title>
+					功能
+					<template #right>
+						<text class="text-2xs text-gray-400">一些常用的功能性设置</text>
+					</template>
+				</uh-section-title>
+				<view class="setting-sheet uh-global-card-glass overflow-hidden rounded-2xl">
+					<template v-for="(def, index) in featurePrefs" :key="def.key">
+						<!-- 布尔开关 -->
+						<view v-if="def.kind === 'bool'" class="switch-row flex items-center justify-between px-4 py-4"
+							:class="index < featurePrefs.length - 1 ? 'border-b border-black/5' : ''">
+							<view class="row-left flex flex-col gap-1">
+								<text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
+								<view class="flex items-center gap-2">
+									<text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
+									<template v-else>
+										<view
+											class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
+											已自定义
+										</view>
+										<text class="revert-text text-2xs text-gray-400 underline"
+											@click.stop="handleRevert(def.path)">恢复默认</text>
+									</template>
+								</view>
+							</view>
+							<wd-switch :model-value="def.path" @change="handleSwitchChange(def, $event)" />
+						</view>
+						<!-- 枚举选择(指示器位置) -->
+						<view v-else class="pick-row flex items-center justify-between px-4 py-4"
+							:class="index < featurePrefs.length - 1 ? 'border-b border-black/5' : ''"
+							@click="handleOpenEnum(def)">
+							<view class="row-left flex flex-col gap-1">
+								<text class="row-label text-[28rpx] text-gray-900 font-bold">{{ def.label }}</text>
+								<view class="flex items-center gap-2">
+									<text v-if="isFollowing(def)" class="row-sub text-2xs text-gray-400">跟随站点默认</text>
+									<template v-else>
+										<view
+											class="rounded-full bg-secondary px-2 py-0.5 text-[20rpx] text-[#4d7c0f] leading-none">
+											已自定义
+										</view>
+										<text class="revert-text text-2xs text-gray-400 underline"
+											@click.stop="handleRevert(def.path)">恢复默认</text>
+									</template>
+								</view>
+							</view>
+							<view class="row-value flex items-center gap-2">
+								<text
+									class="value-text text-[26rpx] text-gray-400">{{ enumLabelOf(def, valueOf(def.path)) }}</text>
+								<wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
+							</view>
+						</view>
+					</template>
+				</view>
+			</view>
+			<!-- 底部操作栏(玻璃悬浮-->
+			<view class="box-border w-full px-2">
+				<uh-button custom-class="uh-global-card-glass py-2 !rounded-full"
+					@click="handleResetAll">恢复默认</uh-button>
+			</view>
+		</view>
+		<!-- 枚举选择底部弹层 -->
+		<wd-popup v-model="enumSheet.show" position="bottom" closable custom-style="border-radius: 24rpx 24rpx 0 0;"
+			@close="handleCloseEnum">
+			<view v-if="enumSheet.def" class="enum-sheet box-border w-full pb-[env(safe-area-inset-bottom)]">
+				<view class="enum-title py-6 text-center text-[30rpx] text-gray-900 font-bold">
+					{{ enumSheet.def.label }}
+				</view>
+				<view class="enum-item flex items-center justify-between px-6 py-5"
+					:class="isFollowing(enumSheet.def) ? 'bg-secondary text-[#4d7c0f]' : 'text-gray-900'"
+					@click="handleChooseEnum(null)">
+					<text class="text-[28rpx]">跟随站点默认</text>
+					<wd-icon v-if="isFollowing(enumSheet.def)" name="check" size="16px" color="#4d7c0f" />
+				</view>
+				<view v-for="opt in enumSheet.def.options" :key="opt.value"
+					class="enum-item flex items-center justify-between border-t border-[#f0ece2] px-6 py-5"
+					:class="valueOf(enumSheet.def.path) === opt.value && !isFollowing(enumSheet.def) ? 'bg-secondary text-[#4d7c0f]' : 'text-gray-900'"
+					@click="handleChooseEnum(opt.value)">
+					<text class="text-[28rpx]">{{ opt.label }}</text>
+					<wd-icon v-if="valueOf(enumSheet.def.path) === opt.value && !isFollowing(enumSheet.def)"
+						name="check" size="16px" color="#4d7c0f" />
+				</view>
+			</view>
+		</wd-popup>
+	</view>
+</template>
\ No newline at end of file
diff --git a/src/pages-blog/test/test.vue b/src/pages-blog/test/test.vue
index cc5c279..1d3343f 100644
--- a/src/pages-blog/test/test.vue
+++ b/src/pages-blog/test/test.vue
@@ -1,14 +1,33 @@
 <script setup lang="ts">
-	import { DataLoadingStatusEnum } from '@/hooks/useDataLoadingStatus'
+	import { DataLoadingStatusEnum, useDataLoadingStatus } from '@/hooks/useDataLoadingStatus'
+
 	definePage({
 		style: {
 			navigationBarTitleText: '测试页面',
+			navigationStyle: 'custom',
 		},
 	})
+	const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
+
+	setTimeout(() => {
+		updateLoadingStatus(DataLoadingStatusEnum.Success)
+	}, 3000)
 </script>
 
 <template>
-	<view class="w-full h-screen">
-		<uh-data-loading :loading-status="DataLoadingStatusEnum.Loading"></uh-data-loading>
+	<view class="w-full min-h-screen bg-page">
+		<uh-navbar default-title="测试页面" :need-placeholder="true" title-color="text-gray-900"></uh-navbar>
+
+		<!-- 内容区：由于 uh-navbar 内置有占位，所以我们的页面的主要内容应该从这里开始，比如这里就可以设置内边距或者其他样式，最外层的 	<view class="w-full min-h-screen bg-page"> 仅作为容器-->
+		<view class="box-border px-3">
+			<!-- 加载状态 -->
+			<uh-data-loading v-if="loadingStatus!==DataLoadingStatusEnum.Success" :loading-status="loadingStatus"
+				min-height="80vh"></uh-data-loading>
+
+			<!-- 实际内容 -->
+			<view v-else>
+				请求成功啦
+			</view>
+		</view>
 	</view>
 </template>
\ No newline at end of file
diff --git a/src/pages/tabbar/about/about.vue b/src/pages/tabbar/about/about.vue
index 2c9a28d..e9b2be9 100644
--- a/src/pages/tabbar/about/about.vue
+++ b/src/pages/tabbar/about/about.vue
@@ -1,375 +1,381 @@
 <script lang="ts" setup>
-/**
+	/**
  * 关于页(源自旧项目 pages/tabbar/about/about.vue,新建复刻)
  * 功能:博主信息 + 站点统计 + 功能导航 + 版权
  * 风格:对齐全站设计语言(bg-page + uh-global-card-glass + uh-section-title + 彩色图标块)
  */
-import { computed, ref, watch } from 'vue'
-import { onPullDownRefresh, onShow } from '@dcloudio/uni-app'
-import { getBlogStatistics } from '@/api/halo'
-import { useAppConfigStore } from '@/store/appConfig'
-import { useFavoritesStore } from '@/store/favorites'
-import { checkAvatarUrl, checkImageUrl } from '@/utils/url'
-import { checkHasAdminLogin } from '@/utils/auth'
-import { t } from '@/locale'
-import type { IBlogStats } from '@/api/types/halo'
+	import { computed, ref, watch } from 'vue'
+	import { onPullDownRefresh, onShow } from '@dcloudio/uni-app'
+	import { getBlogStatistics } from '@/api/halo'
+	import { useAppConfigStore } from '@/store/appConfig'
+	import { useFavoritesStore } from '@/store/favorites'
+	import { checkAvatarUrl, checkImageUrl } from '@/utils/url'
+	import { checkHasAdminLogin } from '@/utils/auth'
+	import { t } from '@/locale'
+	import type { IBlogStats } from '@/api/types/halo'
 
-definePage({
-  style: {
-    navigationBarTitleText: '关于',
-    enablePullDownRefresh: true,
-    navigationStyle: 'custom',
-  },
-})
+	definePage({
+		style: {
+			navigationBarTitleText: '关于',
+			enablePullDownRefresh: true,
+			navigationStyle: 'custom',
+		},
+	})
 
-const appConfigStore = useAppConfigStore()
-const favoritesStore = useFavoritesStore()
-const haloConfigs = computed(() => appConfigStore.configs)
-const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)
-const calcVotePluginEnabled = computed(() => !!haloConfigs.value.pluginConfig?.votePlugin?.enabled)
-const calcLinksPluginEnabled = computed(() => !!haloConfigs.value.pluginConfig?.linksPlugin?.enabled)
-/** 数据看板插件可用性(供导航项显隐判断) */
-const { check: checkDataVisualPlugin } = usePluginAvailable('plugin-data-statistics')
+	const appConfigStore = useAppConfigStore()
+	const favoritesStore = useFavoritesStore()
+	const haloConfigs = computed(() => appConfigStore.configs)
+	const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)
+	const calcVotePluginEnabled = computed(() => !!haloConfigs.value.pluginConfig?.votePlugin?.enabled)
+	const calcLinksPluginEnabled = computed(() => !!haloConfigs.value.pluginConfig?.linksPlugin?.enabled)
+	/** 数据看板插件可用性(供导航项显隐判断) */
+	const { check: checkDataVisualPlugin } = usePluginAvailable('plugin-data-statistics')
 
-/* ---------------- 计算属性 ---------------- */
-const bloggerInfo = computed(() => {
-  const blogger = haloConfigs.value.authorConfig?.blogger as
-    | { nickname?: string, avatar?: string, description?: string }
-    | undefined
-  return {
-    nickname: blogger?.nickname || '',
-    avatar: checkAvatarUrl(blogger?.avatar),
-    description: blogger?.description || '',
-  }
-})
+	/* ---------------- 计算属性 ---------------- */
+	const bloggerInfo = computed(() => {
+		const blogger = haloConfigs.value.authorConfig?.blogger as
+			| { nickname ?: string, avatar ?: string, description ?: string }
+			| undefined
+		return {
+			nickname: blogger?.nickname || '',
+			avatar: checkAvatarUrl(blogger?.avatar),
+			description: blogger?.description || '',
+		}
+	})
 
-const pageConfig = computed(() => haloConfigs.value.pageConfig?.aboutConfig as
-  | { bgImageUrl?: string, waveImageUrl?: string }
-  | undefined)
+	const pageConfig = computed(() => haloConfigs.value.pageConfig?.aboutConfig as
+		| { bgImageUrl ?: string, waveImageUrl ?: string }
+		| undefined)
 
-const calcProfileStyle = computed(() => ({
-  backgroundImage: `url(${checkImageUrl(pageConfig.value?.bgImageUrl)})`,
-}))
+	const calcProfileStyle = computed(() => ({
+		backgroundImage: `url(${checkImageUrl(pageConfig.value?.bgImageUrl)})`,
+	}))
 
-const calcWaveUrl = computed(() => checkImageUrl(pageConfig.value?.waveImageUrl))
+	const calcWaveUrl = computed(() => checkImageUrl(pageConfig.value?.waveImageUrl))
 
-const basicConfig = computed(() => haloConfigs.value.basicConfig as
-  | {
-    copyrightConfig?: { enabled?: boolean, content?: string }
-    disclaimers?: { enabled?: boolean }
-    showAboutSystem?: boolean
-  }
-  | undefined)
+	const basicConfig = computed(() => haloConfigs.value.basicConfig as
+		| {
+			copyrightConfig ?: { enabled ?: boolean, content ?: string }
+			disclaimers ?: { enabled ?: boolean }
+			showAboutSystem ?: boolean
+		}
+		| undefined)
 
-const copyrightConfig = computed(() => basicConfig.value?.copyrightConfig)
+	const copyrightConfig = computed(() => basicConfig.value?.copyrightConfig)
 
-const loveEnabled = computed(() => !!(haloConfigs.value.loveConfig as { loveEnabled?: boolean } | undefined)?.loveEnabled)
-const socialEnabled = computed(() => !!(haloConfigs.value.authorConfig?.social as { enabled?: boolean } | undefined)?.enabled)
+	const loveEnabled = computed(() => !!(haloConfigs.value.loveConfig as { loveEnabled ?: boolean } | undefined)?.loveEnabled)
+	const socialEnabled = computed(() => !!(haloConfigs.value.authorConfig?.social as { enabled ?: boolean } | undefined)?.enabled)
 
-/* ---------------- 状态 ---------------- */
-const statisticsShowMore = ref(false)
-const statistics = ref<IBlogStats>({ post: 0, comment: 0, category: 0, visit: 0, upvote: 0 })
+	/* ---------------- 状态 ---------------- */
+	const statisticsShowMore = ref(false)
+	const statistics = ref<IBlogStats>({ post: 0, comment: 0, category: 0, visit: 0, upvote: 0 })
 
-/** 主行统计(常驻展示) */
-const allStats = computed(() => [
-  { key: 'post', label: '内容', value: statistics.value.post },
-  { key: 'visit', label: '访客', value: statistics.value.visit },
-  { key: 'category', label: '分类', value: statistics.value.category },
-  { key: 'comment', label: '评论', value: statistics.value.comment },
-  { key: 'upvote', label: '点赞', value: statistics.value.upvote },
-])
+	/** 主行统计(常驻展示) */
+	const allStats = computed(() => [
+		{ key: 'post', label: '内容', value: statistics.value.post },
+		{ key: 'visit', label: '访客', value: statistics.value.visit },
+		{ key: 'category', label: '分类', value: statistics.value.category },
+		{ key: 'comment', label: '评论', value: statistics.value.comment },
+		{ key: 'upvote', label: '点赞', value: statistics.value.upvote },
+	])
 
-interface INavItem {
-  key: string
-  title: string
-  icon: string
-  /** 图标块背景色(与首页快捷导航同色板,同一功能同色) */
-  bgColor: string
-  rightText: string
-  path: string | null
-  isAdmin?: boolean
-  openType?: string
-  show: boolean
-  /** 分组:blog=博客功能 more=更多信息 */
-  group: 'blog' | 'more'
-}
+	interface INavItem {
+		key : string
+		title : string
+		iconPrefix ?: string
+		icon : string
+		/** 图标块背景色(与首页快捷导航同色板,同一功能同色) */
+		bgColor : string
+		rightText : string
+		path : string | null
+		isAdmin ?: boolean
+		openType ?: string
+		show : boolean
+		/** 分组:blog=博客功能 more=更多信息 */
+		group : 'blog' | 'more'
+	}
 
-const navList = ref<INavItem[]>([])
+	const navList = ref<INavItem[]>([])
 
-/** 分组渲染(过滤后空组整组隐藏) */
-const calcNavGroups = computed(() => {
-  const visible = navList.value.filter(n => n.show)
-  const groupDefs: { key: 'blog' | 'more', title: string }[] = [
-    { key: 'blog', title: '博客功能' },
-    { key: 'more', title: '其他功能' },
-  ]
-  return groupDefs
-    .map(def => ({ ...def, items: visible.filter(n => n.group === def.key) }))
-    .filter(group => group.items.length > 0)
-})
+	/** 分组渲染(过滤后空组整组隐藏) */
+	const calcNavGroups = computed(() => {
+		const visible = navList.value.filter(n => n.show)
+		const groupDefs : { key : 'blog' | 'more', title : string }[] = [
+			{ key: 'blog', title: '博客功能' },
+			{ key: 'more', title: '其他功能' },
+		]
+		return groupDefs
+			.map(def => ({ ...def, items: visible.filter(n => n.group === def.key) }))
+			.filter(group => group.items.length > 0)
+	})
 
-/* ---------------- 功能导航 ---------------- */
-/** 图标块浅色背景:品牌深色 rgba 降透明度 → 轻量底色 */
-function toLightBg(rgba: string) {
-  return rgba.replace('0.95)', '0.15)')
-}
+	/* ---------------- 功能导航 ---------------- */
+	/** 图标块浅色背景:品牌深色 rgba 降透明度 → 轻量底色 */
+	function toLightBg(rgba : string) {
+		return rgba.replace('0.95)', '0.15)')
+	}
 
-/** 图标颜色:品牌深色实色 */
-function toSolidColor(rgba: string) {
-  return rgba.replace('0.95)', '1)')
-}
+	/** 图标颜色:品牌深色实色 */
+	function toSolidColor(rgba : string) {
+		return rgba.replace('0.95)', '1)')
+	}
 
-/** 收藏导航项右侧文案跟随收藏总数(收藏页返回/切回时刷新) */
-function syncFavoritesNavText() {
-  const nav = navList.value.find(n => n.key === 'favorites')
-  if (nav) {
-    nav.rightText = `共 ${favoritesStore.counts.total} 条收藏`
-  }
-}
+	/** 收藏导航项右侧文案跟随收藏总数(收藏页返回/切回时刷新) */
+	function syncFavoritesNavText() {
+		const nav = navList.value.find(n => n.key === 'favorites')
+		if (nav) {
+			nav.rightText = `共 ${favoritesStore.counts.total} 条收藏`
+		}
+	}
 
-async function handleGetNavList() {
-  const dataVisualAvailable = await checkDataVisualPlugin()
+	async function handleGetNavList() {
+		const dataVisualAvailable = await checkDataVisualPlugin()
 
-  navList.value = [
-    {
-      key: 'favorites',
-      title: '我的收藏',
-      icon: 'star',
-      bgColor: 'rgba(255, 179, 0, 0.95)',
-      rightText: '',
-      path: '/pages-blog/favorites/favorites',
-      show: true,
-      group: 'blog',
-    },
-    {
-      key: 'data-visual',
-      title: '数据看板',
-      icon: 'chart',
-      bgColor: 'rgba(102, 60, 201, 0.95)',
-      rightText: '站点数据可视化',
-      path: '/pages-blog/data-visual/data-visual',
-      show: dataVisualAvailable,
-      group: 'blog',
-    },
-    {
-      key: 'archives',
-      title: calcAuditModeEnabled.value ? '内容归档' : '文章归档',
-      icon: 'folder',
-      bgColor: 'rgba(3, 169, 244, 0.95)',
-      rightText: calcAuditModeEnabled.value ? '全部已归档内容' : '全部已归档文章',
-      path: '/pages-blog/archives/archives',
-      show: true,
-      group: 'blog',
-    },
-    {
-      key: 'love',
-      title: '恋爱日记',
-      icon: 'heart',
-      bgColor: 'rgba(255, 76, 103, 0.95)',
-      rightText: '博主的恋爱日记',
-      path: '/pages-blog/love/love',
-      show: loveEnabled.value,
-      // show: true,
-      group: 'blog',
-    },
-    {
-      key: 'vote',
-      title: '投票中心',
-      icon: 'box',
-      bgColor: 'rgba(0, 188, 212, 0.95)',
-      rightText: '查看和进行投票',
-      path: '/pages-blog/votes/votes',
-      show: !calcAuditModeEnabled.value && calcVotePluginEnabled.value,
-      // show: true,
-      group: 'blog',
-    },
-    {
-      key: 'friend-links',
-      title: '友情链接',
-      icon: 'link',
-      bgColor: 'rgba(0, 150, 136, 0.95)',
-      rightText: '看看博主朋友们吧',
-      path: '/pages-blog/friend-links/friend-links',
-      show: calcLinksPluginEnabled.value,
-      // show: true,
-      group: 'blog',
-    },
-    {
-      key: 'disclaimers',
-      title: '免责声明',
-      icon: 'map',
-      bgColor: 'rgba(121, 85, 72, 0.95)',
-      rightText: '博客内容免责声明',
-      path: '/pages-blog/disclaimers/disclaimers',
-      show: !!basicConfig.value?.disclaimers?.enabled,
-      // show: true,
-      group: 'more',
-    },
-    {
-      key: 'contact-blogger',
-      title: '联系博主',
-      icon: 'message',
-      bgColor: 'rgba(255, 152, 0, 0.95)',
-      rightText: '博主常用联系方式',
-      path: '/pages-blog/contact/contact',
-      show: socialEnabled.value,
-      // show: true,
-      group: 'more',
-    },
-    {
-      key: 'about',
-      title: '关于项目',
-      icon: 'info',
-      bgColor: 'rgba(96, 125, 139, 0.95)',
-      rightText: '小莫唐尼开源项目',
-      path: '/pages-blog/about/about',
-      show: !!basicConfig.value?.showAboutSystem,
-      // show: true,
-      group: 'more',
-    },
-    {
-      key: 'setting',
-      title: '偏好设置',
-      icon: 'settings',
-      bgColor: 'rgba(121, 134, 203, 0.95)',
-      rightText: '首页布局、卡片样式等本地偏好',
-      path: '/pages-blog/setting/setting',
-      show: true,
-      group: 'more',
-    },
-  ]
-  syncFavoritesNavText()
-}
+		navList.value = [
+			{
+				key: 'favorites',
+				title: '我的收藏',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-smiling',
+				bgColor: 'rgba(255, 179, 0, 0.95)',
+				rightText: '',
+				path: '/pages-blog/favorites/favorites',
+				show: true,
+				group: 'blog',
+			},
+			{
+				key: 'data-visual',
+				title: '数据看板',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-surprised',
+				bgColor: 'rgba(102, 60, 201, 0.95)',
+				rightText: '站点数据可视化',
+				path: '/pages-blog/data-visual/data-visual',
+				show: dataVisualAvailable,
+				group: 'blog',
+			},
+			{
+				key: 'archives',
+				title: calcAuditModeEnabled.value ? '内容归档' : '文章归档',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-mask',
+				bgColor: 'rgba(3, 169, 244, 0.95)',
+				rightText: calcAuditModeEnabled.value ? '全部已归档内容' : '全部已归档文章',
+				path: '/pages-blog/archives/archives',
+				show: true,
+				group: 'blog',
+			},
+			{
+				key: 'love',
+				title: '恋爱日记',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-in-love',
+				bgColor: 'rgba(255, 76, 103, 0.95)',
+				rightText: '博主的恋爱日记',
+				path: '/pages-blog/love/love',
+				show: loveEnabled.value,
+				// show: true,
+				group: 'blog',
+			},
+			{
+				key: 'vote',
+				title: '投票中心',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-confused',
+				bgColor: 'rgba(0, 188, 212, 0.95)',
+				rightText: '查看和进行投票',
+				path: '/pages-blog/votes/votes',
+				show: !calcAuditModeEnabled.value && calcVotePluginEnabled.value,
+				// show: true,
+				group: 'blog',
+			},
+			{
+				key: 'friend-links',
+				title: '友情链接',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-cool',
+				bgColor: 'rgba(0, 150, 136, 0.95)',
+				rightText: '看看博主朋友们吧',
+				path: '/pages-blog/friend-links/friend-links',
+				show: calcLinksPluginEnabled.value,
+				// show: true,
+				group: 'blog',
+			},
+			{
+				key: 'disclaimers',
+				title: '免责声明',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-smirking',
+				bgColor: 'rgba(121, 85, 72, 0.95)',
+				rightText: '博客内容免责声明',
+				path: '/pages-blog/disclaimers/disclaimers',
+				show: !!basicConfig.value?.disclaimers?.enabled,
+				// show: true,
+				group: 'more',
+			},
+			{
+				key: 'contact-blogger',
+				title: '联系博主',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-wink',
+				bgColor: 'rgba(255, 152, 0, 0.95)',
+				rightText: '博主常用联系方式',
+				path: '/pages-blog/contact/contact',
+				show: socialEnabled.value,
+				// show: true,
+				group: 'more',
+			},
+			{
+				key: 'about',
+				title: '关于项目',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-happy-',
+				bgColor: 'rgba(96, 125, 139, 0.95)',
+				rightText: '小莫唐尼开源项目',
+				path: '/pages-blog/about/about',
+				show: !!basicConfig.value?.showAboutSystem,
+				// show: true,
+				group: 'more',
+			},
+			{
+				key: 'setting',
+				title: '偏好设置',
+				iconPrefix: 'uhemoji2-icon',
+				icon: '-tired',
+				bgColor: 'rgba(121, 134, 203, 0.95)',
+				rightText: '首页布局、卡片样式等本地偏好',
+				path: '/pages-blog/setting/setting',
+				show: true,
+				group: 'more',
+			},
+		]
+		syncFavoritesNavText()
+	}
 
-/* ---------------- 数据加载 ---------------- */
-async function handleGetData() {
-  try {
-    const res = await getBlogStatistics()
-    statistics.value = res.data
-  }
-  catch (err) {
-    console.error('获取统计失败', err)
-    uni.showToast({ icon: 'none', title: t('common.loadFailedRetry') })
-  }
-  finally {
-    uni.stopPullDownRefresh()
-  }
-}
+	/* ---------------- 数据加载 ---------------- */
+	async function handleGetData() {
+		try {
+			const res = await getBlogStatistics()
+			statistics.value = res.data
+		}
+		catch (err) {
+			console.error('获取统计失败', err)
+			uni.showToast({ icon: 'none', title: t('common.loadFailedRetry') })
+		}
+		finally {
+			uni.stopPullDownRefresh()
+		}
+	}
 
-/* ---------------- 交互 ---------------- */
-function handleOnNav(data: { path: string | null, isAdmin?: boolean }) {
-  const { path, isAdmin } = data
-  if (!path)
-    return
+	/* ---------------- 交互 ---------------- */
+	function handleOnNav(data : { path : string | null, isAdmin ?: boolean }) {
+		const { path, isAdmin } = data
+		if (!path)
+			return
 
-  // 拦截后台管理页面(需超管登录)
-  if (isAdmin && !checkHasAdminLogin()) {
-    uni.showModal({
-      title: '提示',
-      content: '未登录超管账号或登录状态已过期，是否立即登录？',
-      showCancel: true,
-      cancelText: '否',
-      cancelColor: '#999999',
-      confirmText: '是',
-      confirmColor: '#03a9f4',
-      success: (res) => {
-        if (res.confirm) {
-          uni.navigateTo({ url: '/pages/auth/login' })
-        }
-      },
-    })
-    return
-  }
+		// 拦截后台管理页面(需超管登录)
+		if (isAdmin && !checkHasAdminLogin()) {
+			uni.showModal({
+				title: '提示',
+				content: '未登录超管账号或登录状态已过期，是否立即登录？',
+				showCancel: true,
+				cancelText: '否',
+				cancelColor: '#999999',
+				confirmText: '是',
+				confirmColor: '#03a9f4',
+				success: (res) => {
+					if (res.confirm) {
+						uni.navigateTo({ url: '/pages/auth/login' })
+					}
+				},
+			})
+			return
+		}
 
-  uni.navigateTo({ url: path })
-}
+		uni.navigateTo({ url: path })
+	}
 
-/* ---------------- 生命周期 ---------------- */
-watch(haloConfigs, () => {
-  handleGetNavList()
-}, { deep: true, immediate: true })
+	/* ---------------- 生命周期 ---------------- */
+	watch(haloConfigs, () => {
+		handleGetNavList()
+	}, { deep: true, immediate: true })
 
-handleGetData()
+	handleGetData()
 
-// 从收藏页返回/切回时刷新收藏数文案
-onShow(() => {
-  syncFavoritesNavText()
-})
+	// 从收藏页返回/切回时刷新收藏数文案
+	onShow(() => {
+		syncFavoritesNavText()
+	})
 
-onPullDownRefresh(() => {
-  handleGetData()
-})
+	onPullDownRefresh(() => {
+		handleGetData()
+	})
 </script>
 
 <template>
-  <view class="box-border min-h-screen w-screen bg-page pb-8">
-    <!-- 头部:博主信息(背景图 + 遮罩 + wave,内容区做状态栏适配) -->
-    <view class="blogger-info relative h-76 w-full bg-cover bg-no-repeat" :style="[calcProfileStyle]">
-      <!-- 背景遮罩 -->
-      <view class="absolute left-0 top-0 z-0 h-full w-full bg-black/30 backdrop-blur-[2rpx]" />
-      <view class="relative z-6 h-full flex flex-col items-center justify-center pb-[140rpx] pt-safe">
-        <image
-          class="uh-global-card-glass h-20 w-20 rounded-full" :src="bloggerInfo.avatar"
-          mode="aspectFill"
-        />
-        <view class="mt-4 text-lg text-white font-bold text-shadow-[0_2rpx_8rpx_rgba(0,0,0,0.4)]">
-          {{ bloggerInfo.nickname }}
-        </view>
-        <view
-          class="desc mt-2 px-10 text-center text-[26rpx] text-white/90 leading-relaxed text-shadow-[0_2rpx_8rpx_rgba(0,0,0,0.4)]"
-        >
-          {{ bloggerInfo.description || '这个博主很懒，竟然没写介绍~' }}
-        </view>
-      </view>
-      <image
-        v-if="calcWaveUrl" :src="calcWaveUrl" mode="scaleToFill"
-        class="gif-wave absolute bottom-0 left-0 z-99 h-[100rpx] w-full" style="mix-blend-mode: screen;"
-      />
-    </view>
+	<view class="box-border min-h-screen w-screen bg-page pb-8">
+		<!-- 头部:博主信息(背景图 + 遮罩 + wave,内容区做状态栏适配) -->
+		<view class="blogger-info relative h-76 w-full bg-cover bg-no-repeat" :style="[calcProfileStyle]">
+			<!-- 背景遮罩 -->
+			<view class="absolute left-0 top-0 z-0 h-full w-full bg-black/30 backdrop-blur-[2rpx]" />
+			<view class="relative z-6 h-full flex flex-col items-center justify-center pb-[140rpx] pt-safe">
+				<image class="uh-global-card-glass h-20 w-20 rounded-full" :src="bloggerInfo.avatar"
+					mode="aspectFill" />
+				<view class="mt-4 text-lg text-white font-bold text-shadow-[0_2rpx_8rpx_rgba(0,0,0,0.4)]">
+					{{ bloggerInfo.nickname }}
+				</view>
+				<view
+					class="desc mt-2 px-10 text-center text-[26rpx] text-white/90 leading-relaxed text-shadow-[0_2rpx_8rpx_rgba(0,0,0,0.4)]">
+					{{ bloggerInfo.description || '这个博主很懒，竟然没写介绍~' }}
+				</view>
+			</view>
+			<image v-if="calcWaveUrl" :src="calcWaveUrl" mode="scaleToFill"
+				class="gif-wave absolute bottom-0 left-0 z-99 h-[100rpx] w-full" style="mix-blend-mode: screen;" />
+		</view>
 
-    <!-- 站点统计(上浮玻璃卡,与头部衔接) -->
-    <view class="uh-global-card-glass relative z-100 mx-4 flex border rounded-2xl -mt-12">
-      <view v-for="item in allStats" :key="item.key" class="flex-1 py-6 text-center">
-        <view class="text-lg text-gray-900 font-bold">
-          {{ item.value }}
-        </view>
-        <view class="mt-1 text-xs text-gray-500">
-          {{ item.label }}
-        </view>
-      </view>
-    </view>
+		<!-- 站点统计(上浮玻璃卡,与头部衔接) -->
+		<view class="uh-global-card-glass relative z-100 mx-4 flex border rounded-2xl -mt-12">
+			<view v-for="item in allStats" :key="item.key" class="flex-1 py-6 text-center">
+				<wd-count-to
+					:key="`${item.key}-${item.value}`" :start-val="0" :end-val="item.value"
+					:duration="900" separator="" color="#111827" custom-class="text-lg font-bold"
+				/>
+				<view class="mt-1 text-xs text-gray-500">
+					{{ item.label }}
+				</view>
+			</view>
+		</view>
 
-    <!-- 功能导航(分组玻璃卡) -->
-    <template v-for="group in calcNavGroups" :key="group.key">
-      <uh-section-title class="mx-4 mb-3 mt-8">
-        {{ group.title }}
-      </uh-section-title>
-      <view class="nav-wrap uh-global-card-glass mx-4 overflow-hidden rounded-2xl">
-        <view
-          v-for="(nav, index) in group.items" :key="nav.key"
-          class="nav-item flex items-center justify-between px-4"
-          :class="index < group.items.length - 1 ? 'border-b border-b-solid border-black/5' : ''" @click="handleOnNav(nav)"
-        >
-          <view class="nav-left flex items-center gap-3 py-3">
-            <view
-              class="h-9 w-9 flex items-center justify-center border border-black/5 rounded-xl"
-              :style="{ backgroundColor: toLightBg(nav.bgColor) }"
-            >
-              <wd-icon :name="nav.icon" size="20px" :color="toSolidColor(nav.bgColor)" />
-            </view>
-            <text class="nav-title text-sm text-gray-900 font-bold">{{ nav.title }}</text>
-          </view>
-          <view class="nav-right flex items-center gap-2">
-            <text class="nav-right-text text-xs text-gray-400">{{ nav.rightText }}</text>
-            <wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
-          </view>
-        </view>
-      </view>
-    </template>
+		<!-- 功能导航(分组玻璃卡) -->
+		<template v-for="group in calcNavGroups" :key="group.key">
+			<uh-section-title class="mx-4 mb-3 mt-8">
+				{{ group.title }}
+			</uh-section-title>
+			<view class="uh-global-card-glass mx-4 overflow-hidden rounded-2xl">
+				<view v-for="(nav, index) in group.items" :key="nav.key"
+					class="nav-item flex items-center justify-between px-4"
+					:class="index < group.items.length - 1 ? 'border-b border-b-solid border-black/5' : ''"
+					@click="handleOnNav(nav)">
+					<view class="nav-left flex items-center gap-3 py-3">
+						<view
+							class="uh-global-card-glass border uh-shadow-xs h-8 w-8 flex items-center justify-center rounded-xl"
+							:style="{ backgroundColor: toLightBg(nav.bgColor) }">
+							<wd-icon :class-prefix="nav.iconPrefix" :name="nav.icon" size="36rpx"
+								:color="toSolidColor(nav.bgColor)" />
+						</view>
+						<text class="nav-title text-sm text-gray-900 font-bold">{{ nav.title }}</text>
+					</view>
+					<view class="nav-right flex items-center gap-2">
+						<text class="nav-right-text text-xs text-gray-400">{{ nav.rightText }}</text>
+						<wd-icon name="arrow-right" size="12px" color="#c8c2b4" />
+					</view>
+				</view>
+			</view>
+		</template>
 
-    <!-- 版权 -->
-    <view v-if="copyrightConfig?.enabled" class="mt-6 px-6 text-center text-xs text-gray-400">
-      <view>{{ copyrightConfig.content }}</view>
-    </view>
-  </view>
-</template>
+		<!-- 版权 -->
+		<view v-if="copyrightConfig?.enabled" class="mt-6 px-6 text-center text-xs text-gray-400">
+			<view>{{ copyrightConfig.content }}</view>
+		</view>
+	</view>
+</template>
\ No newline at end of file
diff --git a/src/pages/tabbar/gallery/gallery.vue b/src/pages/tabbar/gallery/gallery.vue
index a759c50..1829159 100644
--- a/src/pages/tabbar/gallery/gallery.vue
+++ b/src/pages/tabbar/gallery/gallery.vue
@@ -148,13 +148,11 @@
 	onLoad(async () => {
 		// 检查插件可用性
 		await checkPluginAvailable()
-		console.log('uniHaloPluginAvailable',uniHaloPluginAvailable.value)
 		if (!uniHaloPluginAvailable.value) {
 			uni.stopPullDownRefresh()
 			return
 		}
 		
-		
 		// 开始正常数据请求
 		handleGetCategory()
 	})
diff --git a/src/style/index.scss b/src/style/index.scss
index bd0dfc6..ab0bcdf 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -1,6 +1,7 @@
 // 测试用的 iconfont，可生效
 @import './iconfont.css';
 @import './uhemoji-iconfont.css';
+@import './uhemoji2-iconfont.css';
 
 :root,
 page {
diff --git a/src/style/uhemoji2-iconfont.css b/src/style/uhemoji2-iconfont.css
new file mode 100644
index 0000000..466e15f
--- /dev/null
+++ b/src/style/uhemoji2-iconfont.css
@@ -0,0 +1,58 @@
+@font-face {
+  font-family: "uhemoji2-icon"; /* Project id 5230478 */
+  /* Color fonts */
+  src: 
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
+}
+
+.uhemoji2-icon {
+  font-family: "uhemoji2-icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.uhemoji2-icon--tongue:before {
+  content: "\e6f9";
+}
+
+.uhemoji2-icon--confused:before {
+  content: "\e6ea";
+}
+
+.uhemoji2-icon--tired:before {
+  content: "\e6f7";
+}
+
+.uhemoji2-icon--happy-:before {
+  content: "\e6ec";
+}
+
+.uhemoji2-icon--mask:before {
+  content: "\e6ef";
+}
+
+.uhemoji2-icon--cool:before {
+  content: "\e6e9";
+}
+
+.uhemoji2-icon--in-love:before {
+  content: "\e6ee";
+}
+
+.uhemoji2-icon--smiling:before {
+  content: "\e6f4";
+}
+
+.uhemoji2-icon--surprised:before {
+  content: "\e6f5";
+}
+
+.uhemoji2-icon--smirking:before {
+  content: "\e6f6";
+}
+
+.uhemoji2-icon--wink:before {
+  content: "\e6f8";
+}