feat(points): 增加双边积分与虚拟积分商城

frontend/src/features/auth/views/ProfileView.vue

@@ -420,7 +420,7 @@ async function savePassword() {
             <dd class="growth-level">{{ session.renterGrowthLevelName }}</dd>
           </div>
           <div>
-            <dt>成长积分</dt>
+            <dt>累计积分</dt>
             <dd>{{ session.renterGrowthPoints }}</dd>
           </div>
         </dl>
@@ -514,6 +514,17 @@ async function savePassword() {
       </div>
     </section>
 
+    <section class="points-entry-card">
+      <div>
+        <span>POINTS MALL</span>
+        <strong>积分商城</strong>
+        <p>
+          可用 {{ session.pointsAvailable }} 积分 · 当前等级 {{ session.renterGrowthLevelName }}
+        </p>
+      </div>
+      <el-button type="primary" @click="router.push('/points-mall')">进入积分商城</el-button>
+    </section>
+
     <PayWaySelectDialog v-model="qualityOwnerPayWayVisible" @choose="chooseQualityOwnerPayWay" />
 
     <el-dialog
@@ -1023,6 +1034,45 @@ async function savePassword() {
   box-shadow: 0 10px 28px rgba(76, 29, 149, 0.06);
 }
 
+.points-entry-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  margin-top: 18px;
+  padding: 20px 24px;
+  border: 1px solid #ddd6fe;
+  border-radius: 14px;
+  background: linear-gradient(135deg, #faf8ff 0%, #fff 72%);
+}
+
+.points-entry-card div {
+  display: grid;
+  gap: 4px;
+}
+
+.points-entry-card span {
+  color: #7c3aed;
+  font-size: 10px;
+  font-weight: 900;
+}
+
+.points-entry-card strong {
+  color: #312e81;
+  font-size: 19px;
+}
+
+.points-entry-card p {
+  margin: 0;
+  color: #6b7280;
+  font-size: 12px;
+}
+
+.points-entry-card :deep(.el-button--primary) {
+  border: none;
+  background: #7c3aed;
+}
+
 .quality-owner-card.is-active {
   border-color: #c4b5fd;
 }