fix: 背景改为浅白色，图标改为更清晰的样式，卡片改为浅色系

src/components/Icon.vue

@@ -1,33 +1,35 @@
 <template>
-  <text class="icon" :class="'icon-' + name" :style="iconStyle">{{ iconChar }}</text>
+  <view class="icon-wrapper" :style="iconStyle">
+    <text class="icon-text">{{ iconChar }}</text>
+  </view>
 </template>
 
 <script>
+// 简单图标映射
 const icons = {
   home: '🏠',
   user: '👤',
   chart: '📊',
   product: '📦',
-  add: '+',
+  add: '➕',
   search: '🔍',
   order: '📋',
-  edit: '✎',
+  edit: '✏️',
   check: '✓',
   close: '✕',
   stock: '🏭',
   alert: '⚡',
-  in: '↓',
+  in: '⬇️',
-  out: '↑',
+  out: '⬆️',
   customer: '👥',
-  money: '💳',
+  money: '💰',
-  logout: '↩',
+  logout: '↩️',
   right: '›',
   left: '‹',
-  down: '⌄',
+  down: '▼',
   lock: '🔐',
-  filter: '▼',
   calendar: '📅',
-  setting: '⚙',
+  setting: '⚙️',
   wechat: '💬',
   cash: '💵',
   alipay: '💙',
@@ -57,10 +59,12 @@ export default {
 </script>
 
 <style>
-.icon {
+.icon-wrapper {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  display: flex;
-  display: inline-block;
+  align-items: center;
-  text-align: center;
+  justify-content: center;
+}
+.icon-text {
   line-height: 1;
 }
 </style>

src/pages/index/index.vue

@@ -276,7 +276,7 @@ export default {
 <style>
 .page {
   min-height: 100vh;
-  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
+  background: #f5f5f5;
   padding: 30rpx;
 }
 
@@ -424,7 +424,7 @@ export default {
 .menu-card {
   width: 18%;
   aspect-ratio: 1;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(135deg, #e0e5ec 0%, #ffffff 100%);
   border-radius: 12rpx;
   margin: 8rpx;
   display: flex;
@@ -432,6 +432,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 6rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
 }
 
 .menu-card:active {