feat(UI): 首页与个人中心按原型改版，修复纯白图标在白底上不可见

一、首页两个入口按钮改版（用户反馈「太小了」）

原为「裸图标 + 单行文字」的矮按钮（min-height 76rpx），改为
「白色圆角图标块 + 右侧主副两行文字」的大卡片（padding 22rpx 20rpx）：
- 自主填报：便捷填报，快速提交
- 填报记录：历史记录，随时查看
主按钮渐变由 #f97316→#ef4444 改为 #f9863c→#f2620f 并加橙色投影。
结构对齐 create.vue 已有的 sales-entry-* 卡片。

二、个人中心三张卡片改版（用户提供原型图）

- 积分卡：改为「绿底图标块 + 大号数字 + 我的积分」，右侧新增
  「积分明细 ›」胶囊按钮；去掉原先那条突兀的 20px 绿色粗顶边。
  数字字号 30rpx → 40rpx。
- 自主填报 / 客户拜访：由单行居中文字改为「图标块 + 主标题 + 副标题」，
  副标题分别为「及时上报、真实记录」「拜访记录、有效跟进」。
- 药审核：改为整行卡片（图标 + 药审核/待审核任务 + 红色数字徽标 + 箭头），
  徽标数据来自新增接口 /yxe/yxe-audit/pending-count（见 yxe-java 侧提交），
  仅 can_auth === 1 时拉取，退出登录时清零。

三、修复纯白图标在近白底上不可见（用户反馈「图片是白色的看不清」）

根因不在 opacity 或主题色，而是图源本身就是纯白图形 + 透明背景：
  文件                       颜色构成            内容占画布
  0fd31838....png (驻店)     透明 + #FFFFFF      75% x 50%
  f5fbb2e4....png (跑店)     白色及半透明白       88% x 88%
  9c6c9884....png (新任务)   纯白                90% x 90%
  eebe6469....png (已完成)   纯白                 -
而承载它们的底色分别是 #f8fafc（选择页卡片）与平均亮度 250/255 的
近白底图（首页 tab），白图标贴白底自然完全看不见。此类图标只适合
放在深色/彩色底上，同一张 0fd31838....png 在个人中心药审核卡里
配金色底时一直正常，故长期未暴露。

改法：统一垫一层绿色圆角底块反衬白色图形
- select.vue：新增 .type-icon-wrap（未选中 #2fc6a7→#1aa88c，
  选中加深为 #16a085→#0e7a66 + 投影，顺带强化选中态）
- index.vue：新增 .tab-icon-wrap（未激活绿圆底；激活时置
  background:none，避免两层绿有色差露出一圈描边）

顺带修一个隐藏问题：两张填报图源的内容占比差很多，同尺寸渲染会让
驻店图标明显偏小，故为 store 单独放大（.type-icon-store 92rpx）。

验证：用 Pillow 按 rpx→px 实际比例合成修复前后对比图逐张核对，
确认修复前未激活图标完全不可见、修复后清晰、激活态无色差边。
模板标签、style 括号、类名定义/引用均通过脚本校验。

注：f5fbb2e4....png 渲染出来实际是「时钟」形状，用在「跑店填报」
语义是否合适待确认，本次只解决可见性，未更换图标资源。

packageUser/self-report/select.vue

@@ -25,7 +25,10 @@
         :class="['type-card', form.type === item.value ? 'type-card-active' : '']"
         @tap="form.type = item.value"
       >
-        <image class="type-icon" :src="item.icon" mode="aspectFit"/>
+        <view :class="['type-icon-wrap', form.type === item.value ? 'type-icon-wrap-active' : '']">
+          <image :class="['type-icon', item.value === 'store' ? 'type-icon-store' : '']"
+                 :src="item.icon" mode="aspectFit"/>
+        </view>
         <view class="type-body">
           <view class="type-title">{{ item.title }}</view>
           <view class="type-desc">{{ item.desc }}</view>
@@ -217,10 +220,35 @@ export default {
   background: #f1fbf8;
 }
 
-.type-icon {
-  width: 108rpx;
-  height: 96rpx;
+/* 图标本身是纯白图形 + 透明底，直接放浅色卡片上会看不见，
+   所以垫一层彩色圆角底块反衬；选中后加深，兼作选中态提示。
+   底色取偏深的绿，保证白色图形有足够对比度。 */
+.type-icon-wrap {
   flex-shrink: 0;
+  width: 112rpx;
+  height: 100rpx;
+  border-radius: 24rpx;
+  background: linear-gradient(135deg, #2fc6a7, #1aa88c);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.type-icon-wrap-active {
+  background: linear-gradient(135deg, #16a085, #0e7a66);
+  box-shadow: 0 8rpx 20rpx rgba(47, 198, 167, 0.32);
+}
+
+.type-icon {
+  width: 62rpx;
+  height: 62rpx;
+}
+
+/* 两张图源的内容占比差得多（visit 约占画布 88%×88%，store 只占 75%×50%），
+   同尺寸渲染会让驻店图标明显偏小，这里按可见图形补正。 */
+.type-icon-store {
+  width: 92rpx;
+  height: 92rpx;
 }
 
 .type-body {