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

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" />
@@ -349,6 +349,9 @@ watch(
 .main.has-nav {
   padding-bottom: 16px;
 }
+.main.main--detail {
+  padding-top: 0;
+}
 
 .bottom-nav {
   display: flex;