fix: 修复我的页模板嵌套错乱——已登录余额卡与未登录引导卡现在是两个独立平级区块

client/src/pages/profile/profile.vue

@@ -41,16 +41,8 @@
       </view>
     </view>
 
-    <!-- 星尘余额 + 今日免费（已登录） -->
+    <!-- 已登录：星尘余额 + 今日免费 -->
     <view class="balance-card" v-if="userStore.isLoggedIn">
-    <!-- 未登录：引导登录（简洁明确） -->
-    <view class="balance-card login-guide" v-if="!userStore.isLoggedIn" @click="goLogin">
-      <view class="balance-left">
-        <text class="login-guide-title">登录后开始探索</text>
-        <text class="login-guide-sub">每天 5 次免费 AI 问答 · 点亮知识星球</text>
-      </view>
-      <view class="recharge-go"><text>去登录</text></view>
-    </view>
       <view class="balance-left">
         <view class="coin-row">
           <text class="coin-icon">✨</text>
@@ -63,6 +55,15 @@
         <text>充值</text>
       </view>
     </view>
+
+    <!-- 未登录：引导登录 -->
+    <view class="balance-card" v-if="!userStore.isLoggedIn" @click="goLogin">
+      <view class="balance-left">
+        <text class="login-guide-title">登录后开始探索</text>
+        <text class="login-guide-sub">每天 5 次免费 AI 问答 · 点亮知识星球</text>
+      </view>
+      <view class="recharge-go"><text>去登录</text></view>
+    </view>
     <!-- 菜单列表 -->
     <view class="menu-section">
       <view class="menu-item" @click="goFavorites">