diff --git a/src/pages/Dashboard/index.tsx b/src/pages/Dashboard/index.tsx
index 29220a1..15b8210 100644
--- a/src/pages/Dashboard/index.tsx
+++ b/src/pages/Dashboard/index.tsx
@@ -1,5 +1,4 @@
 import { useRouter } from '@/providers/RouterProvider';
-import ToolCard from '@/pages/Dashboard/ToolCard';
 import { getFeatureByKey } from '@/config/features';
 import type { PageType } from '@/types/storage';
 import { useMemo, useState } from 'react';
@@ -89,26 +88,39 @@ export default function DashboardPage() {
         </div>
       )}
 
-      {/* 全部工具 */}
+      {/* 全部工具 — 紧凑 Grid */}
       <div className="flex flex-col gap-2">
         <h3 className="text-xs font-semibold text-muted-foreground/80 uppercase tracking-wider">
           {t('dashboard_allTools')}
         </h3>
-        <div
-          className={cn(
-            'grid grid-cols-1 sm:grid-cols-[repeat(auto-fill,minmax(290px,1fr))] auto-rows-auto gap-3.5',
-          )}
-        >
-          {filteredFeatures.map(({ key, feature }) => (
-            <ToolCard
-              key={key}
-              title={t(feature!.labelKey)}
-              description={t(feature!.descriptionKey)}
-              colorKey={feature!.themeColorKey!}
-              icon={feature!.icon!}
-              onNavigate={() => navigateTo(key as PageType)}
-            />
-          ))}
+        <div className={cn('grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-2')}>
+          {filteredFeatures.map(({ key, feature }) => {
+            const IconComponent = feature!.icon!;
+            return (
+              <button
+                key={key}
+                type="button"
+                onClick={() => navigateTo(key as PageType)}
+                className={cn(
+                  'group flex flex-col items-center justify-center gap-1.5',
+                  'py-3 px-2 rounded-xl border border-border/50 bg-card',
+                  'hover:bg-muted/40 hover:border-primary/30',
+                  'transition-colors cursor-pointer',
+                )}
+              >
+                <IconComponent
+                  className={cn(
+                    'h-5 w-5 text-muted-foreground/70',
+                    'group-hover:text-foreground',
+                    'transition-colors',
+                  )}
+                />
+                <span className="text-[11px] font-medium text-muted-foreground/80 group-hover:text-foreground leading-tight text-center truncate w-full transition-colors">
+                  {t(feature!.labelKey)}
+                </span>
+              </button>
+            );
+          })}
         </div>
       </div>
     </div>