更新文档，新增输入框样式最佳实践，强调在小程序和管理端开发中使用容器包裹输入框以避免布局问题。调整经验库，记录相关最佳实践和开发进度，确保团队共享经验的一致性和可追溯性。优化小程序页面，增加分享功能，提升用户体验。

miniprogram/pages/vip/vip.wxml

@@ -1,44 +1,50 @@
-<!--VIP会员页-->
+<!-- VIP会员页 -->
 <view class="page">
   <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
-    <view class="nav-back" bindtap="goBack"><text class="back-icon">‹</text></view>
+    <view class="nav-back" bindtap="goBack">
+      <text class="back-icon">‹</text>
+    </view>
     <text class="nav-title">卡若创业派对</text>
     <view class="nav-placeholder-r"></view>
   </view>
   <view style="height: {{statusBarHeight + 44}}px;"></view>
-
   <!-- 会员状态 -->
   <view class="vip-hero {{isVip ? 'vip-hero-active' : ''}}">
     <text class="vip-hero-tag">卡若创业派对</text>
-    <text class="vip-hero-title">加入卡若的<text class="gold">创业派对</text>会员</text>
+    <text class="vip-hero-title">
+      加入卡若的
+      <text class="gold">创业派对</text>
+      会员
+    </text>
     <text class="vip-hero-sub" wx:if="{{isVip}}">有效期至 {{expireDateStr}}（剩余{{daysRemaining}}天）</text>
     <text class="vip-hero-sub" wx:else>专属会员尊享权益</text>
   </view>
-
   <!-- 内容权益 -->
   <view class="rights-card">
     <text class="rights-section-title">内容权益</text>
     <view class="rights-item" wx:for="{{contentRights}}" wx:key="title">
-      <view class="rights-check-wrap"><text class="rights-check">✓</text></view>
+      <view class="rights-check-wrap">
+        <text class="rights-check">✓</text>
+      </view>
       <view class="rights-info">
         <text class="rights-title">{{item.title}}</text>
         <text class="rights-desc">{{item.desc}}</text>
       </view>
     </view>
   </view>
-
   <!-- 社交权益 -->
   <view class="rights-card">
     <text class="rights-section-title">社交权益</text>
     <view class="rights-item" wx:for="{{socialRights}}" wx:key="title">
-      <view class="rights-check-wrap"><text class="rights-check">✓</text></view>
+      <view class="rights-check-wrap">
+        <text class="rights-check">✓</text>
+      </view>
       <view class="rights-info">
         <text class="rights-title">{{item.title}}</text>
         <text class="rights-desc">{{item.desc}}</text>
       </view>
     </view>
   </view>
-
   <!-- 价格区 + 购买按钮 -->
   <view class="buy-area" wx:if="{{!isVip}}">
     <view class="price-row">
@@ -51,28 +57,46 @@
     </button>
     <text class="buy-sub">加入卡若创业派对，获取创业资讯与优质人脉资源</text>
   </view>
-
   <!-- VIP资料填写（仅VIP可见） -->
   <view class="profile-card" wx:if="{{isVip}}">
     <text class="profile-title">会员资料（展示在创业老板排行）</text>
+    <view class="avatar-row">
+      <view class="avatar-label">头像</view>
+      <view class="avatar-slot" bindtap="onChooseVipAvatar">
+        <image wx:if="{{profile.vipAvatar}}" class="avatar-img" src="{{profile.vipAvatar}}" mode="aspectFill"/>
+        <view wx:else class="avatar-placeholder">
+          <text class="avatar-add">+</text>
+          <text class="avatar-hint">上传头像</text>
+        </view>
+      </view>
+    </view>
     <view class="form-group">
       <text class="form-label">姓名</text>
-      <input class="form-input" placeholder="您的真实姓名" value="{{profile.name}}" bindinput="onNameInput"/>
+      <view class="form-input">
+        <input type="nickname" placeholder="您的真实姓名" placeholder-class="form-placeholder" value="{{profile.vipName}}" bindinput="onVipNameInput" />
+      </view>
     </view>
     <view class="form-group">
       <text class="form-label">项目名称</text>
-      <input class="form-input" placeholder="您的项目/公司名称" value="{{profile.project}}" bindinput="onProjectInput"/>
+      <view class="form-input">
+        <input placeholder="您的项目/公司名称" placeholder-class="form-placeholder" value="{{profile.vipProject}}" bindinput="onVipProjectInput" />
+      </view>
     </view>
     <view class="form-group">
       <text class="form-label">联系方式</text>
-      <input class="form-input" placeholder="微信号或手机号" value="{{profile.contact}}" bindinput="onContactInput"/>
+      <view class="form-input">
+        <input placeholder="微信号或手机号" placeholder-class="form-placeholder" value="{{profile.vipContact}}" bindinput="onVipContactInput" />
+      </view>
     </view>
     <view class="form-group">
       <text class="form-label">一句话简介</text>
-      <input class="form-input" placeholder="简要描述您的业务" value="{{profile.bio}}" bindinput="onBioInput"/>
+      <view class="form-input">
+        <input placeholder="简要描述您的业务" placeholder-class="form-placeholder" value="{{profile.vipBio}}" bindinput="onVipBioInput" />
+      </view>
+    </view>
+    <view class="save-btn-wrap">
+      <button class="save-btn" bindtap="saveProfile">保存资料</button>
     </view>
-    <button class="save-btn" bindtap="saveProfile">保存资料</button>
   </view>
-
   <view class="bottom-space"></view>
-</view>
+</view>