fix:修改样式问题

src/pages/Home/HomeNew.tsx

@@ -169,12 +169,12 @@ useEffect(() => {
       )}
       <div className="h-full w-full">
         <div className="box flex flex-col h-full w-full">
-          <div className="flex-1 items-center pt-[24px] overflow-y-scroll sm:pt-[32px] scrollbar-hide">
+          <div className="flex-1 items-center pt-[24px] sm:pt-[32px] scrollbar-hide">
             <div className="w-full">
-              <div className="flex justify-center gap-[20px] mt-[22px] sm:mt-[62px]">
+              <div className="flex justify-center gap-[20px]">
                 {/* 左侧区域 - 产品问答和您可以试着问我 */}
-                <div className="flex flex-col gap-[20px] justify-center mt-0 sm:mt-[-62px]">
-                  <motion.div className="w-full hidden sm:block sm:w-auto" {...getAnimationProps(2)}>
+                <div className="flex flex-col gap-[20px] items-center py-[150px] overflow-y-auto scrollbar-hide" style={{ height: 'calc(100vh - 64px)' }}>
+                  <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
                     <QuestionList
                       questions={productQuestions.content}
                       dotColor="#D4CCFF"
@@ -194,7 +194,7 @@ useEffect(() => {
                   </motion.div>
                 </div>
                 {/* 右侧区域 */}
-                <div className="hidden sm:flex flex-1 h-full sm:mt-[-62px]">
+                <div className="hidden sm:flex flex-1 h-full">
                   <div
                     className="w-full h-full bg-transparent box-border rounded-[24px]"
                     style={{ height: 'calc(100vh - 64px)', background: '#FFFFFF', padding: '0 30px' }}

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

@@ -97,13 +97,13 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
   }, [updateDisplayedItems])
   return (
     <div
-      className="bg-white box-border px-[20px] py-[24px] rounded-[24px] w-full sm:w-[360px] md:w-[300px]"
+      className="bg-white box-border px-[20px] py-[12px] rounded-[24px] w-full sm:w-[360px] md:w-[300px]"
       style={{ background }}
     >
-      <h3 className="min-h-[32px] flex items-center justify-between whitespace-nowrap">
-        <div className="flex items-center min-w-0 flex-1">
-          <Image className="w-[32px] h-[32px] flex-shrink-0" src={iconImg} alt="" />
-          <div className="text-[18px] ml-[12px] font-medium overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0">
+      <h3 className="flex items-center justify-between whitespace-nowrap">
+        <div className="flex items-center min-w-0 flex-1 h-full">
+          <Image className="w-[28px] h-[28px] flex-shrink-0" src={iconImg} alt="" />
+          <div className="text-[15px] mt-[4px] ml-[12px] font-medium overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0">
             {title}
           </div>
         </div>
@@ -131,7 +131,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
         variants={containerVariants}
         initial="hidden"
         animate="visible"
-        className="mt-[18px] flex flex-col gap-[8px] w-full"
+        className="mt-[8px] flex flex-col gap-[8px] w-full"
       >
         {displayedItems.map((item, index) => (
           <motion.li
@@ -148,7 +148,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
               onPress={() => handleClick(item)}
               color="primary"
               variant="light"
-              className="text-left bg-[#F7FCFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#E5F6FF] data-[hover=true]:text-primary"
+              className="text-left bg-[#F7FCFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#E5F6FF] data-[hover=true]:text-primary h-8"
             >
               <div className="w-full text-nowrap text-ellipsis overflow-hidden">
                 <span style={{ color: dotColor }}>·</span>