优化人才小程序功能：头像改为姓氏首字、打卡文字更新、证件照片整合

- 将人才头像从图片改为蓝色圆形背景的姓氏首字
- 将'拍照打卡'按钮文字改为'小程序远程打卡'并更新图标
- 整合身份证正反面为一个统一的'身份证'字段
- 新增个人征信报告字段到证件照片部分
- 优化证件照片布局为两行两列显示

🤖 Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

rencai.html

@@ -175,8 +175,9 @@
                         <div class="gradient-bg text-white rounded-2xl p-5 mb-4">
                             <div class="flex justify-between items-start">
                                 <div class="flex items-center">
-                                    <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=100&q=80" 
-                                         class="w-16 h-16 rounded-full border-2 border-white mr-4" alt="个人头像">
+                                    <div class="w-16 h-16 rounded-full border-2 border-white mr-4 bg-blue-500 flex items-center justify-center text-white text-xl font-bold">
+                                        张
+                                    </div>
                                     <div>
                                         <h2 class="text-xl font-bold">张明</h2>
                                         <p class="text-sm opacity-80">肢体残疾 · 三级</p>
@@ -227,7 +228,7 @@
                                 </div>
                             </div>
                             <button class="w-full bg-blue-500 text-white py-3 rounded-lg font-medium mt-4">
-                                <i class="fas fa-camera mr-2"></i>拍照打卡
+                                <i class="fas fa-mobile-alt mr-2"></i>小程序远程打卡
                             </button>
                         </div>
                         
@@ -497,8 +498,9 @@
                         <div class="gradient-bg text-white p-5">
                             <div class="flex justify-between items-start">
                                 <div class="flex items-center">
-                                    <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=100&q=80" 
-                                         class="w-16 h-16 rounded-full border-2 border-white mr-4" alt="个人头像">
+                                    <div class="w-16 h-16 rounded-full border-2 border-white mr-4 bg-blue-500 flex items-center justify-center text-white text-xl font-bold">
+                                        张
+                                    </div>
                                     <div>
                                         <h2 class="text-xl font-bold">张明</h2>
                                         <p class="text-sm opacity-80">肢体残疾 · 三级 · 在职</p>
@@ -578,13 +580,7 @@
                                         <div class="w-12 h-12 rounded-lg bg-gray-100 flex items-center justify-center mx-auto mb-2">
                                             <i class="fas fa-id-card text-gray-400"></i>
                                         </div>
-                                        <p class="text-xs text-gray-600">身份证正面</p>
-                                    </div>
-                                    <div class="border border-gray-200 rounded-lg p-3 text-center">
-                                        <div class="w-12 h-12 rounded-lg bg-gray-100 flex items-center justify-center mx-auto mb-2">
-                                            <i class="fas fa-id-card text-gray-400"></i>
-                                        </div>
-                                        <p class="text-xs text-gray-600">身份证反面</p>
+                                        <p class="text-xs text-gray-600">身份证</p>
                                     </div>
                                     <div class="border border-gray-200 rounded-lg p-3 text-center">
                                         <div class="w-12 h-12 rounded-lg bg-gray-100 flex items-center justify-center mx-auto mb-2">
@@ -598,6 +594,12 @@
                                         </div>
                                         <p class="text-xs text-gray-600">体检报告</p>
                                     </div>
+                                    <div class="border border-gray-200 rounded-lg p-3 text-center">
+                                        <div class="w-12 h-12 rounded-lg bg-gray-100 flex items-center justify-center mx-auto mb-2">
+                                            <i class="fas fa-chart-line text-gray-400"></i>
+                                        </div>
+                                        <p class="text-xs text-gray-600">征信报告</p>
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -804,8 +806,9 @@
                         <!-- 个人信息 -->
                         <div class="p-4 border-b border-gray-200">
                             <div class="flex items-center mb-4">
-                                <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=100&q=80" 
-                                     class="w-16 h-16 rounded-full mr-4" alt="个人头像">
+                                <div class="w-16 h-16 rounded-full mr-4 bg-blue-500 flex items-center justify-center text-white text-xl font-bold">
+                                    张
+                                </div>
                                 <div>
                                     <h3 class="font-semibold text-gray-800">张明</h3>
                                     <p class="text-sm text-gray-500">肢体残疾 · 三级</p>