style(theme-3): 修复详情页顶部导航栏上方的空白边距及滚动内容穿透问题

apps/player/src/layouts/MainLayout.vue

@@ -172,7 +172,7 @@ watch(
       />
     </div>
 
-    <main ref="mainRef" :class="['main', { 'has-nav': showBottomNav }]">
+    <main ref="mainRef" :class="['main', { 'has-nav': showBottomNav, 'main--detail': isDetailPage }]">
       <RouterView v-slot="{ Component, route: viewRoute }">
         <KeepAlive v-if="viewRoute.meta.keepAlive" :max="10">
           <component :is="Component" :key="viewRoute.path" />
@@ -350,6 +350,9 @@ watch(
 .main.has-nav {
   padding-bottom: 16px;
 }
+.main.main--detail {
+  padding-top: 0;
+}
 
 .bottom-nav {
   display: flex;

apps/player/src/views/MatchDetailView.vue

@@ -453,7 +453,7 @@ function onPickSelection(selId: string, marketId: string) {
 <style scoped>
 .detail-page {
   margin: 0 -16px;
-  padding-top: 8px;
+  padding-top: 0;
   padding-bottom: 16px;
   background: var(--bg-body);
 }