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: '↓',
-  out: '↑',
+  in: '⬇️',
+  out: '⬆️',
   customer: '👥',
-  money: '💳',
-  logout: '↩',
+  money: '💰',
+  logout: '↩️',
   right: '›',
   left: '‹',
-  down: '⌄',
+  down: '▼',
   lock: '🔐',
-  filter: '▼',
   calendar: '📅',
-  setting: '⚙',
+  setting: '⚙️',
   wechat: '💬',
   cash: '💵',
   alipay: '💙',
@@ -57,10 +59,12 @@ export default {
 </script>
 
 <style>
-.icon {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  display: inline-block;
-  text-align: center;
+.icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.icon-text {
   line-height: 1;
 }
 </style>