feat: add new features, update theme and build config

- Add 40+ new UI components including chat modules, discovery cards, photo galleries, FAQ and booking tools
- Standardize brand color across all styles by replacing $theme-color-500 SCSS variables with #0ccd58
- Add sass 1.58.3 dependency and update vite config for modern scss compiler support
- Refactor existing components (AddCarCrad, login page) and remove unused /quick/list router route
- Add utility functions for URL parameter handling
- Add static assets including custom znicons font, component images and icons
- Fix scss syntax issues and deprecation warnings

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

@@ -0,0 +1,23 @@
+<template>
+  <!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
+  <div class="chat-mine-row">
+    <div class="chat-mine bg-17294E">
+      <span class="font-size-15 color-white">{{ text }}</span>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from "vue";
+defineProps({
+  text: {
+    type: String,
+    default: "",
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

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

@@ -0,0 +1,20 @@
+.chat-mine-row {
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.chat-mine {
+  margin: 12px;
+  padding: 8px 16px;
+  border-radius: 15px;
+
+  /* 气泡为内联块，按内容宽度自适应；外层 `.chat-mine-row` 控制排列 */
+  display: inline-block;
+  box-sizing: border-box;
+  vertical-align: top;
+  width: auto;
+  max-width: 100%;
+  overflow-x: hidden;
+}