style(home components): clean up scss and use utility classes

- remove unused SCSS style files for Discovery sub-components
- replace scoped SCSS styles with inline utility classes across home components
- remove redundant style imports and empty style blocks from component files
- simplify template conditions and remove unnecessary min-h-0 attributes

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

@@ -1,16 +1,16 @@
 <template>
-  <div class="empty-container">
+  <div class="flex flex-col items-center justify-center py-[90px]">
     <!-- 图片变量 -->
-    <img v-if="!hasMessage" :src="imageSrc" class="main-image" />
+    <img v-if="!hasMessage" :src="imageSrc" class="w-[160px] h-[160px] mb-5" />
 
     <!-- 主标题变量 -->
-    <div v-if="!hasMessage" class="title">{{ mainTitle }}</div>
+    <div v-if="!hasMessage" class="text-[18px] font-bold text-[#2c3e50] mb-1 text-center">{{ mainTitle }}</div>
 
     <!-- 副标题变量 -->
-    <div v-if="!hasMessage" class="sub-title-wrapper">
-      <span class="dot"></span>
-      <span class="sub-title">{{ subTitle }}</span>
-      <span class="dot"></span>
+    <div v-if="!hasMessage" class="flex items-center">
+      <span class="w-[5px] h-[5px] bg-[#42b983] rounded-full"></span>
+      <span class="text-[12px] text-[#afb9c1] ml-[6px] mr-[6px]">{{ subTitle }}</span>
+      <span class="w-[5px] h-[5px] bg-[#42b983] rounded-full"></span>
     </div>
   </div>
 </template>
@@ -39,45 +39,3 @@ const props = defineProps({
   }
 });
 </script>
-
-<style lang="scss" scoped>
-.empty-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 90px 0;
-
-  .main-image {
-    width: 160px;
-    height: 160px;
-    margin-bottom: 20px;
-  }
-
-  .title {
-    font-size: 18px;
-    font-weight: bold;
-    color: #2c3e50;
-    margin-bottom: 4px;
-    text-align: center;
-  }
-
-  .sub-title-wrapper {
-    display: flex;
-    align-items: center;
-
-    .sub-title {
-      font-size: 12px;
-      color: #afb9c1;
-      margin: 0 6px;
-    }
-
-    .dot {
-      width: 5px;
-      height: 5px;
-      background-color: #42b983;
-      border-radius: 50%;
-    }
-  }
-}
-</style>