Merge pull request #5 from weizwz/dev

feat: 提高优化卡片响应式适配

Author: weizwz

app/globals.css

@@ -8,6 +8,8 @@
   --color-dark-card-border: #303030;
   --color-input-border: #d9d9d9;
   --color-dark-input-border: #424242;
+  /* layout */
+  --breakpoint-3xl: 112rem;
 }
 
 /* CSS 自定义变量 - Light Theme */

components/navigation/LinkGrid.tsx

@@ -160,7 +160,7 @@ const LinkGridBase: React.FC<LinkGridProps> = ({
         disabled={!isDraggingEnabled}
       >
         <div 
-          className={`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-x-8 gap-y-6 p-4 sm:p-8 md:px-10 max-w-full ${className || ''}`}
+          className={`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-x-8 gap-y-6 p-4 sm:p-8 md:px-10 max-w-full ${className || ''}`}
           style={{ ...style, width: '100%', boxSizing: 'border-box' }}
           role="region"
           aria-label={searchQuery.trim() ? `搜索结果：${displayedLinks.length} 个链接` : `${currentCategory}分类：${displayedLinks.length} 个链接`}

components/navigation/LinkGridSkeleton.tsx

@@ -11,7 +11,7 @@ import { Card, Skeleton } from 'antd';
  */
 export const LinkGridSkeleton: React.FC = () => {
   return (
-    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4 p-8">
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-4 p-8">
       {Array.from({ length: 12 }).map((_, index) => (
         <Card 
           key={index}