fix: make points detail area fill remaining height

uniapp/src/packages/pages/points_center/points_center.vue

@@ -134,12 +134,15 @@ $line: #e8ebef;
 
 .points-center {
     height: 100vh;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
     background: #fff;
     color: $text;
 
     &__nav {
         height: 96rpx;
+        flex-shrink: 0;
         padding: 0 36rpx;
         display: flex;
         align-items: center;
@@ -171,8 +174,11 @@ $line: #e8ebef;
     }
 
     &__scroll {
-        height: calc(100vh - 96rpx);
-        padding-bottom: 124rpx;
+        flex: 1;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        padding-bottom: 20rpx;
         overflow: hidden;
         box-sizing: border-box;
     }
@@ -203,6 +209,7 @@ $line: #e8ebef;
 .points-card {
     position: relative;
     height: 280rpx;
+    flex-shrink: 0;
     margin: 0 28rpx 20rpx;
     overflow: hidden;
     border-radius: 28rpx;
@@ -292,6 +299,7 @@ $line: #e8ebef;
 .quick-grid {
     margin: 0 28rpx 32rpx;
     display: grid;
+    flex-shrink: 0;
     grid-template-columns: repeat(2, 1fr);
     overflow: hidden;
     border: 1rpx solid $line;
@@ -346,6 +354,7 @@ $line: #e8ebef;
 
 .section-heading {
     margin: 0 32rpx 20rpx;
+    flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -370,7 +379,8 @@ $line: #e8ebef;
 }
 
 .detail-card {
-    height: 420rpx;
+    flex: 1;
+    min-height: 0;
     width: calc(100% - 56rpx);
     margin: 0 28rpx;
     padding: 0 20rpx;
@@ -461,6 +471,7 @@ $line: #e8ebef;
 
 .points-tip {
     margin: 20rpx 28rpx 0;
+    flex-shrink: 0;
     min-height: 60rpx;
     padding: 0 20rpx;
     display: flex;