修复不同机型底部按钮排版不一致的问题

pages/goods-detail/goods-detail.wxml

@@ -413,7 +413,7 @@
     >
       拨打电话
     </button>
-        <button 
+    <button 
       class="chat-button bottom-button"
       bindtap="showBargainModal"
       data-id="{{goodsDetail.id}}"

pages/goods-detail/goods-detail.wxss

@@ -422,20 +422,25 @@ video.slider-media .wx-video-volume-icon {
   bottom: 0;
   left: 0;
   right: 0;
-  padding: 12px 16px; /* 减小内边距 */
+  padding: 12px 16px;
   background-color: #ffffff;
   border-top: 1px solid #f0f0f0;
   box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
   z-index: 99;
   display: flex;
-  gap: 8px; /* 减小按钮间距 */
+  gap: 8px;
+  flex-wrap: nowrap;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .bottom-button {
   flex: 1;
-  height: 48px; /* 减小按钮高度 */
+  min-width: 0;
-  border-radius: 24px; /* 减小圆角 */
+  height: 48px;
-  font-size: 16px; /* 减小字体大小 */
+  border-radius: 24px;
+  font-size: 16px;
   font-weight: 700;
   display: flex;
   justify-content: center;
@@ -444,6 +449,10 @@ video.slider-media .wx-video-volume-icon {
   outline: none;
   transition: all 0.3s ease;
   margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 12px;
 }
 
 .bottom-button:active {