feat: 旅游卡页面功能入口改为SVG图标 + 图标资源优化

- 旅游卡页面(qrcode/index)功能入口：我要入园/我要预约/使用记录/景区权益
- 卡片详情页(detail)新增4宫格功能入口
- SVG图标(4.3MB)转为PNG(99KB)解决主包4MB限制
- tabBar图标从1024x1024缩至81x81修复模拟器启动失败
- 统一各页面区域间距为24rpx

Co-Authored-By: Claude <noreply@anthropic.com>

src/pages/index/index.vue

@@ -140,10 +140,10 @@ import type { ScenicSpotItem } from '../../data/scenic-spots'
 
 /** 金刚区 */
 const quickActions = [
-  { label: '我要绑卡', icon: '/static/icon/card.svg' },
-  { label: '我要预约', icon: '/static/icon/reserve.svg' },
-  { label: '我要入园', icon: '/static/icon/check.svg' },
-  { label: '常见问题', icon: '/static/icon/faq.svg' },
+  { label: '我要绑卡', icon: '/static/icon/card.png' },
+  { label: '我要预约', icon: '/static/icon/reserve.png' },
+  { label: '我要入园', icon: '/static/icon/check.png' },
+  { label: '常见问题', icon: '/static/icon/faq.png' },
 ]
 
 function onQuickAction(item: { label: string }) {