refactor(components): 重构 playground组件

- 移除 Data、Scene 和 IodRelevant 组件中的 Drawer
- 优化 Data、Scene 和 IodRelevant 组件的结构
- 添加 Header 组件用于展示标题和关闭按钮
- 使用 Main 组件替代原来的 ShowCard 组件
- 调整样式和布局，提高组件的可复用性和可维护性

src/components/Common/Playground/IodRelevant.tsx

@@ -150,10 +150,9 @@ const StatCard: React.FC<{
   )
 }
 
-// 主组件
 export const StatisticGrid: React.FC = () => {
   return (
-    <div className="p-6 min-h-screen">
+    <div className="p-6">
       {/* 第一行：3 个卡片 */}
       <div className="grid grid-cols-3 gap-6 mb-6">
         <StatCard
@@ -203,7 +202,7 @@ export const StatisticGrid: React.FC = () => {
             <ResearchPaperIcon className="w-6 h-6 text-white" color="#3581e3" />
           }
           number={1380026}
-          label="科研论文"
+          label="数据论文"
         />
         <StatCard
           icon={
@@ -218,7 +217,10 @@ export const StatisticGrid: React.FC = () => {
   )
 }
 
-export const PlaygroundIodRelevant: React.FC = () => {
+type Props = {
+  className?: string
+}
+export const PlaygroundIodRelevant: React.FC<Props> = ({ className }) => {
   const { messages, iodLoading, currentMessageId, iodSearch } =
     useMessageOption()
 
@@ -348,10 +350,11 @@ export const PlaygroundIodRelevant: React.FC = () => {
     <Card
       hoverable
       variant="outlined"
-      className="flex flex-col h-full [&_.ant-card-body]:h-full [&_.ant-card-body]:!p-[20px] translate-y-[-2px] !bg-[#f0f9ff]">
+      className={`${className} translate-y-[-2px] !bg-[#d0e6ff] shadow-[#d0e6ff]/30`}>
       <div className="h-full flex flex-col relative">
         {/* 花瓣效果 */}
-        <div className={`absolute  inset-0 pointer-events-none z-0 overflow-hidden  ${showSearchData ? '' : ''}`}>
+        <div
+          className={`absolute  inset-0 pointer-events-none z-0 overflow-hidden  ${showSearchData ? "" : ""}`}>
           <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-64 h-64">
             <CircleElement delay={0} playing={true} />
             <CircleElement delay={1} playing={true} />
@@ -364,20 +367,24 @@ export const PlaygroundIodRelevant: React.FC = () => {
           <h2 className="text-xl font-semibold text-[#1a3c87] flex justify-center items-center">
             <div className="flex items-center gap-2">
               <SearchIcon />
-              数联网搜索相关内容
+              {messages.length > 0
+                ? "科创数联网深度搜索"
+                : "科创数联网连接资源"}
             </div>
             {/*<button className="bg-[#2563eb1a] text-[#08307f] font-medium py-1 px-3 rounded-full text-sm hover:bg-[#2563eb1a]  transition-colors float-right">*/}
             {/*  {data.length}个结果*/}
             {/*</button>*/}
           </h2>
           <p className="text-sm text-[#1a3c87] mt-1 text-center">
-            下面是在数联网上进行深度搜索得到的科创相关数据、场景和团队
+            {messages.length > 0
+              ? "下面是在科创数联网上进行深度搜索得到的相关数据、场景和团队"
+              : "下面是科创数联网连接的数据、场景和团队"}
           </p>
         </div>
 
         {/* Content */}
         <div className="space-y-2 flex-1 overflow-y-auto">
-          {showSearchData ? (
+          {messages.length ? (
             <AnimatePresence mode="wait">
               <motion.div
                 key="search-results"