chore: 首页主要内容区样式调整

src/views/home/components/recent-creation.vue

 <script setup lang="ts"></script>
 
 <template>
-  <div>最近创作</div>
+  <div class="rounded-[16px] bg-white p-[24px]">
+    <div>最近创作</div>
+  </div>
 </template>

src/views/home/layout/index.vue

@@ -17,7 +17,7 @@ import MainContent from './main-content.vue'
             <SideBar />
           </n-layout-sider>
 
-          <n-layout-content class="rounded-[16px]">
+          <n-layout-content class="rounded-[16px] !bg-transparent">
             <MainContent />
           </n-layout-content>
         </n-layout>

src/views/home/layout/main-content.vue

@@ -3,9 +3,7 @@ import RecentCreation from '../components/recent-creation.vue'
 </script>
 
 <template>
-  <main class="p-[24px]">
-    <div>
-      <RecentCreation />
-    </div>
+  <main>
+    <RecentCreation />
   </main>
 </template>