diff --git a/nkebao/src/components/ProtectedRoute.tsx b/nkebao/src/components/ProtectedRoute.tsx
index 569834b9..8491882d 100644
--- a/nkebao/src/components/ProtectedRoute.tsx
+++ b/nkebao/src/components/ProtectedRoute.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
+import { useAuth } from '@/contexts/AuthContext';
 
 // 不需要登录的公共页面路径
 const PUBLIC_PATHS = [
diff --git a/nkebao/src/contexts/AuthContext.tsx b/nkebao/src/contexts/AuthContext.tsx
index bad49d5b..b0f6da91 100644
--- a/nkebao/src/contexts/AuthContext.tsx
+++ b/nkebao/src/contexts/AuthContext.tsx
@@ -1,6 +1,6 @@
-import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { validateToken, refreshAuthToken } from '../api';
+import { validateToken, refreshAuthToken } from '@/api';
 
 // 安全的localStorage访问方法
 const safeLocalStorage = {
diff --git a/nkebao/src/hooks/useAuthGuard.ts b/nkebao/src/hooks/useAuthGuard.ts
index 881e5190..1d74456e 100644
--- a/nkebao/src/hooks/useAuthGuard.ts
+++ b/nkebao/src/hooks/useAuthGuard.ts
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
+import { useAuth } from '@/contexts/AuthContext';
 
 // 不需要登录的公共页面路径
 const PUBLIC_PATHS = [
diff --git a/nkebao/src/pages/devices/DeviceDetail.tsx b/nkebao/src/pages/devices/DeviceDetail.tsx
index 75947165..dfdabd70 100644
--- a/nkebao/src/pages/devices/DeviceDetail.tsx
+++ b/nkebao/src/pages/devices/DeviceDetail.tsx
@@ -1,8 +1,8 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { ChevronLeft, Smartphone, Battery, Wifi, MessageCircle, Users, Settings, History, RefreshCw, Loader2 } from 'lucide-react';
-import { devicesApi, fetchDeviceDetail, fetchDeviceRelatedAccounts, fetchDeviceHandleLogs, updateDeviceTaskConfig } from '../../api/devices';
-import { useToast } from '../../components/ui/toast';
+import { devicesApi, fetchDeviceDetail, fetchDeviceRelatedAccounts, fetchDeviceHandleLogs, updateDeviceTaskConfig } from '@/api/devices';
+import { useToast } from '@/components/ui/toast';
 
 interface WechatAccount {
   id: string;
diff --git a/nkebao/src/pages/devices/Devices.tsx b/nkebao/src/pages/devices/Devices.tsx
index bc0e18c8..422ae292 100644
--- a/nkebao/src/pages/devices/Devices.tsx
+++ b/nkebao/src/pages/devices/Devices.tsx
@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { ChevronLeft, Plus, Search, RefreshCw, QrCode, Smartphone, Loader2, AlertTriangle, Trash2, X } from 'lucide-react';
-import { devicesApi } from '../../api';
-import { useToast } from '../../components/ui/toast';
+import { devicesApi } from '@/api';
+import { useToast } from '@/components/ui/toast';
 
 // 设备接口
 interface Device {
diff --git a/nkebao/src/pages/login/Login.tsx b/nkebao/src/pages/login/Login.tsx
index ff405497..14f23cd9 100644
--- a/nkebao/src/pages/login/Login.tsx
+++ b/nkebao/src/pages/login/Login.tsx
@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { Eye, EyeOff, Phone } from 'lucide-react';
-import { useAuth } from '../../contexts/AuthContext';
-import { useToast } from '../../components/ui/toast';
-import { authApi } from '../../api';
-import WeChatIcon from '../../components/icons/WeChatIcon';
-import AppleIcon from '../../components/icons/AppleIcon';
+import { useAuth } from '@/contexts/AuthContext';
+import { useToast } from '@/components/ui/toast';
+import { authApi } from '@/api';
+import WeChatIcon from '@/components/icons/WeChatIcon';
+import AppleIcon from '@/components/icons/AppleIcon';
 
 // 定义登录表单类型
 interface LoginForm {
diff --git a/nkebao/src/pages/profile/Profile.tsx b/nkebao/src/pages/profile/Profile.tsx
index 46540578..870ce1c9 100644
--- a/nkebao/src/pages/profile/Profile.tsx
+++ b/nkebao/src/pages/profile/Profile.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { useAuth } from '../../contexts/AuthContext';
-import { useToast } from '../../components/ui/toast';
+import { useAuth } from '@/contexts/AuthContext';
+import { useToast } from '@/components/ui/toast';
 import { LogOut, User, Settings, Shield, Bell } from 'lucide-react';
 
 export default function Profile() {
diff --git a/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx b/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx
index 5c187072..7c617075 100644
--- a/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx
+++ b/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx
@@ -18,9 +18,9 @@ import {
   AlertCircle,
   ArrowRightLeft
 } from 'lucide-react';
-import { useWechatAccount } from '../../contexts/WechatAccountContext';
-import { fetchWechatAccountSummary, fetchWechatFriends, fetchWechatFriendDetail } from '../../api/wechat-accounts';
-import { useToast } from '../../components/ui/toast';
+import { useWechatAccount } from '@/contexts/WechatAccountContext';
+import { fetchWechatAccountSummary, fetchWechatFriends, fetchWechatFriendDetail } from '@/api/wechat-accounts';
+import { useToast } from '@/components/ui/toast';
 
 interface WechatAccountSummary {
   accountAge: string;
@@ -407,7 +407,7 @@ export default function WechatAccountDetail() {
   return (
     <div className="flex-1 bg-gradient-to-b from-blue-50 to-white min-h-screen overflow-x-hidden">
       {/* 固定header */}
-      <header className="sticky top-0 z-10 bg-white/80 backdrop-blur-sm border-b">
+      <header className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md border-b border-gray-200 shadow-sm">
         <div className="flex items-center p-4">
           <button 
             className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
@@ -419,8 +419,8 @@ export default function WechatAccountDetail() {
         </div>
       </header>
 
-      {/* 内容区域 */}
-      <div className="p-4 space-y-4">
+      {/* 内容区域 - 添加顶部内边距避免被固定header遮挡 */}
+      <div className="pt-20 p-4 space-y-4">
         {/* 账号基本信息卡片 */}
         <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
           <div className="flex items-center space-x-4">
@@ -662,7 +662,7 @@ export default function WechatAccountDetail() {
             ) : (
               <div className="space-y-4">
                 {/* 搜索栏 */}
-                <div className="flex items-center space-x-2 bg-white p-4 rounded-lg shadow-sm">
+                <div className="flex items-center space-x-2 bg-white  rounded-lg">
                   <div className="relative flex-1">
                     <Search className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
                     <input
@@ -673,12 +673,6 @@ export default function WechatAccountDetail() {
                       className="w-full pl-9 pr-3 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white"
                     />
                   </div>
-                  <button 
-                    className="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors bg-white"
-                    onClick={handleSearch}
-                  >
-                    <Filter className="h-4 w-4" />
-                  </button>
                 </div>
 
                 {/* 好友列表 */}
diff --git a/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
index 0cf699d1..c5fd8ab8 100644
--- a/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
+++ b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { ChevronLeft, Search, RefreshCw, ArrowRightLeft, AlertCircle, Loader2 } from 'lucide-react';
-import { fetchWechatAccountList, transformWechatAccount } from '../../api/wechat-accounts';
-import { useToast } from '../../components/ui/toast';
-import { useWechatAccount } from '../../contexts/WechatAccountContext';
+import { fetchWechatAccountList, transformWechatAccount } from '@/api/wechat-accounts';
+import { useToast } from '@/components/ui/toast';
+import { useWechatAccount } from '@/contexts/WechatAccountContext';
 
 interface WechatAccount {
   id: string;