fix：左侧推荐问部分倒入效果

src/pages/Home/HomeNew.tsx

@@ -188,7 +188,7 @@ export const Home: React.FC = () => {
                 {/* 左侧区域 - 产品问答和您可以试着问我 */}
                 {/* 左侧区域 - 产品问答和您可以试着问我 */}
                   <div
                   <div
                     className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
                     className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
-                  style={{ height: 'calc(100vh - 64px)', background: 'linear-gradient(180deg, #DBF1FF 0%, #FFFFFF 50%, #FFFFFF 100%)', borderRadius: '24px' }}
+                    style={{ height: 'calc(100vh - 64px)', background: 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)', borderRadius: '24px' }}
                   >
                   >
                   {/* <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
                   {/* <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
                     <QuestionList
                     <QuestionList
@@ -203,7 +203,7 @@ export const Home: React.FC = () => {
                     <QuestionList
                     <QuestionList
                       questions={otherQuestions.content}
                       questions={otherQuestions.content}
                       dotColor="#CBECFF"
                       dotColor="#CBECFF"
-                      background="linear-gradient(180deg, #DBF1FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
+                      background="linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
                       height="388px"
                       height="388px"
                       title={otherQuestions.configName}
                       title={otherQuestions.configName}
                       iconImg={HomeIcon2}
                       iconImg={HomeIcon2}

src/pages/Home/components/QuestionList/QuestionList.tsx

@@ -23,23 +23,24 @@ const containerVariants = {
   visible: {},
   visible: {},
 }
 }
 const itemVariants = {
 const itemVariants = {
-  hidden: { opacity: 0, y: 20, scale: 0.8 },
+  hidden: { opacity: 0, x: 60, scale: 0.9 },
   visible: (i: number) => ({
   visible: (i: number) => ({
     opacity: 1,
     opacity: 1,
-    y: 0,
+    x: 0,
     scale: 1,
     scale: 1,
     transition: {
     transition: {
-      delay: i * 0.08,
+      delay: i * 0.1,
       type: 'spring',
       type: 'spring',
-      stiffness: 200,
-      damping: 20,
-      mass: 0.8,
+      stiffness: 180,
+      damping: 25,
+      mass: 0.9,
     },
     },
   }),
   }),
   exit: {
   exit: {
     opacity: 0,
     opacity: 0,
-    scale: 0.8,
-    transition: { duration: 0.2 },
+    x: 30,
+    scale: 0.9,
+    transition: { duration: 0.15 },
   },
   },
 }
 }
 
 
@@ -150,7 +151,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
               onPress={() => handleClick(item)}
               onPress={() => handleClick(item)}
               color="primary"
               color="primary"
               variant="light"
               variant="light"
-              className="text-left bg-[#F7FCFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#E5F6FF] data-[hover=true]:text-primary h-8"
+              className="text-left bg-[#F8FBFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#F0F8FF] data-[hover=true]:text-primary h-8"
             >
             >
               <div className="w-full text-nowrap text-ellipsis overflow-hidden">
               <div className="w-full text-nowrap text-ellipsis overflow-hidden">
               <span className="w-[6px] h-[6px] rounded-full inline-block mr-[6px]" style={{ backgroundColor: dotColor }}></span>
               <span className="w-[6px] h-[6px] rounded-full inline-block mr-[6px]" style={{ backgroundColor: dotColor }}></span>