perf: 优化 预约详情 UI

packages/app/src/pages/booking/detail.vue

@@ -1003,7 +1003,8 @@ function updateLayout() {
   }
 
   &--dock-tall {
-    height: 320rpx;
+    height: calc(280rpx + env(safe-area-inset-bottom));
+    min-height: calc(128px + env(safe-area-inset-bottom));
   }
 }
 
@@ -1047,7 +1048,13 @@ function updateLayout() {
 
 .dock-row {
   display: flex;
-  gap: 12rpx;
+  flex-shrink: 0;
+  gap: 16rpx;
+
+  .dock-btn {
+    flex: 1 1 0;
+    min-width: 0;
+  }
 }
 
 .dock--slot .dock-btn {
@@ -1057,9 +1064,13 @@ function updateLayout() {
 }
 
 .dock-btn {
-  flex: 1;
-  height: 80rpx;
-  border-radius: 999rpx;
+  // The dock stacks vertically; only horizontal rows should distribute space.
+  flex: none;
+  box-sizing: border-box;
+  height: 96rpx;
+  min-height: 48px;
+  padding: 0 24rpx;
+  border-radius: 20rpx;
   background: #6b8276;
   display: flex;
   align-items: center;
@@ -1071,7 +1082,7 @@ function updateLayout() {
 
   &--ghost {
     background: #fff;
-    border: 1rpx solid #eee8e3;
+    border: 1rpx solid #d8cec5;
   }
 
   &--danger {