diff --git a/pages/module/recommend/RecommendPostsComponent.vue b/pages/module/recommend/RecommendPostsComponent.vue
index 0319ea3..e9cb774 100644
--- a/pages/module/recommend/RecommendPostsComponent.vue
+++ b/pages/module/recommend/RecommendPostsComponent.vue
@@ -22,9 +22,5 @@ const props = defineProps({
 </script>
 
 <style scoped lang="scss">
-.container {
-  width: 100%;
-  flex: 1;
-  margin-bottom: 12px;
-}
+@import "./styles/RecommendPostsComponent.scss";
 </style>
diff --git a/pages/module/recommend/styles/RecommendPostsComponent.scss b/pages/module/recommend/styles/RecommendPostsComponent.scss
new file mode 100644
index 0000000..9da07fd
--- /dev/null
+++ b/pages/module/recommend/styles/RecommendPostsComponent.scss
@@ -0,0 +1,5 @@
+.container {
+  width: 100%;
+  flex: 1;
+  margin-bottom: 12px;
+}