feat: 完成前端业务闭环与后端联调

pages/family/feed-detail.vue

@@ -51,6 +51,7 @@
               @click="openEditFeed"
             />
             <AppButton
+              v-if="feed.canDelete"
               compact
               type="secondary"
               label="删除动态"
@@ -86,9 +87,9 @@
       :visible="deleteConfirmationVisible"
       :close-on-mask="false"
       eyebrow="删除确认"
-      title="删除这条动态？"
-      message="删除后无法恢复，请确认当前内容不再需要。"
-      confirm-text="确认删除"
+      title="将这条动态移至回收站？"
+      message="移入回收站后不再展示，家谱管理员可在保留期内恢复。"
+      confirm-text="移至回收站"
       cancel-text="保留动态"
       show-cancel
       @confirm="deleteFeed"
@@ -313,7 +314,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
 }
 .feed-detail-content {
   flex: 1;
-  padding: 18rpx 24rpx 72rpx;
+  padding: 18rpx 24rpx calc(72rpx + env(safe-area-inset-bottom));
 }
 .feed-detail-body {
   margin-top: 18rpx;
@@ -322,6 +323,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
 .feed-state-card {
   @include adaptive-family-content;
   box-sizing: border-box;
+  background-color: rgba($paper, 0.82);
 }
 .feed-card {
   padding: 30rpx;
@@ -348,6 +350,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
   color: $ink;
   font-size: clamp(16px, 29rpx, 20px);
   line-height: 1.7;
+  overflow-wrap: anywhere;
   white-space: pre-wrap;
 }
 .feed-card__meta {