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

pages/records/life-events.vue

@@ -444,12 +444,14 @@ onUnload(() => {
   z-index: 1;
 }
 .page-content {
-  padding: 18rpx 24rpx 72rpx;
+  flex: 1;
+  padding: 18rpx 24rpx calc(72rpx + env(safe-area-inset-bottom));
 }
 .form-card,
 .state-card,
 .event-card {
   @include adaptive-records-content;
+  background-color: rgba($paper, 0.82);
 }
 .form-card {
   box-sizing: border-box;
@@ -491,7 +493,7 @@ onUnload(() => {
   @include adaptive-records-field;
   box-sizing: border-box;
   width: 100%;
-  min-height: 76rpx;
+  min-height: 80rpx;
   padding: 16rpx 22rpx;
   color: $ink;
   font-size: clamp(14px, 23rpx, 17px);
@@ -586,7 +588,7 @@ onUnload(() => {
 .event-list {
   display: flex;
   flex-direction: column;
-  gap: 16rpx;
+  gap: 20rpx;
 }
 .save-notice {
   display: block;
@@ -619,5 +621,5 @@ onUnload(() => {
   justify-content: flex-end;
   margin-top: 18rpx;
 }
-.event-card__actions .app-button { width: 154rpx; min-height: 66rpx; }
+.event-card__actions .app-button { width: 154rpx; min-height: 80rpx; }
 </style>