feat: 场馆选择页改为全屏黑白双栏布局

- venue-select: 整个屏幕左右平分，左深色(综合场馆)右浅色(冰场馆)
- venue-select: 移除导航栏、边框、描述文字
- venue.js: 综合场馆排第一，首次进入默认comprehensive
- VenueSwitchHeader: 简化为场馆名+箭头单行卡片

miniprogram/src/components/VenueSwitchHeader.vue

@@ -1,13 +1,7 @@
 <template>
   <view class="venue-switch-header" @tap="switchVenue">
-    <view class="venue-switch-main">
-      <text class="venue-switch-kicker">当前场馆</text>
-      <text class="venue-switch-name">{{ venueName }}</text>
-    </view>
-    <view class="venue-switch-action">
-      <text class="venue-switch-action__text">切换场馆</text>
-      <view class="venue-switch-action__arrow" />
-    </view>
+    <text class="venue-name">{{ venueName }}</text>
+    <view class="venue-arrow" />
   </view>
 </template>
 
@@ -26,74 +20,30 @@ const switchVenue = () => {
 
 <style lang="scss" scoped>
 .venue-switch-header {
-  min-height: 96rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: $spacing-md;
-  margin-bottom: $spacing-md;
-  padding: 18rpx 20rpx;
-  border: 1rpx solid rgba(226, 232, 240, 0.96);
+  padding: $spacing-md $spacing-lg;
   border-radius: $border-radius-base;
-  background: rgba(255, 255, 255, 0.98);
-  box-shadow: 0 10rpx 28rpx rgba(15, 23, 42, 0.04);
+  background: $bg-color-main;
+  border: 1rpx solid $border-color;
 }
 
 .venue-switch-header:active {
   background: $bg-color-hover;
 }
 
-.venue-switch-main {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4rpx;
-}
-
-.venue-switch-kicker {
-  color: $text-color-light;
-  font-size: 20rpx;
-  font-weight: 700;
-  line-height: 1.2;
-}
-
-.venue-switch-name {
-  overflow: hidden;
+.venue-name {
   color: $text-color-main;
   font-size: 30rpx;
   font-weight: 900;
-  line-height: 1.25;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
-.venue-switch-action {
-  flex-shrink: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6rpx;
-  height: 56rpx;
-  padding: 0 16rpx;
-  border: 1rpx solid $border-color;
-  border-radius: $border-radius-sm;
-  background: $bg-color-soft;
-  color: $text-color-regular;
-}
-
-.venue-switch-action__text,
-.venue-switch-action__arrow {
-  color: $text-color-regular;
-  font-size: 23rpx;
-  font-weight: 800;
-  line-height: 1;
-}
-
-.venue-switch-action__arrow {
-  width: 12rpx;
-  height: 12rpx;
-  border-top: 2rpx solid $text-color-muted;
-  border-right: 2rpx solid $text-color-muted;
+.venue-arrow {
+  width: 16rpx;
+  height: 16rpx;
+  border-top: 3rpx solid $text-color-light;
+  border-right: 3rpx solid $text-color-light;
   transform: rotate(45deg);
 }
 </style>