页面优化，功能修复

resources/views/public/tools/list.blade.php

@@ -10,12 +10,20 @@
     <div class="position-relative">
         <span class="hero-chip"><i class="bi bi-grid-1x2-fill"></i> 工具列表</span>
         <h1 class="h2 fw-bold mt-2">AI工具独立列表页</h1>
-        <p class="hero-subtext">从工具集首页点击“更多”进入，支持完整筛选与分页浏览。</p>
+        <p class="hero-subtext">从工具集首页点击“查看更多”进入，支持完整筛选与分页浏览。</p>
     </div>
 </section>
 
 <div class="channel-body">
     <section class="channel-panel">
+        <x-portal.top-nav
+            active="tool-list"
+            status-label="收录工具"
+            :status-value="$toolStats['total'] ?? 0"
+            wrapper-class="tool-top"
+            status-class="tool-status"
+        />
+
         <form class="channel-search mb-3" method="get" action="{{ route('tools.list') }}" role="search" aria-label="筛选 AI 工具列表">
             <input type="hidden" name="tab" value="{{ $activeTab }}">
             <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索工具名称或能力" autocomplete="off" spellcheck="false">
@@ -72,37 +80,31 @@
     </section>
 
     <aside class="channel-list">
-        <section class="channel-panel">
-            <header class="channel-panel-head">
-                <h3 class="channel-panel-title">站点概览</h3>
-            </header>
-            <article class="side-list-item">
-                <a href="{{ route('tools.index') }}">返回工具集首页</a>
-                <small>支持分类定位导航</small>
-            </article>
-            <article class="side-list-item">
-                <a href="{{ route('models.index') }}">模型推荐</a>
-                <small>综合评分维度筛选</small>
-            </article>
-            <article class="side-list-item">
-                <a href="{{ route('news.index') }}">资讯文章</a>
-                <small>追踪行业动态</small>
-            </article>
-            <article class="side-list-item">
-                <a href="{{ route('guides.index') }}">教程学习</a>
-                <small>入门到实战路径</small>
-            </article>
-        </section>
+        <x-portal.side-list-section
+            title="站点概览"
+            :items="[
+                ['title' => '返回工具集首页', 'meta' => '支持分类定位导航', 'url' => route('tools.index')],
+                ['title' => '模型推荐', 'meta' => '综合评分维度筛选', 'url' => route('models.index')],
+                ['title' => '资讯文章', 'meta' => '追踪行业动态', 'url' => route('news.index')],
+                ['title' => '教程学习', 'meta' => '入门到实战路径', 'url' => route('guides.index')],
+            ]"
+            :item-url="fn ($item) => $item['url']"
+            :item-title="fn ($item) => $item['title']"
+            :item-meta="fn ($item) => $item['meta']"
+        />
 
-        <section class="channel-panel">
-            <header class="channel-panel-head">
-                <h3 class="channel-panel-title">数据统计</h3>
-            </header>
-            <article class="side-list-item"><a href="#">收录工具</a><small>{{ $toolStats['total'] ?? 0 }}</small></article>
-            <article class="side-list-item"><a href="#">支持 API</a><small>{{ $toolStats['api'] ?? 0 }}</small></article>
-            <article class="side-list-item"><a href="#">免费可用</a><small>{{ $toolStats['free'] ?? 0 }}</small></article>
-            <article class="side-list-item"><a href="#">7天更新</a><small>{{ $toolStats['updated_7d'] ?? 0 }}</small></article>
-        </section>
+        <x-portal.side-list-section
+            title="数据统计"
+            :items="[
+                ['title' => '收录工具', 'meta' => (string) ($toolStats['total'] ?? 0)],
+                ['title' => '支持 API', 'meta' => (string) ($toolStats['api'] ?? 0)],
+                ['title' => '免费可用', 'meta' => (string) ($toolStats['free'] ?? 0)],
+                ['title' => '7天更新', 'meta' => (string) ($toolStats['updated_7d'] ?? 0)],
+            ]"
+            :item-url="fn () => '#'"
+            :item-title="fn ($item) => $item['title']"
+            :item-meta="fn ($item) => $item['meta']"
+        />
     </aside>
 </div>
 @endsection