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

components/genealogy/InvitationManager.vue

@@ -374,12 +374,18 @@ onUnmounted(() => {
   min-width: 0;
   flex: 1;
 }
+.invitation-manager__row .app-button {
+  width: auto;
+  min-width: 120rpx;
+  flex: 0 0 auto;
+}
 .invitation-manager__row text:first-child {
   color: $ink;
   font-family: "STKaiti", "KaiTi", serif;
   font-size: clamp(16px, 28rpx, 21px);
   font-weight: 700;
-  overflow-wrap: anywhere;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 .issued-invitation__token {
   box-sizing: border-box;

components/genealogy/PageBackground.vue

@@ -3,7 +3,7 @@
     <image
       class="genealogy-page-background__art"
       src="/static/assets/modules/genealogy/opaque/genealogy-page-background-long.png"
-      mode="widthFix"
+      mode="aspectFill"
     />
   </view>
 </template>
@@ -25,6 +25,7 @@
   left: 0;
   display: block;
   width: 100%;
+  height: 100%;
   opacity: 0.28;
 }