调整样式

src/app/personal-center/page.jsx

@@ -144,21 +144,21 @@ const PersonalCenter = () => {
 
   if (isLoading) {
     return (
-      <div className="bg-blue-600 text-white min-h-screen p-6">Loading...</div>
+      <div className="bg-blue-600 text-white min-h-screen p-4">Loading...</div>
     );
   }
 
   if (!user) {
     return (
-      <div className="bg-blue-600 text-white min-h-screen p-6">
+      <div className="bg-blue-600 text-white min-h-screen p-4">
         User not found
       </div>
     );
   }
 
   return (
-    <div className="bg-blue-600 text-white min-h-screen p-6">
-      <div className="flex items-center mb-6">
+    <div className="bg-blue-600 text-white min-h-screen p-4">
+      <div className="flex items-center mb-4">
         <ChevronLeft
           className="cursor-pointer"
           onClick={() => router.back()}
@@ -167,7 +167,7 @@ const PersonalCenter = () => {
         <h1 className="text-2xl font-bold ml-4">个人中心</h1>
       </div>
 
-      {/* <div className="bg-white text-black rounded-lg p-4 mb-6">
+      {/* <div className="bg-white text-black rounded-lg p-4 mb-4">
         <div className="flex items-center">
           <Image
             src="/images/cluo.webp"
@@ -183,7 +183,7 @@ const PersonalCenter = () => {
         </div>
       </div> */}
 
-      <div className="bg-white text-black rounded-lg p-4 mb-6">
+      <div className="bg-white text-black rounded-lg p-4 mb-4">
         <div className="flex items-center justify-between">
           <div className="flex items-center">
             <Image
@@ -207,7 +207,7 @@ const PersonalCenter = () => {
         </div>
       </div>
 
-      {/* <div className="bg-white text-black rounded-lg p-4 mb-6">
+      {/* <div className="bg-white text-black rounded-lg p-4 mb-4">
         <h3 className="text-lg font-bold mb-2">最新活动</h3>
         <p className="mb-2">🔉最新福利活动</p>
         <p className="mb-2">🔜加入千人福利群</p>
@@ -217,7 +217,7 @@ const PersonalCenter = () => {
         </div>
       </div> */}
 
-      <div className="bg-white text-black rounded-lg p-4 mb-6 shadow-md">
+      <div className="bg-white text-black rounded-lg px-4 py-2 mb-4 shadow-md">
         <h3 className="text-xl font-bold mb-2 text-blue-600">最新活动</h3>
         <Link
           href="/betting"
@@ -260,7 +260,7 @@ const PersonalCenter = () => {
         </Link>
       </div>
 
-      <div className="bg-white text-black rounded-lg p-4 mb-6">
+      <div className="bg-white text-black rounded-lg p-4 mb-4">
         <h3 className="text-xl font-bold mb-2 text-blue-600">预测记录</h3>
         <div id="predictionScroll" className="h-[300px] overflow-auto">
           <InfiniteScroll
@@ -399,7 +399,7 @@ const PersonalCenter = () => {
         </div>
       </div>
 
-      <div className="bg-white text-black rounded-lg p-4 mb-6">
+      <div className="bg-white text-black rounded-lg p-4 mb-4">
         <h3 className="text-lg font-bold mb-2 text-blue-700">积分记录</h3>
         <div id="pointScroll" style={{ height: "300px", overflow: "auto" }}>
           <InfiniteScroll