diff --git a/packages/theme/src/client/components/PostItem.vue b/packages/theme/src/client/components/PostItem.vue
index 0ad40260..5b3676b2 100644
--- a/packages/theme/src/client/components/PostItem.vue
+++ b/packages/theme/src/client/components/PostItem.vue
@@ -61,7 +61,7 @@ const createTime = computed(() => {
 <style lang="scss" scoped>
 .post-item {
   padding-top: 1rem;
-  margin: 0 1.75rem 3rem;
+  margin: 0 1.75rem 2rem;
   // border-bottom: solid 1px var(--vp-c-divider);
 
   &:last-of-type {
@@ -71,10 +71,10 @@ const createTime = computed(() => {
   h3 {
     display: flex;
     align-items: center;
-    font-size: 20px;
+    font-size: 18px;
     font-weight: 600;
     transition: color var(--t-color);
-    margin-bottom: 1rem;
+    margin-bottom: 0.75rem;
   }
 
   h3:hover {
@@ -85,6 +85,12 @@ const createTime = computed(() => {
     }
   }
 
+  @media (min-width: 960px) {
+    h3 {
+      font-size: 20px;
+    }
+  }
+
   .sticky {
     display: inline-block;
     font-weight: 600;
@@ -106,7 +112,7 @@ const createTime = computed(() => {
   font-size: 14px;
   font-weight: 400;
   color: var(--vp-c-text-2);
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 
   > div {
     display: flex;
@@ -135,4 +141,18 @@ const createTime = computed(() => {
     color: var(--vp-c-text-3);
   }
 }
+
+.plume-content :deep(p) {
+  margin: 0.5rem 0;
+}
+.plume-content :deep(p:first-of-type) {
+  margin-top: 0;
+}
+.plume-content :deep(p:last-of-type) {
+  margin-bottom: 0;
+}
+
+.plume-content :deep(p strong) {
+  color: var(--vp-c-text-2);
+}
 </style>