diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..3b66410
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}
\ No newline at end of file
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 67d3723..a632578 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -5,8 +5,8 @@
       <view class="logo-box">
         <image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
       </view>
-      <text class="app-title">XXXXXXX平台</text>
-      <text class="app-subtitle">专业的XXXX工具</text>
+      <text class="app-title">智聪科技</text>
+      <text class="app-subtitle">专业的全栈开发平台</text>
     </view>
     
     <!-- 登录表单卡片 -->
@@ -85,8 +85,8 @@ const globalConfig = ref(config);
 const agree = ref(false); // 同意协议
 const loginForm = ref({
   tenantId: "000000",
-  username: "",
-  password: "",
+  username: "admin",
+  password: "LLqRDf6zkmsPVB40",
   code: "",
   uuid: ''
 });
diff --git a/src/pages_mine/pages/system/config/list.vue b/src/pages_mine/pages/system/config/list.vue
index 3c4763a..0e38c4c 100644
--- a/src/pages_mine/pages/system/config/list.vue
+++ b/src/pages_mine/pages/system/config/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.configName" border="false" placeholder="请输入参数名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -255,57 +256,27 @@ page {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  gap: 16rpx;
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
+    min-width: 0;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -496,7 +467,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/dept/list.vue b/src/pages_mine/pages/system/dept/list.vue
index 048ca9c..b5b9232 100644
--- a/src/pages_mine/pages/system/dept/list.vue
+++ b/src/pages_mine/pages/system/dept/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.deptName" border="false" placeholder="请输入部门名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -489,7 +490,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/dict/list.vue b/src/pages_mine/pages/system/dict/list.vue
index 93c255e..8f9d29e 100644
--- a/src/pages_mine/pages/system/dict/list.vue
+++ b/src/pages_mine/pages/system/dict/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.dictName" border="false" placeholder="请输入字典名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -499,7 +500,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/dictData/list.vue b/src/pages_mine/pages/system/dictData/list.vue
index 1ed0d9d..9988f04 100644
--- a/src/pages_mine/pages/system/dictData/list.vue
+++ b/src/pages_mine/pages/system/dictData/list.vue
@@ -11,7 +11,8 @@
         </view>
         <view class="search-row">
           <u--input v-model="queryParams.dictLabel" border="false" placeholder="请输入字典标签" class="search-input"
-            @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+            customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+            @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
           </u--input>
           <view class="filter-btn" @click="filterPanel = !filterPanel">
             <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -281,6 +282,7 @@ page {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
   gap: 16rpx;
 
   .dict-name-row {
@@ -316,56 +318,23 @@ page {
   }
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
     min-width: 0;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -564,7 +533,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/logininfor/list.vue b/src/pages_mine/pages/system/logininfor/list.vue
index 3816bab..56da5bf 100644
--- a/src/pages_mine/pages/system/logininfor/list.vue
+++ b/src/pages_mine/pages/system/logininfor/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -502,7 +503,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 15rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/menu/list.vue b/src/pages_mine/pages/system/menu/list.vue
index 4efdc93..bc33b79 100644
--- a/src/pages_mine/pages/system/menu/list.vue
+++ b/src/pages_mine/pages/system/menu/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.menuName" border="false" placeholder="请输入菜单名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -530,7 +531,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/notice/list.vue b/src/pages_mine/pages/system/notice/list.vue
index 11489a8..60dacf5 100644
--- a/src/pages_mine/pages/system/notice/list.vue
+++ b/src/pages_mine/pages/system/notice/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.noticeTitle" border="false" placeholder="请输入公告标题" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -278,57 +279,27 @@ page {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  gap: 16rpx;
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
+    min-width: 0;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -519,7 +490,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/operlog/list.vue b/src/pages_mine/pages/system/operlog/list.vue
index 05d095b..41fcf34 100644
--- a/src/pages_mine/pages/system/operlog/list.vue
+++ b/src/pages_mine/pages/system/operlog/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.title" border="false" placeholder="请输入系统模块" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -569,7 +570,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 15rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/post/list.vue b/src/pages_mine/pages/system/post/list.vue
index ca0bcda..a2acceb 100644
--- a/src/pages_mine/pages/system/post/list.vue
+++ b/src/pages_mine/pages/system/post/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.postName" border="false" placeholder="请输入岗位名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -255,57 +256,27 @@ page {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  gap: 16rpx;
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
+    min-width: 0;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -535,7 +506,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/role/list.vue b/src/pages_mine/pages/system/role/list.vue
index 2b457a3..4fa5859 100644
--- a/src/pages_mine/pages/system/role/list.vue
+++ b/src/pages_mine/pages/system/role/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.roleName" border="false" placeholder="请输入角色名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -252,57 +253,27 @@ page {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  gap: 16rpx;
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
+    min-width: 0;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -486,7 +457,10 @@ page {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {
diff --git a/src/pages_mine/pages/system/user/list.vue b/src/pages_mine/pages/system/user/list.vue
index b6ebceb..fc0ea49 100644
--- a/src/pages_mine/pages/system/user/list.vue
+++ b/src/pages_mine/pages/system/user/list.vue
@@ -3,7 +3,8 @@
     <u-sticky offsetTop="0rpx" customNavHeight="0rpx">
       <view class="search-view">
         <u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
-          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
+          customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
+          @blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
         </u--input>
         <view class="filter-btn" @click="filterPanel = !filterPanel">
           <uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -268,57 +269,27 @@ function dictStr(value, list) {
   padding: 20rpx 24rpx;
   background-color: #ffffff;
   position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  gap: 16rpx;
 
   .search-input {
-    background: rgba(102, 126, 234, 0.08);
-    color: #333333;
     flex: 1;
-    margin-right: 16rpx;
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    height: 66rpx !important;
-    display: flex;
-    align-items: center;
+    min-width: 0;
   }
 
-  .filter-btn {
-    display: flex;
-    align-items: center;
-    gap: 6rpx;
-    padding: 12rpx 24rpx;
-    background: rgba(102, 126, 234, 0.08);
-    border-radius: 24rpx;
-    border: 2rpx solid rgba(102, 126, 234, 0.3);
-    transition: all 0.3s ease;
-    flex-shrink: 0;
-    
-    &:active {
-      transform: scale(0.95);
-      background: rgba(102, 126, 234, 0.12);
-    }
-    
-    text {
-      color: #667eea;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    
-    uni-icons {
-      color: #667eea;
-    }
-  }
-  
+  .filter-btn,
   .add-btn {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 6rpx;
-    padding: 12rpx 24rpx;
+    padding: 0 24rpx;
+    height: 66rpx;
     background: rgba(102, 126, 234, 0.08);
     border-radius: 24rpx;
     border: 2rpx solid rgba(102, 126, 234, 0.3);
     transition: all 0.3s ease;
     flex-shrink: 0;
-    margin-left: 10rpx;
     
     &:active {
       transform: scale(0.95);
@@ -546,7 +517,10 @@ function dictStr(value, list) {
 
   .card-body {
     padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
   }
 
   .info-row {