feat: 优化大屏幕卡片响应式排布

Author: weizwz

app/globals.css

@@ -10,6 +10,10 @@
   --color-dark-input-border: #424242;
   /* layout */
   --breakpoint-3xl: 112rem;
+  --breakpoint-4xl: 136rem;
+  --breakpoint-5xl: 160rem;
+  --breakpoint-6xl: 184rem;
+  --breakpoint-7xl: 208rem;
 }
 
 /* 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-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 || ''}`}
+          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 4xl:grid-cols-7 5xl:grid-cols-8 6xl:grid-cols-9 7xl:grid-cols-10 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-3 xl:grid-cols-4 2xl:grid-cols-5 3xl: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 4xl:grid-cols-7 5xl:grid-cols-8 6xl:grid-cols-9 7xl:grid-cols-10 gap-4 p-8">
       {Array.from({ length: 12 }).map((_, index) => (
         <Card 
           key={index}