feat: 调整样式

src/pages/posts/[...slug].astro

@@ -2,8 +2,27 @@
 import Layout from "@/layouts/Layout.astro";
 
 const { slug } = Astro.params;
+
+const str = `
+  <h1>Sample Post Title</h1>
+  <p>This is a sample blog post content for the post with slug: </p>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+`;
+
 ---
 
 <Layout>
-  <h1>Post Slug: {slug}</h1>
+  <div class="post" set:html={str}>
+
+  </div>
 </Layout>
+
+<style>
+  .post{
+    background: #fff;
+    border-radius: 12px;
+    overflow: auto;
+    padding: 16px;
+    box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 14px -4px;
+  }
+</style>