diff --git a/components.d.ts b/components.d.ts
index 0f8c824..172664f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -18,6 +18,7 @@ declare module 'vue' {
     QiunDataCharts: typeof import('./src/components/qiun-data-charts/qiun-data-charts.vue')['default']
     QiunError: typeof import('./src/components/qiun-error/qiun-error.vue')['default']
     QiunLoading: typeof import('./src/components/qiun-loading/qiun-loading.vue')['default']
+    WdActionSheet: typeof import('wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue')['default']
     WdBadge: typeof import('wot-design-uni/components/wd-badge/wd-badge.vue')['default']
     WdButton: typeof import('wot-design-uni/components/wd-button/wd-button.vue')['default']
     WdCalendar: typeof import('wot-design-uni/components/wd-calendar/wd-calendar.vue')['default']
@@ -32,12 +33,11 @@ declare module 'vue' {
     WdDivider: typeof import('wot-design-uni/components/wd-divider/wd-divider.vue')['default']
     WdDropMenu: typeof import('wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue')['default']
     WdDropMenuItem: typeof import('wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue')['default']
+    WdFab: typeof import('wot-design-uni/components/wd-fab/wd-fab.vue')['default']
     WdForm: typeof import('wot-design-uni/components/wd-form/wd-form.vue')['default']
-    WdFormItem: typeof import('wot-design-uni/components/wd-form-item/wd-form-item.vue')['default']
     WdGrid: typeof import('wot-design-uni/components/wd-grid/wd-grid.vue')['default']
     WdGridItem: typeof import('wot-design-uni/components/wd-grid-item/wd-grid-item.vue')['default']
     WdIcon: typeof import('wot-design-uni/components/wd-icon/wd-icon.vue')['default']
-    WdImg: typeof import('wot-design-uni/components/wd-img/wd-img.vue')['default']
     WdImgCropper: typeof import('wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue')['default']
     WdInput: typeof import('wot-design-uni/components/wd-input/wd-input.vue')['default']
     WdInputNumber: typeof import('wot-design-uni/components/wd-input-number/wd-input-number.vue')['default']
@@ -46,7 +46,6 @@ declare module 'vue' {
     WdMessageBox: typeof import('wot-design-uni/components/wd-message-box/wd-message-box.vue')['default']
     WdNotify: typeof import('wot-design-uni/components/wd-notify/wd-notify.vue')['default']
     WdPopup: typeof import('wot-design-uni/components/wd-popup/wd-popup.vue')['default']
-    WdProgress: typeof import('wot-design-uni/components/wd-progress/wd-progress.vue')['default']
     WdRadio: typeof import('wot-design-uni/components/wd-radio/wd-radio.vue')['default']
     WdRadioGroup: typeof import('wot-design-uni/components/wd-radio-group/wd-radio-group.vue')['default']
     WdSearch: typeof import('wot-design-uni/components/wd-search/wd-search.vue')['default']
@@ -59,9 +58,7 @@ declare module 'vue' {
     WdTabbarItem: typeof import('wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue')['default']
     WdTabs: typeof import('wot-design-uni/components/wd-tabs/wd-tabs.vue')['default']
     WdTag: typeof import('wot-design-uni/components/wd-tag/wd-tag.vue')['default']
-    WdText: typeof import('wot-design-uni/components/wd-text/wd-text.vue')['default']
     WdTextarea: typeof import('wot-design-uni/components/wd-textarea/wd-textarea.vue')['default']
     WdToast: typeof import('wot-design-uni/components/wd-toast/wd-toast.vue')['default']
-    WdUpload: typeof import('wot-design-uni/components/wd-upload/wd-upload.vue')['default']
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 35c1b3c..de40390 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,3 @@
 <script setup lang="ts">
-onShow(() => {
-  console.log("onShow");
-});
+onShow(() => {});
 </script>
diff --git a/src/api/auth.ts b/src/api/auth.ts
index cf2fa64..d17d113 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,7 +1,7 @@
-import request, { publicRequest } from "@/utils/request";
+import request from "@/utils/request";
 
 const AUTH_BASE_URL = "/api/v1/auth";
-const WECHAT_MINIAPP_AUTH_BASE_URL = "/api/v1/wechat/miniapp/auth";
+const WXMA_AUTH_BASE_URL = "/api/v1/wxma/auth";
 
 export interface LoginData {
   username: string;
@@ -20,7 +20,7 @@ export interface LoginResult {
   openid?: string;
 }
 
-export interface CaptchaVO {
+export interface Captcha {
   captchaId: string;
   captchaBase64: string;
 }
@@ -30,7 +30,7 @@ export interface SmsLoginData {
   code: string;
 }
 
-export interface WechatMiniappLoginResult {
+export interface WxMaLoginResp {
   accessToken?: string;
   refreshToken?: string;
   tokenType?: string;
@@ -40,12 +40,12 @@ export interface WechatMiniappLoginResult {
   openid?: string;
 }
 
-export interface WechatMiniappPhoneLoginData {
+export interface WxMaPhoneLoginData {
   loginCode: string;
   phoneCode: string;
 }
 
-export interface WechatMiniappBindMobileData {
+export interface WxMaBindMobileData {
   openid: string;
   mobile: string;
   smsCode: string;
@@ -55,8 +55,8 @@ const AuthAPI = {
   /**
    * 获取图形验证码
    */
-  getCaptcha(): Promise<CaptchaVO> {
-    return publicRequest<CaptchaVO>({
+  getCaptcha(): Promise<Captcha> {
+    return request<Captcha>({
       url: `${AUTH_BASE_URL}/captcha`,
       method: "GET",
     });
@@ -66,7 +66,7 @@ const AuthAPI = {
    * 账号密码登录
    */
   login(data: LoginData): Promise<LoginResult> {
-    return publicRequest<LoginResult>({
+    return request<LoginResult>({
       url: `${AUTH_BASE_URL}/login`,
       method: "POST",
       data: data,
@@ -80,7 +80,7 @@ const AuthAPI = {
    */
   sendSmsLoginCode(mobile: string): Promise<void> {
     const mobileSafe = encodeURIComponent(mobile);
-    return publicRequest<void>({
+    return request<void>({
       url: `${AUTH_BASE_URL}/sms/code?mobile=${mobileSafe}`,
       method: "POST",
     });
@@ -92,7 +92,7 @@ const AuthAPI = {
   loginBySms(data: SmsLoginData): Promise<LoginResult> {
     const mobileSafe = encodeURIComponent(data.mobile);
     const codeSafe = encodeURIComponent(data.code);
-    return publicRequest<LoginResult>({
+    return request<LoginResult>({
       url: `${AUTH_BASE_URL}/login/sms?mobile=${mobileSafe}&code=${codeSafe}`,
       method: "POST",
     });
@@ -105,9 +105,9 @@ const AuthAPI = {
    * - 已绑定手机号的用户：直接返回 token，登录成功
    * - 未绑定手机号的用户：返回 openid，需调用绑定手机号接口
    */
-  wechatMiniappSilentLogin(code: string): Promise<WechatMiniappLoginResult> {
-    return publicRequest<WechatMiniappLoginResult>({
-      url: `${WECHAT_MINIAPP_AUTH_BASE_URL}/silent-login?code=${encodeURIComponent(code)}`,
+  wxMaSilentLogin(code: string): Promise<WxMaLoginResp> {
+    return request<WxMaLoginResp>({
+      url: `${WXMA_AUTH_BASE_URL}/silent-login?code=${encodeURIComponent(code)}`,
       method: "POST",
     });
   },
@@ -118,12 +118,11 @@ const AuthAPI = {
    * 适用场景：企业认证小程序（已开通手机号快捷登录权限）
    * 一步完成登录，无需绑定流程，自动创建新用户
    */
-  wechatMiniappPhoneLogin(data: WechatMiniappPhoneLoginData): Promise<LoginResult> {
-    const loginCodeSafe = encodeURIComponent(data.loginCode);
-    const phoneCodeSafe = encodeURIComponent(data.phoneCode);
-    return publicRequest<LoginResult>({
-      url: `${WECHAT_MINIAPP_AUTH_BASE_URL}/phone-login?loginCode=${loginCodeSafe}&phoneCode=${phoneCodeSafe}`,
+  wxMaPhoneLogin(data: WxMaPhoneLoginData): Promise<LoginResult> {
+    return request<LoginResult>({
+      url: `${WXMA_AUTH_BASE_URL}/phone-login`,
       method: "POST",
+      data: data,
     });
   },
 
@@ -132,13 +131,11 @@ const AuthAPI = {
    *
    * 演示环境说明：短信服务未配置，验证码固定为 123456
    */
-  wechatMiniappBindMobile(data: WechatMiniappBindMobileData): Promise<LoginResult> {
-    const openidSafe = encodeURIComponent(data.openid);
-    const mobileSafe = encodeURIComponent(data.mobile);
-    const smsCodeSafe = encodeURIComponent(data.smsCode);
-    return publicRequest<LoginResult>({
-      url: `${WECHAT_MINIAPP_AUTH_BASE_URL}/bind-mobile?openid=${openidSafe}&mobile=${mobileSafe}&smsCode=${smsCodeSafe}`,
+  wxMaBindMobile(data: WxMaBindMobileData): Promise<LoginResult> {
+    return request<LoginResult>({
+      url: `${WXMA_AUTH_BASE_URL}/bind-mobile`,
       method: "POST",
+      data: data,
     });
   },
 
@@ -155,8 +152,8 @@ const AuthAPI = {
   /**
    * 登出
    */
-  logout(): Promise<any> {
-    return request<any>({
+  logout() {
+    return request<void>({
       url: `${AUTH_BASE_URL}/logout`,
       method: "DELETE",
     });
@@ -166,7 +163,7 @@ const AuthAPI = {
    * 刷新令牌
    */
   refreshToken(refreshToken: string): Promise<{ accessToken: string; expiresIn: number }> {
-    return publicRequest<{ accessToken: string; expiresIn: number }>({
+    return request<{ accessToken: string; expiresIn: number }>({
       url: `${AUTH_BASE_URL}/refresh-token`,
       method: "POST",
       data: { refreshToken },
diff --git a/src/api/config.ts b/src/api/config.ts
index d1c97a9..75d3c2a 100644
--- a/src/api/config.ts
+++ b/src/api/config.ts
@@ -5,7 +5,7 @@ const CONFIG_BASE_URL = "/api/v1/configs";
 const ConfigAPI = {
   /** 获取系统配置分页数据 */
   getPage(queryParams: ConfigPageQuery) {
-    return request<any>({
+    return request<PageResult<ConfigItem>>({
       url: `${CONFIG_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -90,7 +90,7 @@ export interface ConfigForm {
 }
 
 /** 系统配置分页对象 */
-export interface ConfigPageVO {
+export interface ConfigItem {
   /** 主键 */
   id?: number;
   /** 配置名称 */
diff --git a/src/api/dept.ts b/src/api/dept.ts
index 7fccee6..bc54d2c 100644
--- a/src/api/dept.ts
+++ b/src/api/dept.ts
@@ -10,7 +10,7 @@ const DeptAPI = {
    * @returns 部门树形表格数据
    */
   getList(queryParams?: DeptQuery) {
-    return request<DeptVO[]>({
+    return request<DeptItem[]>({
       url: `${DEPT_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -92,9 +92,9 @@ export interface DeptQuery {
 }
 
 /** 部门类型 */
-export interface DeptVO {
+export interface DeptItem {
   /** 子部门 */
-  children?: DeptVO[];
+  children?: DeptItem[];
   /** 创建时间 */
   createTime?: Date;
   /** 部门ID */
diff --git a/src/api/dict.ts b/src/api/dict.ts
index bade754..91f4efb 100644
--- a/src/api/dict.ts
+++ b/src/api/dict.ts
@@ -4,7 +4,7 @@ const DICT_BASE_URL = "/api/v1/dicts";
 
 const DictAPI = {
   getPage(queryParams: DictTypePageQuery) {
-    return request<any>({
+    return request<PageResult<DictTypeItem>>({
       url: `${DICT_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -42,7 +42,7 @@ const DictAPI = {
   },
 
   getItemPage(dictCode: string, queryParams: DictItemPageQuery) {
-    return request<any>({
+    return request<PageResult<DictDataItem>>({
       url: `${DICT_BASE_URL}/${dictCode}/items`,
       method: "GET",
       data: queryParams,
@@ -95,7 +95,7 @@ export interface DictTypeForm {
   remark?: string;
 }
 
-export interface DictTypePageVO {
+export interface DictTypeItem {
   id?: string;
   name?: string;
   dictCode?: string;
@@ -116,7 +116,7 @@ export interface DictItemForm {
   status?: number;
 }
 
-export interface DictItemPageVO {
+export interface DictDataItem {
   id?: string;
   dictCode?: string;
   label?: string;
diff --git a/src/api/log.ts b/src/api/log.ts
index 5e17546..3fe7f03 100644
--- a/src/api/log.ts
+++ b/src/api/log.ts
@@ -1,7 +1,6 @@
 import request from "@/utils/request";
 
 const LOG_BASE_URL = "/api/v1/logs";
-const STATISTICS_BASE_URL = "/api/v1/statistics";
 
 const LogAPI = {
   /**
@@ -10,7 +9,7 @@ const LogAPI = {
    * @param queryParams 查询参数
    */
   getPage(queryParams?: LogPageQuery) {
-    return request<any>({
+    return request<PageResult<LogItem>>({
       url: `${LOG_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -24,8 +23,8 @@ const LogAPI = {
    * @returns 访问趋势数据
    */
   getVisitTrend(queryParams: VisitTrendQuery) {
-    return request<VisitTrendVO>({
-      url: `${STATISTICS_BASE_URL}/visits/trend`,
+    return request<VisitTrend>({
+      url: `${LOG_BASE_URL}/views/trend`,
       method: "GET",
       data: queryParams,
     });
@@ -37,8 +36,8 @@ const LogAPI = {
    * @returns 访问概览数据
    */
   getVisitStats() {
-    return request<VisitStatsVO>({
-      url: `${STATISTICS_BASE_URL}/visits/overview`,
+    return request<VisitStats>({
+      url: `${LOG_BASE_URL}/views`,
       method: "GET",
     });
   },
@@ -57,19 +56,27 @@ export interface LogPageQuery extends PageQuery {
 }
 
 /**
- * 系统日志分页VO
+ * 系统日志分页对象
  */
-export interface LogVO {
+export interface LogItem {
   /** 主键 */
   id?: number;
-  /** 日志模块 */
-  module?: string;
-  /** 日志内容 */
+  /** 模块 */
+  module?: number;
+  /** 操作类型 */
+  actionType?: number;
+  /** 操作标题 */
+  title?: string;
+  /** 自定义日志内容 */
   content?: string;
+  /** 操作人ID */
+  operatorId?: number;
+  /** 操作人名称 */
+  operatorName?: string;
   /** 请求路径 */
   requestUri?: string;
   /** 请求方法 */
-  method?: string;
+  requestMethod?: string;
   /** IP 地址 */
   ip?: string;
   /** 地区 */
@@ -78,16 +85,18 @@ export interface LogVO {
   browser?: string;
   /** 终端系统 */
   os?: string;
+  /** 状态：0失败 1成功 */
+  status?: number;
+  /** 错误信息 */
+  errorMsg?: string;
   /** 执行时间(毫秒) */
   executionTime?: number;
-  /** 操作人 */
-  operator?: string;
   /** 操作时间 */
   createTime?: string;
 }
 
-/**  访问趋势视图对象 */
-export interface VisitTrendVO {
+/**  访问趋势 */
+export interface VisitTrend {
   /** 日期列表 */
   dates: string[];
   /** 浏览量(PV) */
@@ -107,7 +116,7 @@ export interface VisitTrendQuery {
 }
 
 /**  访问统计 */
-export interface VisitStatsVO {
+export interface VisitStats {
   /** 今日访客数(UV) */
   todayUvCount: number;
   /** 总访客数 */
diff --git a/src/api/menu.ts b/src/api/menu.ts
index 8293a95..2ace207 100644
--- a/src/api/menu.ts
+++ b/src/api/menu.ts
@@ -5,7 +5,7 @@ const MENU_BASE_URL = "/api/v1/menus";
 const MenuAPI = {
   /** 获取菜单列表 */
   getList(queryParams?: MenuQuery) {
-    return request<MenuVO[]>({
+    return request<MenuItem[]>({
       url: `${MENU_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -67,9 +67,9 @@ export interface MenuQuery {
 }
 
 /** 菜单类型 */
-export interface MenuVO {
+export interface MenuItem {
   /** 子菜单 */
-  children?: MenuVO[];
+  children?: MenuItem[];
   /** 组件路径 */
   component?: string;
   /** 创建时间 */
diff --git a/src/api/notice.ts b/src/api/notice.ts
index b02cfbb..a6503a9 100644
--- a/src/api/notice.ts
+++ b/src/api/notice.ts
@@ -5,7 +5,7 @@ const NOTICE_BASE_URL = "/api/v1/notices";
 const NoticeAPI = {
   /** 获取通知公告分页数据 */
   getPage(queryParams?: NoticePageQuery) {
-    return request<any>({
+    return request<PageResult<NoticeItem>>({
       url: `${NOTICE_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -97,7 +97,7 @@ const NoticeAPI = {
    * @param id
    */
   getDetail(id: string) {
-    return request<NoticeDetailVO>({
+    return request<NoticeDetail>({
       url: `${NOTICE_BASE_URL}/${id}/detail`,
       method: "GET",
     });
@@ -113,7 +113,7 @@ const NoticeAPI = {
 
   /** 获取我的通知分页列表 */
   getMyNoticePage(queryParams?: NoticePageQuery) {
-    return request<any>({
+    return request<PageResult<NoticeItem>>({
       url: `${NOTICE_BASE_URL}/my`,
       method: "GET",
       data: queryParams,
@@ -151,7 +151,7 @@ export interface NoticeForm {
 }
 
 /** 通知公告分页对象 */
-export interface NoticePageVO {
+export interface NoticeItem {
   id: string;
   /** 通知标题 */
   title?: string;
@@ -175,7 +175,7 @@ export interface NoticePageVO {
   level?: string | number;
 }
 
-export interface NoticeDetailVO {
+export interface NoticeDetail {
   /** 通知ID */
   id?: string;
 
diff --git a/src/api/role.ts b/src/api/role.ts
index b18fda6..60e3781 100644
--- a/src/api/role.ts
+++ b/src/api/role.ts
@@ -5,7 +5,7 @@ const ROLE_BASE_URL = "/api/v1/roles";
 const RoleAPI = {
   /** 获取角色分页数据 */
   getPage(queryParams?: RolePageQuery) {
-    return request<any>({
+    return request<PageResult<RoleItem>>({
       url: `${ROLE_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -105,7 +105,7 @@ export interface RolePageQuery extends PageQuery {
 }
 
 /** 角色分页对象 */
-export interface RolePageVO {
+export interface RoleItem {
   /** 角色编码 */
   code?: string;
   /** 角色ID */
diff --git a/src/api/user.ts b/src/api/user.ts
index 2bfaa87..ded23d1 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -21,7 +21,7 @@ const UserAPI = {
    * @param queryParams 查询参数
    */
   getPage(queryParams: UserPageQuery) {
-    return request<any>({
+    return request<PageResult<UserItem>>({
       url: `${USER_BASE_URL}`,
       method: "GET",
       data: queryParams,
@@ -69,7 +69,7 @@ const UserAPI = {
 
   /** 获取个人中心用户信息 */
   getProfile() {
-    return request<UserProfileVO>({
+    return request<UserProfile>({
       url: `${USER_BASE_URL}/profile`,
       method: "GET",
     });
@@ -217,7 +217,7 @@ export interface UserPageQuery extends PageQuery {
 }
 
 /** 用户分页对象 */
-export interface UserPageVO {
+export interface UserItem {
   /** 用户头像URL */
   avatar?: string;
   /** 创建时间 */
@@ -243,7 +243,7 @@ export interface UserPageVO {
 }
 
 /** 个人中心用户信息 */
-export interface UserProfileVO {
+export interface UserProfile {
   /** 用户ID */
   id?: number;
 
diff --git a/src/components/custom-navbar/index.vue b/src/components/custom-navbar/index.vue
index 0c78380..ea3132c 100644
--- a/src/components/custom-navbar/index.vue
+++ b/src/components/custom-navbar/index.vue
@@ -150,7 +150,7 @@ export default {
 <style lang="scss" scoped>
 .custom-navbar {
   position: relative;
-  z-index: 999;
+  z-index: var(--z-navbar);
   box-sizing: border-box;
   background-color: var(--color-bg);
 
@@ -164,7 +164,7 @@ export default {
 
 .custom-navbar__content {
   position: relative;
-  z-index: 10;
+  z-index: var(--z-dropdown);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -172,7 +172,7 @@ export default {
 }
 
 .custom-navbar__left {
-  z-index: 10;
+  z-index: var(--z-dropdown);
   display: flex;
   align-items: center;
 }
@@ -196,7 +196,7 @@ export default {
   position: absolute;
   top: 50%;
   left: 50%;
-  z-index: 10;
+  z-index: var(--z-dropdown);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -206,7 +206,7 @@ export default {
 }
 
 .custom-navbar__title {
-  z-index: 10;
+  z-index: var(--z-dropdown);
   overflow: hidden;
   font-size: 32rpx;
   color: var(--color-text);
@@ -215,7 +215,7 @@ export default {
 }
 
 .custom-navbar__right {
-  z-index: 10;
+  z-index: var(--z-dropdown);
   display: flex;
   align-items: center;
   justify-content: flex-end;
diff --git a/src/constants/index.ts b/src/constants/index.ts
index eed0c48..667972c 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -2,11 +2,6 @@
  * 常量统一导出
  */
 
-/**
- * 存储键常量统一管理
- * 包括 localStorage、sessionStorage 等各种存储的键名
- */
-
 // 🔐 用户认证相关
 export const ACCESS_TOKEN_KEY = "access_token";
 export const REFRESH_TOKEN_KEY = "refresh_token";
diff --git a/src/pages.json b/src/pages.json
index 6ee3c03..4d7ffcd 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -52,23 +52,12 @@
       "path": "pages/mine/account/index",
       "type": "page"
     },
-    {
-      "path": "pages/mine/feedback/index",
-      "type": "page",
-      "name": "feedback",
-      "style": {
-        "navigationBarTitleText": "意见反馈"
-      },
-      "meta": {
-        "requireAuth": true
-      }
-    },
     {
       "path": "pages/mine/official/index",
       "type": "page",
       "name": "official",
       "style": {
-        "navigationBarTitleText": "有来技术"
+        "navigationBarTitleText": "公众号"
       }
     },
     {
@@ -177,7 +166,11 @@
     },
     {
       "path": "pages/mine/settings/network/index",
-      "type": "page"
+      "type": "page",
+      "name": "network",
+      "style": {
+        "navigationBarTitleText": "网络测试"
+      }
     },
     {
       "path": "pages/mine/settings/privacy/index",
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 8f6b117..4591bc9 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -23,7 +23,7 @@
           @itemclick="handleNavClick(item)"
         >
           <view class="nav-item">
-            <image class="nav-item__icon" :src="item.icon" />
+            <image class="nav-item__icon" :src="item.icon" mode="aspectFit" />
             <text class="nav-item__label">{{ item.title }}</text>
           </view>
         </wd-grid-item>
@@ -34,7 +34,7 @@
     <view class="m-24rpx">
       <view class="notice-bar" @click="handleNoticeClick">
         <view class="notice-bar__icon">
-          <wd-icon name="check-outline" size="32rpx" color="#34D19D" />
+          <wd-icon name="check-outline" size="32rpx" color="var(--color-success)" />
         </view>
         <view class="notice-bar__content">
           <text class="notice-bar__text">{{ noticeText || "暂无通知公告" }}</text>
@@ -96,20 +96,20 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { onReady } from "@dcloudio/uni-app";
+import { onReady, onShow } from "@dcloudio/uni-app";
 import { dayjs } from "wot-design-uni";
 import { useRouter } from "uni-mini-router";
 import { useUserStore } from "@/store";
 import { menuConfig } from "@/config/menu";
 import { checkLogin, isLoggedIn } from "@/utils/auth";
-import LogAPI, { type VisitStatsVO as ApiVisitStatsVO, type VisitTrendVO } from "@/api/log";
-import NoticeAPI, { type NoticePageVO } from "@/api/notice";
+import LogAPI, { type VisitStats as ApiVisitStats, type VisitTrend } from "@/api/log";
+import NoticeAPI, { type NoticeItem } from "@/api/notice";
 
 // ============================================================================
 // 类型定义
 // ============================================================================
 
-type VisitStatsVO = ApiVisitStatsVO;
+type VisitStatsVO = ApiVisitStats;
 
 interface NavItem {
   icon: string;
@@ -146,13 +146,13 @@ const visitStatsData = ref<VisitStatsVO>({
 
 const appVersion = ref<string>("");
 
-const noticeList = ref<NoticePageVO[]>([]);
+const noticeList = ref<NoticeItem[]>([]);
 const noticeText = computed(() => {
   if (!noticeList.value.length) {
     return "暂无通知";
   }
   const titles = noticeList.value
-    .map((n: NoticePageVO) => n.title)
+    .map((n: NoticeItem) => n.title)
     .filter(Boolean)
     .slice(0, 2) as string[];
   return titles.length ? titles.join("    ") : "暂无通知";
@@ -272,7 +272,7 @@ async function loadVisitTrendData() {
     .format("YYYY-MM-DD");
 
   try {
-    const data: VisitTrendVO = await LogAPI.getVisitTrend({ startDate, endDate });
+    const data: VisitTrend = await LogAPI.getVisitTrend({ startDate, endDate });
     chartData.value = JSON.parse(
       JSON.stringify({
         categories: (data.dates || []).map((d) => dayjs(d).format("MM-DD")),
@@ -323,12 +323,10 @@ function handleNoticeClick() {
   router.push({ path: "/pages/work/notice/index" });
 }
 
-function handleSwiperClick(e: any) {
-  console.log("Swiper click:", e);
+function handleSwiperClick(_e: any) {
 }
 
-function handleSwiperChange(e: any) {
-  console.log("Swiper change:", e);
+function handleSwiperChange(_e: any) {
 }
 
 function handleDataRangeChange({ value }: { value: number }) {
@@ -346,6 +344,12 @@ onReady(() => {
   loadVisitStatsData();
   loadVisitTrendData();
 });
+
+// 每次页面显示时刷新数据（登录后跳转回来也能更新）
+onShow(() => {
+  loadVisitStatsData();
+  loadVisitTrendData();
+});
 </script>
 
 <route lang="json">
@@ -362,14 +366,14 @@ onReady(() => {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1;
+  z-index: var(--z-sticky);
   height: 120rpx;
   pointer-events: none;
   background: linear-gradient(
     to bottom,
-    rgba(245, 247, 250, 0) 0%,
-    rgba(245, 247, 250, 0.85) 60%,
-    rgba(245, 247, 250, 1) 100%
+    transparent 0%,
+    var(--color-bg-secondary) 60%,
+    var(--color-bg-secondary) 100%
   );
 }
 
@@ -381,13 +385,13 @@ onReady(() => {
 
 .section--overlay {
   position: relative;
-  z-index: 2;
+  z-index: var(--z-sticky);
   padding: 18rpx 8rpx;
   margin: 24rpx;
   margin-top: -120rpx;
   background: var(--color-bg);
   border-radius: 24rpx;
-  box-shadow: 0 16rpx 36rpx rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-md);
 }
 
 .nav-item {
@@ -416,7 +420,7 @@ onReady(() => {
   background: var(--color-bg);
   border: 1rpx solid var(--color-border);
   border-radius: 16rpx;
-  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.04);
+  box-shadow: var(--shadow-sm);
 
   &__icon {
     display: flex;
@@ -456,11 +460,11 @@ onReady(() => {
   background: var(--color-bg);
   border: 1rpx solid var(--color-border);
   border-radius: 16rpx;
-  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.04);
+  box-shadow: var(--shadow-sm);
 
   &__header {
     position: relative;
-    z-index: 1;
+    z-index: var(--z-sticky);
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -488,24 +492,24 @@ onReady(() => {
     border-radius: 50%;
 
     &--green {
-      background: #34d19d;
+      background: var(--color-success);
       box-shadow: 0 0 10rpx rgba(52, 209, 157, 0.4);
     }
 
     &--blue {
-      background: #409eff;
-      box-shadow: 0 0 10rpx rgba(64, 158, 255, 0.4);
+      background: var(--color-primary);
+      box-shadow: 0 0 10rpx rgba(37, 99, 235, 0.4);
     }
 
     &--orange {
-      background: #faa21e;
-      box-shadow: 0 0 12rpx rgba(250, 162, 30, 0.4);
+      background: var(--color-warning);
+      box-shadow: 0 0 12rpx rgba(245, 158, 11, 0.4);
     }
   }
 
   &__num {
     position: relative;
-    z-index: 1;
+    z-index: var(--z-sticky);
     font-size: 48rpx;
     font-weight: 700;
     line-height: 1;
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index d232454..ab3e79f 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -36,7 +36,7 @@
         <view v-if="loginMode !== 'WECHAT'" class="form-area">
           <!-- 用户名/手机号 -->
           <view class="input-box">
-            <wd-icon name="person" size="20" color="#9ca3af" />
+            <wd-icon name="person" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="formData.username"
               class="input-field"
@@ -47,23 +47,20 @@
 
           <!-- 密码 -->
           <view v-if="loginMode === 'PASSWORD'" class="input-box">
-            <wd-icon name="lock" size="20" color="#9ca3af" />
+            <wd-icon name="lock" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="formData.password"
               class="input-field"
-              :password="!showPassword"
               placeholder="请输入密码"
               :maxlength="50"
+              password
               @confirm="handleLogin"
             />
-            <view class="input-suffix" @click="showPassword = !showPassword">
-              <wd-icon :name="showPassword ? 'eye-open' : 'eye-close'" size="20" color="#9ca3af" />
-            </view>
           </view>
 
           <!-- 图形验证码（密码登录时显示） -->
           <view v-if="loginMode === 'PASSWORD'" class="input-box">
-            <wd-icon name="shield" size="20" color="#9ca3af" />
+            <wd-icon name="shield" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="formData.captchaCode"
               class="input-field"
@@ -82,7 +79,7 @@
 
           <!-- 验证码 -->
           <view v-else class="input-box">
-            <wd-icon name="shield" size="20" color="#9ca3af" />
+            <wd-icon name="shield" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="formData.code"
               class="input-field"
@@ -106,14 +103,9 @@
           </view>
 
           <!-- 登录按钮 -->
-          <button
-            class="btn-primary"
-            :class="{ 'btn-primary--loading': loading }"
-            :disabled="loading"
-            @click="handleLogin"
-          >
-            {{ loading ? "登录中..." : "登 录" }}
-          </button>
+          <wd-button type="primary" block :loading="loading" @click="handleLogin">
+            登 录
+          </wd-button>
 
           <!-- 切换登录方式 -->
           <view class="switch-mode" @click="toggleLoginMode">
@@ -187,7 +179,7 @@
       v-model="showBindMobilePopup"
       position="bottom"
       closable
-      custom-style="border-radius: 24rpx 24rpx 0 0;"
+      custom-class="popup-bottom"
       @close="resetBindForm"
     >
       <view class="bind-popup">
@@ -195,7 +187,7 @@
 
         <view class="form-area">
           <view class="input-box">
-            <wd-icon name="phone" size="20" color="#9ca3af" />
+            <wd-icon name="phone" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="bindMobileForm.mobile"
               class="input-field"
@@ -206,7 +198,7 @@
           </view>
 
           <view class="input-box">
-            <wd-icon name="shield" size="20" color="#9ca3af" />
+            <wd-icon name="shield" size="20" color="var(--color-text-placeholder)" />
             <input
               v-model="bindMobileForm.code"
               class="input-field"
@@ -228,9 +220,9 @@
             <text class="demo-tip-text">演示环境验证码：123456</text>
           </view>
 
-          <button class="btn-bind" :disabled="bindLoading" @click="handleBindMobile">
-            {{ bindLoading ? "绑定中..." : "确认绑定" }}
-          </button>
+          <wd-button type="primary" block :loading="bindLoading" @click="handleBindMobile">
+            确认绑定
+          </wd-button>
         </view>
       </view>
     </wd-popup>
@@ -261,16 +253,16 @@ import { useToast, useMessage } from "wot-design-uni";
 import { useUserStore } from "@/store/modules/user";
 import AuthAPI from "@/api/auth";
 
-const statusBarHeight = ref(20);
-const navBarHeight = ref(44);
-
 const toast = useToast();
 const message = useMessage("policy-box");
 const userStore = useUserStore();
 
-// 状态
+// 导航栏
+const statusBarHeight = ref(20);
+const navBarHeight = ref(44);
+
+// 表单状态
 const loading = ref(false);
-const showPassword = ref(false);
 const isAgreePolicy = ref(false);
 const loginMode = ref<"PASSWORD" | "SMS" | "WECHAT">("PASSWORD");
 const smsCountdown = ref(0);
@@ -290,7 +282,7 @@ const captchaLoading = ref(false);
 
 const redirect = ref("/pages/index/index");
 
-// 绑定手机号相关
+// 绑定手机号
 const showBindMobilePopup = ref(false);
 const bindLoading = ref(false);
 const bindSmsCountdown = ref(0);
@@ -298,36 +290,16 @@ const bindSmsTimer = ref<ReturnType<typeof setInterval> | null>(null);
 const wechatOpenid = ref("");
 
 const bindMobileForm = ref({
-  mobile: "",
+  mobile: "18888888888",
   code: "",
 });
 
 const pendingLoginAction = ref<"FORM" | "WECHAT_PHONE" | null>(null);
-const pendingWechatPhoneCode = ref<string>("");
-
-// 获取图形验证码
-const fetchCaptcha = async () => {
-  if (captchaLoading.value) return;
-  try {
-    captchaLoading.value = true;
-    captchaBase64.value = "";
-    const res = await AuthAPI.getCaptcha();
-    captchaId.value = res.captchaId;
-    captchaBase64.value = res.captchaBase64;
-  } catch (e) {
-    console.error("获取验证码失败", e);
-  } finally {
-    captchaLoading.value = false;
-  }
-};
+const pendingWechatPhoneCode = ref("");
 
 // 计算属性
 const loginModeDesc = computed(() => {
-  const modeMap = {
-    PASSWORD: "使用账号密码登录",
-    SMS: "使用手机验证码登录",
-    WECHAT: "使用微信快捷登录",
-  };
+  const modeMap = { PASSWORD: "使用账号密码登录", SMS: "使用手机验证码登录", WECHAT: "使用微信快捷登录" };
   return modeMap[loginMode.value];
 });
 
@@ -343,48 +315,43 @@ const canSubmit = computed(() => {
   return false;
 });
 
-// 生命周期
-onLoad((options: any) => {
-  const fromQuery = options?.redirect ? decodeURIComponent(options.redirect) : "";
-  if (fromQuery && fromQuery !== "/pages/login/index") {
-    redirect.value = fromQuery;
+// 图形验证码
+const fetchCaptcha = async () => {
+  if (captchaLoading.value) return;
+  try {
+    captchaLoading.value = true;
+    captchaBase64.value = "";
+    const res = await AuthAPI.getCaptcha();
+    captchaId.value = res.captchaId;
+    captchaBase64.value = res.captchaBase64;
+  } catch {
+    // 获取验证码失败由 API 层处理
+  } finally {
+    captchaLoading.value = false;
   }
+};
 
-  uni.setNavigationBarTitle({ title: "" });
+// 短信倒计时
+const startSmsCountdown = (
+  countdown: Ref<number>,
+  timer: Ref<ReturnType<typeof setInterval> | null>
+) => {
+  countdown.value = 60;
+  if (timer.value) clearInterval(timer.value);
+  timer.value = setInterval(() => {
+    countdown.value -= 1;
+    if (countdown.value <= 0) {
+      countdown.value = 0;
+      if (timer.value) { clearInterval(timer.value); timer.value = null; }
+    }
+  }, 1000);
+};
 
-  const systemInfo = uni.getSystemInfoSync();
-  statusBarHeight.value = systemInfo.statusBarHeight || 20;
-  navBarHeight.value = 44;
-
-  // #ifdef MP-WEIXIN
-  const menuButton = uni.getMenuButtonBoundingClientRect();
-  navBarHeight.value = menuButton.height + (menuButton.top - statusBarHeight.value) * 2;
-  // #endif
-
-  // #ifndef MP-WEIXIN
-  // 非微信环境强制使用密码登录
-  if (loginMode.value === "WECHAT") {
-    loginMode.value = "PASSWORD";
-  }
-  // #endif
-  // 获取图形验证码
-  fetchCaptcha();
-});
-
-onShow(() => {
-  uni.setNavigationBarTitle({ title: "" });
-});
-
-onUnload(() => {
-  if (smsTimer.value) clearInterval(smsTimer.value);
-  if (bindSmsTimer.value) clearInterval(bindSmsTimer.value);
-});
-
-// 方法
+// 切换登录方式
 const toggleLoginMode = () => {
   if (loginMode.value === "PASSWORD") {
     loginMode.value = "SMS";
-    formData.value.username = "18812345678";
+    formData.value.username = "18888888888";
     formData.value.password = "";
     formData.value.code = "";
   } else {
@@ -397,10 +364,10 @@ const toggleLoginMode = () => {
   }
 };
 
-const openPolicyDialog = (action: "FORM" | "WECHAT_PHONE", phoneCode: string = "") => {
+// 协议弹窗
+const openPolicyDialog = (action: "FORM" | "WECHAT_PHONE", phoneCode = "") => {
   pendingLoginAction.value = action;
   pendingWechatPhoneCode.value = phoneCode;
-
   message
     .confirm({ title: "提示" })
     .then(async () => {
@@ -409,12 +376,8 @@ const openPolicyDialog = (action: "FORM" | "WECHAT_PHONE", phoneCode: string = "
       const code = pendingWechatPhoneCode.value;
       pendingLoginAction.value = null;
       pendingWechatPhoneCode.value = "";
-
-      if (act === "WECHAT_PHONE") {
-        await doWechatPhoneLogin(code);
-      } else if (act === "FORM") {
-        await doFormLogin();
-      }
+      if (act === "WECHAT_PHONE") await doWechatPhoneLogin(code);
+      else if (act === "FORM") await doFormLogin();
     })
     .catch(() => {
       pendingLoginAction.value = null;
@@ -422,20 +385,14 @@ const openPolicyDialog = (action: "FORM" | "WECHAT_PHONE", phoneCode: string = "
     });
 };
 
+// 表单登录
 async function doFormLogin() {
   if (!canSubmit.value) {
-    if (loginMode.value === "PASSWORD") {
-      toast.error("请输入用户名和密码");
-    } else if (loginMode.value === "SMS") {
-      toast.error("请输入正确的手机号和验证码");
-    }
+    toast.error(loginMode.value === "PASSWORD" ? "请输入用户名和密码" : "请输入正确的手机号和验证码");
     return;
   }
-
   if (loading.value) return;
-
   loading.value = true;
-
   try {
     if (loginMode.value === "PASSWORD") {
       await userStore.login({
@@ -445,46 +402,29 @@ async function doFormLogin() {
         captchaCode: formData.value.captchaCode,
       });
     } else {
-      await userStore.loginBySms({
-        mobile: formData.value.username.trim(),
-        code: formData.value.code,
-      });
+      await userStore.loginBySms({ mobile: formData.value.username.trim(), code: formData.value.code });
     }
-
     await userStore.getInfo();
     toast.success("登录成功");
     setTimeout(() => uni.reLaunch({ url: redirect.value }), 800);
   } catch (error: any) {
     toast.error(error?.message || "登录失败");
-    // 登录失败刷新验证码
-    if (loginMode.value === "PASSWORD") {
-      fetchCaptcha();
-    }
+    if (loginMode.value === "PASSWORD") fetchCaptcha();
   } finally {
     loading.value = false;
   }
 }
 
 const handleLogin = async () => {
-  if (!isAgreePolicy.value) {
-    openPolicyDialog("FORM");
-    return;
-  }
+  if (!isAgreePolicy.value) { openPolicyDialog("FORM"); return; }
   await doFormLogin();
 };
 
 const handleSendCode = async () => {
   if (smsCountdown.value > 0) return;
   const mobile = formData.value.username.trim();
-  if (!mobile) {
-    toast.error("请输入手机号");
-    return;
-  }
-  if (!isValidMobile(mobile)) {
-    toast.error("请输入正确的手机号");
-    return;
-  }
-
+  if (!mobile) { toast.error("请输入手机号"); return; }
+  if (!isValidMobile(mobile)) { toast.error("请输入正确的手机号"); return; }
   try {
     await AuthAPI.sendSmsLoginCode(mobile);
     toast.success("验证码已发送");
@@ -494,50 +434,20 @@ const handleSendCode = async () => {
   }
 };
 
-const startSmsCountdown = (
-  countdown: Ref<number>,
-  timer: Ref<ReturnType<typeof setInterval> | null>
-) => {
-  countdown.value = 60;
-  if (timer.value) clearInterval(timer.value);
-  timer.value = setInterval(() => {
-    countdown.value -= 1;
-    if (countdown.value <= 0) {
-      countdown.value = 0;
-      if (timer.value) {
-        clearInterval(timer.value);
-        timer.value = null;
-      }
-    }
-  }, 1000);
-};
-
 // 微信登录
 const handleWechatPhoneLogin = async (e: any) => {
   const phoneCode = e.detail.code;
-  if (!isAgreePolicy.value) {
-    openPolicyDialog("WECHAT_PHONE", phoneCode);
-    return;
-  }
-  if (!phoneCode) {
-    // 用户拒绝授权，尝试个人小程序登录
-    await handleWechatSilentLogin();
-    return;
-  }
+  if (!isAgreePolicy.value) { openPolicyDialog("WECHAT_PHONE", phoneCode); return; }
+  if (!phoneCode) { await handleWechatSilentLogin(); return; }
   await doWechatPhoneLogin(phoneCode);
 };
 
 async function doWechatPhoneLogin(phoneCode: string) {
-  if (!phoneCode) {
-    await handleWechatSilentLogin();
-    return;
-  }
-
+  if (!phoneCode) { await handleWechatSilentLogin(); return; }
   loading.value = true;
-
   try {
     const { code: loginCode } = await uni.login();
-    await userStore.loginByWechatMiniappPhone({ loginCode, phoneCode });
+    await userStore.loginByWxMaPhone({ loginCode, phoneCode });
     await userStore.getInfo();
     toast.success("登录成功");
     setTimeout(() => uni.reLaunch({ url: redirect.value }), 800);
@@ -553,8 +463,7 @@ const handleWechatSilentLogin = async () => {
   loading.value = true;
   try {
     const { code } = await uni.login();
-    const result: any = await userStore.loginByWechatMiniapp(code);
-
+    const result: any = await userStore.loginByWxMa(code);
     if (result.needBindMobile && result.openid) {
       wechatOpenid.value = result.openid;
       showBindMobilePopup.value = true;
@@ -570,14 +479,11 @@ const handleWechatSilentLogin = async () => {
   }
 };
 
+// 绑定手机号
 const handleSendBindCode = async () => {
   if (bindSmsCountdown.value > 0) return;
   const mobile = bindMobileForm.value.mobile.trim();
-  if (!isValidMobile(mobile)) {
-    toast.error("请输入正确的手机号");
-    return;
-  }
-
+  if (!isValidMobile(mobile)) { toast.error("请输入正确的手机号"); return; }
   try {
     await AuthAPI.sendSmsLoginCode(mobile);
     toast.success("验证码已发送");
@@ -590,32 +496,17 @@ const handleSendBindCode = async () => {
 const resetBindForm = () => {
   bindMobileForm.value = { mobile: "", code: "" };
   bindSmsCountdown.value = 0;
-  if (bindSmsTimer.value) {
-    clearInterval(bindSmsTimer.value);
-    bindSmsTimer.value = null;
-  }
+  if (bindSmsTimer.value) { clearInterval(bindSmsTimer.value); bindSmsTimer.value = null; }
 };
 
 const handleBindMobile = async () => {
   if (bindLoading.value) return;
   const { mobile, code } = bindMobileForm.value;
-  if (!isValidMobile(mobile)) {
-    toast.error("请输入正确的手机号");
-    return;
-  }
-  if (!code.trim()) {
-    toast.error("请输入验证码");
-    return;
-  }
-
+  if (!isValidMobile(mobile)) { toast.error("请输入正确的手机号"); return; }
+  if (!code.trim()) { toast.error("请输入验证码"); return; }
   bindLoading.value = true;
-
   try {
-    await userStore.bindMobileForWechatMiniapp({
-      openid: wechatOpenid.value,
-      mobile,
-      smsCode: code,
-    });
+    await userStore.bindMobileForWxMa({ openid: wechatOpenid.value, mobile, smsCode: code });
     await userStore.getInfo();
     showBindMobilePopup.value = false;
     resetBindForm();
@@ -629,19 +520,39 @@ const handleBindMobile = async () => {
 };
 
 const navigateToAgreement = (type: string) => {
-  const url =
-    type === "user" ? "/pages/mine/settings/agreement/index" : "/pages/mine/settings/privacy/index";
+  const url = type === "user" ? "/pages/mine/settings/agreement/index" : "/pages/mine/settings/privacy/index";
   uni.navigateTo({ url });
 };
 
 const handleBack = () => {
-  const pages = getCurrentPages();
-  if (pages.length > 1) {
-    uni.navigateBack();
-    return;
-  }
+  if (getCurrentPages().length > 1) { uni.navigateBack(); return; }
   uni.reLaunch({ url: "/pages/index/index" });
 };
+
+// 生命周期
+onLoad((options: any) => {
+  const fromQuery = options?.redirect ? decodeURIComponent(options.redirect) : "";
+  if (fromQuery && fromQuery !== "/pages/login/index") redirect.value = fromQuery;
+  uni.setNavigationBarTitle({ title: "" });
+  const systemInfo = uni.getSystemInfoSync();
+  statusBarHeight.value = systemInfo.statusBarHeight || 20;
+  navBarHeight.value = 44;
+  // #ifdef MP-WEIXIN
+  const menuButton = uni.getMenuButtonBoundingClientRect();
+  navBarHeight.value = menuButton.height + (menuButton.top - statusBarHeight.value) * 2;
+  // #endif
+  // #ifndef MP-WEIXIN
+  if (loginMode.value === "WECHAT") loginMode.value = "PASSWORD";
+  // #endif
+  fetchCaptcha();
+});
+
+onShow(() => uni.setNavigationBarTitle({ title: "" }));
+
+onUnload(() => {
+  if (smsTimer.value) clearInterval(smsTimer.value);
+  if (bindSmsTimer.value) clearInterval(bindSmsTimer.value);
+});
 </script>
 
 <style lang="scss" scoped>
@@ -649,12 +560,12 @@ const handleBack = () => {
 .login-page {
   position: relative;
   min-height: 100vh;
-  background: linear-gradient(135deg, #eff6ff 0%, #fff 50%, #dbeafe 100%);
-}
-
-// 暗黑模式
-:global(.dark) .login-page {
-  background: linear-gradient(135deg, #111827 0%, #1f2937 50%, #111827 100%);
+  background: linear-gradient(
+    135deg,
+    var(--color-bg-tertiary) 0%,
+    var(--color-bg) 50%,
+    var(--color-primary-light) 100%
+  );
 }
 
 // 背景装饰
@@ -687,14 +598,14 @@ const handleBack = () => {
   background-color: rgba(59, 130, 246, 0.15);
 }
 
+// 导航栏
 .login-nav {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
-  z-index: 11;
-  padding-right: 16px;
-  padding-left: 16px;
+  z-index: var(--z-navbar);
+  padding: 0 16px;
 }
 
 .login-nav__bar {
@@ -742,19 +653,18 @@ const handleBack = () => {
 .login-nav__title {
   font-size: 32rpx;
   font-weight: 600;
-  color: rgba(15, 23, 42, 0.92);
   letter-spacing: 0.08em;
+  color: rgba(15, 23, 42, 0.92);
 }
 
 // 主内容
 .login-main {
   position: relative;
-  z-index: 10;
+  z-index: var(--z-sticky);
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-right: 48px;
-  padding-left: 48px;
+  padding: 0 48px;
 }
 
 // Logo
@@ -775,12 +685,8 @@ const handleBack = () => {
 .logo-text {
   font-size: 20px;
   font-weight: 600;
-  color: #1f2937;
   letter-spacing: 0.05em;
-}
-
-:global(.dark) .logo-text {
-  color: #f3f4f6;
+  color: var(--color-text);
 }
 
 // 登录卡片
@@ -793,10 +699,6 @@ const handleBack = () => {
   box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
 }
 
-:global(.dark) .login-card {
-  background-color: rgba(31, 41, 55, 0.95);
-}
-
 // 卡片头部
 .card-header {
   margin-bottom: 32px;
@@ -806,22 +708,14 @@ const handleBack = () => {
 .card-title {
   font-size: 24px;
   font-weight: 700;
-  color: #111827;
-}
-
-:global(.dark) .card-title {
-  color: #fff;
+  color: var(--color-text);
 }
 
 .card-desc {
   display: block;
   margin-top: 8px;
   font-size: 14px;
-  color: #6b7280;
-}
-
-:global(.dark) .card-desc {
-  color: #9ca3af;
+  color: var(--color-text-secondary);
 }
 
 // 表单区域
@@ -840,88 +734,26 @@ const handleBack = () => {
   align-items: center;
   height: 48px;
   padding: 0 16px;
-  background-color: #f9fafb;
+  background-color: var(--color-bg-secondary);
   border-radius: 12px;
 
   &:focus-within {
-    box-shadow: 0 0 0 2px #3b82f6;
+    box-shadow: 0 0 0 2px var(--color-primary);
   }
 }
 
-:global(.dark) .input-box {
-  background-color: #374151;
-}
-
 .input-field {
   flex: 1;
   height: 100%;
   margin-left: 12px;
   font-size: 14px;
-  color: #1f2937;
+  color: var(--color-text);
 }
 
-:global(.dark) .input-field {
-  color: #f3f4f6;
-}
-
-.input-suffix {
-  padding: 8px;
-}
-
-// 主按钮
-.btn-primary {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 48px;
-  font-size: 16px;
-  font-weight: 600;
-  color: #fff;
-  background: linear-gradient(to right, #3b82f6, #1d4ed8);
-  border-radius: 12px;
-  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);
-  transition: all 0.2s;
-  overflow: hidden;
-
-  &:active {
-    transform: scale(0.98);
-  }
-
-  &:disabled {
-    opacity: 0.9;
-    box-shadow: 0 8px 14px -6px rgba(59, 130, 246, 0.22);
-    transform: none;
-  }
-}
-
-.btn-primary--loading {
-  opacity: 0.92;
-}
-
-.btn-primary--loading::before {
-  position: absolute;
-  inset: 0;
-  content: "";
-  background: linear-gradient(
-    110deg,
-    rgba(255, 255, 255, 0) 0%,
-    rgba(255, 255, 255, 0.16) 30%,
-    rgba(255, 255, 255, 0) 60%
-  );
-  transform: translateX(-100%);
-  animation: btnShimmer 1.1s ease-in-out infinite;
-}
-
-@keyframes btnShimmer {
-  0% {
-    transform: translateX(-100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
+.captcha-img {
+  width: 100px;
+  height: 36px;
+  border-radius: 6px;
 }
 
 // 微信按钮
@@ -949,24 +781,6 @@ const handleBack = () => {
   margin-right: 8px;
 }
 
-// 绑定按钮
-.btn-bind {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 48px;
-  font-size: 16px;
-  font-weight: 600;
-  color: #fff;
-  background-color: #3b82f6;
-  border-radius: 12px;
-
-  &:disabled {
-    opacity: 0.5;
-  }
-}
-
 // 验证码按钮
 .sms-btn {
   display: flex;
@@ -983,27 +797,13 @@ const handleBack = () => {
 }
 
 .sms-btn-active {
-  color: #2563eb;
-  background-color: #eff6ff;
+  color: var(--color-primary);
+  background-color: var(--color-primary-light);
 }
 
 .sms-btn-disabled {
-  color: #9ca3af;
-  background-color: #e5e7eb;
-}
-
-.captcha-img {
-  width: 100px;
-  height: 36px;
-  border-radius: 6px;
-}
-
-:global(.dark) .sms-btn-active {
-  background-color: rgba(30, 58, 138, 0.3);
-}
-
-:global(.dark) .sms-btn-disabled {
-  background-color: #4b5563;
+  color: var(--color-text-placeholder);
+  background-color: var(--color-bg-tertiary);
 }
 
 // 切换登录方式
@@ -1015,55 +815,41 @@ const handleBack = () => {
 
 .switch-text {
   font-size: 14px;
-  color: #6b7280;
-}
-
-:global(.dark) .switch-text {
-  color: #9ca3af;
+  color: var(--color-text-secondary);
 }
 
 .switch-link {
   margin-left: 4px;
   font-size: 14px;
   font-weight: 500;
-  color: #2563eb;
-  border-bottom: 1px solid #2563eb;
-}
-
-:global(.dark) .switch-link {
-  color: #60a5fa;
-  border-bottom-color: #60a5fa;
+  color: var(--color-primary);
+  border-bottom: 1px solid var(--color-primary);
 }
 
 // 分割线
 .divider {
   display: flex;
   align-items: center;
-  margin-top: 24px;
-  margin-bottom: 24px;
+  margin: 24px 0;
 }
 
 .divider-line {
   flex: 1;
   height: 1px;
-  background-color: #e5e7eb;
-}
-
-:global(.dark) .divider-line {
-  background-color: #374151;
+  background-color: var(--color-border);
 }
 
 .divider-text {
   padding: 0 16px;
   font-size: 12px;
-  color: #9ca3af;
+  color: var(--color-text-placeholder);
 }
 
 // 微信登录入口
 .wechat-entry {
   display: flex;
-  gap: 32px;
   justify-content: center;
+  gap: 32px;
 }
 
 .wechat-icon-img {
@@ -1075,23 +861,24 @@ const handleBack = () => {
   }
 }
 
+// 协议
 .agreement {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   padding-top: 16px;
   margin-top: 24px;
-  border-top: 1px solid #f3f4f6;
+  border-top: 1px solid var(--color-border-light);
 }
 
 .agreement-text {
   font-size: 12px;
   line-height: 1.5;
-  color: #6b7280;
+  color: var(--color-text-secondary);
 }
 
 .agreement-link {
-  color: #2563eb;
+  color: var(--color-primary);
 }
 
 // 绑定手机号弹窗
@@ -1104,12 +891,8 @@ const handleBack = () => {
   margin-bottom: 24px;
   font-size: 18px;
   font-weight: 600;
-  color: #111827;
   text-align: center;
-}
-
-:global(.dark) .bind-title {
-  color: #fff;
+  color: var(--color-text);
 }
 
 // 演示环境提示
@@ -1122,23 +905,18 @@ const handleBack = () => {
 .demo-tip-text {
   padding: 4px 12px;
   font-size: 12px;
-  color: #f59e0b;
-  background-color: #fef3c7;
+  color: var(--color-warning);
+  background-color: var(--color-warning-light);
   border-radius: 4px;
 }
 
-:global(.dark) .demo-tip-text {
-  color: #fbbf24;
-  background-color: rgba(251, 191, 36, 0.1);
-}
-
-// 暗黑模式适配
-:deep(.wd-checkbox__label) {
+// 深度样式覆盖
+::deep(.wd-checkbox__label) {
   display: flex;
   flex-wrap: wrap;
 }
 
-:deep(.wd-popup__close) {
+::deep(.wd-popup__close) {
   top: 16px;
   right: 16px;
 }
diff --git a/src/pages/mine/about/index.vue b/src/pages/mine/about/index.vue
index d7d4eac..871485e 100644
--- a/src/pages/mine/about/index.vue
+++ b/src/pages/mine/about/index.vue
@@ -2,12 +2,10 @@
   <view class="page page--padding">
     <wd-card>
       <view class="flex items-center p-20rpx">
-        <wd-img
-          width="120rpx"
-          height="120rpx"
+        <image
+          class="w-120rpx h-120rpx mr-16rpx"
           src="/static/logo.png"
           mode="aspectFit"
-          class="mr-16rpx"
         />
         <view class="flex-1">
           <text class="app-title">youlai-app</text>
diff --git a/src/pages/mine/account/index.vue b/src/pages/mine/account/index.vue
index 9762304..ec82c86 100644
--- a/src/pages/mine/account/index.vue
+++ b/src/pages/mine/account/index.vue
@@ -166,7 +166,7 @@ import UserAPI, {
   PasswordChangeForm,
   MobileBindingForm,
   EmailBindingForm,
-  UserProfileVO,
+  UserProfile,
 } from "@/api/user";
 
 const validatorConfirmPassword = (value: string) => {
@@ -207,7 +207,7 @@ const dialog = reactive({
   type: "" as DialogType, // 修改账号资料,修改密码、绑定手机、绑定邮箱
 });
 
-const userProfile = ref<UserProfileVO>(); //用户信息
+const userProfile = ref<UserProfile>(); //用户信息
 const passwordChangeForm = reactive<PasswordChangeForm>({});
 const mobileBindingForm = reactive<MobileBindingForm>({});
 const emailBindingForm = reactive<EmailBindingForm>({});
@@ -222,22 +222,14 @@ const emailCountdown = ref(0);
 const emailTimer = ref<ReturnType<typeof setTimeout> | null>(null);
 
 const handleUnbindWechat = async () => {
-  uni.showModal({
-    title: "提示",
-    content: "确定要解绑微信吗？解绑后将无法使用微信小程序登录",
-    success: async (res) => {
-      if (!res.confirm) return;
-
-      try {
-        await UserAPI.unbindSocial("WECHAT_MINI");
-        uni.showToast({ title: "解绑成功", icon: "success" });
-        loadUserProfile();
-      } catch (e) {
-        console.error("解绑微信失败", e);
-        uni.showToast({ title: "解绑失败", icon: "none" });
-      }
-    },
-  });
+  try {
+    await messageBox({ title: "提示", msg: "确定要解绑微信吗？解绑后将无法使用微信小程序登录", type: "warning" });
+    await UserAPI.unbindSocial("WECHAT_MINI");
+    toast.success("解绑成功");
+    loadUserProfile();
+  } catch {
+    // 用户取消或解绑失败
+  }
 };
 
 /** 加载用户信息 */
diff --git a/src/pages/mine/feedback/index.vue b/src/pages/mine/feedback/index.vue
deleted file mode 100644
index 849f1b1..0000000
--- a/src/pages/mine/feedback/index.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-text size="small">选填，最多上传3张图片</wd-text>
-    <wd-form ref="formRef" :model="formData" :rules="rules">
-      <wd-form-item label="问题类型" prop="feedbackType">
-        <wd-radio-group v-model="formData.feedbackType" inline>
-          <wd-radio v-for="item in feedbackTypes" :key="item.value" :value="item.value">
-            {{ item.label }}
-          </wd-radio>
-        </wd-radio-group>
-      </wd-form-item>
-
-      <!-- 问题描述 -->
-      <wd-form-item label="问题描述" prop="description">
-        <wd-textarea
-          v-model="formData.description"
-          placeholder="请详细描述您遇到的问题或建议..."
-          :maxlength="120"
-          show-word-limit
-        />
-      </wd-form-item>
-
-      <!-- 图片上传 -->
-      <wd-form-item label="相关截图" prop="fileList">
-        <wd-upload
-          v-model="formData.fileList"
-          :max-count="3"
-          :before-read="beforeRead"
-          @delete="handleDelete"
-        />
-      </wd-form-item>
-
-      <!-- 联系方式 -->
-      <wd-form-item label="联系方式" prop="contact">
-        <wd-input v-model="formData.contact" placeholder="请输入您的手机号或邮箱" clearable />
-        <wd-text size="small">选填，便于我们与您联系</wd-text>
-      </wd-form-item>
-
-      <!-- 提交按钮 -->
-      <view class="mx-30rpx mt-40rpx">
-        <wd-button type="primary" block :loading="submitting" @click="handleSubmit">
-          提交反馈
-        </wd-button>
-      </view>
-    </wd-form>
-  </view>
-</template>
-
-<route lang="json">
-{
-  "name": "feedback",
-  "style": {
-    "navigationBarTitleText": "意见反馈"
-  },
-  "meta": { "requireAuth": true }
-}
-</route>
-
-<script setup lang="ts">
-import { useToast } from "wot-design-uni";
-import { FormRules } from "wot-design-uni/components/wd-form/types";
-
-const toast = useToast();
-const formRef = ref();
-
-// 问题类型选项
-const feedbackTypes = [
-  { label: "功能异常", value: "bug" },
-  { label: "优化建议", value: "suggestion" },
-  { label: "其他问题", value: "other" },
-];
-
-// 表单数据
-const formData = reactive({
-  feedbackType: "bug",
-  description: "",
-  fileList: [] as Array<Record<string, any>>,
-  contact: "",
-});
-
-// 表单验证规则
-const rules: FormRules = {
-  description: [
-    {
-      required: true,
-      message: "请描述您遇到的问题",
-      validator: (value) => {
-        if (value && value.trim()) {
-          return Promise.resolve();
-        } else {
-          return Promise.reject("请描述您遇到的问题");
-        }
-      },
-    },
-  ],
-  contact: [
-    {
-      required: false,
-      validator: (value) => {
-        if (!value) return Promise.resolve(); // 非必填
-        const emailReg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
-        const phoneReg = /^1[3456789]\d{9}$/;
-        return emailReg.test(value) || phoneReg.test(value)
-          ? Promise.resolve()
-          : Promise.reject("请输入正确的手机号或邮箱");
-      },
-      message: "请输入正确的手机号或邮箱",
-      trigger: "blur",
-    },
-  ],
-};
-
-// 提交状态
-const submitting = ref(false);
-
-// 图片上传前的校验
-const beforeRead = (file: Record<string, any>) => {
-  // 验证文件类型
-  const validTypes = ["image/jpeg", "image/png", "image/gif"];
-  if (!validTypes.includes(file.type)) {
-    toast.error("请上传 jpg、png 或 gif 格式的图片");
-    return false;
-  }
-  // 验证文件大小（限制为 5MB）
-  if (file.size > 5 * 1024 * 1024) {
-    toast.error("图片大小不能超过 5MB");
-    return false;
-  }
-  return true;
-};
-
-// 删除图片
-const handleDelete = (detail: { index: number }) => {
-  const index = detail.index;
-  formData.fileList.splice(index, 1);
-};
-
-// 提交反馈
-const handleSubmit = async () => {
-  // 表单验证
-  const { valid } = await formRef.value.validate();
-
-  if (valid) {
-    submitting.value = true;
-    try {
-      // TODO: 调用提交反馈的接口
-      await new Promise((resolve) => setTimeout(resolve, 1500)); // 模拟提交
-      toast.success("提交成功");
-
-      // 重置表单
-      formRef.value.reset();
-      formData.feedbackType = "bug";
-      formData.description = "";
-      formData.fileList = [];
-      formData.contact = "";
-
-      // 延迟返回上一页
-      setTimeout(() => {
-        uni.navigateBack();
-      }, 1500);
-    } finally {
-      submitting.value = false;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 53f3f92..139e4bb 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -6,8 +6,8 @@
 
       <custom-navbar
         bg-color="transparent"
-        title-color="#fff"
-        icon-color="#fff"
+        title-color="var(--color-text-inverse)"
+        icon-color="var(--color-text-inverse)"
         :show-back="false"
         :placeholder="false"
       >
@@ -27,7 +27,7 @@
               />
               <view v-if="isLogin" class="profile-card__online-dot" />
               <view v-if="genderIconName" class="profile-card__gender" :class="genderIconClass">
-                <wd-icon :name="genderIconName" size="12" color="#fff" />
+                <wd-icon :name="genderIconName" size="12" color="var(--color-text-inverse)" />
               </view>
             </view>
 
@@ -40,14 +40,14 @@
 
               <view v-if="isLogin" class="profile-card__tags">
                 <view class="profile-tag">
-                  <wd-icon name="user" size="12" color="rgba(255, 255, 255, 0.92)" />
+                  <wd-icon name="user" size="12" color="var(--color-text-inverse)" />
                   <text>{{ isLogin ? userInfo?.username || "未设置账号" : "快捷登录" }}</text>
                 </view>
                 <view class="profile-tag">
                   <wd-icon
                     :name="isLogin && deptNameText ? 'home' : 'secured'"
                     size="12"
-                    color="rgba(255, 255, 255, 0.92)"
+                    color="var(--color-text-inverse)"
                   />
                   <text>{{ isLogin && deptNameText ? deptNameText : "安全可靠" }}</text>
                 </view>
@@ -58,13 +58,13 @@
 
             <view v-if="isLogin" class="profile-card__actions">
               <view class="profile-card__action-btn" @click.stop="openNotifications">
-                <wd-icon name="notification" size="16" color="#fff" />
+                <wd-icon name="notification" size="16" color="var(--color-text-inverse)" />
                 <view v-if="notificationCount > 0" class="profile-card__notify-badge">
                   {{ notificationCount }}
                 </view>
               </view>
               <view class="profile-card__action-btn" @click.stop="openThemeSettings">
-                <wd-icon name="setting1" size="16" color="#fff" />
+                <wd-icon name="setting1" size="16" color="var(--color-text-inverse)" />
               </view>
             </view>
 
@@ -96,14 +96,14 @@
             <text class="community-card__desc">开源更新、实战内容、交流群入口，统一在这里查看</text>
           </view>
           <view class="community-card__arrow">
-            <wd-icon name="arrow-right" size="16" color="#64748b" />
+            <wd-icon name="arrow-right" size="16" color="var(--color-text-secondary)" />
           </view>
         </view>
 
         <view class="quick-cards">
           <view class="quick-card" @click="openProfile">
-            <view class="quick-card__icon" style="background: #dbeafe">
-              <wd-icon name="user" size="28" color="#1e40af" />
+            <view class="quick-card__icon quick-card__icon--info">
+              <wd-icon name="user" size="28" color="var(--color-primary)" />
             </view>
             <view class="quick-card__body">
               <text class="quick-card__title">我的资料</text>
@@ -111,8 +111,8 @@
             </view>
           </view>
           <view class="quick-card" @click="openAccount">
-            <view class="quick-card__icon" style="background: #d1fae5">
-              <wd-icon name="secured" size="28" color="#065f46" />
+            <view class="quick-card__icon quick-card__icon--success">
+              <wd-icon name="secured" size="28" color="var(--color-success-dark)" />
             </view>
             <view class="quick-card__body">
               <text class="quick-card__title">账号安全</text>
@@ -128,25 +128,25 @@
         <text class="section-title">系统工具</text>
         <view class="menu-list menu-list--flat">
           <view class="menu-row" @click="openNetworkTest">
-            <view class="menu-row__icon" style="background: #fed7aa">
-              <wd-icon name="server" size="18" color="#c2410c" />
+            <view class="menu-row__icon menu-row__icon--warning">
+              <wd-icon name="server" size="18" color="var(--color-warning-dark)" />
             </view>
             <view class="menu-row__main">
               <text class="menu-row__title">网络检测</text>
               <text class="menu-row__desc">检测接口连通性</text>
             </view>
-            <wd-icon name="arrow-right" size="16" color="#94a3b8" />
+            <wd-icon name="arrow-right" size="16" color="var(--color-text-placeholder)" />
           </view>
           <view class="menu-row" @click="handleClearCache">
-            <view class="menu-row__icon" style="background: #fecdd3">
-              <wd-icon name="delete-thin" size="18" color="#be123c" />
+            <view class="menu-row__icon menu-row__icon--danger">
+              <wd-icon name="delete-thin" size="18" color="var(--color-danger-dark)" />
             </view>
             <view class="menu-row__main">
               <text class="menu-row__title">清理缓存</text>
               <text class="menu-row__desc">显示当前缓存大小</text>
             </view>
             <text class="menu-row__value">{{ cacheSize }}</text>
-            <wd-icon name="arrow-right" size="16" color="#94a3b8" />
+            <wd-icon name="arrow-right" size="16" color="var(--color-text-placeholder)" />
           </view>
         </view>
       </view>
@@ -155,25 +155,25 @@
         <text class="section-title">帮助与支持</text>
         <view class="menu-list menu-list--flat">
           <view class="menu-row" @click="openUserAgreement">
-            <view class="menu-row__icon" style="background: #d1fae5">
-              <wd-icon name="secured" size="18" color="#065f46" />
+            <view class="menu-row__icon menu-row__icon--success">
+              <wd-icon name="secured" size="18" color="var(--color-success-dark)" />
             </view>
             <view class="menu-row__main">
               <text class="menu-row__title">用户协议</text>
               <text class="menu-row__desc">了解产品使用规则</text>
             </view>
-            <wd-icon name="arrow-right" size="16" color="#94a3b8" />
+            <wd-icon name="arrow-right" size="16" color="var(--color-text-placeholder)" />
           </view>
           <view class="menu-row" @click="openAbout">
-            <view class="menu-row__icon" style="background: #ccfbf1">
-              <wd-icon name="info-circle" size="18" color="#0f766e" />
+            <view class="menu-row__icon menu-row__icon--teal">
+              <wd-icon name="info-circle" size="18" color="var(--color-success-dark)" />
             </view>
             <view class="menu-row__main">
               <text class="menu-row__title">关于系统</text>
               <text class="menu-row__desc">产品介绍与联系方式</text>
             </view>
             <text class="menu-row__value">v{{ appVersion }}</text>
-            <wd-icon name="arrow-right" size="16" color="#94a3b8" />
+            <wd-icon name="arrow-right" size="16" color="var(--color-text-placeholder)" />
           </view>
         </view>
       </view>
@@ -204,12 +204,16 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
+import { onShow } from "@dcloudio/uni-app";
+import { useToast, useMessage } from "wot-design-uni";
 import { useUserStore, useThemeStore } from "@/store";
 import { useRouter } from "uni-mini-router";
 import { useNavbar } from "@/composables/useNavbar";
 import { getAccessToken } from "@/utils/auth";
 
+const toast = useToast();
+const { messageBox } = useMessage();
+
 const userStore = useUserStore();
 const themeStore = useThemeStore();
 const currentThemeColor = computed(() => themeStore.themeVars.colorTheme);
@@ -220,7 +224,7 @@ const hasAccessToken = ref(!!getAccessToken());
 const isLogin = computed(() => !!getAccessToken());
 
 const headerBackground = computed(() => {
-  const color = currentThemeColor.value || "#4d80f0";
+  const color = currentThemeColor.value || "var(--color-primary)";
   const colorWithAlpha = color.length === 7 ? `${color}E6` : color;
   const colorWithAlpha2 = color.length === 7 ? `${color}CC` : color;
   return `linear-gradient(135deg, ${colorWithAlpha} 0%, ${colorWithAlpha2} 100%)`;
@@ -280,13 +284,6 @@ const syncMiniProgramVersion = () => {
   // #endif
 };
 
-onLoad(async () => {
-  syncAuthState();
-  await fetchUserInfoIfNeeded();
-  await fetchCacheSize();
-  syncMiniProgramVersion();
-});
-
 onShow(async () => {
   syncAuthState();
   await fetchUserInfoIfNeeded();
@@ -377,8 +374,7 @@ const fetchCacheSize = async () => {
     if (!cacheSize.value) {
       cacheSize.value = "0B";
     }
-  } catch (error) {
-    console.error("获取缓存大小失败:", error);
+  } catch {
     cacheSize.value = "获取失败";
   }
 };
@@ -423,20 +419,18 @@ const handleClearCache = async () => {
   }
 };
 
-const handleLogout = () => {
-  uni.showModal({
-    title: "提示",
-    content: "确定要退出登录吗？",
-    success: function (res) {
-      if (res.confirm) {
-        userStore.logout();
-        uni.showToast({
-          title: "已退出登录",
-          icon: "success",
-        });
-      }
-    },
-  });
+const handleLogout = async () => {
+  try {
+    await messageBox({
+      title: "提示",
+      msg: "确定要退出登录吗？",
+      type: "warning",
+    });
+    userStore.logout();
+    toast.success("已退出登录");
+  } catch {
+    // 用户取消
+  }
 };
 
 // 有来技术公众号
@@ -474,7 +468,7 @@ const openOfficialAccount = () => {
 
 .mine-hero__content {
   position: relative;
-  z-index: 1;
+  z-index: var(--z-sticky);
   flex-direction: column;
   gap: 20rpx;
   padding: 20rpx 28rpx 0;
@@ -483,7 +477,7 @@ const openOfficialAccount = () => {
 .mine-navbar__title {
   font-size: 32rpx;
   font-weight: 600;
-  color: #fff;
+  color: var(--color-text-inverse);
   letter-spacing: 2rpx;
 }
 
@@ -548,7 +542,7 @@ const openOfficialAccount = () => {
   bottom: 2rpx;
   width: 36rpx;
   height: 36rpx;
-  border: 2rpx solid #fff;
+  border: 2rpx solid var(--color-text-inverse);
   border-radius: 50%;
   box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
 }
@@ -559,7 +553,7 @@ const openOfficialAccount = () => {
   bottom: 6rpx;
   width: 18rpx;
   height: 18rpx;
-  background: #22c55e;
+  background: var(--color-success);
   border: 3rpx solid rgba(255, 255, 255, 0.95);
   border-radius: 50%;
   box-shadow: 0 4rpx 12rpx rgba(15, 23, 42, 0.12);
@@ -598,18 +592,18 @@ const openOfficialAccount = () => {
   height: 30rpx;
   padding: 0 8rpx;
   font-size: 18rpx;
-  color: #fff;
-  background: #ef4444;
+  color: var(--color-text-inverse);
+  background: var(--color-danger);
   border: 2rpx solid rgba(255, 255, 255, 0.95);
   border-radius: 999rpx;
 }
 
 .gender-icon--male {
-  background: #60a5fa;
+  background: var(--color-primary);
 }
 
 .gender-icon--female {
-  background: #fb7185;
+  background: var(--color-danger);
 }
 
 .profile-card__main {
@@ -684,7 +678,7 @@ const openOfficialAccount = () => {
 
 .quick-cards {
   position: relative;
-  z-index: 2;
+  z-index: var(--z-sticky);
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20rpx;
@@ -707,7 +701,7 @@ const openOfficialAccount = () => {
 .community-card__bg {
   position: absolute;
   inset: 0;
-  z-index: 0;
+  z-index: var(--z-base);
   width: 100%;
   height: 100%;
   pointer-events: none;
@@ -717,7 +711,7 @@ const openOfficialAccount = () => {
 .community-card__mask {
   position: absolute;
   inset: 0;
-  z-index: 1;
+  z-index: var(--z-sticky);
   background: linear-gradient(
     90deg,
     rgba(255, 255, 255, 0.62) 0%,
@@ -729,7 +723,7 @@ const openOfficialAccount = () => {
 .community-card__sparkle {
   position: absolute;
   inset: 0;
-  z-index: 1;
+  z-index: var(--z-sticky);
   pointer-events: none;
   background:
     radial-gradient(circle at 18% 30%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 52%),
@@ -740,7 +734,7 @@ const openOfficialAccount = () => {
 
 .community-card__logo {
   position: relative;
-  z-index: 2;
+  z-index: var(--z-sticky);
   box-sizing: border-box;
   width: 84rpx;
   height: 84rpx;
@@ -753,14 +747,14 @@ const openOfficialAccount = () => {
 
 .community-card__body {
   position: relative;
-  z-index: 2;
+  z-index: var(--z-sticky);
   flex: 1;
   min-width: 0;
 }
 
 .community-card__arrow {
   position: relative;
-  z-index: 2;
+  z-index: var(--z-sticky);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -844,6 +838,14 @@ const openOfficialAccount = () => {
   width: 84rpx;
   height: 84rpx;
   border-radius: 22rpx;
+
+  &--info {
+    background: var(--color-primary-light);
+  }
+
+  &--success {
+    background: var(--color-success-light);
+  }
 }
 
 .quick-card__body {
@@ -881,11 +883,27 @@ const openOfficialAccount = () => {
   width: 72rpx;
   height: 72rpx;
   border-radius: 22rpx;
+
+  &--warning {
+    background: var(--color-warning-light);
+  }
+
+  &--danger {
+    background: var(--color-danger-light);
+  }
+
+  &--success {
+    background: var(--color-success-light);
+  }
+
+  &--teal {
+    background: var(--color-success-light);
+  }
 }
 
 .mine-body {
   position: relative;
-  z-index: 0;
+  z-index: var(--z-base);
   padding: 0 28rpx calc(env(safe-area-inset-bottom) + 40rpx);
   margin-top: 0;
   background: var(--color-bg-secondary);
@@ -953,22 +971,22 @@ const openOfficialAccount = () => {
 :deep(.profile-card__button) {
   flex-shrink: 0;
   min-width: 156rpx;
-  height: 72rpx !important;
-  padding: 0 24rpx !important;
-  font-size: 24rpx !important;
+  height: 72rpx;
+  padding: 0 24rpx;
+  font-size: 24rpx;
   font-weight: 600;
-  border: 0 !important;
-  border-radius: 999rpx !important;
+  border: 0;
+  border-radius: 999rpx;
 }
 
 :deep(.logout-btn) {
   width: 100%;
-  height: 88rpx !important;
-  font-size: 28rpx !important;
-  color: var(--color-danger) !important;
-  background: var(--color-bg) !important;
-  border: 1rpx solid rgba(239, 68, 68, 0.18) !important;
-  border-radius: 24rpx !important;
+  height: 88rpx;
+  font-size: 28rpx;
+  color: var(--color-danger);
+  background: var(--color-bg);
+  border: 1rpx solid rgba(239, 68, 68, 0.18);
+  border-radius: 24rpx;
   box-shadow: 0 12rpx 30rpx rgba(239, 68, 68, 0.08);
 }
 
diff --git a/src/pages/mine/official/index.vue b/src/pages/mine/official/index.vue
index c897d90..c3013c8 100644
--- a/src/pages/mine/official/index.vue
+++ b/src/pages/mine/official/index.vue
@@ -1,108 +1,107 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <view class="page-content">
-      <view class="header">
-        <image class="logo" src="/static/logo.png" mode="aspectFill" />
-        <view class="header-info">
-          <view class="title">有来技术</view>
-          <view class="sub-title">关注公众号获取更多技术干货</view>
-        </view>
-      </view>
-
-      <view class="qr-card">
-        <image
-          class="qr-image"
-          src="/static/images/qrcode-official.png"
-          mode="widthFix"
-          show-menu-by-longpress
-        />
-        <view class="qr-tip">长按识别二维码关注公众号</view>
-
-        <view class="group-tip">
-          如需加入技术交流群，请添加微信 haoxianrui 并备注「前端/后端/全栈」，邀您入群。
-        </view>
+  <view class="page page--padding">
+    <view class="brand">
+      <image src="/static/images/logo.png" class="brand__logo" mode="aspectFit" />
+      <view class="brand__text">
+        <view class="brand__title">有来技术</view>
+        <view class="brand__desc">让开源项目更加易用</view>
       </view>
     </view>
+
+    <view class="tip">
+      长按识别下方二维码，关注「有来技术」公众号，获取最新技术分享和项目动态。
+    </view>
+
+    <view class="qrcode-card">
+      <image
+        src="/static/images/qrcode-official.png"
+        class="qrcode-card__img"
+        mode="aspectFit"
+      />
+    </view>
+
+    <view class="qrcode-hint">长按识别二维码关注</view>
   </view>
 </template>
 
+<script lang="ts" setup>
+import { onLoad } from "@dcloudio/uni-app";
+
+onLoad(() => {
+  uni.setNavigationBarTitle({ title: "公众号" });
+});
+</script>
+
 <route lang="json">
 {
   "name": "official",
   "style": {
-    "navigationBarTitleText": "有来技术"
+    "navigationBarTitleText": "公众号"
   }
 }
 </route>
 
-<script lang="ts" setup></script>
-
 <style lang="scss" scoped>
-.page-content {
-  padding: 28rpx;
-  padding-bottom: calc(28rpx + env(safe-area-inset-bottom));
-}
-
-.header {
+.brand {
   display: flex;
   align-items: center;
   gap: 20rpx;
   padding: 28rpx;
-  background: #fff;
+  background: var(--color-bg);
   border-radius: 20rpx;
   box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
 }
 
-.logo {
+.brand__logo {
   width: 96rpx;
   height: 96rpx;
   border-radius: 20rpx;
 }
 
-.header-info {
+.brand__text {
   flex: 1;
   min-width: 0;
 }
 
-.title {
+.brand__title {
   font-size: 34rpx;
   font-weight: 700;
-  color: #111827;
+  color: var(--color-text);
 }
 
-.sub-title {
+.brand__desc {
   margin-top: 8rpx;
   font-size: 26rpx;
-  color: #6b7280;
+  color: var(--color-text-secondary);
 }
 
-.group-tip {
+.tip {
   margin-top: 20rpx;
   padding: 20rpx;
   font-size: 26rpx;
   line-height: 1.6;
-  color: #374151;
-  background: #f9fafb;
+  color: var(--color-text);
+  background: var(--color-bg-tertiary);
   border-radius: 16rpx;
 }
 
-.qr-card {
+.qrcode-card {
   margin-top: 24rpx;
   padding: 28rpx;
-  background: #fff;
+  background: var(--color-bg);
   border-radius: 20rpx;
   box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
 }
 
-.qr-image {
+.qrcode-card__img {
   width: 100%;
   border-radius: 16rpx;
 }
 
-.qr-tip {
+.qrcode-hint {
   margin-top: 20rpx;
   text-align: center;
   font-size: 26rpx;
-  color: #6b7280;
+  color: var(--color-text-secondary);
 }
 </style>
diff --git a/src/pages/mine/profile/complete-profile.vue b/src/pages/mine/profile/complete-profile.vue
index 61980e8..37fbebb 100644
--- a/src/pages/mine/profile/complete-profile.vue
+++ b/src/pages/mine/profile/complete-profile.vue
@@ -1,121 +1,98 @@
 <template>
-  <view class="page dark:text-[var(--wot-color-text)]">
-    <!-- 头部标题 -->
-    <view class="header">
-      <view class="title">完善个人信息</view>
-      <view class="subtitle">为了给您提供更好的服务，请完善以下信息</view>
+  <view class="page">
+    <!-- 头部 -->
+    <view class="hero">
+      <view class="hero__title">完善个人信息</view>
+      <view class="hero__subtitle">为了给您提供更好的服务，请完善以下信息</view>
     </view>
 
-    <!-- 表单区域 -->
-    <view class="form-container">
+    <!-- 表单 -->
+    <view class="profile-form">
       <wd-form ref="profileFormRef" :model="profileForm">
-        <!-- 微信小程序专用头像昵称组件 -->
-        <!-- #ifdef MP-WEIXIN -->
-        <view class="form-section">
-          <view class="section-title">基本信息</view>
-
-          <!-- 内联WechatProfile组件的内容 -->
-          <view class="wechat-profile">
-            <!-- 头像选择 -->
-            <view class="avatar-section">
-              <view class="section-title">头像</view>
-              <button class="avatar-button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
-                <image
-                  v-if="profileForm.avatar"
-                  :src="profileForm.avatar"
-                  class="avatar-image"
-                  mode="aspectFill"
-                />
-                <view v-else class="avatar-placeholder">
-                  <wd-icon name="camera" size="40" color="#999" />
-                  <text class="placeholder-text">选择头像</text>
-                </view>
-              </button>
-            </view>
-
-            <!-- 昵称输入 -->
-            <view class="nickname-section">
-              <view class="section-title">昵称</view>
-              <input
-                v-model="profileForm.nickname"
-                type="nickname"
-                class="nickname-input"
-                placeholder="请输入昵称"
-                :maxlength="20"
+        <!-- 头像 -->
+        <view class="profile-form__section">
+          <view class="profile-form__label">头像</view>
+          <view class="avatar-picker">
+            <!-- #ifdef MP-WEIXIN -->
+            <button class="avatar-picker__trigger" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+            <!-- #endif -->
+            <!-- #ifndef MP-WEIXIN -->
+            <view class="avatar-picker__trigger" @click="chooseAvatar">
+            <!-- #endif -->
+              <image
+                v-if="profileForm.avatar"
+                :src="profileForm.avatar"
+                class="avatar-picker__img"
+                mode="aspectFill"
               />
+              <view v-else class="avatar-picker__placeholder">
+                <wd-icon name="camera" size="40" color="var(--color-text-placeholder)" />
+                <text class="avatar-picker__hint">选择头像</text>
+              </view>
+            <!-- #ifdef MP-WEIXIN -->
+            </button>
+            <!-- #endif -->
+            <!-- #ifndef MP-WEIXIN -->
             </view>
-
-            <!-- 性别选择 -->
-            <view class="gender-section">
-              <view class="section-title">性别</view>
-              <wd-radio-group v-model="profileForm.gender" shape="button" class="gender-group">
-                <wd-radio :value="1" class="gender-radio">男</wd-radio>
-                <wd-radio :value="2" class="gender-radio">女</wd-radio>
-              </wd-radio-group>
-            </view>
-          </view>
-        </view>
-        <!-- #endif -->
-
-        <!-- 其他平台的头像上传 -->
-        <!-- #ifndef MP-WEIXIN -->
-        <!-- 头像上传 -->
-        <view class="form-section">
-          <view class="section-title">头像</view>
-          <view class="avatar-upload" @click="chooseAvatar">
-            <view v-if="!profileForm.avatar" class="avatar-placeholder">
-              <wd-icon name="camera" size="40" color="#999" />
-              <text class="placeholder-text">点击上传头像</text>
-            </view>
-            <image v-else :src="profileForm.avatar" class="avatar-preview" mode="aspectFill" />
+            <!-- #endif -->
           </view>
         </view>
 
-        <!-- 昵称输入 -->
-        <view class="form-section">
-          <view class="section-title">
+        <!-- 昵称 -->
+        <view class="profile-form__section">
+          <view class="profile-form__label">
             昵称
-            <text class="required">*</text>
+            <text class="profile-form__required">*</text>
           </view>
+          <!-- #ifdef MP-WEIXIN -->
+          <input
+            v-model="profileForm.nickname"
+            type="nickname"
+            class="profile-form__nickname-input"
+            placeholder="请输入昵称"
+            :maxlength="20"
+          />
+          <!-- #endif -->
+          <!-- #ifndef MP-WEIXIN -->
           <wd-input
             v-model="profileForm.nickname"
             placeholder="请输入昵称"
             prop="nickname"
             :rules="rules.nickname"
-            custom-class="nickname-input"
+            custom-class="profile-form__nickname-input"
           />
+          <!-- #endif -->
         </view>
 
-        <!-- 性别选择 -->
-        <view class="form-section">
-          <view class="section-title">性别</view>
+        <!-- 性别 -->
+        <view class="profile-form__section">
+          <view class="profile-form__label">性别</view>
           <wd-radio-group v-model="profileForm.gender" shape="button" class="gender-group">
             <wd-radio :value="1" class="gender-radio">男</wd-radio>
             <wd-radio :value="2" class="gender-radio">女</wd-radio>
           </wd-radio-group>
         </view>
-        <!-- #endif -->
 
-        <!-- 手机号授权 -->
-        <view class="form-section">
-          <view class="section-title">
+        <!-- 手机号 -->
+        <view class="profile-form__section">
+          <view class="profile-form__label">
             手机号
-            <text class="required">*</text>
+            <text class="profile-form__required">*</text>
           </view>
           <wd-input
             v-model="profileForm.mobile"
             placeholder="请输入手机号"
             prop="mobile"
-            custom-class="nickname-input"
+            custom-class="profile-form__nickname-input"
           />
         </view>
       </wd-form>
     </view>
 
-    <!-- 底部按钮 -->
-    <view class="footer">
+    <!-- 底部 -->
+    <view class="profile-footer">
       <wd-button
-        class="complete-btn"
+        class="profile-footer__submit"
         type="primary"
         size="large"
         block
@@ -125,7 +102,7 @@
       >
         完成
       </wd-button>
-      <view class="skip-btn" @click="handleSkip">
+      <view class="profile-footer__skip" @click="handleSkip">
         <text>暂时跳过</text>
       </view>
     </view>
@@ -144,7 +121,7 @@
 <script lang="ts" setup>
 import { ref, reactive, computed } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
-import { useToast } from "wot-design-uni";
+import { useToast, useMessage } from "wot-design-uni";
 import { useUserStore } from "@/store";
 import UserAPI, { type UserProfileForm } from "@/api/user";
 import FileAPI, { type FileInfo } from "@/api/file";
@@ -152,10 +129,8 @@ import FileAPI, { type FileInfo } from "@/api/file";
 const toast = useToast();
 const userStore = useUserStore();
 
-// 页面参数：使用 query 读取重定向
 const redirect = ref("/pages/index/index");
 
-// 表单数据
 const profileForm = reactive<UserProfileForm & { mobile?: string }>({
   nickname: "",
   avatar: "",
@@ -163,7 +138,6 @@ const profileForm = reactive<UserProfileForm & { mobile?: string }>({
   mobile: "",
 });
 
-// 表单验证规则
 const rules = {
   nickname: [
     { required: true, message: "请输入昵称" },
@@ -171,57 +145,41 @@ const rules = {
   ],
 };
 
-// 状态管理
 const loading = ref(false);
 const cropperVisible = ref(false);
 const originalImageSrc = ref("");
 const profileFormRef = ref();
 
-// 计算属性
 const canComplete = computed(() => {
   return profileForm.nickname && profileForm.mobile;
 });
 
-// 页面加载
 onLoad((options: any) => {
   if (options?.redirect) {
     redirect.value = decodeURIComponent(options.redirect);
   }
-
-  // 如果用户已有部分信息，预填充
   const userInfo = userStore.userInfo;
   if (userInfo) {
     profileForm.nickname = userInfo.nickname || "";
     profileForm.avatar = userInfo.avatar || "";
-    // 注意：UserInfo接口可能没有gender字段，这里需要安全访问
     profileForm.gender = (userInfo as any).gender || 1;
   }
 });
 
-// 微信小程序头像选择处理
 const onChooseAvatar = async (e: any) => {
   try {
     const { avatarUrl } = e.detail;
-
-    // 上传头像到服务器
-    uni.showLoading({ title: "上传中..." });
-
+    toast.loading("上传中...");
     const fileInfo: FileInfo = await FileAPI.upload(avatarUrl);
     profileForm.avatar = fileInfo.url;
-
-    uni.hideLoading();
-    uni.showToast({ title: "头像上传成功", icon: "success" });
-  } catch (error) {
-    uni.hideLoading();
-    console.error("头像上传失败:", error);
-    uni.showToast({ title: "头像上传失败", icon: "error" });
+    toast.success("头像上传成功");
+  } catch {
+    toast.error("头像上传失败");
   }
 };
 
-// 选择头像
 const chooseAvatar = () => {
   // #ifdef MP-WEIXIN
-  // 微信小程序使用头像昵称填写能力
   uni.chooseMedia({
     count: 1,
     mediaType: ["image"],
@@ -230,8 +188,7 @@ const chooseAvatar = () => {
       originalImageSrc.value = res.tempFiles[0].tempFilePath;
       cropperVisible.value = true;
     },
-    fail: (err) => {
-      console.error("选择图片失败:", err);
+    fail: () => {
       toast.error("选择图片失败");
     },
   });
@@ -245,34 +202,27 @@ const chooseAvatar = () => {
       originalImageSrc.value = res.tempFilePaths[0];
       cropperVisible.value = true;
     },
-    fail: (err) => {
-      console.error("选择图片失败:", err);
+    fail: () => {
       toast.error("选择图片失败");
     },
   });
   // #endif
 };
 
-// 头像裁剪确认
 const handleAvatarConfirm = async (event: any) => {
   try {
     const { tempFilePath } = event;
     toast.loading("上传中...");
-
     const fileInfo: FileInfo = await FileAPI.upload(tempFilePath);
     profileForm.avatar = fileInfo.url;
-
     toast.success("头像上传成功");
-  } catch (error) {
-    console.error("头像上传失败:", error);
+  } catch {
     toast.error("头像上传失败");
   }
 };
 
-// 完成信息填写
 const handleComplete = async () => {
   try {
-    // 表单验证
     const { valid } = await profileFormRef.value.validate();
     if (!valid) return;
 
@@ -283,133 +233,139 @@ const handleComplete = async () => {
 
     loading.value = true;
 
-    // 更新用户信息
     await UserAPI.updateProfile({
       nickname: profileForm.nickname,
       avatar: profileForm.avatar,
       gender: profileForm.gender,
     });
 
-    // 如果有手机号，绑定手机号
     if (profileForm.mobile) {
-      await UserAPI.bindMobile({
-        mobile: profileForm.mobile,
-      });
+      await UserAPI.bindMobile({ mobile: profileForm.mobile });
     }
 
-    // 重新获取用户信息
     await userStore.getInfo();
-
     toast.success("信息完善成功");
 
-    // 跳转到目标页面
     setTimeout(() => {
       uni.reLaunch({ url: redirect.value });
     }, 1000);
   } catch (error: any) {
-    console.error("完善信息失败:", error);
     toast.error(error?.message || "完善信息失败");
   } finally {
     loading.value = false;
   }
 };
 
-// 跳过完善信息
-const handleSkip = () => {
-  uni.showModal({
-    title: "提示",
-    content: "跳过信息完善可能会影响部分功能使用，确定要跳过吗？",
-    success: (res) => {
-      if (res.confirm) {
-        uni.reLaunch({ url: redirect.value });
-      }
-    },
-  });
+const handleSkip = async () => {
+  try {
+    await messageBox({ title: "提示", msg: "跳过信息完善可能会影响部分功能使用，确定要跳过吗？", type: "warning" });
+    uni.reLaunch({ url: redirect.value });
+  } catch {
+    // 用户取消
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-.header {
+.hero {
   margin-bottom: 60rpx;
   text-align: center;
 
-  .title {
+  &__title {
     margin-bottom: 20rpx;
     font-size: 48rpx;
     font-weight: bold;
-    color: #fff;
+    color: var(--color-text-inverse);
   }
 
-  .subtitle {
+  &__subtitle {
     font-size: 28rpx;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.8);
   }
 }
 
-.form-container {
+.profile-form {
   padding: 40rpx;
   margin-bottom: 40rpx;
-  background: #fff;
+  background: var(--color-bg);
   border-radius: 24rpx;
   box-shadow: 0 8rpx 40rpx rgba(0, 0, 0, 0.1);
-}
 
-.form-section {
-  margin-bottom: 40rpx;
+  &__section {
+    margin-bottom: 40rpx;
 
-  &:last-child {
-    margin-bottom: 0;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  &__label {
+    margin-bottom: 20rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--color-text);
+  }
+
+  &__required {
+    color: var(--color-danger);
+  }
+
+  &__nickname-input {
+    :deep(.wd-input__inner) {
+      padding: 24rpx 20rpx;
+      background: var(--color-bg-tertiary);
+      border: 1rpx solid var(--color-border-light);
+      border-radius: 12rpx;
+    }
   }
 }
 
-.section-title {
-  margin-bottom: 20rpx;
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #333;
-
-  .required {
-    color: #ff4757;
-  }
-}
-
-.avatar-upload {
+.avatar-picker {
   display: flex;
   justify-content: center;
 
-  .avatar-placeholder {
+  &__trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 160rpx;
+    height: 160rpx;
+    padding: 0;
+    margin: 0 auto;
+    overflow: hidden;
+    background: transparent;
+    border: none;
+    border-radius: 50%;
+
+    &::after {
+      border: none;
+    }
+  }
+
+  &__img {
+    width: 100%;
+    height: 100%;
+    border: 4rpx solid var(--color-border-light);
+    border-radius: 50%;
+  }
+
+  &__placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 160rpx;
     height: 160rpx;
-    background: #f8f9fa;
-    border: 2rpx dashed #ddd;
-    border-radius: 50%;
-
-    .placeholder-text {
-      margin-top: 10rpx;
-      font-size: 24rpx;
-      color: #999;
-    }
-  }
-
-  .avatar-preview {
-    width: 160rpx;
-    height: 160rpx;
-    border: 4rpx solid #f0f0f0;
+    background: var(--color-bg-tertiary);
+    border: 2rpx dashed var(--color-border);
     border-radius: 50%;
   }
-}
 
-.nickname-input {
-  :deep(.wd-input__inner) {
-    padding: 24rpx 20rpx;
-    background: #f8f9fa;
-    border: 1rpx solid #e9ecef;
-    border-radius: 12rpx;
+  &__hint {
+    margin-top: 10rpx;
+    font-size: 24rpx;
+    color: var(--color-text-placeholder);
   }
 }
 
@@ -427,8 +383,8 @@ const handleSkip = () => {
   }
 }
 
-.footer {
-  .complete-btn {
+.profile-footer {
+  &__submit {
     margin-bottom: 30rpx;
 
     :deep(.wd-button) {
@@ -439,7 +395,7 @@ const handleSkip = () => {
     }
   }
 
-  .skip-btn {
+  &__skip {
     text-align: center;
 
     text {
@@ -449,86 +405,4 @@ const handleSkip = () => {
     }
   }
 }
-
-/* 内联WechatProfile组件的样式 */
-.wechat-profile {
-  padding: 20rpx;
-
-  .avatar-section {
-    margin-bottom: 40rpx;
-
-    .avatar-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 160rpx;
-      height: 160rpx;
-      padding: 0;
-      margin: 0 auto;
-      overflow: hidden;
-      background: transparent;
-      border: none;
-      border-radius: 50%;
-
-      &::after {
-        border: none;
-      }
-    }
-
-    .avatar-image {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-
-    .avatar-placeholder {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-      background: var(--wot-color-bg-light);
-      border: 2rpx dashed var(--wot-color-border);
-      border-radius: 50%;
-
-      .placeholder-text {
-        margin-top: 10rpx;
-        font-size: 24rpx;
-        color: var(--wot-color-text-secondary);
-      }
-    }
-  }
-
-  .nickname-section {
-    margin-bottom: 40rpx;
-
-    .nickname-input {
-      box-sizing: border-box;
-      width: 100%;
-      height: 80rpx;
-      padding: 0 20rpx;
-      font-size: 28rpx;
-      background: var(--wot-color-bg-light);
-      border: 1rpx solid var(--wot-color-border);
-      border-radius: 12rpx;
-    }
-  }
-
-  .gender-section {
-    .gender-group {
-      display: flex;
-      gap: 20rpx;
-
-      .gender-radio {
-        flex: 1;
-
-        :deep(.wd-radio) {
-          justify-content: center;
-          width: 100%;
-        }
-      }
-    }
-  }
-}
 </style>
diff --git a/src/pages/mine/profile/index.vue b/src/pages/mine/profile/index.vue
index 30ea0cf..507b442 100644
--- a/src/pages/mine/profile/index.vue
+++ b/src/pages/mine/profile/index.vue
@@ -9,14 +9,11 @@
                 <view v-if="!userProfile.avatar" class="img" @click="handleAvatarUpload">
                   <wd-icon name="fill-camera" custom-class="img-icon" />
                 </view>
-                <wd-img
+                <image
                   v-if="userProfile.avatar"
-                  round
-                  width="80px"
-                  height="80px"
+                  class="img"
                   :src="userProfile.avatar"
                   mode="aspectFit"
-                  custom-class="profile-img"
                   @click="handleAvatarUpload"
                 />
               </view>
@@ -74,13 +71,13 @@
   </view>
 </template>
 <script setup lang="ts">
-import UserAPI, { type UserProfileVO, UserProfileForm } from "@/api/user";
+import UserAPI, { type UserProfile, UserProfileForm } from "@/api/user";
 import FileAPI, { type FileInfo } from "@/api/file";
 import { checkLogin } from "@/utils/auth";
 
 const originalSrc = ref<string>(""); //选取的原图路径
 const avatarShow = ref<boolean>(false); //显示头像裁剪
-const userProfile = ref<UserProfileVO>(); //用户信息
+const userProfile = ref<UserProfile>(); //用户信息
 
 /** 加载用户信息 */
 const loadUserProfile = async () => {
@@ -202,7 +199,7 @@ function handleTouchMove(event: TouchEvent) {
         position: absolute;
         top: 50%;
         left: 50%;
-        color: #fff;
+        color: var(--color-text-inverse);
       }
     }
   }
diff --git a/src/pages/mine/settings/index.vue b/src/pages/mine/settings/index.vue
index 9fcd243..c5a9349 100644
--- a/src/pages/mine/settings/index.vue
+++ b/src/pages/mine/settings/index.vue
@@ -68,7 +68,7 @@ const navigateToNetworkTest = () => {
 // 是否正在清理
 const clearing = ref(false);
 // 缓存大小
-const cacheSize = ref<any>("计算中...");
+const cacheSize = ref<string>("计算中...");
 // 获取缓存大小
 const getCacheSize = async () => {
   try {
@@ -84,8 +84,7 @@ const getCacheSize = async () => {
     if (!cacheSize.value) {
       cacheSize.value = "0B";
     }
-  } catch (error) {
-    console.error("获取缓存大小失败:", error);
+  } catch {
     cacheSize.value = "获取失败";
   }
 };
@@ -147,20 +146,14 @@ const handleClearCache = async () => {
 };
 
 // 退出登录
-const handleLogout = () => {
-  uni.showModal({
-    title: "提示",
-    content: "确定要退出登录吗？",
-    success: function (res) {
-      if (res.confirm) {
-        userStore.logout();
-        uni.showToast({
-          title: "已退出登录",
-          icon: "success",
-        });
-      }
-    },
-  });
+const handleLogout = async () => {
+  try {
+    await messageBox({ title: "提示", msg: "确定要退出登录吗？", type: "warning" });
+    userStore.logout();
+    toast.success("已退出登录");
+  } catch {
+    // 用户取消
+  }
 };
 
 // 检查登录状态
@@ -186,22 +179,22 @@ onLoad(() => {
   margin-top: 60rpx;
 }
 
-// 退出登录按钮样式
-:deep(.logout-btn) {
-  width: 80% !important;
-  height: 80rpx !important;
-  font-size: 32rpx !important;
-  font-weight: bold !important;
-  border-radius: 40rpx !important;
-  transition: all 0.3s ease !important;
+// 退出登录按钮样式 - 使用更具体的选择器替代 !important
+::deep(.wd-button.logout-btn) {
+  width: 80%;
+  height: 80rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  border-radius: 40rpx;
+  transition: all 0.3s ease;
 
   &:active {
-    opacity: 0.8 !important;
-    transform: scale(0.98) !important;
+    opacity: 0.8;
+    transform: scale(0.98);
   }
 }
 
-:deep(.loading-center) {
+::deep(.loading-center) {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -210,13 +203,13 @@ onLoad(() => {
   border-radius: 12rpx;
 }
 
-:deep(.loading-center .wd-loading__spinner) {
+::deep(.loading-center .wd-loading__spinner) {
   margin: 0 auto;
 }
 
-:deep(.loading-center .wd-loading__text) {
+::deep(.loading-center .wd-loading__text) {
   margin-top: 20rpx;
-  color: #fff;
+  color: var(--color-text-inverse);
   text-align: center;
 }
 </style>
diff --git a/src/pages/mine/settings/network/index.vue b/src/pages/mine/settings/network/index.vue
index a613150..9ad1a39 100644
--- a/src/pages/mine/settings/network/index.vue
+++ b/src/pages/mine/settings/network/index.vue
@@ -1,222 +1,160 @@
 <template>
-  <view class="page dark:text-[var(--wot-color-text)]">
-    <!-- 网络状态展示 -->
-    <wd-card>
-      <wd-cell-group border>
-        <wd-cell title="网络状态">
-          <wd-tag :type="networkType ? 'success' : 'danger'" size="small">
-            {{ networkType ? "在线" : "离线" }}
-          </wd-tag>
-        </wd-cell>
-        <wd-cell title="网络类型" :value="networkType || '未知'" />
-        <wd-cell title="网络强度" :value="signalStrength" />
-      </wd-cell-group>
-    </wd-card>
-
-    <!-- 网络测试 -->
-    <wd-card title="网络测试" custom-style="margin: 20rpx">
-      <view slot="extra">
-        <text class="text-gray-500 text-sm">测试服务器连接情况</text>
+  <view class="page">
+    <view class="page-content dark:text-[var(--wot-color-text)]">
+      <view class="flex items-center p-20rpx text-sm mr-10">
+        <text class="text-gray-500">温馨提示：点击下方「开始测试」按钮，即可自动检测当前网络延迟。</text>
       </view>
-
-      <wd-cell-group border>
-        <wd-cell title="延迟">
-          <view class="flex items-center">
-            <text class="mr-10">{{ pingResult.delay }}ms</text>
-            <wd-tag v-if="getPingStatus" :type="getPingStatusType" size="small">
-              {{ pingResult.status }}
-            </wd-tag>
+      <view class="p-20rpx">
+        <wd-button block plain @click="startTest">开始测试</wd-button>
+      </view>
+      <view v-if="isTesting" class="flex flex-col-center p-20rpx">
+        <wd-loading color="var(--wot-color-theme)" />
+        <text class="mt-10rpx text-sm">正在测试中...</text>
+      </view>
+      <view v-if="result !== null" class="p-20rpx">
+        <view class="result-card">
+          <view class="result-card__header">测试结果</view>
+          <view class="result-card__content">
+            <view class="result-card__item">
+              <text class="result-card__label">网络延迟</text>
+              <text :class="['result-card__value', getStatusClass]">{{ result }}ms</text>
+            </view>
+            <view class="result-card__item">
+              <text class="result-card__label">网络状态</text>
+              <text :class="['result-card__status', getStatusClass]">{{ getStatusText }}</text>
+            </view>
           </view>
-        </wd-cell>
-      </wd-cell-group>
-
-      <wd-progress
-        v-if="testing"
-        :percentage="progress"
-        stroke-width="4"
-        custom-style="margin: 30rpx 0"
-      />
-
-      <wd-button block type="primary" :loading="testing" @click="startTest">
-        {{ testing ? "测试中..." : "开始测试" }}
-      </wd-button>
-    </wd-card>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
 <script lang="ts" setup>
-import request from "@/utils/request";
+import { onLoad } from "@dcloudio/uni-app";
 
-interface PingResult {
-  delay: string | number;
-  status: string;
-}
+const result = ref<number | null>(null);
+const isTesting = ref(false);
 
-// 声明全局 wx 对象
-declare const wx: any;
-
-// 响应式状态
-const networkType = ref("");
-const signalStrength = ref("获取中...");
-const testing = ref(false);
-const progress = ref(0);
-const pingResult = ref<PingResult>({
-  delay: "--",
-  status: "未测试",
-});
-const networkListener = ref<any>(null);
-
-// 计算属性
-const getPingStatus = computed(() => {
-  if (pingResult.value.delay === "--") return "";
-  // 将 delay 转换为数字进行比较
-  const delay = Number(pingResult.value.delay);
-  if (isNaN(delay)) return "";
-  if (delay < 100) return "good";
-  if (delay < 300) return "normal";
-  return "bad";
+const getStatusText = computed(() => {
+  if (result.value === null) return "";
+  if (result.value < 100) return "优秀";
+  if (result.value < 300) return "良好";
+  if (result.value < 500) return "一般";
+  return "较差";
 });
 
-// 计算状态对应的Tag类型
-const getPingStatusType = computed(() => {
-  const status = getPingStatus.value;
-  if (status === "good") return "success";
-  if (status === "normal") return "warning";
-  if (status === "bad") return "danger";
-  return "primary";
+const getStatusClass = computed(() => {
+  if (result.value === null) return "";
+  if (result.value < 100) return "result-card--success";
+  if (result.value < 300) return "result-card--good";
+  if (result.value < 500) return "result-card--warning";
+  return "result-card--danger";
 });
 
-// 方法
-const getNetworkType = async () => {
-  try {
-    const res = await uni.getNetworkType();
-    networkType.value = res.networkType;
-
-    // 微信小程序支持获取信号强度
-    // #ifdef MP-WEIXIN
-    if (wx?.getNetworkWeakness) {
-      const weaknessRes = await wx.getNetworkWeakness();
-      signalStrength.value = `${weaknessRes.weaknessLevel}%`;
-    } else {
-      signalStrength.value = "不支持";
-    }
-    // #endif
-
-    // H5环境
-    // #ifdef H5
-    signalStrength.value = (navigator as any).connection
-      ? `${(navigator as any).connection.effectiveType || "未知"}`
-      : "不支持";
-    // #endif
-  } catch {
-    networkType.value = "获取失败";
-    signalStrength.value = "获取失败";
-  }
-};
-
-// 监听网络状态变化
-const listenNetworkStatus = () => {
-  // #ifdef MP-WEIXIN
-  networkListener.value = wx?.onNetworkStatusChange((res: any) => {
-    networkType.value = res.networkType;
-    getNetworkType();
-  });
-  // #endif
-
-  // #ifdef H5
-  window.addEventListener("online", getNetworkType);
-  window.addEventListener("offline", () => {
-    networkType.value = "";
-    signalStrength.value = "离线";
-  });
-  // #endif
-};
-
-// 开始网络测试
 const startTest = async () => {
-  if (testing.value) return;
-
-  testing.value = true;
-  progress.value = 0;
-  pingResult.value.delay = "--";
-  pingResult.value.status = "测试中";
-
-  const progressTimer = setInterval(() => {
-    if (progress.value < 90) {
-      progress.value += 10;
-    }
-  }, 200);
-
+  isTesting.value = true;
+  result.value = null;
   try {
     const startTime = Date.now();
-    // #ifdef H5
-    await uni.request({
-      url: "/api/v1/auth/captcha",
-      timeout: 5000,
+    // #ifdef MP-WEIXIN
+    await new Promise<void>((resolve) => {
+      wx.request({
+        url: "https://www.baidu.com",
+        method: "GET",
+        success: () => resolve(),
+        fail: () => resolve(),
+      });
     });
     // #endif
-    // #ifndef H5
-    await request({
-      url: "/api/v1/auth/captcha",
-      timeout: 5000,
-    });
+    // #ifdef H5
+    await fetch("https://www.baidu.com", { mode: "no-cors" });
     // #endif
     const endTime = Date.now();
-    const delay = endTime - startTime;
-
-    pingResult.value.delay = delay;
-    pingResult.value.status = delay < 300 ? "正常" : "较慢";
+    result.value = endTime - startTime;
   } catch {
-    pingResult.value.delay = "--";
-    pingResult.value.status = "连接失败";
+    result.value = 9999;
   } finally {
-    clearInterval(progressTimer);
-    progress.value = 100;
-    setTimeout(() => {
-      testing.value = false;
-      progress.value = 0;
-    }, 500);
+    isTesting.value = false;
   }
 };
 
-// 生命周期钩子
-onMounted(() => {
-  getNetworkType();
-  listenNetworkStatus();
-});
-
-onBeforeUnmount(() => {
-  // #ifdef MP-WEIXIN
-  if (networkListener.value?.clear) {
-    networkListener.value.clear();
-  }
-  // #endif
-
-  // #ifdef H5
-  window.removeEventListener("online", getNetworkType);
-  window.removeEventListener("offline", getNetworkType);
-  // #endif
+onLoad(() => {
+  uni.setNavigationBarTitle({ title: "网络测试" });
 });
 </script>
 
+<route lang="json">
+{
+  "name": "network",
+  "style": {
+    "navigationBarTitleText": "网络测试"
+  }
+}
+</route>
+
 <style lang="scss" scoped>
-.mr-10 {
-  margin-right: 10rpx;
-}
-
 .text-gray-500 {
-  color: #9e9e9e;
+  color: var(--color-text-placeholder);
 }
 
-.text-sm {
-  font-size: 24rpx;
-}
+.result-card {
+  background: var(--color-bg);
+  border-radius: 16rpx;
+  border: 1px solid var(--color-border);
 
-.flex {
-  display: flex;
-}
+  &__header {
+    padding: 24rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--color-text);
+    border-bottom: 1px solid var(--color-border);
+  }
 
-.items-center {
-  align-items: center;
+  &__content {
+    padding: 24rpx;
+  }
+
+  &__item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 0;
+
+    &:first-child {
+      border-bottom: 1px solid var(--color-border-light);
+    }
+  }
+
+  &__label {
+    font-size: 28rpx;
+    color: var(--color-text-secondary);
+  }
+
+  &__value {
+    font-size: 36rpx;
+    font-weight: 600;
+  }
+
+  &__status {
+    font-size: 28rpx;
+    font-weight: 500;
+  }
+
+  &--success {
+    color: var(--color-success);
+  }
+
+  &--good {
+    color: var(--color-primary);
+  }
+
+  &--warning {
+    color: var(--color-warning);
+  }
+
+  &--danger {
+    color: var(--color-danger);
+  }
 }
 </style>
diff --git a/src/pages/mine/settings/theme/index.vue b/src/pages/mine/settings/theme/index.vue
index cbab2ab..2f0b04e 100644
--- a/src/pages/mine/settings/theme/index.vue
+++ b/src/pages/mine/settings/theme/index.vue
@@ -74,7 +74,7 @@
     <wd-popup
       v-model="showCustomColorInput"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
     >
       <view class="popup-content">
         <view class="popup-header">
@@ -181,23 +181,15 @@ const applyCustomColor = () => {
 };
 
 // 重置为默认主题
-const handleResetTheme = () => {
-  uni.showModal({
-    title: "确认重置",
-    content: "确定要重置为默认主题吗？",
-    success: (res) => {
-      if (res.confirm) {
-        setThemeColor(themeColorOptions[0]);
-        customColor.value = themeColorOptions[0].primary;
-
-        uni.showToast({
-          title: "已重置为默认主题",
-          icon: "success",
-          duration: 1500,
-        });
-      }
-    },
-  });
+const handleResetTheme = async () => {
+  try {
+    await messageBox({ title: "确认重置", msg: "确定要重置为默认主题吗？", type: "warning" });
+    setThemeColor(themeColorOptions[0]);
+    customColor.value = themeColorOptions[0].primary;
+    toast.success("已重置为默认主题");
+  } catch {
+    // 用户取消
+  }
 };
 
 // 切换暗黑模式
diff --git a/src/pages/work/config/index.vue b/src/pages/work/config/index.vue
index 0f94bd5..e3a17dd 100644
--- a/src/pages/work/config/index.vue
+++ b/src/pages/work/config/index.vue
@@ -44,11 +44,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeConfigDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑配置" : "新增配置" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -72,13 +72,19 @@
       </view>
     </wd-popup>
 
-    <view
+    <!-- 浮动新增按钮 -->
+    <wd-fab
       v-if="hasPermission('sys:config:create') && !dialog.visible"
-      class="fab-add"
-      @click.stop="openConfigDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openConfigDialog()"
+    />
+
+    <!-- 操作菜单 -->
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
   </view>
 </template>
 
@@ -86,20 +92,25 @@
 import { onLoad, onReachBottom } from "@dcloudio/uni-app";
 import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
 import { FormRules } from "wot-design-uni/components/wd-form/types";
-import { useToast } from "wot-design-uni";
-import ConfigAPI, { type ConfigPageQuery, ConfigPageVO, ConfigForm } from "@/api/config";
+import { useToast, useMessage } from "wot-design-uni";
+import ConfigAPI, { type ConfigPageQuery, ConfigItem, ConfigForm } from "@/api/config";
 import { hasPermission } from "@/utils/permission";
 
 const toast = useToast();
+const { messageBox } = useMessage();
 const loadMoreState = ref<LoadMoreState>("loading");
 const formRef = ref();
 const submitting = ref(false);
 
 const queryParams = reactive<ConfigPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
 const total = ref(0);
-const pageData = ref<ConfigPageVO[]>([]);
+const pageData = ref<ConfigItem[]>([]);
 const dialog = reactive({ visible: false });
 
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const currentActionItem = ref<any>(null);
+
 const initialFormData: ConfigForm = {
   id: undefined,
   configName: undefined,
@@ -179,29 +190,34 @@ function closeConfigDialog() {
   Object.assign(formData, initialFormData);
 }
 
+// 操作菜单分发
+function handleActionSelect({ value }: { value: string }) {
+  const item = currentActionItem.value;
+  if (value === "编辑") {
+    openConfigDialog(item.id);
+  } else if (value === "删除") {
+    messageBox({
+      title: "确认删除",
+      msg: `确定要删除配置「${item.configName}」吗？`,
+      type: "warning",
+    }).then(async () => {
+      await ConfigAPI.deleteById(item.id!);
+      toast.success("删除成功");
+      loadConfigList();
+    });
+  }
+}
+
 // 更多操作
-function showConfigActions(item: ConfigPageVO) {
-  const actions: string[] = [];
-  const actionMap: Record<string, () => void> = {};
+function showConfigActions(item: ConfigItem) {
+  const actions: { name: string; color?: string }[] = [];
 
   if (hasPermission("sys:config:update")) {
-    actions.push("编辑");
-    actionMap["编辑"] = () => openConfigDialog(item.id);
+    actions.push({ name: "编辑" });
   }
 
   if (hasPermission("sys:config:delete")) {
-    actions.push("删除");
-    actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除配置「${item.configName}」吗？`,
-      });
-      if (confirm) {
-        await ConfigAPI.deleteById(item.id!);
-        toast.success("删除成功");
-        loadConfigList();
-      }
-    };
+    actions.push({ name: "删除", color: "var(--color-danger)" });
   }
 
   if (actions.length === 0) {
@@ -209,13 +225,9 @@ function showConfigActions(item: ConfigPageVO) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  currentActionItem.value = item;
+  actionSheetActions.value = actions;
+  actionSheetVisible.value = true;
 }
 
 onReachBottom(() => {
diff --git a/src/pages/work/dept/index.vue b/src/pages/work/dept/index.vue
index cd0231b..4c84b11 100644
--- a/src/pages/work/dept/index.vue
+++ b/src/pages/work/dept/index.vue
@@ -36,11 +36,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeDeptDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑部门" : "新增部门" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -72,33 +72,42 @@
     </wd-popup>
 
     <!-- 浮动新增按钮 -->
-    <view
+    <wd-fab
       v-if="hasPermission('sys:dept:create') && !dialog.visible"
-      class="fab-add"
-      hover-class="fab-add:active"
-      @click.stop="openDeptDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openDeptDialog()"
+    />
+
+    <!-- 操作菜单 -->
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
   </view>
 </template>
 
 <script lang="ts" setup>
 import { onLoad } from "@dcloudio/uni-app";
 import { FormRules } from "wot-design-uni/components/wd-form/types";
-import { useToast } from "wot-design-uni";
-import DeptAPI, { type DeptQuery, DeptVO, DeptForm } from "@/api/dept";
+import { useToast, useMessage } from "wot-design-uni";
+import DeptAPI, { type DeptQuery, DeptItem, DeptForm } from "@/api/dept";
 import { hasPermission } from "@/utils/permission";
 import CustomTree from "@/components/custom-tree/index.vue";
 
 const toast = useToast();
+const { messageBox } = useMessage();
 const formRef = ref();
 const submitting = ref(false);
 
 const queryParams = reactive<DeptQuery>({ keywords: "" });
-const deptList = ref<DeptVO[]>([]);
+const deptList = ref<DeptItem[]>([]);
 const dialog = reactive({ visible: false });
 
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const currentActionItem = ref<any>(null);
+
 const initialFormData: DeptForm = {
   id: undefined,
   parentId: 0,
@@ -113,7 +122,7 @@ const formData = reactive<DeptForm>({ ...initialFormData });
 // 转换为树组件数据格式
 const treeData = computed(() => deptList.value.map((dept) => transformDeptToTree(dept)));
 
-function transformDeptToTree(dept: DeptVO): any {
+function transformDeptToTree(dept: DeptItem): any {
   return {
     value: String(dept.id),
     label: dept.name,
@@ -184,53 +193,56 @@ const handleSearch = () => loadDeptList();
 
 // 加载列表
 function loadDeptList() {
-  console.log("loadDeptList called");
   DeptAPI.getList(queryParams)
     .then((data) => {
-      console.log("deptList data:", data);
       deptList.value = data;
-      console.log("treeData:", treeData.value);
     })
-    .catch((err) => {
-      console.error("loadDeptList error:", err);
+    .catch(() => {
+      // API 层已处理错误提示
     });
 }
 
+// 操作菜单分发
+function handleActionSelect({ value }: { value: string }) {
+  const dept = currentActionItem.value;
+  if (value === "新增子部门") {
+    handleAddChild(dept);
+  } else if (value === "编辑") {
+    openDeptDialog(dept);
+  } else if (value === "删除") {
+    messageBox({
+      title: "确认删除",
+      msg: `确定要删除部门「${dept.name}」吗？`,
+      type: "warning",
+    }).then(async () => {
+      await DeptAPI.deleteByIds(String(dept.id));
+      toast.success("删除成功");
+      loadDeptList();
+    });
+  }
+}
+
 // 处理节点操作按钮点击
 function handleNodeAction(node: any) {
-  const dept: DeptVO = {
+  const dept: DeptItem = {
     id: node.id,
     name: node.label,
     status: node.status,
     children: node.children,
-  } as DeptVO;
+  } as DeptItem;
 
-  const actions: string[] = [];
-  const actionMap: Record<string, () => void> = {};
+  const actions: { name: string; color?: string }[] = [];
 
   if (hasPermission("sys:dept:create")) {
-    actions.push("新增子部门");
-    actionMap["新增子部门"] = () => handleAddChild(dept);
+    actions.push({ name: "新增子部门" });
   }
 
   if (hasPermission("sys:dept:update")) {
-    actions.push("编辑");
-    actionMap["编辑"] = () => openDeptDialog(dept);
+    actions.push({ name: "编辑" });
   }
 
   if (hasPermission("sys:dept:delete")) {
-    actions.push("删除");
-    actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除部门「${dept.name}」吗？`,
-      });
-      if (confirm) {
-        await DeptAPI.deleteByIds(String(dept.id));
-        toast.success("删除成功");
-        loadDeptList();
-      }
-    };
+    actions.push({ name: "删除", color: "var(--color-danger)" });
   }
 
   if (actions.length === 0) {
@@ -238,17 +250,13 @@ function handleNodeAction(node: any) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  currentActionItem.value = dept;
+  actionSheetActions.value = actions;
+  actionSheetVisible.value = true;
 }
 
 // 打开弹窗（新增/编辑）
-async function openDeptDialog(dept?: DeptVO) {
+async function openDeptDialog(dept?: DeptItem) {
   formRef.value?.reset();
   Object.assign(formData, initialFormData);
   parentSelected.value = [];
@@ -286,8 +294,8 @@ async function openDeptDialog(dept?: DeptVO) {
 }
 
 // 新增子部门
-function handleAddChild(dept: DeptVO) {
-  openDeptDialog({ id: undefined, parentId: dept.id } as DeptVO);
+function handleAddChild(dept: DeptItem) {
+  openDeptDialog({ id: undefined, parentId: dept.id } as DeptItem);
   formData.parentId = dept.id!;
   parentSelected.value = [String(dept.id)];
 }
@@ -318,7 +326,6 @@ function closeDeptDialog() {
 }
 
 onLoad(() => {
-  console.log("onLoad triggered");
   loadDeptList();
 });
 </script>
@@ -335,11 +342,3 @@ export default { options: { styleIsolation: "shared" } };
   }
 }
 </route>
-
-<style lang="scss" scoped>
-.popup-actions {
-  display: flex;
-  gap: 24rpx;
-  margin-top: 32rpx;
-}
-</style>
diff --git a/src/pages/work/dict/index.vue b/src/pages/work/dict/index.vue
index 965f797..3752e46 100644
--- a/src/pages/work/dict/index.vue
+++ b/src/pages/work/dict/index.vue
@@ -47,11 +47,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeDictDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑字典" : "新增字典" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -77,13 +77,17 @@
       </view>
     </wd-popup>
 
-    <view
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
+
+    <wd-fab
       v-if="hasPermission('sys:dict:create') && !dialog.visible"
-      class="fab-add"
-      @click.stop="openDictDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openDictDialog()"
+    />
   </view>
 </template>
 
@@ -96,7 +100,7 @@ import { useToast } from "wot-design-uni";
 import DictAPI, {
   type DictTypeForm,
   type DictTypePageQuery,
-  type DictTypePageVO,
+  type DictTypeItem,
 } from "@/api/dict";
 import { hasPermission } from "@/utils/permission";
 
@@ -108,7 +112,7 @@ const submitting = ref(false);
 
 const queryParams = reactive<DictTypePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
 const total = ref(0);
-const pageData = ref<DictTypePageVO[]>([]);
+const pageData = ref<DictTypeItem[]>([]);
 const dialog = reactive({ visible: false });
 
 const initialFormData: DictTypeForm = {
@@ -149,7 +153,7 @@ function fetchDictTypeList() {
     });
 }
 
-function openDictItemPage(item: DictTypePageVO) {
+function openDictItemPage(item: DictTypeItem) {
   if (!item.dictCode) return;
   router.push({
     path: "/pages/work/dict/item/index",
@@ -192,40 +196,48 @@ function closeDictDialog() {
   Object.assign(formData, initialFormData);
 }
 
-function showDictActions(item: DictTypePageVO) {
-  const actions: string[] = [];
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const pendingAction = ref<Record<string, () => void>>({});
+
+function showDictActions(item: DictTypeItem) {
+  const actions: { name: string; color?: string }[] = [];
   const actionMap: Record<string, () => void> = {};
 
-  actions.push("字典数据");
+  actions.push({ name: "字典数据" });
   actionMap["字典数据"] = () => openDictItemPage(item);
 
   if (hasPermission("sys:dict:update")) {
-    actions.push("编辑");
+    actions.push({ name: "编辑" });
     actionMap["编辑"] = () => openDictDialog(item.id);
   }
 
   if (hasPermission("sys:dict:delete")) {
-    actions.push("删除");
+    actions.push({ name: "删除", color: "var(--color-danger)" });
     actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除字典「${item.name}」吗？`,
-      });
-      if (confirm && item.id) {
-        await DictAPI.deleteByIds(String(item.id));
-        toast.success("删除成功");
-        loadDictTypeList();
-      }
+      try {
+        await messageBox({ title: "确认删除", msg: `确定要删除字典「${item.name}」吗？`, type: "warning" });
+        if (item.id) {
+          await DictAPI.deleteByIds(String(item.id));
+          toast.success("删除成功");
+          loadDictTypeList();
+        }
+      } catch {}
     };
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  if (actions.length === 0) {
+    toast.warning("暂无操作权限");
+    return;
+  }
+
+  actionSheetActions.value = actions;
+  pendingAction.value = actionMap;
+  actionSheetVisible.value = true;
+}
+
+function handleActionSelect({ value }: { value: string }) {
+  pendingAction.value[value]?.();
 }
 
 onReachBottom(() => {
diff --git a/src/pages/work/dict/item/index.vue b/src/pages/work/dict/item/index.vue
index 58aa894..7060fd1 100644
--- a/src/pages/work/dict/item/index.vue
+++ b/src/pages/work/dict/item/index.vue
@@ -49,11 +49,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeItemDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑字典数据" : "新增字典数据" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -82,13 +82,17 @@
       </view>
     </wd-popup>
 
-    <view
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
+
+    <wd-fab
       v-if="hasPermission('sys:dict-item:create') && !dialog.visible"
-      class="fab-add"
-      @click.stop="openItemDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openItemDialog()"
+    />
   </view>
 </template>
 
@@ -100,7 +104,7 @@ import { useToast } from "wot-design-uni";
 import DictAPI, {
   type DictItemForm,
   type DictItemPageQuery,
-  type DictItemPageVO,
+  type DictDataItem,
 } from "@/api/dict";
 import { hasPermission } from "@/utils/permission";
 
@@ -115,7 +119,7 @@ const submitting = ref(false);
 
 const queryParams = reactive<DictItemPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
 const total = ref(0);
-const pageData = ref<DictItemPageVO[]>([]);
+const pageData = ref<DictDataItem[]>([]);
 const dialog = reactive({ visible: false });
 
 const initialFormData: DictItemForm = {
@@ -210,27 +214,30 @@ function closeItemDialog() {
   Object.assign(formData, initialFormData);
 }
 
-function showItemActions(item: DictItemPageVO) {
-  const actions: string[] = [];
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const pendingAction = ref<Record<string, () => void>>({});
+
+function showItemActions(item: DictDataItem) {
+  const actions: { name: string; color?: string }[] = [];
   const actionMap: Record<string, () => void> = {};
 
   if (hasPermission("sys:dict-item:update")) {
-    actions.push("编辑");
+    actions.push({ name: "编辑" });
     actionMap["编辑"] = () => openItemDialog(item.id);
   }
 
   if (hasPermission("sys:dict-item:delete")) {
-    actions.push("删除");
+    actions.push({ name: "删除", color: "var(--color-danger)" });
     actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除字典数据「${item.label}」吗？`,
-      });
-      if (confirm && item.id) {
-        await DictAPI.deleteItems(dictCode.value, String(item.id));
-        toast.success("删除成功");
-        loadItemList();
-      }
+      try {
+        await messageBox({ title: "确认删除", msg: `确定要删除字典数据「${item.label}」吗？`, type: "warning" });
+        if (item.id) {
+          await DictAPI.deleteItems(dictCode.value, String(item.id));
+          toast.success("删除成功");
+          loadItemList();
+        }
+      } catch {}
     };
   }
 
@@ -239,13 +246,13 @@ function showItemActions(item: DictItemPageVO) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  actionSheetActions.value = actions;
+  pendingAction.value = actionMap;
+  actionSheetVisible.value = true;
+}
+
+function handleActionSelect({ value }: { value: string }) {
+  pendingAction.value[value]?.();
 }
 
 onReachBottom(() => {
diff --git a/src/pages/work/index.vue b/src/pages/work/index.vue
index ea9b75c..99999d1 100644
--- a/src/pages/work/index.vue
+++ b/src/pages/work/index.vue
@@ -72,8 +72,8 @@ function handleNavClick(item: any) {
     }
 
     router.push({ path: item.url });
-  } catch (e) {
-    console.error("[work] router.push failed:", e, item);
+  } catch {
+    // 路由跳转失败已由拦截器处理
   }
 }
 </script>
diff --git a/src/pages/work/log/index.vue b/src/pages/work/log/index.vue
index 09c3d8f..6bf339e 100644
--- a/src/pages/work/log/index.vue
+++ b/src/pages/work/log/index.vue
@@ -21,10 +21,17 @@
         <view class="flex-start">
           <view class="flex-1">
             <view class="flex-start mt-12rpx">
-              <text class="font-bold text-32rpx">{{ item.operator }}</text>
-              <wd-tag plain size="small" class="ml-16rpx">{{ item.module }}</wd-tag>
+              <text class="font-bold text-32rpx">{{ item.operatorName }}</text>
+              <wd-tag
+                plain
+                size="small"
+                class="ml-16rpx"
+                :type="item.status === 1 ? 'success' : 'danger'"
+              >
+                {{ item.status === 1 ? "成功" : "失败" }}
+              </wd-tag>
             </view>
-            <text class="text-24rpx color-text-secondary truncate">{{ item.content }}</text>
+            <text class="text-24rpx color-text-secondary truncate">{{ item.title }}</text>
           </view>
         </view>
 
@@ -59,21 +66,31 @@
     <wd-popup
       v-model="detailDialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeLogDetail"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">日志详情</view>
+        <view class="popup-title">日志详情</view>
         <wd-cell-group border>
-          <wd-cell title="操作人" :value="logDetail.operator" />
+          <wd-cell title="操作标题" :value="logDetail.title" />
+          <wd-cell title="操作人" :value="logDetail.operatorName" />
           <wd-cell title="操作时间" :value="logDetail.createTime" />
-          <wd-cell title="模块" :value="logDetail.module" />
-          <wd-cell title="内容" :value="logDetail.content" />
+          <wd-cell title="状态">
+            <template #value>
+              <wd-tag :type="logDetail.status === 1 ? 'success' : 'danger'" size="small">
+                {{ logDetail.status === 1 ? "成功" : "失败" }}
+              </wd-tag>
+            </template>
+          </wd-cell>
+          <wd-cell title="自定义内容" :value="logDetail.content || '无'" />
           <wd-cell title="IP" :value="logDetail.ip" />
           <wd-cell title="地区" :value="logDetail.region" />
+          <wd-cell title="请求路径" :value="logDetail.requestUri" />
+          <wd-cell title="请求方法" :value="logDetail.requestMethod" />
           <wd-cell title="浏览器" :value="logDetail.browser" />
           <wd-cell title="终端系统" :value="logDetail.os" />
           <wd-cell title="耗时(毫秒)" :value="String(logDetail.executionTime || 0)" />
+          <wd-cell v-if="logDetail.errorMsg" title="错误信息" :value="logDetail.errorMsg" />
         </wd-cell-group>
         <view class="popup-actions">
           <wd-button type="info" plain block @click="closeLogDetail">关闭</wd-button>
@@ -86,15 +103,15 @@
 <script lang="ts" setup>
 import { onLoad, onReachBottom } from "@dcloudio/uni-app";
 import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
-import LogAPI, { type LogPageQuery, LogVO } from "@/api/log";
+import LogAPI, { type LogPageQuery, LogItem } from "@/api/log";
 
 const loadMoreState = ref<LoadMoreState>("loading");
 
 const queryParams = reactive<LogPageQuery>({ pageNum: 1, pageSize: 10 });
 const total = ref(0);
-const pageData = ref<LogVO[]>([]);
+const pageData = ref<LogItem[]>([]);
 
-const logDetail = ref<LogVO>({});
+const logDetail = ref<LogItem>({});
 const detailDialog = reactive({ visible: false });
 
 // 搜索触发
@@ -124,7 +141,7 @@ function fetchLogList() {
 }
 
 // 打开详情弹窗
-function openLogDetail(item: LogVO) {
+function openLogDetail(item: LogItem) {
   logDetail.value = item;
   detailDialog.visible = true;
 }
diff --git a/src/pages/work/menu/index.vue b/src/pages/work/menu/index.vue
index 1215e88..7008385 100644
--- a/src/pages/work/menu/index.vue
+++ b/src/pages/work/menu/index.vue
@@ -44,11 +44,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0; max-height: 80vh"
+      custom-class="popup-bottom-scroll"
       @close="closeMenuDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑菜单" : "新增菜单" }}
         </view>
         <scroll-view scroll-y class="max-h-60vh">
@@ -107,33 +107,42 @@
     </wd-popup>
 
     <!-- 浮动新增按钮 -->
-    <view
+    <wd-fab
       v-if="hasPermission('sys:menu:create') && !dialog.visible"
-      class="fab-add"
-      hover-class="fab-add:active"
-      @click.stop="openMenuDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openMenuDialog()"
+    />
+
+    <!-- 操作菜单 -->
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
   </view>
 </template>
 
 <script lang="ts" setup>
 import { onLoad } from "@dcloudio/uni-app";
 import { FormRules } from "wot-design-uni/components/wd-form/types";
-import { useToast } from "wot-design-uni";
-import MenuAPI, { type MenuQuery, MenuVO, MenuForm } from "@/api/menu";
+import { useToast, useMessage } from "wot-design-uni";
+import MenuAPI, { type MenuQuery, MenuItem, MenuForm } from "@/api/menu";
 import { hasPermission } from "@/utils/permission";
 import CustomTree from "@/components/custom-tree/index.vue";
 
 const toast = useToast();
+const { messageBox } = useMessage();
 const formRef = ref();
 const submitting = ref(false);
 
 const queryParams = reactive<MenuQuery>({ keywords: "" });
-const menuList = ref<MenuVO[]>([]);
+const menuList = ref<MenuItem[]>([]);
 const dialog = reactive({ visible: false });
 
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const currentActionItem = ref<any>(null);
+
 const initialFormData: MenuForm = {
   id: undefined,
   parentId: "0",
@@ -152,7 +161,7 @@ const formData = reactive<MenuForm>({ ...initialFormData });
 // 转换为树组件数据格式
 const treeData = computed(() => menuList.value.map((menu) => transformMenuToTree(menu)));
 
-function transformMenuToTree(menu: MenuVO): any {
+function transformMenuToTree(menu: MenuItem): any {
   return {
     value: menu.id,
     label: menu.name,
@@ -253,42 +262,48 @@ function loadMenuList() {
   });
 }
 
+// 操作菜单分发
+function handleActionSelect({ value }: { value: string }) {
+  const menu = currentActionItem.value;
+  if (value === "新增子菜单") {
+    handleAddChild(menu);
+  } else if (value === "编辑") {
+    openMenuDialog(menu);
+  } else if (value === "删除") {
+    messageBox({
+      title: "确认删除",
+      msg: `确定要删除菜单「${menu.name}」吗？`,
+      type: "warning",
+    }).then(async () => {
+      await MenuAPI.deleteById(menu.id!);
+      toast.success("删除成功");
+      loadMenuList();
+    });
+  }
+}
+
 // 处理节点操作按钮点击
 function handleNodeAction(node: any) {
-  const menu: MenuVO = {
+  const menu: MenuItem = {
     id: node.id,
     name: node.label,
     type: node.type,
     visible: node.visible,
     children: node.children,
-  } as MenuVO;
+  } as MenuItem;
 
-  const actions: string[] = [];
-  const actionMap: Record<string, () => void> = {};
+  const actions: { name: string; color?: string }[] = [];
 
   if (hasPermission("sys:menu:create") && node.type !== 3) {
-    actions.push("新增子菜单");
-    actionMap["新增子菜单"] = () => handleAddChild(menu);
+    actions.push({ name: "新增子菜单" });
   }
 
   if (hasPermission("sys:menu:update")) {
-    actions.push("编辑");
-    actionMap["编辑"] = () => openMenuDialog(menu);
+    actions.push({ name: "编辑" });
   }
 
   if (hasPermission("sys:menu:delete")) {
-    actions.push("删除");
-    actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除菜单「${menu.name}」吗？`,
-      });
-      if (confirm) {
-        await MenuAPI.deleteById(menu.id!);
-        toast.success("删除成功");
-        loadMenuList();
-      }
-    };
+    actions.push({ name: "删除", color: "var(--color-danger)" });
   }
 
   if (actions.length === 0) {
@@ -296,17 +311,13 @@ function handleNodeAction(node: any) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  currentActionItem.value = menu;
+  actionSheetActions.value = actions;
+  actionSheetVisible.value = true;
 }
 
 // 打开弹窗（新增/编辑）
-async function openMenuDialog(menu?: MenuVO) {
+async function openMenuDialog(menu?: MenuItem) {
   formRef.value?.reset();
   Object.assign(formData, initialFormData);
   parentSelected.value = [];
@@ -346,8 +357,8 @@ async function openMenuDialog(menu?: MenuVO) {
 }
 
 // 新增子菜单
-function handleAddChild(menu: MenuVO) {
-  openMenuDialog({ id: undefined, parentId: menu.id } as MenuVO);
+function handleAddChild(menu: MenuItem) {
+  openMenuDialog({ id: undefined, parentId: menu.id } as MenuItem);
   formData.parentId = menu.id!;
   parentSelected.value = [menu.id!];
 }
@@ -396,12 +407,6 @@ export default { options: { styleIsolation: "shared" } };
 </route>
 
 <style lang="scss" scoped>
-.popup-actions {
-  display: flex;
-  gap: 24rpx;
-  margin-top: 32rpx;
-}
-
 .menu-node {
   display: flex;
   flex: 1;
diff --git a/src/pages/work/notice/index.vue b/src/pages/work/notice/index.vue
index 0a4a537..1cb52a3 100644
--- a/src/pages/work/notice/index.vue
+++ b/src/pages/work/notice/index.vue
@@ -69,11 +69,11 @@
     <wd-popup
       v-model="detailDialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeNoticeDetail"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">通知详情</view>
+        <view class="popup-title">通知详情</view>
         <wd-cell-group border>
           <wd-cell title="标题" :value="noticeDetail.title" />
           <wd-cell title="发布状态">
@@ -99,11 +99,11 @@
     <wd-popup
       v-model="formDialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeNoticeForm"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑通知" : "新增通知" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="formRules">
@@ -138,13 +138,17 @@
       </view>
     </wd-popup>
 
-    <view
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
+
+    <wd-fab
       v-if="hasPermission('sys:notice:create') && !formDialog.visible && !detailDialog.visible"
-      class="fab-add"
-      @click.stop="openNoticeForm()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openNoticeForm()"
+    />
   </view>
 </template>
 
@@ -155,8 +159,8 @@ import { FormRules } from "wot-design-uni/components/wd-form/types";
 import { useToast } from "wot-design-uni";
 import NoticeAPI, {
   type NoticePageQuery,
-  NoticePageVO,
-  NoticeDetailVO,
+  NoticeItem,
+  NoticeDetail,
   NoticeForm,
 } from "@/api/notice";
 import { hasPermission } from "@/utils/permission";
@@ -168,9 +172,9 @@ const submitting = ref(false);
 
 const queryParams = reactive<NoticePageQuery>({ pageNum: 1, pageSize: 10 });
 const total = ref(0);
-const pageData = ref<NoticePageVO[]>([]);
+const pageData = ref<NoticeItem[]>([]);
 
-const noticeDetail = ref<NoticeDetailVO>({});
+const noticeDetail = ref<NoticeDetail>({});
 const detailDialog = reactive({ visible: false });
 
 const formDialog = reactive({ visible: false });
@@ -214,7 +218,7 @@ const getLevelText = (level?: string | number): string => {
 };
 
 // 格式化时间
-const formatTime = (item: NoticePageVO): string => {
+const formatTime = (item: NoticeItem): string => {
   if (item.publishStatus === 1 && item.publishTime) {
     return String(item.publishTime);
   }
@@ -251,7 +255,7 @@ function fetchNoticeList() {
 }
 
 // 打开详情弹窗
-async function openNoticeDetail(item: NoticePageVO) {
+async function openNoticeDetail(item: NoticeItem) {
   const detail = await NoticeAPI.getDetail(item.id);
   noticeDetail.value = detail;
   detailDialog.visible = true;
@@ -301,69 +305,64 @@ function submitNoticeForm() {
 }
 
 // 更多操作
-function showNoticeActions(item: NoticePageVO) {
-  const actions: string[] = ["查看"];
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const pendingAction = ref<Record<string, () => void>>({});
+
+function showNoticeActions(item: NoticeItem) {
+  const actions: { name: string; color?: string }[] = [{ name: "查看" }];
   const actionMap: Record<string, () => void> = {
     查看: () => openNoticeDetail(item),
   };
 
   if (item.publishStatus !== 1) {
     if (hasPermission("sys:notice:update")) {
-      actions.push("编辑");
+      actions.push({ name: "编辑" });
       actionMap["编辑"] = () => openNoticeForm(Number(item.id));
     }
     if (hasPermission("sys:notice:delete")) {
-      actions.push("删除");
+      actions.push({ name: "删除", color: "var(--color-danger)" });
       actionMap["删除"] = async () => {
-        const { confirm } = await uni.showModal({
-          title: "确认删除",
-          content: `确定要删除通知「${item.title}」吗？`,
-        });
-        if (confirm) {
+        try {
+          await messageBox({ title: "确认删除", msg: `确定要删除通知「${item.title}」吗？`, type: "warning" });
           await NoticeAPI.deleteByIds(item.id);
           toast.success("删除成功");
           loadNoticeList();
-        }
+        } catch {}
       };
     }
     if (hasPermission("sys:notice:publish")) {
-      actions.push("发布");
+      actions.push({ name: "发布" });
       actionMap["发布"] = async () => {
-        const { confirm } = await uni.showModal({
-          title: "确认发布",
-          content: `确定要发布通知「${item.title}」吗？`,
-        });
-        if (confirm) {
+        try {
+          await messageBox({ title: "确认发布", msg: `确定要发布通知「${item.title}」吗？`, type: "warning" });
           await NoticeAPI.publish(Number(item.id));
           toast.success("发布成功");
           loadNoticeList();
-        }
+        } catch {}
       };
     }
   } else {
     if (hasPermission("sys:notice:revoke")) {
-      actions.push("撤回");
+      actions.push({ name: "撤回", color: "var(--color-warning)" });
       actionMap["撤回"] = async () => {
-        const { confirm } = await uni.showModal({
-          title: "确认撤回",
-          content: `确定要撤回通知「${item.title}」吗？`,
-        });
-        if (confirm) {
+        try {
+          await messageBox({ title: "确认撤回", msg: `确定要撤回通知「${item.title}」吗？`, type: "warning" });
           await NoticeAPI.revoke(Number(item.id));
           toast.success("撤回成功");
           loadNoticeList();
-        }
+        } catch {}
       };
     }
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  actionSheetActions.value = actions;
+  pendingAction.value = actionMap;
+  actionSheetVisible.value = true;
+}
+
+function handleActionSelect({ value }: { value: string }) {
+  pendingAction.value[value]?.();
 }
 
 onReachBottom(() => {
diff --git a/src/pages/work/role/assign-perm.vue b/src/pages/work/role/assign-perm.vue
index 8fbd068..0472a41 100644
--- a/src/pages/work/role/assign-perm.vue
+++ b/src/pages/work/role/assign-perm.vue
@@ -78,7 +78,7 @@
 <script lang="ts" setup>
 import { onLoad } from "@dcloudio/uni-app";
 import { useToast } from "wot-design-uni";
-import MenuAPI, { type MenuVO } from "@/api/menu";
+import MenuAPI, { type MenuItem } from "@/api/menu";
 import RoleAPI from "@/api/role";
 import CustomTree from "@/components/custom-tree/index.vue";
 import type { TreeOption } from "@/components/custom-tree/index.vue";
@@ -87,7 +87,7 @@ const toast = useToast();
 const submitting = ref(false);
 const roleId = ref<number>(0);
 const roleName = ref("");
-const menuList = ref<MenuVO[]>([]);
+const menuList = ref<MenuItem[]>([]);
 const checkedKeys = ref<string[]>([]);
 
 // 转换菜单为树结构
@@ -97,7 +97,7 @@ const menuTree = computed<TreeOption[]>(() => {
 });
 
 // 转换菜单为树组件格式
-function transformMenuToTree(menus: MenuVO[]): TreeOption[] {
+function transformMenuToTree(menus: MenuItem[]): TreeOption[] {
   return menus.map((menu) => {
     const id = String(menu.id);
     const name = menu.name ?? "";
@@ -129,9 +129,9 @@ function handleClearAll() {
 }
 
 // 获取所有菜单ID
-function getAllMenuIds(menus: MenuVO[]): string[] {
+function getAllMenuIds(menus: MenuItem[]): string[] {
   const ids: string[] = [];
-  function traverse(list: MenuVO[]) {
+  function traverse(list: MenuItem[]) {
     for (const menu of list) {
       if (menu.id) ids.push(String(menu.id));
       if (menu.children) traverse(menu.children);
diff --git a/src/pages/work/role/index.vue b/src/pages/work/role/index.vue
index f2a46f9..33eacd0 100644
--- a/src/pages/work/role/index.vue
+++ b/src/pages/work/role/index.vue
@@ -63,11 +63,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeRoleDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑角色" : "新增角色" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -96,14 +96,18 @@
     </wd-popup>
 
     <!-- 浮动新增按钮 -->
-    <view
+    <wd-fab
       v-if="hasPermission('sys:role:create') && !dialog.visible"
-      class="fab-add"
-      hover-class="fab-add:active"
-      @click.stop="openRoleDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openRoleDialog()"
+    />
+
+    <!-- 操作菜单 -->
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
   </view>
 </template>
 
@@ -111,20 +115,25 @@
 import { onLoad, onReachBottom } from "@dcloudio/uni-app";
 import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
 import { FormRules } from "wot-design-uni/components/wd-form/types";
-import { useToast } from "wot-design-uni";
-import RoleAPI, { type RolePageQuery, RolePageVO, RoleForm } from "@/api/role";
+import { useToast, useMessage } from "wot-design-uni";
+import RoleAPI, { type RolePageQuery, RoleItem, RoleForm } from "@/api/role";
 import { hasPermission } from "@/utils/permission";
 
 const toast = useToast();
+const { messageBox } = useMessage();
 const loadMoreState = ref<LoadMoreState>("loading");
 const formRef = ref();
 const submitting = ref(false);
 
 const queryParams = reactive<RolePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
 const total = ref(0);
-const pageData = ref<RolePageVO[]>([]);
+const pageData = ref<RoleItem[]>([]);
 const dialog = reactive({ visible: false });
 
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const currentActionItem = ref<any>(null);
+
 const initialFormData: RoleForm = {
   id: undefined,
   name: undefined,
@@ -213,37 +222,40 @@ function closeRoleDialog() {
   Object.assign(formData, initialFormData);
 }
 
+// 操作菜单分发
+function handleActionSelect({ value }: { value: string }) {
+  const item = currentActionItem.value;
+  if (value === "编辑") {
+    openRoleDialog(item.id);
+  } else if (value === "分配权限") {
+    handleAssignPerm(item.id);
+  } else if (value === "删除") {
+    messageBox({
+      title: "确认删除",
+      msg: `确定要删除角色「${item.name}」吗？`,
+      type: "warning",
+    }).then(async () => {
+      await RoleAPI.deleteByIds(String(item.id));
+      toast.success("删除成功");
+      loadRoleList();
+    });
+  }
+}
+
 // 更多操作
-function showRoleActions(item: RolePageVO) {
-  const actions: string[] = [];
-  const actionMap: Record<string, () => void> = {};
+function showRoleActions(item: RoleItem) {
+  const actions: { name: string; color?: string }[] = [];
 
-  // 编辑
   if (hasPermission("sys:role:update")) {
-    actions.push("编辑");
-    actionMap["编辑"] = () => openRoleDialog(item.id);
+    actions.push({ name: "编辑" });
   }
 
-  // 分配权限
   if (hasPermission("sys:role:assign")) {
-    actions.push("分配权限");
-    actionMap["分配权限"] = () => handleAssignPerm(item.id);
+    actions.push({ name: "分配权限" });
   }
 
-  // 删除
   if (hasPermission("sys:role:delete")) {
-    actions.push("删除");
-    actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除角色「${item.name}」吗？`,
-      });
-      if (confirm) {
-        await RoleAPI.deleteByIds(String(item.id));
-        toast.success("删除成功");
-        loadRoleList();
-      }
-    };
+    actions.push({ name: "删除", color: "var(--color-danger)" });
   }
 
   if (actions.length === 0) {
@@ -251,13 +263,9 @@ function showRoleActions(item: RolePageVO) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
-  });
+  currentActionItem.value = item;
+  actionSheetActions.value = actions;
+  actionSheetVisible.value = true;
 }
 
 // 分配权限
diff --git a/src/pages/work/user/index.vue b/src/pages/work/user/index.vue
index 78a687e..5fafc9c 100644
--- a/src/pages/work/user/index.vue
+++ b/src/pages/work/user/index.vue
@@ -52,7 +52,7 @@
       >
         <!-- 主信息行 -->
         <view class="flex-start">
-          <wd-img :src="item.avatar" width="80rpx" height="80rpx" round />
+          <image class="w-80rpx h-80rpx rounded-full" :src="item.avatar" mode="aspectFill" />
           <view class="flex-1 ml-16rpx">
             <view class="flex-start mt-12rpx">
               <text class="font-bold text-32rpx">{{ item.nickname }}</text>
@@ -111,11 +111,11 @@
     <wd-popup
       v-model="dialog.visible"
       position="bottom"
-      custom-style="border-radius: 24rpx 24rpx 0 0"
+      custom-class="popup-bottom"
       @close="closeUserDialog"
     >
       <view class="p-4">
-        <view class="text-center font-bold text-32rpx mb-4">
+        <view class="popup-title">
           {{ formData.id ? "编辑用户" : "新增用户" }}
         </view>
         <wd-form ref="formRef" :model="formData" :rules="rules">
@@ -157,14 +157,40 @@
     </wd-popup>
 
     <!-- 浮动新增按钮 -->
-    <view
+    <wd-fab
       v-if="hasPermission('sys:user:create') && !dialog.visible"
-      class="fab-add"
-      hover-class="fab-add:active"
-      @click.stop="openUserDialog()"
-    >
-      <wd-icon name="add" size="44rpx" />
-    </view>
+      @click="openUserDialog()"
+    />
+
+    <!-- 操作菜单 -->
+    <wd-action-sheet
+      v-model="actionSheetVisible"
+      :actions="actionSheetActions"
+      cancel-text="取消"
+      @select="handleActionSelect"
+    />
+
+    <!-- 重置密码弹窗 -->
+    <wd-popup v-model="resetPwdDialog.visible" position="bottom" custom-class="popup-bottom">
+      <view class="p-4">
+        <view class="popup-title">重置密码</view>
+        <wd-form ref="resetPwdFormRef" :model="resetPwdForm">
+          <wd-cell-group border>
+            <wd-input
+              v-model="resetPwdForm.password"
+              label="新密码"
+              placeholder="请输入新密码（至少6位）"
+              prop="password"
+              :rules="[{ required: true, message: '请输入新密码' }, { pattern: /^.{6,}$/, message: '密码至少需要6位字符' }]"
+            />
+          </wd-cell-group>
+        </wd-form>
+        <view class="popup-actions">
+          <wd-button type="info" plain @click="resetPwdDialog.visible = false">取消</wd-button>
+          <wd-button type="primary" :loading="resetPwdDialog.submitting" @click="handleResetPassword">确认</wd-button>
+        </view>
+      </view>
+    </wd-popup>
   </view>
 </template>
 
@@ -173,7 +199,7 @@ import { onLoad, onReachBottom } from "@dcloudio/uni-app";
 import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
 import { FormRules } from "wot-design-uni/components/wd-form/types";
 import { useQueue, useToast } from "wot-design-uni";
-import UserAPI, { type UserPageQuery, UserPageVO, UserForm } from "@/api/user";
+import UserAPI, { type UserPageQuery, UserItem, UserForm } from "@/api/user";
 import RoleAPI from "@/api/role";
 import DeptAPI from "@/api/dept";
 import { hasPermission } from "@/utils/permission";
@@ -193,7 +219,7 @@ const sortOptions = ref([
 
 const queryParams = reactive<UserPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
 const total = ref(0);
-const pageData = ref<UserPageVO[]>([]);
+const pageData = ref<UserItem[]>([]);
 const dialog = reactive({ visible: false });
 
 const initialFormData: UserForm = {
@@ -384,36 +410,41 @@ function closeUserDialog() {
   Object.assign(formData, initialFormData);
 }
 
+const actionSheetVisible = ref(false);
+const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+const pendingAction = ref<Record<string, () => void>>({});
+
+const resetPwdDialog = reactive({ visible: false, submitting: false, userId: undefined as number | undefined });
+const resetPwdForm = reactive({ password: "" });
+const resetPwdFormRef = ref();
+
 // 更多操作
-function showUserActions(item: UserPageVO) {
-  const actions: string[] = [];
+function showUserActions(item: UserItem) {
+  const actions: { name: string; color?: string }[] = [];
   const actionMap: Record<string, () => void> = {};
 
   // 重置密码
   if (hasPermission("sys:user:reset-password")) {
-    actions.push("重置密码");
-    actionMap["重置密码"] = () => handleResetPassword(item);
+    actions.push({ name: "重置密码" });
+    actionMap["重置密码"] = () => openResetPwdDialog(item);
   }
 
   // 编辑
   if (hasPermission("sys:user:update")) {
-    actions.push("编辑");
+    actions.push({ name: "编辑" });
     actionMap["编辑"] = () => openUserDialog(item.id);
   }
 
   // 删除
   if (hasPermission("sys:user:delete")) {
-    actions.push("删除");
+    actions.push({ name: "删除", color: "var(--color-danger)" });
     actionMap["删除"] = async () => {
-      const { confirm } = await uni.showModal({
-        title: "确认删除",
-        content: `确定要删除用户「${item.nickname}」吗？`,
-      });
-      if (confirm) {
+      try {
+        await messageBox({ title: "确认删除", msg: `确定要删除用户「${item.nickname}」吗？`, type: "warning" });
         await UserAPI.deleteByIds(String(item.id));
         toast.success("删除成功");
         loadUserList();
-      }
+      } catch {}
     };
   }
 
@@ -422,34 +453,40 @@ function showUserActions(item: UserPageVO) {
     return;
   }
 
-  uni.showActionSheet({
-    itemList: actions,
-    success: ({ tapIndex }) => {
-      const action = actions[tapIndex];
-      actionMap[action]?.();
-    },
+  actionSheetActions.value = actions;
+  pendingAction.value = actionMap;
+  actionSheetVisible.value = true;
+}
+
+function handleActionSelect({ value }: { value: string }) {
+  pendingAction.value[value]?.();
+}
+
+// 打开重置密码弹窗
+function openResetPwdDialog(item: UserItem) {
+  resetPwdForm.password = "";
+  resetPwdDialog.userId = item.id;
+  resetPwdDialog.visible = true;
+  nextTick(() => {
+    resetPwdFormRef.value?.reset();
   });
 }
 
 // 重置密码
-async function handleResetPassword(item: UserPageVO) {
-  const { confirm, content: password } = await uni.showModal({
-    title: "重置密码",
-    editable: true,
-    placeholderText: `请输入用户「${item.username}」的新密码`,
-  });
-  if (!confirm || !password) return;
-
-  if (password.length < 6) {
-    toast.error("密码至少需要6位字符");
-    return;
-  }
+async function handleResetPassword() {
+  const valid = await resetPwdFormRef.value?.validate();
+  if (!valid || valid.valid === false) return;
+  if (!resetPwdDialog.userId) return;
 
+  resetPwdDialog.submitting = true;
   try {
-    await UserAPI.resetPassword(item.id, password);
+    await UserAPI.resetPassword(resetPwdDialog.userId, resetPwdForm.password);
     toast.success("密码重置成功");
+    resetPwdDialog.visible = false;
   } catch (error) {
     // API 已处理错误提示
+  } finally {
+    resetPwdDialog.submitting = false;
   }
 }
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 9285d11..f9627b5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -79,7 +79,7 @@ router.beforeEach(async (to, from, next) => {
 });
 
 router.afterEach((to, from) => {
-  console.log("🎯 afterEach 钩子触发:", { to, from });
+  // 路由跳转日志（生产环境可通过 vite 配置自动移除）
 });
 
 export default router;
diff --git a/src/store/modules/theme.ts b/src/store/modules/theme.ts
index feed1ff..da843bb 100644
--- a/src/store/modules/theme.ts
+++ b/src/store/modules/theme.ts
@@ -56,7 +56,6 @@ export const useThemeStore = defineStore("theme", () => {
    * 设置导航栏颜色
    */
   const setNavigationBarColor = () => {
-    console.log("设置导航栏颜色", theme.value)
     uni.setNavigationBarColor({
       frontColor: theme.value === "light" ? "#000000" : "#ffffff",
       backgroundColor: theme.value === "light" ? "#ffffff" : "#000000",
@@ -81,7 +80,6 @@ export const useThemeStore = defineStore("theme", () => {
     currentThemeColor.value = color
     Storage.set(THEME_COLOR_KEY, color)
     themeVars.colorTheme = color.primary
-    console.log("主题色已设置:", color.name)
   }
 
   /**
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index f5fd85f..deb6451 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -2,8 +2,8 @@ import { defineStore } from "pinia"
 import AuthAPI, {
   type LoginData,
   type SmsLoginData,
-  type WechatMiniappPhoneLoginData,
-  type WechatMiniappBindMobileData,
+  type WxMaPhoneLoginData,
+  type WxMaBindMobileData,
 } from "@/api/auth"
 import UserAPI, { type UserInfo } from "@/api/user"
 import { setAccessToken, clearTokens } from "@/utils/auth"
@@ -35,94 +35,49 @@ export const useUserStore = defineStore("user", () => {
 
   /**
    * 账号密码登录
-   * @param data 登录数据
    */
-  const login = (data: LoginData) => {
-    return new Promise((resolve, reject) => {
-      AuthAPI.login(data)
-        .then((data) => {
-          setAccessToken(data.accessToken)
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("登录失败", error)
-          reject(error)
-        })
-    })
+  const login = async (data: LoginData) => {
+    const result = await AuthAPI.login(data)
+    setAccessToken(result.accessToken)
+    return result
   }
 
   /**
    * 短信验证码登录
-   * @param data 短信登录数据
    */
-  const loginBySms = (data: SmsLoginData) => {
-    return new Promise((resolve, reject) => {
-      AuthAPI.loginBySms(data)
-        .then((data) => {
-          setAccessToken(data.accessToken)
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("登录失败", error)
-          reject(error)
-        })
-    })
+  const loginBySms = async (data: SmsLoginData) => {
+    const result = await AuthAPI.loginBySms(data)
+    setAccessToken(result.accessToken)
+    return result
   }
 
   /**
    * 微信小程序静默登录
-   * @param code 微信登录码
    */
-  const loginByWechatMiniapp = (code: string) => {
-    return new Promise((resolve, reject) => {
-      AuthAPI.wechatMiniappSilentLogin(code)
-        .then((data) => {
-          if (data.accessToken) {
-            setAccessToken(data.accessToken)
-          }
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("微信小程序登录失败", error)
-          reject(error)
-        })
-    })
+  const loginByWxMa = async (code: string) => {
+    const result = await AuthAPI.wxMaSilentLogin(code)
+    if (result.accessToken) {
+      setAccessToken(result.accessToken)
+    }
+    return result
   }
 
   /**
    * 微信小程序一键登录（企业小程序）
-   * @param data 微信手机号登录数据
    */
-  const loginByWechatMiniappPhone = (data: WechatMiniappPhoneLoginData) => {
-    return new Promise((resolve, reject) => {
-      AuthAPI.wechatMiniappPhoneLogin(data)
-        .then((data) => {
-          setAccessToken(data.accessToken)
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("微信小程序一键登录失败", error)
-          reject(error)
-        })
-    })
+  const loginByWxMaPhone = async (data: WxMaPhoneLoginData) => {
+    const result = await AuthAPI.wxMaPhoneLogin(data)
+    setAccessToken(result.accessToken)
+    return result
   }
 
   /**
    * 微信小程序绑定手机号
-   * @param data 绑定手机号数据
    */
-  const bindMobileForWechatMiniapp = (data: WechatMiniappBindMobileData) => {
-    return new Promise((resolve, reject) => {
-      AuthAPI.wechatMiniappBindMobile(data)
-        .then((data) => {
-          setAccessToken(data.accessToken)
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("绑定手机号失败", error)
-          reject(error)
-        })
-    })
+  const bindMobileForWxMa = async (data: WxMaBindMobileData) => {
+    const result = await AuthAPI.wxMaBindMobile(data)
+    setAccessToken(result.accessToken)
+    return result
   }
 
   // ==========================================================================
@@ -131,36 +86,24 @@ export const useUserStore = defineStore("user", () => {
 
   /**
    * 检查会话状态
-   * @returns 会话是否有效
    */
-  const checkSession = (): Promise<boolean> => {
-    return new Promise((resolve) => {
-      AuthAPI.checkSession()
-        .then((result) => {
-          resolve(result.valid)
-        })
-        .catch(() => {
-          resolve(false)
-        })
-    })
+  const checkSession = async (): Promise<boolean> => {
+    try {
+      const result = await AuthAPI.checkSession()
+      return result.valid
+    } catch {
+      return false
+    }
   }
 
   /**
    * 获取用户信息
    */
-  const getInfo = () => {
-    return new Promise((resolve, reject) => {
-      UserAPI.getUserInfo()
-        .then((data) => {
-          setUserInfo(data)
-          userInfo.value = data
-          resolve(data)
-        })
-        .catch((error) => {
-          console.error("获取用户信息失败", error)
-          reject(error)
-        })
-    })
+  const getInfo = async () => {
+    const data = await UserAPI.getUserInfo()
+    setUserInfo(data)
+    userInfo.value = data
+    return data
   }
 
   /**
@@ -169,8 +112,8 @@ export const useUserStore = defineStore("user", () => {
   const logout = async () => {
     try {
       await AuthAPI.logout()
-    } catch (error) {
-      console.error("登出失败", error)
+    } catch {
+      // 登出失败静默处理，继续清理本地状态
     } finally {
       clearTokens()
       Storage.remove(USER_INFO_KEY)
@@ -181,7 +124,6 @@ export const useUserStore = defineStore("user", () => {
 
   /**
    * 判断用户信息是否完整
-   * @returns 用户信息是否完整
    */
   const isUserInfoComplete = (): boolean => {
     if (!userInfo.value) return false
@@ -193,17 +135,12 @@ export const useUserStore = defineStore("user", () => {
   // ==========================================================================
 
   return {
-    // 状态
     userInfo,
-
-    // 登录方法
     login,
     loginBySms,
-    loginByWechatMiniapp,
-    loginByWechatMiniappPhone,
-    bindMobileForWechatMiniapp,
-
-    // 用户信息方法
+    loginByWxMa,
+    loginByWxMaPhone,
+    bindMobileForWxMa,
     logout,
     getInfo,
     checkSession,
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9d86573..72d85d5 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -7,7 +7,7 @@
 // 页面根元素，小程序和 H5 通用
 page {
   font-size: 28rpx;
-  line-height: 1.5;
+  line-height: 1.6;
   color: var(--color-text);
   background-color: var(--color-bg);
 }
@@ -62,10 +62,10 @@ body {
   display: flex;
   align-items: center;
   height: 72rpx;
-  margin-top: 12rpx;
+  margin-top: 16rpx;
   overflow: hidden;
   background: var(--color-bg);
-  border-radius: 12rpx;
+  border-radius: 16rpx;
 
   :deep(.wd-drop-menu) {
     flex: 1;
@@ -80,10 +80,11 @@ body {
 // 卡片组件
 // ==========================================================================
 
-// 全局 wd-card 间距
-.wd-card {
-  margin: 0 !important;
-  margin-bottom: 12rpx !important;
+// 全局 wd-card 间距（使用更高选择器权重替代 !important）
+.page .wd-card,
+.filter-bar .wd-card {
+  margin: 0;
+  margin-bottom: 16rpx;
 }
 
 // ==========================================================================
@@ -101,14 +102,14 @@ body {
 }
 
 // ==========================================================================
-// 浮动新增按钮
+// 浮动新增按钮（应优先使用 wd-fab 组件替代此类）
 // ==========================================================================
 
 .fab-add {
   position: fixed;
   right: 32rpx;
-  bottom: 120rpx;
-  z-index: 99;
+  bottom: calc(120rpx + env(safe-area-inset-bottom));
+  z-index: var(--z-fab);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -116,17 +117,39 @@ body {
   height: 88rpx;
   background: var(--color-primary);
   border-radius: 50%;
-  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
+  box-shadow: var(--shadow-lg);
 
   &:active {
     opacity: 0.8;
   }
 
   .wd-icon {
-    color: #fff;
+    color: var(--color-text-inverse);
   }
 }
 
+// ==========================================================================
+// 底部固定按钮区（公共样式）
+// ==========================================================================
+
+.footer-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  gap: 24rpx;
+  padding: 24rpx 32rpx;
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+  background-color: var(--color-bg);
+  border-top: 1px solid var(--color-border);
+}
+
+// 页面内容预留底部按钮区高度
+.page-content {
+  padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
+}
+
 // ==========================================================================
 // 渐变背景
 // ==========================================================================
@@ -148,3 +171,32 @@ body {
     background: linear-gradient(135deg, var(--color-danger-light) 0%, var(--color-bg) 100%);
   }
 }
+
+// ==========================================================================
+// 底部弹窗圆角（替代 custom-style 内联样式）
+// ==========================================================================
+
+.popup-bottom {
+  border-radius: 24rpx 24rpx 0 0;
+}
+
+.popup-bottom-scroll {
+  border-radius: 24rpx 24rpx 0 0;
+  max-height: 80vh;
+}
+
+// ==========================================================================
+// 弹窗标题（替代重复的 text-center font-bold text-32rpx mb-4）
+// ==========================================================================
+
+.popup-title {
+  @apply text-center font-bold text-32rpx mb-4;
+}
+
+// ==========================================================================
+// 列表项间距（替代重复的 mt-16rpx）
+// ==========================================================================
+
+.list-section {
+  margin-top: 16rpx;
+}
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index f97a3ad..040f7e2 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -9,6 +9,18 @@
 // ==========================================================================
 :root,
 page {
+  // -----------------------------------------------------------------------
+  // z-index 层级变量
+  // -----------------------------------------------------------------------
+  --z-dropdown: 100;
+  --z-sticky: 200;
+  --z-overlay: 300;
+  --z-popup: 400;
+  --z-dialog: 500;
+  --z-toast: 600;
+  --z-navbar: 700;
+  --z-fab: 800;
+
   // -----------------------------------------------------------------------
   // 主题色
   // -----------------------------------------------------------------------
@@ -27,6 +39,7 @@ page {
   // -----------------------------------------------------------------------
   --color-bg: #ffffff;
   --color-bg-secondary: #f5f5f5;
+  --color-bg-tertiary: #f1f5f9;
 
   // -----------------------------------------------------------------------
   // 文字颜色
@@ -35,6 +48,7 @@ page {
   --color-text-secondary: #6b7280;
   --color-text-placeholder: #9ca3af;
   --color-text-disabled: #d1d5db;
+  --color-text-inverse: #ffffff;
 
   // -----------------------------------------------------------------------
   // 边框颜色
@@ -64,6 +78,23 @@ page {
   --wot-color-text-secondary: var(--color-text-secondary);
   --wot-color-text-placeholder: var(--color-text-placeholder);
   --wot-color-border: var(--color-border);
+
+  // -----------------------------------------------------------------------
+  // 间距规范（8rpx 网格基数）
+  // -----------------------------------------------------------------------
+  // 基数：4rpx / 8rpx / 16rpx / 24rpx / 32rpx / 40rpx / 48rpx / 64rpx
+  --spacing-xxs: 4rpx;
+  --spacing-xs: 8rpx;
+  --spacing-sm: 16rpx;
+  --spacing-md: 24rpx;
+  --spacing-lg: 32rpx;
+  --spacing-xl: 40rpx;
+  --spacing-xxl: 48rpx;
+  --spacing-page: 32rpx;
+  --spacing-card: 24rpx;
+  --spacing-section: 24rpx;
+  --spacing-element: 16rpx;
+  --spacing-compact: 8rpx;
 }
 
 // ==========================================================================
@@ -84,10 +115,11 @@ page {
   --color-danger-light: #7f1d1d;
 
   // -----------------------------------------------------------------------
-  // 背景色 (Material Design)
+  // 背景色 (Material Design) - 不使用纯黑 #000000
   // -----------------------------------------------------------------------
-  --color-bg: #121212;
-  --color-bg-secondary: #1e1e1e;
+  --color-bg: #1f2937;
+  --color-bg-secondary: #111827;
+  --color-bg-tertiary: #1e293b;
 
   // -----------------------------------------------------------------------
   // 文字颜色
@@ -96,6 +128,7 @@ page {
   --color-text-secondary: #9ca3af;
   --color-text-placeholder: #6b7280;
   --color-text-disabled: #4b5563;
+  --color-text-inverse: #1f2937;
 
   // -----------------------------------------------------------------------
   // 边框颜色
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 84925a2..2376f01 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -307,7 +307,6 @@ declare module 'vue' {
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
     readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
-    readonly publicRequest: UnwrapRef<typeof import('../utils/request')['publicRequest']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
     readonly ref: UnwrapRef<typeof import('vue')['ref']>
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 0fb54af..c96aa0d 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -11,7 +11,6 @@ interface NavigateToOptions {
        "/pages/work/index" |
        "/pages/mine/about/index" |
        "/pages/mine/account/index" |
-       "/pages/mine/feedback/index" |
        "/pages/mine/official/index" |
        "/pages/mine/profile/complete-profile" |
        "/pages/mine/profile/index" |
diff --git a/src/utils/request.ts b/src/utils/request.ts
index a660bbb..7b38967 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -25,8 +25,6 @@ interface RequestOptions<T = any> {
   header?: Record<string, string>;
   timeout?: number;
   responseType?: "text" | "arraybuffer";
-  /** 是否跳过错误提示（如 Toast） */
-  skipErrorToast?: boolean;
 }
 
 /**
@@ -95,13 +93,5 @@ function request<T = any>(options: RequestOptions): Promise<T> {
   });
 }
 
-/**
- * 无需认证的请求（兼容旧调用）
- *
- * 说明：当前 request 实现不会在“无 token”时阻断请求，认证与否由后端决定。
- */
-export function publicRequest<T = any>(options: RequestOptions): Promise<T> {
-  return request<T>(options);
-}
-
 export default request;
+