feat: 增强h5媒体查询适配

src/pages/Chat/Chat.tsx

@@ -58,7 +58,7 @@ export const Chat: React.FC = () => {
       } as ChatRecord,
     ])
     let fetchUrl = `/conversation/api/conversation/mobile/v1/submit_question_stream`
-    const proxy = import.meta.env.MODE === 'dev' ? '/api' : '/sdream-api'
+    const proxy = import.meta.env.MODE === 'dev' ? '/api' : '/dev-sdream-api'
     fetchUrl = proxy + fetchUrl
 
     fetchStreamResponse(

src/pages/Home/Home.tsx

@@ -53,14 +53,14 @@ export const Home: React.FC = () => {
       <GradientBackground />
       <div className="h-full w-full">
         <div className="box flex flex-col h-full w-full">
-          <div className="flex-1 sm:flex items-center overflow-y-scroll pt-[32px] scrollbar-hide sm:overflow-hidden">
+          <div className="flex-1 sm:flex items-center pt-[24px]  overflow-y-scroll sm:pt-[32px] scrollbar-hide sm:overflow-hidden">
             <div className="w-full">
-              <div className="px-[24px] pb-[24px] sm:px-0">
+              <div className="px-[12px] pb-[24px] sm:px-0">
                 {/* slogan */}
                 <Slogan />
 
                 {/* 欢迎语 */}
-                <div className="gap-[20px] flex justify-center flex-row flex-wrap  mt-[26px] sm:mt-[62px] lg:mt-[112px]">
+                <div className="gap-[20px] flex justify-center flex-row flex-wrap  mt-[22px] sm:mt-[62px] lg:mt-[112px]">
 
                   <motion.div className="w-full sm:w-auto" {...getAnimationProps(1)}><WelcomeWord /></motion.div>
                   <motion.div className="w-full hidden sm:block sm:w-auto" {...getAnimationProps(2)}><QuestionList questions={RECOMMEND_QUESTIONS_PRODUCT} dotColor="#D4CCFF" title="产品问答" iconImg={HomeIcon1} /></motion.div>

src/pages/Home/components/Slogan/Slogan.tsx

@@ -18,9 +18,8 @@ export const Slogan: React.FC = () => {
       <GradientsBall />
       <TextLogo className="w-[80px] sm:w-auto" />
       {/* <GradualSpacing text="晓得解惑，让沟通更智能" className="mt-[20px] text-[18px] sm:mt-[36px] text-[#333] sm:text-[28px] font-medium" /> */}
-      <TypewriterEFfect cursorClassName="!h-[14px] !w-[2px] sm:!w-[4px] sm:!h-[22px] !bg-[#29B6FD]/40" className="mt-[8px] text-[18px] sm:mt-[12px] text-[#333] sm:text-[28px] font-medium" words={words} />
-      {/* <h2 className="mt-[20px] text-[18px] sm:mt-[36px] text-[#333] sm:text-[28px] font-medium">晓得解惑，让沟通更智能</h2> */}
-      <h3 className="mt-[8px] text-[14px] text-center sm:text-[18px] text-[#5AA9D0] font-light sm:mt-[16px]">知晓市场脉搏，引领行业潮流，晓得AI助手全方位为您保驾护航</h3>
+      <TypewriterEFfect cursorClassName="!h-[14px] !w-[2px] sm:!w-[4px] sm:!h-[22px] !bg-[#29B6FD]/40" className="mt-[6px] text-[18px] sm:mt-[12px] text-[#333] sm:text-[28px] font-medium" words={words} />
+      <h3 className="hidden sm:block mt-[8px] text-[14px] text-center sm:text-[18px] text-[#5AA9D0] font-light sm:mt-[16px]">知晓市场脉搏，引领行业潮流，晓得AI助手全方位为您保驾护航</h3>
     </div>
   )
 }

src/pages/Home/components/WelcomeWord/WelcomeWord.tsx

@@ -72,9 +72,9 @@ const WelcomeWordBase: React.FC<WithAuthProps> = ({ checkAuth }) => {
   }
   return (
     <div className="w-full h-auto flex-shrink-0 relative sm:w-[360px] sm:h-[276px]">
-      <img className="absolute z-[-1] top-0 left-0" src={BotBgImg} alt="" />
+      <img className="absolute z-[-1] top-0 left-0 w-full h-full" src={BotBgImg} alt="" />
       <BotAnimateBox />
-      <div className="px-[18px] relative z-[1] box-border sm:px-[24px] pt-[68px]">
+      <div className="px-[18px] pt-[58px] pb-[18px] relative z-[1] box-border sm:pb-0 sm:px-[24px] sm:pt-[68px]">
         <SayHi />
         <p className="mt-[16px] text-[#27353C] text-[15px] sm:mt-[24px] mb-[16px]">作为您的智能保险伙伴，您有各类专业相关的问题都可以抛给我哟~让我们互相帮助共同成长吧~</p>
         <Button className="bg-white w-full text-[#20ABD9] font-medium rounded-[20px] sm:w-auto" onClick={handleGo}>立即前往 ➔</Button>