feat: add RecommendationListCard and RoutePlanCard components with styles and mocks

- Implemented RecommendationListCard component for displaying a list of recommendations with titles, descriptions, and badges.
- Created RoutePlanCard component to show route details, including nodes and tips, with a detailed view toggle.
- Added ScenicImageCard component for showcasing images with optional captions.
- Developed SharedVisual components: CardShell, BadgePill, MediaFrame, ActionRow, and DetailShell for reusable UI elements.
- Introduced SCSS styles for all new components and updated existing styles for consistency.
- Created test page to preview and interact with all components using mock data.
- Added new utility classes for background colors, borders, colors, display, flex, font sizes, font weights, heights, positions, rounded corners, and widths.

src/pages/ChatModule/LongTextGuideComboCard/mocks.js

@@ -0,0 +1,22 @@
+export default {
+  cards: [
+    {
+      id: "combo-guide",
+      badge: "组合攻略",
+      time: "约 5 分钟阅读",
+      title: "一天内拍照、游览和用餐怎么安排",
+      summary: "把景点详情、大图机位、导航和票务入口组合到同一张攻略卡后续行动区。",
+      footer: "展开攻略和行动",
+      sections: [
+        { title: "上午", content: "先拍远景与人像，再进入主步道游览。" },
+        { title: "下午", content: "根据光线选择二号机位，最后去游客中心附近补给。" },
+      ],
+      action: { title: "查看景点详情", subtitle: "开放时间与路线", icon: "i" },
+    },
+  ],
+  actions: [
+    { title: "查看机位图", subtitle: "高清大图与拍摄角度", icon: "▣", tone: "blue" },
+    { title: "带我去这里", subtitle: "地图路线与步行距离", icon: "⌖", tone: "green" },
+    { title: "相关票务", subtitle: "门票和套票入口", icon: "¥", tone: "amber" },
+  ],
+};