refactor(component): replace scoped scss with inline tailwind css

delete unused module title image asset
remove scoped style blocks from all vue single-file components
delete all deprecated scss style directories and files
replace legacy class names with inline tailwind utility classes across affected components
preserve original ui appearance and functionality

src/pages/home/components/DetailCardCompontent/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="w-full pb-12">
-    <template v-if="toolCall.picture && toolCall.picture.length > 0">
+  <div class="w-full pb-[12px]">
+    <template v-if="toolCall.picture && toolCall.picture.length">
       <ModuleTitle :title="图片详情" />
       <ImageSwiper :images="toolCall.picture" thumbnailBottom="12px" />
     </template>
@@ -24,5 +24,3 @@ const props = defineProps({
   },
 });
 </script>
-
-<style scoped lang="scss"></style>

src/pages/home/components/DetailCardGoodsContentList/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="mt-[6px]">
     <ModuleTitle title="相关商品" />
 
     <SwipeCards :cardsData="commodityList" />
@@ -18,7 +18,3 @@ const props = defineProps({
   },
 });
 </script>
-
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>

src/pages/home/components/DetailCardGoodsContentList/styles/index.scss

@@ -1,3 +0,0 @@
-.container {
-  margin: 6px 0 0;
-}

src/pages/home/components/RecommendPostsList/index.vue

@@ -1,18 +1,20 @@
 <template>
-  <div class="container">
+  <div>
     <ModuleTitle :title="recommendTheme.themeName" />
 
-    <div class="container-scroll font-size-0 scroll-x whitespace-nowrap">
-      <div class="card-item bg-white inline-block rounded-20 mr-8"
+    <div class="m-[4px_0_6px] text-[0px] overflow-x whitespace-nowrap">
+      <div class="w-[128px] bg-white inline-block rounded-[20px] mr-[8px]"
         v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)">
-        <div class="m-4 relative">
-          <img class="card-img rounded-16 relative z-10" :src="item.coverPhoto" mode="aspectFill" />
+        <div class="m-[4px] relative">
+          <img class="w-[120px] h-[120px] rounded-[16px] relative z-10" :src="item.coverPhoto" />
 
-          <div class="shadow absolute rounded-16"></div>
+          <div
+            class="w-[96px] h-[96px] bg-ink-200 rounded-[16px] absolute bottom-[-4px] left-50% transform translate-x-[-50%] z-1">
+          </div>
         </div>
 
-        <div class="card-text border-box">
-          <div class="font-size-11 color-99A0AE ellipsis-1">
+        <div class="p-[4px_8px_8px]">
+          <div class="text-[11px] text-[#99A0AE] truncate">
             {{ item.topic }}
           </div>
         </div>
@@ -42,7 +44,3 @@ const sendReply = (item) => {
   uni.$emit(SEND_MESSAGE_CONTENT_TEXT, item.userInputContent);
 };
 </script>
-
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>

src/pages/home/components/RecommendPostsList/styles/index.scss

@@ -1,26 +0,0 @@
-.container-scroll {
-  margin: 4px 0 6px;
-}
-
-.card-item {
-  width: 128px;
-}
-
-.card-img {
-  height: 120px;
-  width: 120px;
-}
-
-.shadow {
-  background-color: #e5e8ee;
-  height: 96px;
-  width: 96px;
-  bottom: -4px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1;
-}
-
-.card-text {
-  padding: 4px 8px 8px;
-}