chore: update TailwindCSS and opt max-w

app/page.tsx

@@ -7,7 +7,7 @@ export default function Home() {
   return (
     <div className="min-h-screen flex flex-col bg-gray-100 dark:bg-gray-900 transition-colors duration-300">
       <Header />
-      <main className="container mx-auto p-4 flex-grow">
+      <main className="container mx-auto p-4 grow">
         <section className="text-center mb-12 max-w-2xl mt-8 mx-auto max-md:mt-4">
           <h2 className="text-4xl font-extrabold text-gray-900 dark:text-gray-100">智能计算实验室简介</h2>
           <p className="text-xl text-gray-600 dark:text-gray-300 mt-4 text-left indent-8">
@@ -17,9 +17,9 @@ export default function Home() {
         <section className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
           {websites.map((website, index) => (
             <a key={index} href={website.link} rel="noopener noreferrer" target="_blank" className="flex justify-center">
-              <div className="flex items-center bg-gray-50 dark:bg-gray-800 p-3 rounded-xl shadow hover:shadow-xl transition-all duration-300 w-full max-w-md">
-                <Image src={website.icon} alt={website.title} width={80} height={80} className="list-icon rounded-lg overflow-hidden flex-shrink-0" />
-                <div className="list-info flex-shrink pl-3 pt-2 my-1 truncate w-full">
+              <div className="flex items-center bg-gray-50 dark:bg-gray-800 p-3 rounded-xl shadow-sm hover:shadow-xl transition-all duration-300 w-full max-w-md">
+                <Image src={website.icon} alt={website.title} width={80} height={80} className="list-icon rounded-lg overflow-hidden shrink-0" />
+                <div className="list-info shrink pl-3 pt-2 my-1 truncate w-full">
                   <h3 className="list-name text-xl font-bold my-1 truncate text-gray-900 dark:text-gray-100">{website.title}</h3>
                   <div className="text-sm text-gray-500 dark:text-gray-400 truncate">{website.description}</div>
                 </div>