新增未登录状态下的假资料展示，优化用户卡片界面，允许用户点击登录以打开登录弹窗。同时，更新登录弹窗样式，增加取消按钮，提升用户体验和交互性。

miniprogram/pages/my/my.js

@@ -50,10 +50,14 @@ Page({
     withdrawMchId: '',
     withdrawAppId: '',
     
+    // 未登录假资料（展示用）
+    guestNickname: '游客',
+    guestAvatar: '',
+
     // 登录弹窗
     showLoginModal: false,
     isLoggingIn: false,
-    
+
     // 修改昵称弹窗
     showNicknameModal: false,
     editingNickname: ''

miniprogram/pages/my/my.wxml

@@ -11,16 +11,36 @@
   <!-- 导航栏占位 -->
   <view class="nav-placeholder" style="height: {{statusBarHeight + 44}}px;"></view>
 
-  <!-- 用户卡片 - 未登录状态 - 只显示登录提示 -->
-  <view class="user-card card-gradient login-card" wx:if="{{!isLoggedIn}}">
-    <view class="login-prompt">
-      <view class="login-icon-large">🔐</view>
-      <text class="login-title">登录 Soul创业实验</text>
-      <text class="login-desc">登录后可购买章节、解锁更多内容</text>
-      <button class="btn-wechat-large" bindtap="handleWechatLogin">
-        <text class="btn-icon">微</text>
-        <text>微信快捷登录</text>
-      </button>
+  <!-- 用户卡片 - 未登录：假资料界面，名字旁点击登录打开弹窗 -->
+  <view class="user-card card-gradient" wx:if="{{!isLoggedIn}}">
+    <view class="user-header-row">
+      <view class="avatar avatar-placeholder">
+        <image class="avatar-img" wx:if="{{guestAvatar}}" src="{{guestAvatar}}" mode="aspectFill"/>
+        <text class="avatar-text" wx:else>{{guestNickname[0] || '游'}}</text>
+      </view>
+      <view class="user-info-block">
+        <view class="user-name-row">
+          <text class="user-name">{{guestNickname}}</text>
+          <view class="btn-login-inline" bindtap="showLogin">点击登录</view>
+        </view>
+        <view class="user-id-row">
+          <text class="user-id user-id-guest">登录后查看完整信息</text>
+        </view>
+      </view>
+    </view>
+    <view class="stats-grid">
+      <view class="stat-item">
+        <text class="stat-value brand-color">--</text>
+        <text class="stat-label">已读章节</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-value brand-color">--</text>
+        <text class="stat-label">推荐好友</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-value gold-color">--</text>
+        <text class="stat-label">待领收益</text>
+      </view>
     </view>
   </view>
 
@@ -241,9 +261,9 @@
     </view>
   </view>
 
-  <!-- 登录弹窗 - 只保留微信登录 -->
+  <!-- 登录弹窗：可取消，用户主动选择是否登录 -->
   <view class="modal-overlay" wx:if="{{showLoginModal}}" bindtap="closeLoginModal">
-    <view class="modal-content" catchtap="stopPropagation">
+    <view class="modal-content login-modal-content" catchtap="stopPropagation">
       <view class="modal-close" bindtap="closeLoginModal">✕</view>
       <view class="login-icon">🔐</view>
       <text class="login-title">登录 Soul创业实验</text>
@@ -257,6 +277,7 @@
         <text class="btn-wechat-icon">微</text>
         <text>{{isLoggingIn ? '登录中...' : '微信快捷登录'}}</text>
       </button>
+      <view class="login-modal-cancel" bindtap="closeLoginModal">取消</view>
       
       <text class="login-notice">登录即表示同意《用户协议》和《隐私政策》</text>
     </view>

miniprogram/pages/my/my.wxss

@@ -305,67 +305,24 @@
   margin-top: 4rpx;
 }
 
-/* ===== 登录卡片样式 ===== */
-.login-card {
-  min-height: 400rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+/* ===== 未登录假资料样式 ===== */
+.avatar-placeholder {
+  cursor: default;
 }
 
-.login-prompt {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: 40rpx 0;
-  width: 100%;
+.user-id-guest {
+  color: rgba(255, 255, 255, 0.35) !important;
 }
 
-.login-icon-large {
-  font-size: 80rpx;
-  margin-bottom: 32rpx;
-}
-
-.login-title {
-  font-size: 36rpx;
+.btn-login-inline {
+  flex-shrink: 0;
+  margin-left: 16rpx;
+  padding: 10rpx 24rpx;
+  background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%);
+  color: #000;
+  font-size: 24rpx;
   font-weight: 600;
-  color: #ffffff;
-  margin-bottom: 16rpx;
-}
-
-.login-desc {
-  font-size: 26rpx;
-  color: rgba(255, 255, 255, 0.5);
-  margin-bottom: 48rpx;
-  line-height: 1.6;
-}
-
-.btn-wechat-large {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 16rpx;
-  width: 80%;
-  padding: 28rpx 0;
-  background: linear-gradient(135deg, #07C160 0%, #06AD56 100%);
-  border-radius: 48rpx;
-  border: none;
-  color: #ffffff;
-  font-size: 32rpx;
-  font-weight: 600;
-}
-
-.btn-wechat-large .btn-icon {
-  width: 48rpx;
-  height: 48rpx;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 8rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 28rpx;
-  font-weight: 700;
+  border-radius: 24rpx;
 }
 
 .user-name {
@@ -1028,6 +985,15 @@
   font-size: 32rpx;
 }
 
+/* 登录弹窗内取消按钮 */
+.login-modal-cancel {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.5);
+  text-align: center;
+}
+
 .login-notice {
   display: block;
   margin-top: 32rpx;