diff --git a/app/Http/Controllers/Admin/SiteSettingController.php b/app/Http/Controllers/Admin/SiteSettingController.php
index e7a2f6f..1025474 100644
--- a/app/Http/Controllers/Admin/SiteSettingController.php
+++ b/app/Http/Controllers/Admin/SiteSettingController.php
@@ -11,135 +11,79 @@ use Illuminate\Contracts\View\View;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Route as RouteFacade;
 use Illuminate\Validation\Rule;
 
 class SiteSettingController extends Controller
 {
     public function index(): View
     {
+        $this->ensureDefaultModules();
+
         $modules = HomeModule::query()
-            ->with(['items' => fn ($query) => $query->orderBy('sort_order')->orderBy('id')])
+            ->withCount('items')
             ->orderBy('sort_order')
             ->orderBy('id')
             ->get();
 
-        if ($modules->isEmpty()) {
-            $this->ensureDefaultModules();
-
-            $modules = HomeModule::query()
-                ->with(['items' => fn ($query) => $query->orderBy('sort_order')->orderBy('id')])
-                ->orderBy('sort_order')
-                ->orderBy('id')
-                ->get();
-        }
-
         return view('admin.settings.index', [
             'modules' => $modules,
+        ]);
+    }
+
+    public function show(HomeModule $module): View
+    {
+        $this->ensureDefaultModules();
+
+        $module->load([
+            'items' => fn ($query) => $query->orderBy('sort_order')->orderBy('id'),
+        ]);
+
+        return view('admin.settings.show', [
+            'module' => $module,
+            'moduleNav' => $this->moduleNavigation(),
             'routeOptions' => $this->routeOptions(),
         ]);
     }
 
-    public function update(Request $request): RedirectResponse
+    public function update(Request $request, HomeModule $module): RedirectResponse
     {
-        $moduleData = $request->input('modules', []);
-        if (!is_array($moduleData) || $moduleData === []) {
-            return redirect()
-                ->route('admin.settings.index')
-                ->with('status', '未提交有效的模块配置。');
-        }
+        $validated = $request->validate([
+            'name' => ['required', 'string', 'max:120'],
+            'title' => ['nullable', 'string', 'max:160'],
+            'subtitle' => ['nullable', 'string', 'max:255'],
+            'enabled' => ['nullable', 'boolean'],
+            'sort_order' => ['nullable', 'integer', 'min:0', 'max:9999'],
+            'limit' => ['nullable', 'integer', 'min:1', 'max:30'],
+            'more_link_type' => ['nullable', Rule::in(['route', 'url'])],
+            'more_link_target' => ['nullable', 'string', 'max:255'],
+            'extra.side_title' => ['nullable', 'string', 'max:120'],
+            'extra.side_subtitle' => ['nullable', 'string', 'max:255'],
+        ]);
 
-        foreach ($moduleData as $moduleId => $moduleInput) {
-            if (!is_numeric($moduleId) || !is_array($moduleInput)) {
-                continue;
-            }
+        $module->fill([
+            'name' => $validated['name'],
+            'title' => $validated['title'] ?? null,
+            'subtitle' => $validated['subtitle'] ?? null,
+            'enabled' => (bool) ($validated['enabled'] ?? false),
+            'sort_order' => (int) ($validated['sort_order'] ?? $module->sort_order),
+            'limit' => (int) ($validated['limit'] ?? $module->limit),
+            'more_link_type' => $validated['more_link_type'] ?? null,
+            'more_link_target' => $validated['more_link_target'] ?? null,
+            'extra' => [
+                'side_title' => data_get($validated, 'extra.side_title'),
+                'side_subtitle' => data_get($validated, 'extra.side_subtitle'),
+            ],
+        ]);
 
-            $module = HomeModule::query()->find((int) $moduleId);
-            if (! $module instanceof HomeModule) {
-                continue;
-            }
-
-            $validatedModule = validator($moduleInput, [
-                'name' => ['required', 'string', 'max:120'],
-                'title' => ['nullable', 'string', 'max:160'],
-                'subtitle' => ['nullable', 'string', 'max:255'],
-                'enabled' => ['nullable', 'boolean'],
-                'sort_order' => ['nullable', 'integer', 'min:0', 'max:9999'],
-                'limit' => ['nullable', 'integer', 'min:1', 'max:30'],
-                'more_link_type' => ['nullable', Rule::in(['route', 'url'])],
-                'more_link_target' => ['nullable', 'string', 'max:255'],
-                'extra.side_title' => ['nullable', 'string', 'max:120'],
-                'extra.side_subtitle' => ['nullable', 'string', 'max:255'],
-            ])->validate();
-
-            $module->fill([
-                'name' => $validatedModule['name'],
-                'title' => $validatedModule['title'] ?? null,
-                'subtitle' => $validatedModule['subtitle'] ?? null,
-                'enabled' => (bool) ($validatedModule['enabled'] ?? false),
-                'sort_order' => (int) ($validatedModule['sort_order'] ?? $module->sort_order),
-                'limit' => (int) ($validatedModule['limit'] ?? $module->limit),
-                'more_link_type' => $validatedModule['more_link_type'] ?? null,
-                'more_link_target' => $validatedModule['more_link_target'] ?? null,
-                'extra' => [
-                    'side_title' => data_get($validatedModule, 'extra.side_title'),
-                    'side_subtitle' => data_get($validatedModule, 'extra.side_subtitle'),
-                ],
-            ]);
-
-            $this->validateModuleLink($module->module_key, $module->more_link_type, $module->more_link_target);
-            $module->save();
-
-            $itemsInput = $moduleInput['items'] ?? [];
-            if (!is_array($itemsInput)) {
-                continue;
-            }
-
-            foreach ($itemsInput as $itemId => $itemInput) {
-                if (!is_numeric($itemId) || !is_array($itemInput)) {
-                    continue;
-                }
-
-                $item = HomeModuleItem::query()
-                    ->where('home_module_id', $module->id)
-                    ->find((int) $itemId);
-
-                if (! $item instanceof HomeModuleItem) {
-                    continue;
-                }
-
-                $validatedItem = validator($itemInput, [
-                    'title' => ['nullable', 'string', 'max:160'],
-                    'subtitle' => ['nullable', 'string', 'max:255'],
-                    'image_path' => ['nullable', 'string', 'max:255'],
-                    'link_type' => ['nullable', Rule::in(['route', 'url'])],
-                    'link_target' => ['nullable', 'string', 'max:255'],
-                    'sort_order' => ['nullable', 'integer', 'min:0', 'max:9999'],
-                    'enabled' => ['nullable', 'boolean'],
-                ])->validate();
-
-                $linkType = $validatedItem['link_type'] ?? 'route';
-                $linkTarget = $validatedItem['link_target'] ?? null;
-
-                $this->validateItemRules($module->module_key, $validatedItem);
-                $this->validateItemLink($linkType, $linkTarget);
-
-                $item->fill([
-                    'title' => $validatedItem['title'] ?? null,
-                    'subtitle' => $validatedItem['subtitle'] ?? null,
-                    'image_path' => $validatedItem['image_path'] ?? null,
-                    'link_type' => $linkType,
-                    'link_target' => $linkTarget,
-                    'sort_order' => (int) ($validatedItem['sort_order'] ?? $item->sort_order),
-                    'enabled' => (bool) ($validatedItem['enabled'] ?? false),
-                ])->save();
-            }
-        }
+        $this->validateModuleLink($module->module_key, $module->more_link_type, $module->more_link_target);
+        $module->save();
 
         $this->clearHomeCaches();
 
         return redirect()
-            ->route('admin.settings.index')
-            ->with('status', '首页模块配置已更新。');
+            ->route('admin.settings.show', $module)
+            ->with('status', '模块配置已更新。');
     }
 
     public function storeItem(Request $request, HomeModule $module): RedirectResponse
@@ -155,7 +99,7 @@ class SiteSettingController extends Controller
         ]);
 
         $this->validateItemRules($module->module_key, $validated);
-        $this->validateItemLink($validated['link_type'], $validated['link_target'] ?? null);
+        $this->validateItemLink($module->module_key, $validated['link_type'], $validated['link_target'] ?? null);
 
         $module->items()->create([
             'title' => $validated['title'] ?? null,
@@ -170,10 +114,60 @@ class SiteSettingController extends Controller
         $this->clearHomeCaches();
 
         return redirect()
-            ->route('admin.settings.index')
+            ->route('admin.settings.show', $module)
             ->with('status', '模块条目已新增。');
     }
 
+    public function editItem(HomeModule $module, HomeModuleItem $item): View
+    {
+        if ($item->home_module_id !== $module->id) {
+            abort(404);
+        }
+
+        return view('admin.settings.item-form', [
+            'module' => $module,
+            'item' => $item,
+            'moduleNav' => $this->moduleNavigation(),
+            'routeOptions' => $this->routeOptions(),
+        ]);
+    }
+
+    public function updateItem(Request $request, HomeModule $module, HomeModuleItem $item): RedirectResponse
+    {
+        if ($item->home_module_id !== $module->id) {
+            abort(404);
+        }
+
+        $validated = $request->validate([
+            'title' => ['nullable', 'string', 'max:160'],
+            'subtitle' => ['nullable', 'string', 'max:255'],
+            'image_path' => ['nullable', 'string', 'max:255'],
+            'link_type' => ['required', Rule::in(['route', 'url'])],
+            'link_target' => ['nullable', 'string', 'max:255'],
+            'sort_order' => ['nullable', 'integer', 'min:0', 'max:9999'],
+            'enabled' => ['nullable', 'boolean'],
+        ]);
+
+        $this->validateItemRules($module->module_key, $validated);
+        $this->validateItemLink($module->module_key, $validated['link_type'], $validated['link_target'] ?? null);
+
+        $item->fill([
+            'title' => $validated['title'] ?? null,
+            'subtitle' => $validated['subtitle'] ?? null,
+            'image_path' => $validated['image_path'] ?? null,
+            'link_type' => $validated['link_type'],
+            'link_target' => $validated['link_target'] ?? null,
+            'sort_order' => (int) ($validated['sort_order'] ?? $item->sort_order),
+            'enabled' => (bool) ($validated['enabled'] ?? false),
+        ])->save();
+
+        $this->clearHomeCaches();
+
+        return redirect()
+            ->route('admin.settings.show', $module)
+            ->with('status', '模块条目已更新。');
+    }
+
     public function destroyItem(HomeModule $module, HomeModuleItem $item): RedirectResponse
     {
         if ($item->home_module_id !== $module->id) {
@@ -184,7 +178,7 @@ class SiteSettingController extends Controller
         $this->clearHomeCaches();
 
         return redirect()
-            ->route('admin.settings.index')
+            ->route('admin.settings.show', $module)
             ->with('status', '模块条目已删除。');
     }
 
@@ -193,13 +187,72 @@ class SiteSettingController extends Controller
      */
     private function routeOptions(): array
     {
-        return [
-            ['name' => '工具集首页', 'value' => 'tools.index'],
-            ['name' => '工具列表页', 'value' => 'tools.list'],
-            ['name' => '模型推荐', 'value' => 'models.index'],
-            ['name' => '文章资讯', 'value' => 'news.index'],
-            ['name' => '教程学习', 'value' => 'guides.index'],
+        $allRouteNames = collect(RouteFacade::getRoutes()->getRoutesByName())
+            ->filter(function ($route, $name): bool {
+                if (!is_string($name) || $name === '') {
+                    return false;
+                }
+
+                if (! method_exists($route, 'parameterNames')) {
+                    return false;
+                }
+
+                return count($route->parameterNames()) === 0;
+            })
+            ->keys()
+            ->map(fn ($name) => (string) $name)
+            ->filter(fn (string $name) => ! str_starts_with($name, 'admin.'))
+            ->filter(fn (string $name) => ! str_starts_with($name, 'debugbar.'))
+            ->filter(fn (string $name) => ! str_starts_with($name, 'ignition.'))
+            ->filter(fn (string $name) => ! str_starts_with($name, '_'))
+            ->values();
+
+        $priority = [
+            'home',
+            'tools.index',
+            'tools.list',
+            'models.index',
+            'news.index',
+            'guides.index',
         ];
+
+        $priorityRoutes = collect($priority)
+            ->filter(fn (string $name) => $allRouteNames->contains($name));
+
+        $remainingRoutes = $allRouteNames
+            ->reject(fn (string $name) => in_array($name, $priority, true))
+            ->sort()
+            ->values();
+
+        return $priorityRoutes
+            ->concat($remainingRoutes)
+            ->map(fn (string $name) => [
+                'name' => $this->routeLabel($name),
+                'value' => $name,
+            ])
+            ->values()
+            ->all();
+    }
+
+    private function routeLabel(string $name): string
+    {
+        return match ($name) {
+            'home' => '首页',
+            'tools.index' => '工具首页',
+            'tools.list' => '工具列表',
+            'models.index' => '模型推荐',
+            'news.index' => '文章资讯',
+            'guides.index' => '教程学习',
+            default => $name,
+        };
+    }
+
+    private function moduleNavigation()
+    {
+        return HomeModule::query()
+            ->orderBy('sort_order')
+            ->orderBy('id')
+            ->get(['id', 'name', 'module_key']);
     }
 
     private function ensureDefaultModules(): void
@@ -231,11 +284,17 @@ class SiteSettingController extends Controller
             return;
         }
 
-        if ($type === null && $target === null) {
+        $target = trim((string) $target);
+
+        if ($type === null && $target === '') {
             return;
         }
 
         if ($type === 'route') {
+            if ($target === '') {
+                abort(422, '请选择有效的“更多链接”路由。');
+            }
+
             if (! in_array($target, array_column($this->routeOptions(), 'value'), true)) {
                 abort(422, '模块“更多链接”路由不在允许范围内。');
             }
@@ -243,7 +302,7 @@ class SiteSettingController extends Controller
             return;
         }
 
-        if ($type === 'url' && $target !== null && ! $this->isValidUrlOrPath($target)) {
+        if ($type === 'url' && $target !== '' && ! $this->isValidUrlOrPath($target)) {
             abort(422, '模块“更多链接”URL格式不正确。');
         }
     }
@@ -263,17 +322,36 @@ class SiteSettingController extends Controller
         }
     }
 
-    private function validateItemLink(string $type, ?string $target): void
+    private function validateItemLink(string $moduleKey, string $type, ?string $target): void
     {
+        $target = trim((string) $target);
+        $isStrictModule = in_array($moduleKey, ['channel_cards', 'promo_banners'], true);
+
         if ($type === 'route') {
-            if (! in_array((string) $target, array_column($this->routeOptions(), 'value'), true)) {
-                abort(422, '条目路由不在允许范围内。');
+            if ($target === '') {
+                if ($isStrictModule) {
+                    abort(422, '频道卡片/横幅推荐条目必须填写链接目标。');
+                }
+
+                return;
+            }
+
+            if (! in_array($target, array_column($this->routeOptions(), 'value'), true)) {
+                abort(422, '请选择有效的前台路由，或将链接类型改为 URL。');
             }
 
             return;
         }
 
-        if ($target === null || ! $this->isValidUrlOrPath($target)) {
+        if ($target === '') {
+            if ($isStrictModule) {
+                abort(422, '频道卡片/横幅推荐条目必须填写链接目标。');
+            }
+
+            return;
+        }
+
+        if (! $this->isValidUrlOrPath($target)) {
             abort(422, '条目URL格式不正确。');
         }
     }
@@ -292,4 +370,3 @@ class SiteSettingController extends Controller
         Cache::flush();
     }
 }
-
diff --git a/app/Http/Controllers/Admin/UploadController.php b/app/Http/Controllers/Admin/UploadController.php
index 6beeaed..81ddfa4 100644
--- a/app/Http/Controllers/Admin/UploadController.php
+++ b/app/Http/Controllers/Admin/UploadController.php
@@ -5,6 +5,7 @@ declare(strict_types=1);
 namespace App\Http\Controllers\Admin;
 
 use App\Http\Controllers\Controller;
+use App\Support\MarkdownRenderer;
 use GdImage;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
@@ -26,6 +27,18 @@ class UploadController extends Controller
 
     private const THUMB_WEBP_QUALITY = 80;
 
+    public function markdownPreview(Request $request, MarkdownRenderer $markdownRenderer): JsonResponse
+    {
+        $validated = $request->validate([
+            'markdown' => ['nullable', 'string'],
+        ]);
+
+        return response()->json([
+            'success' => true,
+            'html' => $markdownRenderer->render((string) ($validated['markdown'] ?? '')),
+        ]);
+    }
+
     public function markdownImage(Request $request): JsonResponse
     {
         $validated = $request->validate([
@@ -177,4 +190,3 @@ class UploadController extends Controller
         return $binary;
     }
 }
-
diff --git a/resources/views/admin/articles/form.blade.php b/resources/views/admin/articles/form.blade.php
index 9b7e866..a78b450 100644
--- a/resources/views/admin/articles/form.blade.php
+++ b/resources/views/admin/articles/form.blade.php
@@ -2,89 +2,176 @@
 
 @section('title', $item->exists ? '编辑资讯' : '新建资讯')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
+<div class="card modern-form-card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h3 class="card-title mb-0">{{ $item->exists ? '编辑资讯' : '新建资讯' }}</h3>
         @if($item->exists)
             <div class="d-flex gap-2">
-                <form method="post" action="{{ route('admin.articles.publish', $item) }}">@csrf<button class="btn btn-sm btn-success" type="submit">发布</button></form>
-                <form method="post" action="{{ route('admin.articles.mark-stale', $item) }}">@csrf<button class="btn btn-sm btn-warning" type="submit">标记失效</button></form>
+                <form method="post" action="{{ route('admin.articles.publish', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-success" type="submit">发布</button>
+                </form>
+                <form method="post" action="{{ route('admin.articles.mark-stale', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-warning" type="submit">标记失效</button>
+                </form>
             </div>
         @endif
     </div>
 
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-8"><label class="form-label">标题</label><input class="form-control" name="title" value="{{ old('title', $item->title) }}" required></div>
-            <div class="col-md-4"><label class="form-label">Slug</label><input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required></div>
-
-            <div class="col-md-3">
-                <label class="form-label">分类</label>
-                <select class="form-select" name="category_id">
-                    <option value="">未分类</option>
-                    @foreach($categories as $category)
-                        <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">来源</label>
-                <select class="form-select" name="source_id">
-                    <option value="">无</option>
-                    @foreach($sources as $source)
-                        <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3"><label class="form-label">来源名称</label><input class="form-control" name="source_name" value="{{ old('source_name', $item->source_name) }}"></div>
-            <div class="col-md-3"><label class="form-label">来源 URL</label><input class="form-control" name="source_url" value="{{ old('source_url', $item->source_url) }}"></div>
-
-            <div class="col-md-3">
-                <label class="form-label">来源等级</label>
-                <select class="form-select" name="source_level">
-                    @foreach(['official' => 'official','trusted_media' => 'trusted_media','community' => 'community','unknown' => 'unknown'] as $value => $label)
-                        <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">状态</label>
-                <select class="form-select" name="status">
-                    @foreach($statusOptions as $status)
-                        <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3"><label class="form-label">发布日期</label><input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}"></div>
-            <div class="col-md-3"><label class="form-label">最后校验</label><input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}"></div>
-            <div class="col-12"><label class="form-check"><input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))><span class="form-check-label">标记失效</span></label></div>
-
-            <div class="col-12"><label class="form-label">摘要</label><textarea class="form-control" name="excerpt" rows="2" required>{{ old('excerpt', $item->excerpt) }}</textarea></div>
             <div class="col-12">
-                <div class="d-flex justify-content-between align-items-center mb-1">
-                    <label class="form-label mb-0">正文（Markdown）</label>
-                    <div class="d-flex align-items-center gap-2">
-                        <small class="text-muted">支持图片：`![alt](https://...)` 或 `![alt](/images/xxx.png)`</small>
-                        <button class="btn btn-sm btn-outline-primary js-md-upload-btn" type="button" data-target="[name='body']">
-                            <i class="bi bi-image me-1"></i>上传图片
-                        </button>
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">先完成标题、摘要、来源和状态，确保资讯可正确归档。</p>
+
+                    <div class="row g-3">
+                        <div class="col-md-8 field-required">
+                            <label class="form-label">标题<span class="required-star">*</span></label>
+                            <input class="form-control" name="title" value="{{ old('title', $item->title) }}" required>
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">Slug<span class="required-star">*</span></label>
+                            <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                        </div>
+
+                        <div class="col-md-3">
+                            <label class="form-label">分类</label>
+                            <select class="form-select" name="category_id">
+                                <option value="">未分类</option>
+                                @foreach($categories as $category)
+                                    <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">来源</label>
+                            <select class="form-select" name="source_id">
+                                <option value="">无</option>
+                                @foreach($sources as $source)
+                                    <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">来源名称</label>
+                            <input class="form-control" name="source_name" value="{{ old('source_name', $item->source_name) }}" placeholder="媒体名 / 机构名">
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">来源 URL</label>
+                            <input class="form-control" name="source_url" value="{{ old('source_url', $item->source_url) }}" placeholder="https://example.com/news/1">
+                        </div>
+
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">来源等级<span class="required-star">*</span></label>
+                            <select class="form-select" name="source_level" required>
+                                @foreach(['official' => '官方', 'trusted_media' => '可信媒体', 'community' => '社区', 'unknown' => '未知'] as $value => $label)
+                                    <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">状态<span class="required-star">*</span></label>
+                            <select class="form-select" name="status" required>
+                                @foreach($statusOptions as $status)
+                                    <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">发布时间</label>
+                            <input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">最后校验时间</label>
+                            <input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+
+                        <div class="col-md-10 field-required">
+                            <label class="form-label">摘要<span class="required-star">*</span></label>
+                            <textarea class="form-control" name="excerpt" rows="2" required>{{ old('excerpt', $item->excerpt) }}</textarea>
+                        </div>
+                        <div class="col-md-2 d-flex align-items-end">
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))>
+                                <span class="form-check-label">标记失效</span>
+                            </label>
+                        </div>
                     </div>
-                </div>
-                <textarea class="form-control font-monospace js-md-editor" name="body" rows="14" required>{{ old('body', $item->body) }}</textarea>
+                </section>
             </div>
-            <div class="col-12"><label class="form-label">失效说明</label><textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea></div>
 
-            <div class="col-md-6"><label class="form-label">SEO 标题</label><input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}"></div>
-            <div class="col-md-6"><label class="form-label">SEO 描述</label><input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}"></div>
-            <div class="col-md-6"><label class="form-label">H1</label><input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}"></div>
-            <div class="col-md-6"><label class="form-label">Canonical</label><input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}"></div>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">内容编辑</h4>
+                    <p class="form-section-subtitle">正文为必填，系统会按统一规则渲染 Markdown 并用于前台展示。</p>
 
-            <div class="col-12"><button class="btn btn-primary" type="submit">保存</button></div>
+                    @include('admin.partials.markdown-editor', [
+                        'field' => 'body',
+                        'value' => $item->body,
+                        'label' => '正文内容（Markdown）',
+                        'required' => true,
+                        'rows' => 18,
+                        'minlength' => 100,
+                        'previewId' => 'article-body-preview',
+                        'hint' => '后端要求正文不少于 100 字符，请优先完善结构化内容。',
+                    ])
+                </section>
+            </div>
+
+            <div class="col-12">
+                <details class="advanced-panel">
+                    <summary>高级设置（SEO 与补充字段）</summary>
+
+                    <div class="row g-3 mt-2">
+                        <div class="col-md-6">
+                            <label class="form-label">失效说明</label>
+                            <textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea>
+                        </div>
+
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 标题</label>
+                            <input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 描述</label>
+                            <input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">H1</label>
+                            <input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Canonical URL</label>
+                            <input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}" placeholder="https://example.com/news/slug">
+                        </div>
+                    </div>
+                </details>
+            </div>
+
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">正文建议包含结论段，便于前台摘要抓取。</small>
+                    <button class="btn btn-primary" type="submit">保存资讯</button>
+                </div>
+            </div>
         </form>
     </div>
 </div>
 @endsection
+
+@section('scripts')
+    @include('admin.partials.modern-form-scripts')
+@endsection
+
diff --git a/resources/views/admin/articles/index.blade.php b/resources/views/admin/articles/index.blade.php
index 7a37ec0..169311d 100644
--- a/resources/views/admin/articles/index.blade.php
+++ b/resources/views/admin/articles/index.blade.php
@@ -2,20 +2,27 @@
 
 @section('title', 'AI 资讯管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.articles.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索资讯标题 / 正文关键词">
             <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
         </form>
         <a class="btn btn-success" href="{{ route('admin.articles.create') }}"><i class="bi bi-plus-circle me-1"></i>新建资讯</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条资讯记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>标题</th>
@@ -29,16 +36,20 @@
             @forelse($items as $item)
                 <tr>
                     <td>
-                        <div class="fw-semibold">{{ $item->title }}</div>
-                        <div class="text-muted small">{{ $item->excerpt }}</div>
+                        <div class="modern-index-title">{{ $item->title }}</div>
+                        <div class="modern-index-summary">{{ $item->excerpt }}</div>
                     </td>
-                    <td><span class="badge bg-azure-lt text-azure-fg">{{ $item->status?->value ?? '-' }}</span></td>
+                    <td>@include('admin.partials.status-badge', ['status' => $item->status])</td>
                     <td>{{ $item->source_level?->value ?? '-' }}</td>
                     <td>{{ $item->published_at?->format('Y-m-d H:i') ?: '-' }}</td>
-                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.articles.edit', $item) }}">编辑</a></td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.articles.edit', $item) }}">编辑</a>
+                    </td>
                 </tr>
             @empty
-                <tr><td colspan="5" class="text-center text-muted py-4">暂无资讯数据</td></tr>
+                <tr>
+                    <td colspan="5" class="text-center text-muted py-5">暂无资讯数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -46,3 +57,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/categories/form.blade.php b/resources/views/admin/categories/form.blade.php
index 33172ad..2610b75 100644
--- a/resources/views/admin/categories/form.blade.php
+++ b/resources/views/admin/categories/form.blade.php
@@ -2,57 +2,79 @@
 
 @section('title', $item->exists ? '编辑分类' : '新建分类')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
+<div class="card modern-form-card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h3 class="card-title mb-0">{{ $item->exists ? '编辑分类' : '新建分类' }}</h3>
         <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.categories.index') }}">返回列表</a>
     </div>
+
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-4">
-                <label class="form-label">类型</label>
-                <input class="form-control" list="categoryTypeList" name="type" value="{{ old('type', $item->type) }}" required placeholder="tool / model / news / guide">
-                <datalist id="categoryTypeList">
-                    @foreach($typeOptions as $type)
-                        <option value="{{ $type }}"></option>
-                    @endforeach
-                    <option value="tool"></option>
-                    <option value="model"></option>
-                    <option value="news"></option>
-                    <option value="guide"></option>
-                </datalist>
-            </div>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">分类会影响前台聚合页面展示，请优先保证类型与 slug 规范。</p>
 
-            <div class="col-md-4">
-                <label class="form-label">名称</label>
-                <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
-            </div>
+                    <div class="row g-3">
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">类型<span class="required-star">*</span></label>
+                            <input class="form-control" list="categoryTypeList" name="type" value="{{ old('type', $item->type) }}" required placeholder="tool / model / news / guide">
+                            <datalist id="categoryTypeList">
+                                @foreach($typeOptions as $type)
+                                    <option value="{{ $type }}"></option>
+                                @endforeach
+                            </datalist>
+                            <div class="form-hint">必须与系统允许类型一致。</div>
+                        </div>
 
-            <div class="col-md-4">
-                <label class="form-label">Slug</label>
-                <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">名称<span class="required-star">*</span></label>
+                            <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
+                        </div>
+
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">Slug<span class="required-star">*</span></label>
+                            <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                            <div class="form-hint">默认由名称生成，可手动调整。</div>
+                        </div>
+
+                        <div class="col-12">
+                            <label class="form-label">描述</label>
+                            <textarea class="form-control" name="description" rows="3">{{ old('description', $item->description) }}</textarea>
+                        </div>
+
+                        <div class="col-12">
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_active" value="1" @checked(old('is_active', $item->is_active ?? true))>
+                                <span class="form-check-label">启用分类</span>
+                            </label>
+                        </div>
+                    </div>
+                </section>
             </div>
 
             <div class="col-12">
-                <label class="form-label">描述</label>
-                <textarea class="form-control" name="description" rows="3">{{ old('description', $item->description) }}</textarea>
-            </div>
-
-            <div class="col-12">
-                <label class="form-check">
-                    <input class="form-check-input" type="checkbox" name="is_active" value="1" @checked(old('is_active', $item->is_active ?? true))>
-                    <span class="form-check-label">启用分类</span>
-                </label>
-            </div>
-
-            <div class="col-12">
-                <button class="btn btn-primary" type="submit">保存</button>
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">建议保持 slug 简短并避免重复。</small>
+                    <button class="btn btn-primary" type="submit">保存分类</button>
+                </div>
             </div>
         </form>
     </div>
 </div>
 @endsection
+
+@section('scripts')
+    @include('admin.partials.slug-autofill-script')
+@endsection
+
diff --git a/resources/views/admin/categories/index.blade.php b/resources/views/admin/categories/index.blade.php
index f51c379..dd30947 100644
--- a/resources/views/admin/categories/index.blade.php
+++ b/resources/views/admin/categories/index.blade.php
@@ -2,9 +2,13 @@
 
 @section('title', '分类管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.categories.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索分类名称 / Slug">
             <select class="form-select" name="type" style="max-width: 180px;">
@@ -17,11 +21,14 @@
         </form>
         <a class="btn btn-success" href="{{ route('admin.categories.create') }}"><i class="bi bi-plus-circle me-1"></i>新建分类</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条分类记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>名称</th>
@@ -36,8 +43,8 @@
             @forelse($items as $item)
                 <tr>
                     <td>
-                        <div class="fw-semibold">{{ $item->name }}</div>
-                        <div class="text-muted small">{{ $item->description ?: '-' }}</div>
+                        <div class="modern-index-title">{{ $item->name }}</div>
+                        <div class="modern-index-summary">{{ $item->description ?: '暂无描述' }}</div>
                     </td>
                     <td><span class="badge bg-indigo-lt text-indigo-fg">{{ $item->type }}</span></td>
                     <td><code>{{ $item->slug }}</code></td>
@@ -49,10 +56,14 @@
                         @endif
                     </td>
                     <td>{{ $item->updated_at?->format('Y-m-d H:i') }}</td>
-                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.categories.edit', $item) }}">编辑</a></td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.categories.edit', $item) }}">编辑</a>
+                    </td>
                 </tr>
             @empty
-                <tr><td colspan="6" class="text-center text-muted py-4">暂无分类数据</td></tr>
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">暂无分类数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -60,3 +71,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/feedback/index.blade.php b/resources/views/admin/feedback/index.blade.php
index 9181e89..3ddaf6a 100644
--- a/resources/views/admin/feedback/index.blade.php
+++ b/resources/views/admin/feedback/index.blade.php
@@ -2,8 +2,12 @@
 
 @section('title', '反馈管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
+<div class="card modern-index-toolbar mb-3">
     <div class="card-body">
         @if(session('status'))
             <div class="alert alert-success mb-3">{{ session('status') }}</div>
@@ -31,19 +35,22 @@
             </div>
         </form>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条反馈记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="card-header">
-        <h3 class="card-title">用户反馈列表</h3>
+        <h3 class="card-title mb-0">用户反馈列表</h3>
     </div>
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>ID</th>
                 <th>类型</th>
-                <th>标题</th>
+                <th>标题与描述</th>
                 <th>联系</th>
                 <th>状态</th>
                 <th>提交时间</th>
@@ -53,20 +60,28 @@
             <tbody>
             @forelse($items as $item)
                 <tr>
-                    <td>{{ $item->id }}</td>
-                    <td>{{ $item->feedback_type }}</td>
+                    <td>#{{ $item->id }}</td>
+                    <td><span class="badge bg-indigo-lt text-indigo-fg">{{ $item->feedback_type }}</span></td>
                     <td>
-                        <div class="fw-semibold">{{ $item->title }}</div>
-                        <div class="text-muted small">{{ $item->description }}</div>
+                        <div class="modern-index-title">{{ $item->title }}</div>
+                        <div class="modern-index-summary">{{ $item->description }}</div>
                     </td>
                     <td>{{ $item->contact ?: '-' }}</td>
-                    <td>{{ $item->status }}</td>
+                    <td>
+                        @if($item->status === 'done')
+                            <span class="status-badge status-published">done</span>
+                        @elseif($item->status === 'reviewing')
+                            <span class="status-badge status-review">reviewing</span>
+                        @else
+                            <span class="status-badge status-draft">new</span>
+                        @endif
+                    </td>
                     <td>{{ $item->created_at?->format('Y-m-d H:i') }}</td>
                     <td>
                         <form method="post" action="{{ route('admin.feedback.status', $item) }}" class="d-flex gap-2">
                             @csrf
                             @method('put')
-                            <select class="form-select form-select-sm" name="status" style="min-width: 110px;">
+                            <select class="form-select form-select-sm" name="status" style="min-width: 120px;">
                                 @foreach(['new' => '新建', 'reviewing' => '处理中', 'done' => '已完成'] as $value => $label)
                                     <option value="{{ $value }}" @selected($item->status === $value)>{{ $label }}</option>
                                 @endforeach
@@ -77,15 +92,13 @@
                 </tr>
             @empty
                 <tr>
-                    <td colspan="7" class="text-center text-muted">暂无反馈数据</td>
+                    <td colspan="7" class="text-center text-muted py-5">暂无反馈数据。</td>
                 </tr>
             @endforelse
             </tbody>
         </table>
     </div>
-    <div class="card-body">
-        {{ $items->links() }}
-    </div>
+    <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
 
diff --git a/resources/views/admin/guides/form.blade.php b/resources/views/admin/guides/form.blade.php
index 2a78eff..4077d31 100644
--- a/resources/views/admin/guides/form.blade.php
+++ b/resources/views/admin/guides/form.blade.php
@@ -2,64 +2,135 @@
 
 @section('title', $item->exists ? '编辑教程' : '新建教程')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
+<div class="card modern-form-card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h3 class="card-title mb-0">{{ $item->exists ? '编辑教程' : '新建教程' }}</h3>
         @if($item->exists)
-            <form method="post" action="{{ route('admin.guides.publish', $item) }}">@csrf<button class="btn btn-sm btn-success" type="submit">发布</button></form>
+            <form method="post" action="{{ route('admin.guides.publish', $item) }}">
+                @csrf
+                <button class="btn btn-sm btn-success" type="submit">发布</button>
+            </form>
         @endif
     </div>
+
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-8"><label class="form-label">标题</label><input class="form-control" name="title" value="{{ old('title', $item->title) }}" required></div>
-            <div class="col-md-4"><label class="form-label">Slug</label><input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required></div>
-
-            <div class="col-md-4">
-                <label class="form-label">分类</label>
-                <select class="form-select" name="category_id">
-                    <option value="">未分类</option>
-                    @foreach($categories as $category)
-                        <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-4"><label class="form-label">难度</label><input class="form-control" name="difficulty" value="{{ old('difficulty', $item->difficulty ?: 'beginner') }}"></div>
-            <div class="col-md-4">
-                <label class="form-label">状态</label>
-                <select class="form-select" name="status">
-                    @foreach($statusOptions as $status)
-                        <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
-                    @endforeach
-                </select>
-            </div>
-
-            <div class="col-md-6"><label class="form-label">发布日期</label><input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}"></div>
-
-            <div class="col-12"><label class="form-label">摘要</label><textarea class="form-control" name="excerpt" rows="2" required>{{ old('excerpt', $item->excerpt) }}</textarea></div>
             <div class="col-12">
-                <div class="d-flex justify-content-between align-items-center mb-1">
-                    <label class="form-label mb-0">正文（Markdown）</label>
-                    <div class="d-flex align-items-center gap-2">
-                        <small class="text-muted">支持图片：`![alt](https://...)`</small>
-                        <button class="btn btn-sm btn-outline-primary js-md-upload-btn" type="button" data-target="[name='body']">
-                            <i class="bi bi-image me-1"></i>上传图片
-                        </button>
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">先设定教程标题、难度与摘要，便于读者判断是否适合。</p>
+
+                    <div class="row g-3">
+                        <div class="col-md-8 field-required">
+                            <label class="form-label">标题<span class="required-star">*</span></label>
+                            <input class="form-control" name="title" value="{{ old('title', $item->title) }}" required>
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">Slug<span class="required-star">*</span></label>
+                            <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label">分类</label>
+                            <select class="form-select" name="category_id">
+                                <option value="">未分类</option>
+                                @foreach($categories as $category)
+                                    <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">难度<span class="required-star">*</span></label>
+                            <input class="form-control" name="difficulty" value="{{ old('difficulty', $item->difficulty ?: 'beginner') }}" required placeholder="beginner / intermediate / advanced">
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">状态<span class="required-star">*</span></label>
+                            <select class="form-select" name="status" required>
+                                @foreach($statusOptions as $status)
+                                    <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="col-md-6">
+                            <label class="form-label">发布时间</label>
+                            <input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+
+                        <div class="col-md-12 field-required">
+                            <label class="form-label">摘要<span class="required-star">*</span></label>
+                            <textarea class="form-control" name="excerpt" rows="2" required>{{ old('excerpt', $item->excerpt) }}</textarea>
+                            <div class="form-hint">建议概括适用人群、完成收益和学习前提。</div>
+                        </div>
                     </div>
-                </div>
-                <textarea class="form-control font-monospace js-md-editor" name="body" rows="14" required>{{ old('body', $item->body) }}</textarea>
+                </section>
             </div>
 
-            <div class="col-md-6"><label class="form-label">SEO 标题</label><input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}"></div>
-            <div class="col-md-6"><label class="form-label">SEO 描述</label><input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}"></div>
-            <div class="col-md-6"><label class="form-label">H1</label><input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}"></div>
-            <div class="col-md-6"><label class="form-label">Canonical</label><input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}"></div>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">内容编辑</h4>
+                    <p class="form-section-subtitle">正文支持 Markdown 实时预览，适合分章节组织教程。</p>
 
-            <div class="col-12"><button class="btn btn-primary" type="submit">保存</button></div>
+                    @include('admin.partials.markdown-editor', [
+                        'field' => 'body',
+                        'value' => $item->body,
+                        'label' => '正文内容（Markdown）',
+                        'required' => true,
+                        'rows' => 18,
+                        'minlength' => 100,
+                        'previewId' => 'guide-body-preview',
+                        'hint' => '后端要求正文不少于 100 字符，建议用二级标题组织步骤。',
+                    ])
+                </section>
+            </div>
+
+            <div class="col-12">
+                <details class="advanced-panel">
+                    <summary>高级设置（SEO 字段）</summary>
+
+                    <div class="row g-3 mt-2">
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 标题</label>
+                            <input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 描述</label>
+                            <input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">H1</label>
+                            <input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Canonical URL</label>
+                            <input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}" placeholder="https://example.com/guides/slug">
+                        </div>
+                    </div>
+                </details>
+            </div>
+
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">建议保存前先检查预览中的标题层级与代码块格式。</small>
+                    <button class="btn btn-primary" type="submit">保存教程</button>
+                </div>
+            </div>
         </form>
     </div>
 </div>
 @endsection
+
+@section('scripts')
+    @include('admin.partials.modern-form-scripts')
+@endsection
+
diff --git a/resources/views/admin/guides/index.blade.php b/resources/views/admin/guides/index.blade.php
index e443338..0bedc9f 100644
--- a/resources/views/admin/guides/index.blade.php
+++ b/resources/views/admin/guides/index.blade.php
@@ -2,20 +2,27 @@
 
 @section('title', 'AI 教程管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.guides.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索教程标题 / 正文关键词">
             <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
         </form>
         <a class="btn btn-success" href="{{ route('admin.guides.create') }}"><i class="bi bi-plus-circle me-1"></i>新建教程</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条教程记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>标题</th>
@@ -29,16 +36,20 @@
             @forelse($items as $item)
                 <tr>
                     <td>
-                        <div class="fw-semibold">{{ $item->title }}</div>
-                        <div class="text-muted small">{{ $item->excerpt }}</div>
+                        <div class="modern-index-title">{{ $item->title }}</div>
+                        <div class="modern-index-summary">{{ $item->excerpt }}</div>
                     </td>
-                    <td>{{ $item->difficulty }}</td>
-                    <td><span class="badge bg-azure-lt text-azure-fg">{{ $item->status?->value ?? '-' }}</span></td>
+                    <td>{{ $item->difficulty ?: '-' }}</td>
+                    <td>@include('admin.partials.status-badge', ['status' => $item->status])</td>
                     <td>{{ $item->updated_at?->format('Y-m-d H:i') }}</td>
-                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.guides.edit', $item) }}">编辑</a></td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.guides.edit', $item) }}">编辑</a>
+                    </td>
                 </tr>
             @empty
-                <tr><td colspan="5" class="text-center text-muted py-4">暂无教程数据</td></tr>
+                <tr>
+                    <td colspan="5" class="text-center text-muted py-5">暂无教程数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -46,3 +57,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/models/form.blade.php b/resources/views/admin/models/form.blade.php
index f053045..adf6693 100644
--- a/resources/views/admin/models/form.blade.php
+++ b/resources/views/admin/models/form.blade.php
@@ -2,82 +2,207 @@
 
 @section('title', $item->exists ? '编辑模型' : '新建模型')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
+<div class="card modern-form-card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h3 class="card-title mb-0">{{ $item->exists ? '编辑模型' : '新建模型' }}</h3>
         @if($item->exists)
             <div class="d-flex gap-2">
-                <form method="post" action="{{ route('admin.models.publish', $item) }}">@csrf<button class="btn btn-sm btn-success" type="submit">发布</button></form>
-                <form method="post" action="{{ route('admin.models.mark-stale', $item) }}">@csrf<button class="btn btn-sm btn-warning" type="submit">标记失效</button></form>
+                <form method="post" action="{{ route('admin.models.publish', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-success" type="submit">发布</button>
+                </form>
+                <form method="post" action="{{ route('admin.models.mark-stale', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-warning" type="submit">标记失效</button>
+                </form>
             </div>
         @endif
     </div>
+
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-6"><label class="form-label">名称</label><input class="form-control" name="name" value="{{ old('name', $item->name) }}" required></div>
-            <div class="col-md-6"><label class="form-label">Slug</label><input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required></div>
-            <div class="col-md-4"><label class="form-label">供应商</label><input class="form-control" name="provider" value="{{ old('provider', $item->provider) }}"></div>
-            <div class="col-md-4"><label class="form-label">模态</label><input class="form-control" name="modality" value="{{ old('modality', $item->modality ?: 'text') }}"></div>
-            <div class="col-md-4"><label class="form-label">部署方式</label><input class="form-control" name="deployment_mode" value="{{ old('deployment_mode', $item->deployment_mode ?: 'api') }}"></div>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">维护模型的核心参数与展示信息，用于榜单、详情和筛选。</p>
 
-            <div class="col-md-3"><label class="form-label">上下文长度</label><input class="form-control" name="context_window" value="{{ old('context_window', $item->context_window) }}"></div>
-            <div class="col-md-3"><label class="form-label">输入价格</label><input class="form-control" name="price_input" value="{{ old('price_input', $item->price_input) }}"></div>
-            <div class="col-md-3"><label class="form-label">输出价格</label><input class="form-control" name="price_output" value="{{ old('price_output', $item->price_output) }}"></div>
-            <div class="col-md-3"><label class="form-label">状态</label>
-                <select class="form-select" name="status">
-                    @foreach($statusOptions as $status)
-                        <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
-                    @endforeach
-                </select>
+                    <div class="row g-3">
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">模型名称<span class="required-star">*</span></label>
+                            <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
+                        </div>
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">Slug<span class="required-star">*</span></label>
+                            <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                            <div class="form-hint">默认自动生成，可按品牌规范调整。</div>
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label">供应商</label>
+                            <input class="form-control" name="provider" value="{{ old('provider', $item->provider) }}" placeholder="OpenAI / Anthropic">
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">模态<span class="required-star">*</span></label>
+                            <input class="form-control" name="modality" value="{{ old('modality', $item->modality ?: 'text') }}" required placeholder="text / multimodal">
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">部署方式<span class="required-star">*</span></label>
+                            <input class="form-control" name="deployment_mode" value="{{ old('deployment_mode', $item->deployment_mode ?: 'api') }}" required placeholder="api / local / cloud">
+                        </div>
+
+                        <div class="col-md-3">
+                            <label class="form-label">上下文长度</label>
+                            <input class="form-control" name="context_window" value="{{ old('context_window', $item->context_window) }}" type="number" min="1" placeholder="如 128000">
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">输入价格</label>
+                            <input class="form-control" name="price_input" value="{{ old('price_input', $item->price_input) }}" type="number" step="0.000001" min="0">
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">输出价格</label>
+                            <input class="form-control" name="price_output" value="{{ old('price_output', $item->price_output) }}" type="number" step="0.000001" min="0">
+                        </div>
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">状态<span class="required-star">*</span></label>
+                            <select class="form-select" name="status" required>
+                                @foreach($statusOptions as $status)
+                                    <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label">分类</label>
+                            <select class="form-select" name="category_id">
+                                <option value="">未分类</option>
+                                @foreach($categories as $category)
+                                    <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label">来源</label>
+                            <select class="form-select" name="source_id">
+                                <option value="">无</option>
+                                @foreach($sources as $source)
+                                    <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">来源等级<span class="required-star">*</span></label>
+                            <select class="form-select" name="source_level" required>
+                                @foreach(['official' => '官方', 'trusted_media' => '可信媒体', 'community' => '社区', 'unknown' => '未知'] as $value => $label)
+                                    <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">能力分<span class="required-star">*</span></label>
+                            <input class="form-control" name="effectiveness_score" value="{{ old('effectiveness_score', $item->effectiveness_score ?: 60) }}" required type="number" min="0" max="100">
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">价格分<span class="required-star">*</span></label>
+                            <input class="form-control" name="price_score" value="{{ old('price_score', $item->price_score ?: 60) }}" required type="number" min="0" max="100">
+                        </div>
+                        <div class="col-md-4 field-required">
+                            <label class="form-label">速度分<span class="required-star">*</span></label>
+                            <input class="form-control" name="speed_score" value="{{ old('speed_score', $item->speed_score ?: 60) }}" required type="number" min="0" max="100">
+                        </div>
+
+                        <div class="col-md-6">
+                            <label class="form-label">发布时间</label>
+                            <input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">最后校验时间</label>
+                            <input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+
+                        <div class="col-md-8 field-required">
+                            <label class="form-label">摘要<span class="required-star">*</span></label>
+                            <textarea class="form-control" name="summary" rows="2" required>{{ old('summary', $item->summary) }}</textarea>
+                        </div>
+                        <div class="col-md-4 d-flex align-items-end">
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))>
+                                <span class="form-check-label">标记失效</span>
+                            </label>
+                        </div>
+                    </div>
+                </section>
             </div>
 
-            <div class="col-md-4"><label class="form-label">分类</label>
-                <select class="form-select" name="category_id">
-                    <option value="">未分类</option>
-                    @foreach($categories as $category)
-                        <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-4"><label class="form-label">来源</label>
-                <select class="form-select" name="source_id">
-                    <option value="">无</option>
-                    @foreach($sources as $source)
-                        <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-4"><label class="form-label">来源等级</label>
-                <select class="form-select" name="source_level">
-                    @foreach(['official' => 'official','trusted_media' => 'trusted_media','community' => 'community','unknown' => 'unknown'] as $value => $label)
-                        <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
-                    @endforeach
-                </select>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">内容编辑</h4>
+                    <p class="form-section-subtitle">可补充模型能力、限制与使用建议，支持 Markdown 实时预览。</p>
+
+                    @include('admin.partials.markdown-editor', [
+                        'field' => 'description',
+                        'value' => $item->description,
+                        'label' => '模型详情（Markdown）',
+                        'required' => false,
+                        'rows' => 16,
+                        'previewId' => 'model-description-preview',
+                        'hint' => '建议包含适用场景、输入输出限制、定价说明。',
+                    ])
+                </section>
             </div>
 
-            <div class="col-md-4"><label class="form-label">效果分</label><input class="form-control" name="effectiveness_score" value="{{ old('effectiveness_score', $item->effectiveness_score ?: 60) }}"></div>
-            <div class="col-md-4"><label class="form-label">价格分</label><input class="form-control" name="price_score" value="{{ old('price_score', $item->price_score ?: 60) }}"></div>
-            <div class="col-md-4"><label class="form-label">速度分</label><input class="form-control" name="speed_score" value="{{ old('speed_score', $item->speed_score ?: 60) }}"></div>
+            <div class="col-12">
+                <details class="advanced-panel">
+                    <summary>高级设置（SEO 与补充字段）</summary>
 
-            <div class="col-md-6"><label class="form-label">发布日期</label><input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}"></div>
-            <div class="col-md-6"><label class="form-label">最后校验</label><input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}"></div>
-            <div class="col-12"><label class="form-check"><input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))><span class="form-check-label">标记失效</span></label></div>
+                    <div class="row g-3 mt-2">
+                        <div class="col-md-6">
+                            <label class="form-label">失效说明</label>
+                            <textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea>
+                        </div>
 
-            <div class="col-12"><label class="form-label">摘要</label><textarea class="form-control" name="summary" rows="2" required>{{ old('summary', $item->summary) }}</textarea></div>
-            <div class="col-12"><label class="form-label">详情描述</label><textarea class="form-control" name="description" rows="6">{{ old('description', $item->description) }}</textarea></div>
-            <div class="col-12"><label class="form-label">失效说明</label><textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea></div>
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 标题</label>
+                            <input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 描述</label>
+                            <input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">H1</label>
+                            <input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Canonical URL</label>
+                            <input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}" placeholder="https://example.com/models/slug">
+                        </div>
+                    </div>
+                </details>
+            </div>
 
-            <div class="col-md-6"><label class="form-label">SEO 标题</label><input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}"></div>
-            <div class="col-md-6"><label class="form-label">SEO 描述</label><input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}"></div>
-            <div class="col-md-6"><label class="form-label">H1</label><input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}"></div>
-            <div class="col-md-6"><label class="form-label">Canonical</label><input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}"></div>
-
-            <div class="col-12"><button class="btn btn-primary" type="submit">保存</button></div>
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">评分字段会参与排序，修改后请核对展示结果。</small>
+                    <button class="btn btn-primary" type="submit">保存模型</button>
+                </div>
+            </div>
         </form>
     </div>
 </div>
 @endsection
+
+@section('scripts')
+    @include('admin.partials.modern-form-scripts')
+@endsection
+
diff --git a/resources/views/admin/models/index.blade.php b/resources/views/admin/models/index.blade.php
index 0710798..8be3f5d 100644
--- a/resources/views/admin/models/index.blade.php
+++ b/resources/views/admin/models/index.blade.php
@@ -2,20 +2,27 @@
 
 @section('title', 'AI 模型管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.models.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索模型名称 / 能力关键词">
             <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
         </form>
         <a class="btn btn-success" href="{{ route('admin.models.create') }}"><i class="bi bi-plus-circle me-1"></i>新建模型</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条模型记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>名称</th>
@@ -30,17 +37,21 @@
             @forelse($items as $item)
                 <tr>
                     <td>
-                        <div class="fw-semibold">{{ $item->name }}</div>
-                        <div class="text-muted small">{{ $item->summary }}</div>
+                        <div class="modern-index-title">{{ $item->name }}</div>
+                        <div class="modern-index-summary">{{ $item->summary }}</div>
                     </td>
-                    <td>{{ $item->modality }}</td>
+                    <td>{{ $item->modality ?: '-' }}</td>
                     <td><span class="badge bg-purple-lt text-purple-fg">{{ $item->total_score }}</span></td>
-                    <td><span class="badge bg-azure-lt text-azure-fg">{{ $item->status?->value ?? '-' }}</span></td>
+                    <td>@include('admin.partials.status-badge', ['status' => $item->status])</td>
                     <td>{{ $item->updated_at?->format('Y-m-d H:i') }}</td>
-                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.models.edit', $item) }}">编辑</a></td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.models.edit', $item) }}">编辑</a>
+                    </td>
                 </tr>
             @empty
-                <tr><td colspan="6" class="text-center text-muted py-4">暂无模型数据</td></tr>
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">暂无模型数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -48,3 +59,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/partials/admin-page-header.blade.php b/resources/views/admin/partials/admin-page-header.blade.php
new file mode 100644
index 0000000..0e50d20
--- /dev/null
+++ b/resources/views/admin/partials/admin-page-header.blade.php
@@ -0,0 +1,65 @@
+@php
+    $routeName = (string) (request()->route()?->getName() ?? '');
+    $parts = explode('.', $routeName);
+    $moduleKey = $parts[1] ?? 'dashboard';
+    $actionKey = $parts[2] ?? 'index';
+
+    $moduleMeta = [
+        'dashboard' => ['label' => '控制台', 'index' => 'admin.dashboard', 'subtitle' => '查看系统概览与关键运营数据。'],
+        'tools' => ['label' => 'AI 工具', 'index' => 'admin.tools.index', 'subtitle' => '维护工具信息、状态与展示内容。'],
+        'models' => ['label' => 'AI 模型', 'index' => 'admin.models.index', 'subtitle' => '管理模型参数、评分与发布状态。'],
+        'articles' => ['label' => 'AI 资讯', 'index' => 'admin.articles.index', 'subtitle' => '维护资讯内容、来源与发布质量。'],
+        'guides' => ['label' => 'AI 教程', 'index' => 'admin.guides.index', 'subtitle' => '维护教程内容与学习难度分层。'],
+        'categories' => ['label' => '分类管理', 'index' => 'admin.categories.index', 'subtitle' => '统一管理分类体系与启用状态。'],
+        'sources' => ['label' => '来源管理', 'index' => 'admin.sources.index', 'subtitle' => '维护可信来源白名单与抓取策略。'],
+        'settings' => ['label' => '首页配置', 'index' => 'admin.settings.index', 'subtitle' => '配置首页模块、条目与展示顺序。'],
+        'feedback' => ['label' => '反馈管理', 'index' => 'admin.feedback.index', 'subtitle' => '跟进用户反馈并及时更新处理状态。'],
+    ][$moduleKey] ?? ['label' => '管理后台', 'index' => 'admin.dashboard', 'subtitle' => '维护站点内容与配置。'];
+
+    $actionLabel = [
+        'index' => '列表',
+        'create' => '新建',
+        'edit' => '编辑',
+    ][$actionKey] ?? '详情';
+
+    $defaultTitle = $moduleMeta['label'];
+    $pageTitle = trim((string) $__env->yieldContent('title'));
+    $pageTitle = $pageTitle !== '' ? $pageTitle : $defaultTitle;
+
+    $pageSubtitle = trim((string) $__env->yieldContent('page_subtitle'));
+    if ($pageSubtitle === '') {
+        $pageSubtitle = $actionKey === 'index'
+            ? $moduleMeta['subtitle']
+            : '当前为'.$actionLabel.'页面，请按提示完成必填信息并保存。';
+    }
+@endphp
+
+<div class="admin-page-head">
+    <nav class="admin-breadcrumb" aria-label="breadcrumb">
+        <ol class="breadcrumb mb-2">
+            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">控制台</a></li>
+
+            @if($moduleKey !== 'dashboard')
+                @if($actionKey === 'index')
+                    <li class="breadcrumb-item active" aria-current="page">{{ $moduleMeta['label'] }}</li>
+                @else
+                    <li class="breadcrumb-item"><a href="{{ route($moduleMeta['index']) }}">{{ $moduleMeta['label'] }}</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">{{ $actionLabel }}</li>
+                @endif
+            @endif
+        </ol>
+    </nav>
+
+    <div class="d-flex align-items-start justify-content-between gap-3 flex-wrap">
+        <div>
+            <h2 class="page-title mb-1">{{ $pageTitle }}</h2>
+            <div class="admin-page-subtitle">{{ $pageSubtitle }}</div>
+        </div>
+        @if(trim((string) $__env->yieldContent('page_actions')) !== '')
+            <div class="admin-page-actions">
+                @yield('page_actions')
+            </div>
+        @endif
+    </div>
+</div>
+
diff --git a/resources/views/admin/partials/markdown-editor.blade.php b/resources/views/admin/partials/markdown-editor.blade.php
new file mode 100644
index 0000000..0d2bb32
--- /dev/null
+++ b/resources/views/admin/partials/markdown-editor.blade.php
@@ -0,0 +1,48 @@
+@php
+    $inputName = $field ?? 'body';
+    $previewElementId = $previewId ?? 'preview-'.str_replace(['[', ']', '.'], '-', $inputName);
+    $inputValue = old($inputName, $value ?? '');
+    $isRequired = (bool) ($required ?? false);
+    $editorRows = (int) ($rows ?? 14);
+@endphp
+
+<div class="editor-shell">
+    <div class="editor-card">
+        <div class="editor-card-head">
+            <span>
+                {{ $label ?? '正文内容' }}
+                @if($isRequired)
+                    <span class="required-star">*</span>
+                @endif
+            </span>
+            <button class="btn btn-sm btn-outline-primary js-md-upload-advanced-btn" type="button" data-editor-target="{{ $inputName }}">
+                <i class="bi bi-image me-1"></i>上传图片
+            </button>
+        </div>
+        <div class="p-2">
+            <textarea
+                class="form-control js-md-editor-modern"
+                name="{{ $inputName }}"
+                rows="{{ $editorRows }}"
+                data-preview-target="#{{ $previewElementId }}"
+                placeholder="{{ $placeholder ?? '支持 Markdown 语法，建议使用标题和列表组织内容。' }}"
+                @if($isRequired) required @endif
+                @if(!empty($minlength)) minlength="{{ (int) $minlength }}" @endif
+            >{{ $inputValue }}</textarea>
+
+            @if(!empty($hint))
+                <div class="form-hint">{{ $hint }}</div>
+            @endif
+        </div>
+    </div>
+
+    <div class="preview-card">
+        <div class="preview-card-head">
+            <span>实时预览</span>
+            <span class="text-muted">自动渲染</span>
+        </div>
+        <div class="preview-content js-md-preview" id="{{ $previewElementId }}">
+            <div class="preview-placeholder">在左侧输入 Markdown 内容，这里会实时显示预览。</div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/admin/partials/modern-form-head.blade.php b/resources/views/admin/partials/modern-form-head.blade.php
new file mode 100644
index 0000000..038f49d
--- /dev/null
+++ b/resources/views/admin/partials/modern-form-head.blade.php
@@ -0,0 +1,89 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
+<style>
+    .required-star { color: #ef4444; margin-left: .2rem; }
+    .required-tip { font-size: .86rem; color: #64748b; margin-bottom: .9rem; }
+    .modern-form-card { border: 1px solid #d7e0ef; border-radius: .9rem; box-shadow: 0 10px 20px rgba(41, 61, 118, .08); }
+    .form-section { border: 1px solid #e2e8f0; border-radius: .8rem; background: #fff; padding: 1rem; }
+    .form-section + .form-section { margin-top: 1rem; }
+    .form-section-title { margin: 0 0 .25rem; font-size: 1.02rem; font-weight: 700; color: #1e293b; }
+    .form-section-subtitle { margin: 0 0 .9rem; color: #64748b; font-size: .85rem; }
+    .form-hint { margin-top: .3rem; color: #64748b; font-size: .8rem; }
+    .field-required .form-label { font-weight: 600; }
+
+    .editor-shell {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+        gap: .85rem;
+        align-items: start;
+    }
+    .editor-card,
+    .preview-card { border: 1px solid #d8e2f2; border-radius: .75rem; background: #fff; overflow: hidden; }
+    .editor-card-head,
+    .preview-card-head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: .55rem .7rem;
+        border-bottom: 1px solid #e2e8f0;
+        background: #f8fafc;
+        color: #334155;
+        font-size: .82rem;
+        font-weight: 600;
+    }
+    .preview-content {
+        min-height: 360px;
+        max-height: 700px;
+        overflow: auto;
+        padding: .9rem .95rem;
+        color: #1e293b;
+        line-height: 1.68;
+    }
+    .preview-placeholder { color: #94a3b8; font-size: .86rem; }
+
+    .advanced-panel {
+        border: 1px dashed #cbd5e1;
+        border-radius: .75rem;
+        padding: .8rem .9rem;
+        background: #fcfdff;
+    }
+    .advanced-panel > summary {
+        cursor: pointer;
+        list-style: none;
+        font-weight: 600;
+        color: #334155;
+    }
+    .advanced-panel > summary::-webkit-details-marker { display: none; }
+
+    .editor-sticky-actions {
+        position: sticky;
+        bottom: 0;
+        z-index: 30;
+        margin-top: .9rem;
+        border: 1px solid #d7e3f5;
+        border-radius: .75rem;
+        background: rgba(255, 255, 255, .95);
+        backdrop-filter: blur(8px);
+        padding: .7rem .8rem;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: .65rem;
+    }
+
+    .EasyMDEContainer .CodeMirror {
+        min-height: 340px;
+        border: 0;
+        font-size: .9rem;
+    }
+    .EasyMDEContainer .editor-toolbar {
+        border: 0;
+        border-bottom: 1px solid #e2e8f0;
+        opacity: 1;
+    }
+
+    @media (max-width: 991px) {
+        .editor-shell { grid-template-columns: 1fr; }
+        .preview-content { min-height: 240px; }
+    }
+</style>
+
diff --git a/resources/views/admin/partials/modern-form-scripts.blade.php b/resources/views/admin/partials/modern-form-scripts.blade.php
new file mode 100644
index 0000000..1cddf77
--- /dev/null
+++ b/resources/views/admin/partials/modern-form-scripts.blade.php
@@ -0,0 +1,222 @@
+<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
+<script>
+    (function () {
+        const previewEndpoint = '{{ route('admin.markdown.preview') }}';
+        const uploadEndpoint = '{{ route('admin.uploads.markdown-image') }}';
+        const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
+        const instances = new Map();
+
+        const slugify = (value) => {
+            return String(value || '')
+                .normalize('NFKD')
+                .toLowerCase()
+                .replace(/[\u0300-\u036f]/g, '')
+                .replace(/[^a-z0-9\u4e00-\u9fa5\s-]/g, '')
+                .trim()
+                .replace(/[\s_]+/g, '-')
+                .replace(/-+/g, '-')
+                .replace(/^-|-$/g, '');
+        };
+
+        const debounce = (callback, wait = 350) => {
+            let timer = null;
+            return (...args) => {
+                window.clearTimeout(timer);
+                timer = window.setTimeout(() => callback(...args), wait);
+            };
+        };
+
+        const renderPreview = debounce(async (editor, previewElement) => {
+            if (!(previewElement instanceof HTMLElement)) {
+                return;
+            }
+
+            const markdown = editor.value();
+            if (!markdown || markdown.trim() === '') {
+                previewElement.innerHTML = '<div class="preview-placeholder">在左侧输入 Markdown 内容，这里会实时显示预览。</div>';
+                return;
+            }
+
+            previewElement.innerHTML = '<div class="text-muted">预览生成中...</div>';
+
+            try {
+                const response = await fetch(previewEndpoint, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': csrfToken,
+                        'X-Requested-With': 'XMLHttpRequest',
+                    },
+                    body: JSON.stringify({ markdown }),
+                });
+
+                if (!response.ok) {
+                    throw new Error('preview-failed');
+                }
+
+                const payload = await response.json();
+                if (!payload || payload.success !== true) {
+                    throw new Error('preview-failed');
+                }
+
+                previewElement.innerHTML = payload.html && payload.html.trim() !== ''
+                    ? payload.html
+                    : '<div class="preview-placeholder">暂无可预览内容。</div>';
+            } catch (_) {
+                previewElement.innerHTML = '<div class="text-danger">预览失败，请稍后重试。</div>';
+            }
+        }, 320);
+
+        const uploadImage = async (file) => {
+            const formData = new FormData();
+            formData.append('image', file);
+
+            const response = await fetch(uploadEndpoint, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': csrfToken,
+                    'X-Requested-With': 'XMLHttpRequest',
+                },
+                body: formData,
+            });
+
+            if (!response.ok) {
+                throw new Error('upload-failed');
+            }
+
+            const payload = await response.json();
+            if (!payload || payload.success !== true || !payload.url) {
+                throw new Error('upload-failed');
+            }
+
+            return payload;
+        };
+
+        const markdownForImage = (payload, fileName = 'image') => {
+            if (typeof payload.markdown === 'string' && payload.markdown.trim() !== '') {
+                return `\n${payload.markdown.trim()}\n`;
+            }
+
+            const alt = fileName.replace(/\.[^.]+$/, '');
+            return `\n![${alt}](${payload.url})\n`;
+        };
+
+        const initEditor = (textarea) => {
+            if (!(textarea instanceof HTMLTextAreaElement) || instances.has(textarea.name)) {
+                return;
+            }
+
+            const easyMde = new EasyMDE({
+                element: textarea,
+                spellChecker: false,
+                autoDownloadFontAwesome: false,
+                forceSync: true,
+                status: ['lines', 'words'],
+                placeholder: textarea.placeholder || '请输入 Markdown 内容',
+                toolbar: [
+                    'bold',
+                    'italic',
+                    'heading',
+                    '|',
+                    'quote',
+                    'unordered-list',
+                    'ordered-list',
+                    '|',
+                    'link',
+                    'image',
+                    'table',
+                    '|',
+                    'preview',
+                    'side-by-side',
+                    'fullscreen',
+                    '|',
+                    'guide',
+                ],
+            });
+
+            const previewSelector = textarea.getAttribute('data-preview-target');
+            const previewElement = previewSelector ? document.querySelector(previewSelector) : null;
+
+            easyMde.codemirror.on('change', () => {
+                renderPreview(easyMde, previewElement);
+            });
+
+            renderPreview(easyMde, previewElement);
+            instances.set(textarea.name, easyMde);
+        };
+
+        const connectUploadButtons = () => {
+            document.querySelectorAll('.js-md-upload-advanced-btn').forEach((button) => {
+                button.addEventListener('click', () => {
+                    const fieldName = button.getAttribute('data-editor-target');
+                    const editor = fieldName ? instances.get(fieldName) : null;
+                    if (!editor) {
+                        return;
+                    }
+
+                    const input = document.createElement('input');
+                    input.type = 'file';
+                    input.accept = 'image/*';
+
+                    input.onchange = async () => {
+                        const file = input.files?.[0];
+                        if (!file) {
+                            return;
+                        }
+
+                        const originHtml = button.innerHTML;
+                        button.disabled = true;
+                        button.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>上传中...';
+
+                        try {
+                            const payload = await uploadImage(file);
+                            editor.codemirror.replaceSelection(markdownForImage(payload, file.name || 'image'));
+                        } catch (_) {
+                            alert('图片上传失败，请稍后重试');
+                        } finally {
+                            button.disabled = false;
+                            button.innerHTML = originHtml;
+                        }
+                    };
+
+                    input.click();
+                });
+            });
+        };
+
+        const initSlugAutoFill = () => {
+            const pairs = [
+                ['input[name="name"]', 'input[name="slug"]'],
+                ['input[name="title"]', 'input[name="slug"]'],
+            ];
+
+            for (const [sourceSelector, slugSelector] of pairs) {
+                const sourceInput = document.querySelector(sourceSelector);
+                const slugInput = document.querySelector(slugSelector);
+                if (!(sourceInput instanceof HTMLInputElement) || !(slugInput instanceof HTMLInputElement)) {
+                    continue;
+                }
+
+                let manualEdited = slugInput.value.trim() !== '';
+                slugInput.addEventListener('input', () => {
+                    manualEdited = slugInput.value.trim() !== '';
+                });
+
+                sourceInput.addEventListener('input', () => {
+                    if (manualEdited && slugInput.value.trim() !== '') {
+                        return;
+                    }
+
+                    const suggested = slugify(sourceInput.value);
+                    if (suggested !== '') {
+                        slugInput.value = suggested;
+                    }
+                });
+            }
+        };
+
+        document.querySelectorAll('textarea.js-md-editor-modern').forEach(initEditor);
+        connectUploadButtons();
+        initSlugAutoFill();
+    }());
+</script>
diff --git a/resources/views/admin/partials/modern-index-head.blade.php b/resources/views/admin/partials/modern-index-head.blade.php
new file mode 100644
index 0000000..70ce883
--- /dev/null
+++ b/resources/views/admin/partials/modern-index-head.blade.php
@@ -0,0 +1,57 @@
+<style>
+    .modern-index-card {
+        border: 1px solid #d7e0ef;
+        border-radius: .9rem;
+        box-shadow: 0 10px 20px rgba(41, 61, 118, .06);
+    }
+
+    .modern-index-toolbar {
+        border: 1px solid #e2e8f0;
+        border-radius: .85rem;
+        background: #ffffff;
+    }
+
+    .modern-index-toolbar .toolbar-meta {
+        color: #64748b;
+        font-size: .84rem;
+    }
+
+    .modern-index-table thead th {
+        color: #475569;
+        font-size: .78rem;
+        text-transform: uppercase;
+        letter-spacing: .05em;
+        border-bottom-width: 1px;
+        background: #f8fafc;
+    }
+
+    .modern-index-title {
+        color: #0f172a;
+        font-weight: 700;
+    }
+
+    .modern-index-summary {
+        color: #64748b;
+        font-size: .82rem;
+        margin-top: .15rem;
+        max-width: 45rem;
+    }
+
+    .status-badge {
+        display: inline-flex;
+        align-items: center;
+        padding: .22rem .58rem;
+        border-radius: 999px;
+        font-size: .75rem;
+        font-weight: 600;
+        line-height: 1.2;
+    }
+
+    .status-badge.status-draft { background: #e2e8f0; color: #334155; }
+    .status-badge.status-review { background: #fef3c7; color: #92400e; }
+    .status-badge.status-published { background: #dcfce7; color: #166534; }
+    .status-badge.status-stale { background: #fee2e2; color: #991b1b; }
+    .status-badge.status-archived { background: #ede9fe; color: #5b21b6; }
+    .status-badge.status-default { background: #e2e8f0; color: #334155; }
+</style>
+
diff --git a/resources/views/admin/partials/slug-autofill-script.blade.php b/resources/views/admin/partials/slug-autofill-script.blade.php
new file mode 100644
index 0000000..712d6d7
--- /dev/null
+++ b/resources/views/admin/partials/slug-autofill-script.blade.php
@@ -0,0 +1,42 @@
+<script>
+    (() => {
+        const slugInput = document.querySelector('input[name="slug"]');
+        if (!(slugInput instanceof HTMLInputElement)) {
+            return;
+        }
+
+        const sourceInput = document.querySelector('input[name="name"]') || document.querySelector('input[name="title"]');
+        if (!(sourceInput instanceof HTMLInputElement)) {
+            return;
+        }
+
+        const slugify = (value) => {
+            return String(value || '')
+                .normalize('NFKD')
+                .toLowerCase()
+                .replace(/[\u0300-\u036f]/g, '')
+                .replace(/[^a-z0-9\u4e00-\u9fa5\s-]/g, '')
+                .trim()
+                .replace(/[\s_]+/g, '-')
+                .replace(/-+/g, '-')
+                .replace(/^-|-$/g, '');
+        };
+
+        let manualEdited = slugInput.value.trim() !== '';
+        slugInput.addEventListener('input', () => {
+            manualEdited = slugInput.value.trim() !== '';
+        });
+
+        sourceInput.addEventListener('input', () => {
+            if (manualEdited && slugInput.value.trim() !== '') {
+                return;
+            }
+
+            const suggested = slugify(sourceInput.value);
+            if (suggested !== '') {
+                slugInput.value = suggested;
+            }
+        });
+    })();
+</script>
+
diff --git a/resources/views/admin/partials/status-badge.blade.php b/resources/views/admin/partials/status-badge.blade.php
new file mode 100644
index 0000000..5e93698
--- /dev/null
+++ b/resources/views/admin/partials/status-badge.blade.php
@@ -0,0 +1,10 @@
+@php
+    $statusValue = strtolower((string) ($status?->value ?? $status ?? 'default'));
+    $statusClass = match ($statusValue) {
+        'draft', 'review', 'published', 'stale', 'archived' => $statusValue,
+        default => 'default',
+    };
+@endphp
+
+<span class="status-badge status-{{ $statusClass }}">{{ $statusValue !== '' ? $statusValue : '-' }}</span>
+
diff --git a/resources/views/admin/settings/index.blade.php b/resources/views/admin/settings/index.blade.php
index 85133ac..5dd9509 100644
--- a/resources/views/admin/settings/index.blade.php
+++ b/resources/views/admin/settings/index.blade.php
@@ -1,346 +1,66 @@
 @extends('layouts.admin')
 
-@section('title', '首页模块配置')
+@section('title', '首页配置')
 
 @section('head')
-<style>
-    .module-card { border: 1px solid #d9e2f1; border-radius: .75rem; background: #fff; }
-    .module-card + .module-card { margin-top: 1rem; }
-    .module-items { display: grid; gap: .75rem; }
-    .module-item { border: 1px dashed #d6dfef; border-radius: .65rem; padding: .75rem; background: #f9fbff; }
-    .module-item-preview { width: 100%; max-height: 160px; object-fit: cover; border-radius: .5rem; border: 1px solid #dbe5f4; background: #fff; }
-    .module-key { font-size: .78rem; color: #64748b; }
-    .inline-add-form { border: 1px solid #e2e8f0; border-radius: .65rem; padding: .75rem; background: #f8fafc; }
-    .drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 1px solid #d8e1f1; border-radius: .45rem; color: #64748b; cursor: grab; background: #fff; }
-    .drag-handle:active { cursor: grabbing; }
-    .sortable-ghost { opacity: .45; }
-    .sortable-chosen { box-shadow: 0 12px 24px rgba(42, 64, 120, .16); }
-</style>
+    @include('admin.partials.modern-index-head')
 @endsection
 
+@section('page_subtitle', '二级菜单化管理首页模块：先选模块，再进入列表、新增与修改。')
+
 @section('content')
-<div class="card module-card">
-    <div class="card-header">
-        <h3 class="card-title">首页模块配置（AI工具集）</h3>
-    </div>
-    <div class="card-body">
-        <p class="text-muted mb-3">支持配置模块标题、副标题、图片、链接、排序与展示数量。保存后首页立即生效。</p>
-
-        <form id="home-module-form" method="post" action="{{ route('admin.settings.update') }}" class="d-grid gap-4">
-            @csrf
-            @method('put')
-
-            <div class="js-module-list d-grid gap-4">
-            @foreach($modules as $module)
-                <section class="module-card p-3 js-module-entry" data-module-id="{{ $module->id }}">
-                    <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
-                        <div class="d-flex align-items-center gap-2">
-                            <span class="drag-handle js-drag-handle-module" title="拖拽排序"><i class="bi bi-grip-vertical"></i></span>
-                            <div>
-                            <h4 class="mb-1">{{ $module->name }}</h4>
-                            <div class="module-key">key: {{ $module->module_key }}</div>
-                            </div>
-                        </div>
-                        <label class="form-check form-switch m-0">
-                            <input class="form-check-input" type="checkbox" name="modules[{{ $module->id }}][enabled]" value="1" @checked($module->enabled)>
-                            <span class="form-check-label">启用模块</span>
-                        </label>
-                    </div>
-
-                    <div class="row g-3">
-                        <div class="col-md-3">
-                            <label class="form-label">模块名称</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][name]" value="{{ old("modules.{$module->id}.name", $module->name) }}" required>
-                        </div>
-                        <div class="col-md-3">
-                            <label class="form-label">标题</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][title]" value="{{ old("modules.{$module->id}.title", $module->title) }}">
-                        </div>
-                        <div class="col-md-4">
-                            <label class="form-label">副标题</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][subtitle]" value="{{ old("modules.{$module->id}.subtitle", $module->subtitle) }}">
-                        </div>
-                        <div class="col-md-2">
-                            <label class="form-label">排序</label>
-                            <input type="number" min="0" max="9999" class="form-control js-module-order-input" name="modules[{{ $module->id }}][sort_order]" value="{{ old("modules.{$module->id}.sort_order", $module->sort_order) }}">
-                        </div>
-
-                        <div class="col-md-2">
-                            <label class="form-label">数量上限</label>
-                            <input type="number" min="1" max="30" class="form-control" name="modules[{{ $module->id }}][limit]" value="{{ old("modules.{$module->id}.limit", $module->limit) }}">
-                        </div>
-                        <div class="col-md-2">
-                            <label class="form-label">更多链接类型</label>
-                            @php($moduleLinkType = old("modules.{$module->id}.more_link_type", $module->more_link_type))
-                            <select class="form-select" name="modules[{{ $module->id }}][more_link_type]">
-                                <option value="" @selected($moduleLinkType === null || $moduleLinkType === '')>无</option>
-                                <option value="route" @selected($moduleLinkType === 'route')>内部路由</option>
-                                <option value="url" @selected($moduleLinkType === 'url')>自定义URL</option>
-                            </select>
-                        </div>
-                        <div class="col-md-4">
-                            <label class="form-label">更多链接目标</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][more_link_target]" value="{{ old("modules.{$module->id}.more_link_target", $module->more_link_target) }}" placeholder="route 名称或 URL / 站内路径">
-                        </div>
-                        <div class="col-md-2">
-                            <label class="form-label">侧栏标题</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][extra][side_title]" value="{{ old("modules.{$module->id}.extra.side_title", data_get($module->extra, 'side_title')) }}">
-                        </div>
-                        <div class="col-md-4">
-                            <label class="form-label">侧栏副标题</label>
-                            <input type="text" class="form-control" name="modules[{{ $module->id }}][extra][side_subtitle]" value="{{ old("modules.{$module->id}.extra.side_subtitle", data_get($module->extra, 'side_subtitle')) }}">
-                        </div>
-                    </div>
-
-                    @if(in_array($module->module_key, ['channel_cards', 'promo_banners'], true))
-                        <hr class="my-3">
-                        <div class="d-flex justify-content-between align-items-center mb-2">
-                            <h5 class="mb-0">模块条目</h5>
-                            <small class="text-muted">条目要求：标题、图片、链接必填</small>
-                        </div>
-
-                        <div class="module-items js-item-list" data-module-id="{{ $module->id }}">
-                            @foreach($module->items as $item)
-                                <div class="module-item js-item-entry" data-item-id="{{ $item->id }}">
-                                    <div class="d-flex justify-content-between align-items-center mb-2">
-                                        <span class="module-key">item: {{ $item->id }}</span>
-                                        <span class="drag-handle js-drag-handle-item" title="拖拽排序"><i class="bi bi-grip-vertical"></i></span>
-                                    </div>
-                                    <div class="row g-3">
-                                        <div class="col-md-2">
-                                            <label class="form-label">排序</label>
-                                            <input type="number" min="0" max="9999" class="form-control js-item-order-input" name="modules[{{ $module->id }}][items][{{ $item->id }}][sort_order]" value="{{ old("modules.{$module->id}.items.{$item->id}.sort_order", $item->sort_order) }}">
-                                        </div>
-                                        <div class="col-md-2 d-flex align-items-end">
-                                            <label class="form-check form-switch mb-0">
-                                                <input class="form-check-input" type="checkbox" name="modules[{{ $module->id }}][items][{{ $item->id }}][enabled]" value="1" @checked(old("modules.{$module->id}.items.{$item->id}.enabled", $item->enabled))>
-                                                <span class="form-check-label">启用</span>
-                                            </label>
-                                        </div>
-                                        <div class="col-md-4">
-                                            <label class="form-label">标题</label>
-                                            <input type="text" class="form-control" name="modules[{{ $module->id }}][items][{{ $item->id }}][title]" value="{{ old("modules.{$module->id}.items.{$item->id}.title", $item->title) }}">
-                                        </div>
-                                        <div class="col-md-4">
-                                            <label class="form-label">副标题</label>
-                                            <input type="text" class="form-control" name="modules[{{ $module->id }}][items][{{ $item->id }}][subtitle]" value="{{ old("modules.{$module->id}.items.{$item->id}.subtitle", $item->subtitle) }}">
-                                        </div>
-
-                                        <div class="col-md-6">
-                                            <label class="form-label">图片路径（/storage/...）</label>
-                                            <div class="input-group">
-                                                <input type="text" class="form-control" name="modules[{{ $module->id }}][items][{{ $item->id }}][image_path]" value="{{ old("modules.{$module->id}.items.{$item->id}.image_path", $item->image_path) }}" id="module-item-image-{{ $item->id }}" placeholder="/storage/markdown-images/...">
-                                                <button class="btn btn-outline-primary js-md-upload-btn" type="button" data-target="#module-item-image-{{ $item->id }}">上传图片</button>
-                                            </div>
-                                        </div>
-                                        <div class="col-md-3">
-                                            <label class="form-label">链接类型</label>
-                                            @php($itemLinkType = old("modules.{$module->id}.items.{$item->id}.link_type", $item->link_type))
-                                            <select class="form-select" name="modules[{{ $module->id }}][items][{{ $item->id }}][link_type]">
-                                                <option value="route" @selected($itemLinkType === 'route')>内部路由</option>
-                                                <option value="url" @selected($itemLinkType === 'url')>自定义URL</option>
-                                            </select>
-                                        </div>
-                                        <div class="col-md-3">
-                                            <label class="form-label">链接目标</label>
-                                            <input type="text" class="form-control" name="modules[{{ $module->id }}][items][{{ $item->id }}][link_target]" value="{{ old("modules.{$module->id}.items.{$item->id}.link_target", $item->link_target) }}" placeholder="如 tools.list 或 https://...">
-                                        </div>
-
-                                        <div class="col-md-6">
-                                            @if(!empty($item->image_path))
-                                                <img class="module-item-preview" src="{{ $item->image_path }}" alt="{{ $item->title ?: '预览图' }}">
-                                            @else
-                                                <div class="module-item-preview d-flex align-items-center justify-content-center text-muted">暂无图片</div>
-                                            @endif
-                                        </div>
-                                        <div class="col-md-6 d-flex align-items-end justify-content-end">
-                                            <button
-                                                class="btn btn-outline-danger js-delete-item"
-                                                type="button"
-                                                data-delete-url="{{ route('admin.settings.items.destroy', ['module' => $module, 'item' => $item]) }}"
-                                            >删除条目</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            @endforeach
-                        </div>
-                    @endif
-                </section>
-            @endforeach
-            </div>
-
-            <div>
-                <button class="btn btn-primary" type="submit">保存全部配置</button>
-            </div>
-        </form>
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-2">
+        <div>
+            <h3 class="card-title mb-1">首页配置模块</h3>
+            <div class="toolbar-meta">请选择一个模块进入二级配置页。</div>
+        </div>
+        <div class="toolbar-meta">共 {{ number_format($modules->count()) }} 个模块</div>
     </div>
 </div>
 
-@foreach($modules as $module)
-    @if(in_array($module->module_key, ['channel_cards', 'promo_banners'], true))
-        <div class="card module-card mt-3">
-            <div class="card-header">
-                <h3 class="card-title">新增条目 - {{ $module->name }}</h3>
-            </div>
-            <div class="card-body">
-                <form method="post" action="{{ route('admin.settings.items.store', $module) }}" class="row g-3 inline-add-form">
-                    @csrf
-                    <div class="col-md-3">
-                        <label class="form-label">标题</label>
-                        <input type="text" class="form-control" name="title" placeholder="条目标题">
-                    </div>
-                    <div class="col-md-3">
-                        <label class="form-label">副标题</label>
-                        <input type="text" class="form-control" name="subtitle" placeholder="条目副标题">
-                    </div>
-                    <div class="col-md-3">
-                        <label class="form-label">图片</label>
-                        <div class="input-group">
-                            <input type="text" class="form-control" name="image_path" id="new-item-image-{{ $module->id }}" placeholder="/storage/...">
-                            <button class="btn btn-outline-primary js-md-upload-btn" type="button" data-target="#new-item-image-{{ $module->id }}">上传</button>
-                        </div>
-                    </div>
-                    <div class="col-md-3">
-                        <label class="form-label">排序</label>
-                        <input type="number" min="0" max="9999" class="form-control" name="sort_order" value="{{ (($module->items->max('sort_order') ?? 0) + 10) }}">
-                    </div>
-
-                    <div class="col-md-3">
-                        <label class="form-label">链接类型</label>
-                        <select class="form-select" name="link_type">
-                            <option value="route">内部路由</option>
-                            <option value="url">自定义URL</option>
-                        </select>
-                    </div>
-                    <div class="col-md-7">
-                        <label class="form-label">链接目标</label>
-                        <input type="text" class="form-control" name="link_target" placeholder="如 tools.list 或 https://example.com">
-                    </div>
-                    <div class="col-md-2 d-flex align-items-end">
-                        <label class="form-check form-switch mb-2">
-                            <input class="form-check-input" type="checkbox" name="enabled" value="1" checked>
-                            <span class="form-check-label">启用</span>
-                        </label>
-                    </div>
-
-                    <div class="col-12">
-                        <div class="text-muted small mb-2">可选内部路由：
-                            @foreach($routeOptions as $option)
-                                <code class="me-1">{{ $option['value'] }}</code>
-                            @endforeach
-                        </div>
-                        <button class="btn btn-outline-primary" type="submit">新增条目</button>
-                    </div>
-                </form>
-            </div>
-        </div>
-    @endif
-@endforeach
-
-<div class="card module-card mt-3">
-    <div class="card-header">
-        <h3 class="card-title">内部路由参考</h3>
-    </div>
-    <div class="card-body">
-        <div class="row g-2">
-            @foreach($routeOptions as $option)
-                <div class="col-md-4">
-                    <div class="border rounded p-2 d-flex justify-content-between align-items-center">
-                        <span>{{ $option['name'] }}</span>
-                        <code>{{ $option['value'] }}</code>
-                    </div>
-                </div>
-            @endforeach
-        </div>
+<div class="card modern-index-card">
+    <div class="table-responsive">
+        <table class="table table-vcenter card-table modern-index-table">
+            <thead>
+            <tr>
+                <th>模块</th>
+                <th>键名</th>
+                <th>状态</th>
+                <th>条目数</th>
+                <th>排序</th>
+                <th class="text-end">操作</th>
+            </tr>
+            </thead>
+            <tbody>
+            @forelse($modules as $module)
+                <tr>
+                    <td>
+                        <div class="modern-index-title">{{ $module->name }}</div>
+                        <div class="modern-index-summary">{{ $module->title ?: '未设置模块标题' }}</div>
+                    </td>
+                    <td><code>{{ $module->module_key }}</code></td>
+                    <td>
+                        @if($module->enabled)
+                            <span class="badge bg-green-lt text-green-fg">启用</span>
+                        @else
+                            <span class="badge bg-secondary-lt">停用</span>
+                        @endif
+                    </td>
+                    <td>{{ number_format((int) $module->items_count) }}</td>
+                    <td>{{ (int) $module->sort_order }}</td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.settings.show', $module) }}">进入配置</a>
+                    </td>
+                </tr>
+            @empty
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">暂无模块数据。</td>
+                </tr>
+            @endforelse
+            </tbody>
+        </table>
     </div>
 </div>
 @endsection
 
-@section('scripts')
-<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script>
-<script>
-    (() => {
-        const moduleForm = document.getElementById('home-module-form');
-        const moduleList = document.querySelector('.js-module-list');
-
-        const syncModuleOrder = () => {
-            if (!moduleList) {
-                return;
-            }
-
-            moduleList.querySelectorAll('.js-module-entry').forEach((entry, index) => {
-                const input = entry.querySelector('.js-module-order-input');
-                if (input instanceof HTMLInputElement) {
-                    input.value = String((index + 1) * 10);
-                }
-            });
-        };
-
-        const syncItemOrder = (list) => {
-            if (!(list instanceof HTMLElement)) {
-                return;
-            }
-
-            list.querySelectorAll('.js-item-entry').forEach((entry, index) => {
-                const input = entry.querySelector('.js-item-order-input');
-                if (input instanceof HTMLInputElement) {
-                    input.value = String((index + 1) * 10);
-                }
-            });
-        };
-
-        if (window.Sortable && moduleList) {
-            new Sortable(moduleList, {
-                animation: 150,
-                handle: '.js-drag-handle-module',
-                draggable: '.js-module-entry',
-                ghostClass: 'sortable-ghost',
-                chosenClass: 'sortable-chosen',
-                onEnd: syncModuleOrder,
-            });
-
-            document.querySelectorAll('.js-item-list').forEach((list) => {
-                new Sortable(list, {
-                    animation: 150,
-                    handle: '.js-drag-handle-item',
-                    draggable: '.js-item-entry',
-                    ghostClass: 'sortable-ghost',
-                    chosenClass: 'sortable-chosen',
-                    onEnd: () => syncItemOrder(list),
-                });
-
-                syncItemOrder(list);
-            });
-
-            syncModuleOrder();
-        }
-
-        moduleForm?.addEventListener('submit', () => {
-            syncModuleOrder();
-            document.querySelectorAll('.js-item-list').forEach((list) => syncItemOrder(list));
-        });
-
-        document.querySelectorAll('.js-delete-item').forEach((button) => {
-            button.addEventListener('click', () => {
-                const action = button.getAttribute('data-delete-url');
-                const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
-
-                if (!action || !token) {
-                    return;
-                }
-
-                if (!window.confirm('确认删除该条目？')) {
-                    return;
-                }
-
-                const form = document.createElement('form');
-                form.method = 'post';
-                form.action = action;
-                form.innerHTML = `<input type="hidden" name="_token" value="${token}"><input type="hidden" name="_method" value="delete">`;
-                document.body.appendChild(form);
-                form.submit();
-            });
-        });
-    })();
-</script>
-@endsection
diff --git a/resources/views/admin/settings/item-form.blade.php b/resources/views/admin/settings/item-form.blade.php
new file mode 100644
index 0000000..3028404
--- /dev/null
+++ b/resources/views/admin/settings/item-form.blade.php
@@ -0,0 +1,97 @@
+@extends('layouts.admin')
+
+@section('title', '编辑条目 - '.$module->name)
+
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
+@section('page_subtitle', '独立编辑模块条目，保存后返回模块列表。')
+
+@section('page_actions')
+    <a class="btn btn-outline-secondary" href="{{ route('admin.settings.show', $module) }}">返回模块配置</a>
+@endsection
+
+@section('content')
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-wrap gap-2">
+        @foreach($moduleNav as $navItem)
+            <a
+                class="btn btn-sm {{ $navItem->id === $module->id ? 'btn-primary' : 'btn-outline-primary' }}"
+                href="{{ route('admin.settings.show', $navItem) }}"
+            >
+                {{ $navItem->name }}
+            </a>
+        @endforeach
+    </div>
+</div>
+
+<div class="card modern-form-card">
+    <div class="card-header">
+        <h3 class="card-title mb-0">编辑条目</h3>
+    </div>
+    <div class="card-body">
+        <form method="post" action="{{ route('admin.settings.items.update', ['module' => $module, 'item' => $item]) }}" class="row g-3">
+            @csrf
+            @method('put')
+
+            <div class="col-md-4">
+                <label class="form-label">标题</label>
+                <input type="text" class="form-control" name="title" value="{{ old('title', $item->title) }}">
+            </div>
+            <div class="col-md-4">
+                <label class="form-label">副标题</label>
+                <input type="text" class="form-control" name="subtitle" value="{{ old('subtitle', $item->subtitle) }}">
+            </div>
+            <div class="col-md-2">
+                <label class="form-label">排序</label>
+                <input type="number" min="0" max="9999" class="form-control" name="sort_order" value="{{ old('sort_order', $item->sort_order) }}">
+            </div>
+            <div class="col-md-2 d-flex align-items-end">
+                <label class="form-check form-switch mb-2">
+                    <input class="form-check-input" type="checkbox" name="enabled" value="1" @checked(old('enabled', $item->enabled))>
+                    <span class="form-check-label">启用</span>
+                </label>
+            </div>
+
+            <div class="col-md-6">
+                <label class="form-label">图片路径（/storage/...）</label>
+                <div class="input-group">
+                    <input type="text" class="form-control" name="image_path" id="item-image-{{ $item->id }}" value="{{ old('image_path', $item->image_path) }}" placeholder="/storage/markdown-images/...">
+                    <button class="btn btn-outline-primary js-md-upload-btn" type="button" data-target="#item-image-{{ $item->id }}">上传</button>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">链接类型</label>
+                <select class="form-select" name="link_type">
+                    <option value="route" @selected(old('link_type', $item->link_type) === 'route')>内部路由</option>
+                    <option value="url" @selected(old('link_type', $item->link_type) === 'url')>自定义 URL</option>
+                </select>
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">链接目标</label>
+                <input type="text" class="form-control" name="link_target" value="{{ old('link_target', $item->link_target) }}" placeholder="如 tools.list 或 https://example.com" list="module-route-options">
+            </div>
+
+            @if(!empty($item->image_path))
+                <div class="col-md-6">
+                    <img src="{{ $item->image_path }}" alt="item image" style="width: 100%; max-height: 220px; object-fit: cover; border-radius: .6rem; border: 1px solid #dbe5f4;">
+                </div>
+            @endif
+
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">若为频道卡片/横幅，标题、图片、链接需同时填写。</small>
+                    <button class="btn btn-primary" type="submit">保存条目</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<datalist id="module-route-options">
+    @foreach($routeOptions as $option)
+        <option value="{{ $option['value'] }}">{{ $option['name'] }}</option>
+    @endforeach
+</datalist>
+@endsection
diff --git a/resources/views/admin/settings/show.blade.php b/resources/views/admin/settings/show.blade.php
new file mode 100644
index 0000000..e7bdc99
--- /dev/null
+++ b/resources/views/admin/settings/show.blade.php
@@ -0,0 +1,232 @@
+@extends('layouts.admin')
+
+@section('title', '首页配置 - '.$module->name)
+
+@section('head')
+    @include('admin.partials.modern-form-head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
+@section('page_subtitle', '模块配置与条目列表已拆分，支持新增与单条编辑。')
+
+@section('page_actions')
+    <a class="btn btn-outline-secondary" href="{{ route('admin.settings.index') }}">返回模块列表</a>
+@endsection
+
+@section('content')
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-wrap gap-2">
+        @foreach($moduleNav as $navItem)
+            <a
+                class="btn btn-sm {{ $navItem->id === $module->id ? 'btn-primary' : 'btn-outline-primary' }}"
+                href="{{ route('admin.settings.show', $navItem) }}"
+            >
+                {{ $navItem->name }}
+            </a>
+        @endforeach
+    </div>
+</div>
+
+<div class="card modern-form-card mb-3">
+    <div class="card-header">
+        <h3 class="card-title mb-0">模块信息</h3>
+    </div>
+    <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
+        <form method="post" action="{{ route('admin.settings.update', $module) }}" class="row g-3">
+            @csrf
+            @method('put')
+
+            <div class="col-md-4 field-required">
+                <label class="form-label">模块名称<span class="required-star">*</span></label>
+                <input type="text" class="form-control" name="name" value="{{ old('name', $module->name) }}" required>
+            </div>
+            <div class="col-md-4">
+                <label class="form-label">显示标题</label>
+                <input type="text" class="form-control" name="title" value="{{ old('title', $module->title) }}">
+            </div>
+            <div class="col-md-4">
+                <label class="form-label">副标题</label>
+                <input type="text" class="form-control" name="subtitle" value="{{ old('subtitle', $module->subtitle) }}">
+            </div>
+
+            <div class="col-md-3">
+                <label class="form-label">模块键名</label>
+                <input type="text" class="form-control" value="{{ $module->module_key }}" disabled>
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">排序</label>
+                <input type="number" min="0" max="9999" class="form-control" name="sort_order" value="{{ old('sort_order', $module->sort_order) }}">
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">数量上限</label>
+                <input type="number" min="1" max="30" class="form-control" name="limit" value="{{ old('limit', $module->limit) }}">
+            </div>
+            <div class="col-md-3 d-flex align-items-end">
+                <label class="form-check form-switch mb-2">
+                    <input class="form-check-input" type="checkbox" name="enabled" value="1" @checked(old('enabled', $module->enabled))>
+                    <span class="form-check-label">启用模块</span>
+                </label>
+            </div>
+
+            <div class="col-md-3">
+                <label class="form-label">更多链接类型</label>
+                @php($moduleLinkType = old('more_link_type', $module->more_link_type))
+                <select class="form-select" name="more_link_type">
+                    <option value="" @selected($moduleLinkType === null || $moduleLinkType === '')>无</option>
+                    <option value="route" @selected($moduleLinkType === 'route')>内部路由</option>
+                    <option value="url" @selected($moduleLinkType === 'url')>自定义 URL</option>
+                </select>
+            </div>
+            <div class="col-md-9">
+                <label class="form-label">更多链接目标</label>
+                <input type="text" class="form-control" name="more_link_target" value="{{ old('more_link_target', $module->more_link_target) }}" placeholder="如 tools.list 或 https://example.com" list="module-route-options">
+            </div>
+
+            @php($moduleExtra = old('extra', $module->extra ?? []))
+            <div class="col-md-6">
+                <label class="form-label">侧栏标题</label>
+                <input type="text" class="form-control" name="extra[side_title]" value="{{ data_get($moduleExtra, 'side_title') }}">
+            </div>
+            <div class="col-md-6">
+                <label class="form-label">侧栏副标题</label>
+                <input type="text" class="form-control" name="extra[side_subtitle]" value="{{ data_get($moduleExtra, 'side_subtitle') }}">
+            </div>
+
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">建议先保存模块信息，再新增条目。</small>
+                    <button class="btn btn-primary" type="submit">保存模块配置</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<div class="card modern-form-card mb-3">
+    <div class="card-header">
+        <h3 class="card-title mb-0">新增条目</h3>
+    </div>
+    <div class="card-body">
+        <form method="post" action="{{ route('admin.settings.items.store', $module) }}" class="row g-3">
+            @csrf
+
+            <div class="col-md-3">
+                <label class="form-label">标题</label>
+                <input type="text" class="form-control" name="title" placeholder="条目标题">
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">副标题</label>
+                <input type="text" class="form-control" name="subtitle" placeholder="条目副标题">
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">排序</label>
+                <input type="number" min="0" max="9999" class="form-control" name="sort_order" value="{{ (($module->items->max('sort_order') ?? 0) + 10) }}">
+            </div>
+            <div class="col-md-3 d-flex align-items-end">
+                <label class="form-check form-switch mb-2">
+                    <input class="form-check-input" type="checkbox" name="enabled" value="1" checked>
+                    <span class="form-check-label">启用条目</span>
+                </label>
+            </div>
+
+            <div class="col-md-6">
+                <label class="form-label">图片路径（/storage/...）</label>
+                <div class="input-group">
+                    <input type="text" class="form-control" name="image_path" id="new-item-image-{{ $module->id }}" placeholder="/storage/markdown-images/...">
+                    <button class="btn btn-outline-primary js-md-upload-btn" type="button" data-target="#new-item-image-{{ $module->id }}">上传</button>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">链接类型</label>
+                <select class="form-select" name="link_type">
+                    <option value="route">内部路由</option>
+                    <option value="url">自定义 URL</option>
+                </select>
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">链接目标</label>
+                <input type="text" class="form-control" name="link_target" placeholder="如 tools.list 或 https://example.com" list="module-route-options">
+            </div>
+
+            <div class="col-12">
+                <div class="text-muted small mb-2">可选内部路由：
+                    @foreach($routeOptions as $option)
+                        <code class="me-1">{{ $option['value'] }}</code>
+                    @endforeach
+                </div>
+                <button class="btn btn-outline-primary" type="submit">新增条目</button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<div class="card modern-index-card">
+    <div class="card-header d-flex align-items-center justify-content-between">
+        <h3 class="card-title mb-0">条目列表</h3>
+        <small class="text-muted">共 {{ number_format($module->items->count()) }} 条</small>
+    </div>
+    <div class="table-responsive">
+        <table class="table table-vcenter card-table modern-index-table">
+            <thead>
+            <tr>
+                <th>标题</th>
+                <th>链接</th>
+                <th>图片</th>
+                <th>状态</th>
+                <th>排序</th>
+                <th class="text-end">操作</th>
+            </tr>
+            </thead>
+            <tbody>
+            @forelse($module->items as $item)
+                <tr>
+                    <td>
+                        <div class="modern-index-title">{{ $item->title ?: '-' }}</div>
+                        <div class="modern-index-summary">{{ $item->subtitle ?: '-' }}</div>
+                    </td>
+                    <td>
+                        <div><span class="badge bg-indigo-lt text-indigo-fg">{{ $item->link_type }}</span></div>
+                        <div class="modern-index-summary">{{ $item->link_target ?: '-' }}</div>
+                    </td>
+                    <td>
+                        @if(!empty($item->image_path))
+                            <img src="{{ $item->image_path }}" alt="item image" style="width: 88px; height: 48px; object-fit: cover; border-radius: .45rem; border: 1px solid #dbe5f4;">
+                        @else
+                            <span class="text-muted">无</span>
+                        @endif
+                    </td>
+                    <td>
+                        @if($item->enabled)
+                            <span class="badge bg-green-lt text-green-fg">启用</span>
+                        @else
+                            <span class="badge bg-secondary-lt">停用</span>
+                        @endif
+                    </td>
+                    <td>{{ (int) $item->sort_order }}</td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.settings.items.edit', ['module' => $module, 'item' => $item]) }}">修改</a>
+                        <form method="post" action="{{ route('admin.settings.items.destroy', ['module' => $module, 'item' => $item]) }}" class="d-inline-block" onsubmit="return confirm('确认删除该条目？')">
+                            @csrf
+                            @method('delete')
+                            <button class="btn btn-sm btn-outline-danger" type="submit">删除</button>
+                        </form>
+                    </td>
+                </tr>
+            @empty
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">当前模块暂无条目，请先新增。</td>
+                </tr>
+            @endforelse
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<datalist id="module-route-options">
+    @foreach($routeOptions as $option)
+        <option value="{{ $option['value'] }}">{{ $option['name'] }}</option>
+    @endforeach
+</datalist>
+@endsection
diff --git a/resources/views/admin/sources/form.blade.php b/resources/views/admin/sources/form.blade.php
index 02f3688..0ec4e34 100644
--- a/resources/views/admin/sources/form.blade.php
+++ b/resources/views/admin/sources/form.blade.php
@@ -2,35 +2,80 @@
 
 @section('title', $item->exists ? '编辑来源' : '新建来源')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
-    <div class="card-header"><h3 class="card-title mb-0">{{ $item->exists ? '编辑来源' : '新建来源' }}</h3></div>
+<div class="card modern-form-card">
+    <div class="card-header d-flex justify-content-between align-items-center">
+        <h3 class="card-title mb-0">{{ $item->exists ? '编辑来源' : '新建来源' }}</h3>
+        <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.sources.index') }}">返回列表</a>
+    </div>
+
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-6"><label class="form-label">名称</label><input class="form-control" name="name" value="{{ old('name', $item->name) }}" required></div>
-            <div class="col-md-6"><label class="form-label">域名</label><input class="form-control" name="domain" value="{{ old('domain', $item->domain) }}" required></div>
-            <div class="col-md-6"><label class="form-label">类型</label><input class="form-control" name="type" value="{{ old('type', $item->type ?: 'media') }}" required></div>
-            <div class="col-md-6">
-                <label class="form-label">信任等级</label>
-                <select class="form-select" name="trust_level">
-                    @foreach(['official' => 'official','trusted_media' => 'trusted_media','community' => 'community','unknown' => 'unknown'] as $value => $label)
-                        <option value="{{ $value }}" @selected(old('trust_level', $item->trust_level?->value ?? 'trusted_media') === $value)>{{ $label }}</option>
-                    @endforeach
-                </select>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">来源会参与资讯/工具可信度判定，请优先填写真实域名与信任等级。</p>
+
+                    <div class="row g-3">
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">名称<span class="required-star">*</span></label>
+                            <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
+                        </div>
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">域名<span class="required-star">*</span></label>
+                            <input class="form-control" name="domain" value="{{ old('domain', $item->domain) }}" required placeholder="example.com">
+                            <div class="form-hint">仅填域名，不需要协议头。</div>
+                        </div>
+
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">类型<span class="required-star">*</span></label>
+                            <input class="form-control" name="type" value="{{ old('type', $item->type ?: 'media') }}" required placeholder="media / official / community">
+                        </div>
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">信任等级<span class="required-star">*</span></label>
+                            <select class="form-select" name="trust_level" required>
+                                @foreach(['official' => '官方', 'trusted_media' => '可信媒体', 'community' => '社区', 'unknown' => '未知'] as $value => $label)
+                                    <option value="{{ $value }}" @selected(old('trust_level', $item->trust_level?->value ?? 'trusted_media') === $value)>{{ $label }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+
+                        <div class="col-12 d-flex flex-wrap gap-3">
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_whitelisted" value="1" @checked(old('is_whitelisted', $item->is_whitelisted))>
+                                <span class="form-check-label">加入白名单</span>
+                            </label>
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="crawl_allowed" value="1" @checked(old('crawl_allowed', $item->crawl_allowed))>
+                                <span class="form-check-label">允许抓取</span>
+                            </label>
+                        </div>
+
+                        <div class="col-12">
+                            <label class="form-label">备注</label>
+                            <textarea class="form-control" name="note" rows="4">{{ old('note', $item->note) }}</textarea>
+                        </div>
+                    </div>
+                </section>
             </div>
 
-            <div class="col-12 d-flex flex-wrap gap-3">
-                <label class="form-check"><input class="form-check-input" type="checkbox" name="is_whitelisted" value="1" @checked(old('is_whitelisted', $item->is_whitelisted))><span class="form-check-label">加入白名单</span></label>
-                <label class="form-check"><input class="form-check-input" type="checkbox" name="crawl_allowed" value="1" @checked(old('crawl_allowed', $item->crawl_allowed))><span class="form-check-label">允许抓取</span></label>
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">建议优先维护白名单来源，提升前台内容质量。</small>
+                    <button class="btn btn-primary" type="submit">保存来源</button>
+                </div>
             </div>
-
-            <div class="col-12"><label class="form-label">备注</label><textarea class="form-control" name="note" rows="4">{{ old('note', $item->note) }}</textarea></div>
-
-            <div class="col-12"><button class="btn btn-primary" type="submit">保存</button></div>
         </form>
     </div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/sources/index.blade.php b/resources/views/admin/sources/index.blade.php
index 8b81b6c..a202b5d 100644
--- a/resources/views/admin/sources/index.blade.php
+++ b/resources/views/admin/sources/index.blade.php
@@ -2,20 +2,27 @@
 
 @section('title', '来源白名单管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.sources.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索来源名称 / 域名">
             <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
         </form>
         <a class="btn btn-success" href="{{ route('admin.sources.create') }}"><i class="bi bi-plus-circle me-1"></i>新建来源</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条来源记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>名称</th>
@@ -29,8 +36,8 @@
             <tbody>
             @forelse($items as $item)
                 <tr>
-                    <td>{{ $item->name }}</td>
-                    <td>{{ $item->domain }}</td>
+                    <td class="modern-index-title">{{ $item->name }}</td>
+                    <td><code>{{ $item->domain }}</code></td>
                     <td>{{ $item->type }}</td>
                     <td>{{ $item->trust_level?->value ?? '-' }}</td>
                     <td>
@@ -40,10 +47,14 @@
                             <span class="badge bg-gray-200 text-dark">否</span>
                         @endif
                     </td>
-                    <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.sources.edit', $item) }}">编辑</a></td>
+                    <td class="text-end">
+                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.sources.edit', $item) }}">编辑</a>
+                    </td>
                 </tr>
             @empty
-                <tr><td colspan="6" class="text-center text-muted py-4">暂无来源数据</td></tr>
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">暂无来源数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -51,3 +62,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/admin/tools/form.blade.php b/resources/views/admin/tools/form.blade.php
index 091ae8d..f3de348 100644
--- a/resources/views/admin/tools/form.blade.php
+++ b/resources/views/admin/tools/form.blade.php
@@ -2,139 +2,196 @@
 
 @section('title', $item->exists ? '编辑工具' : '新建工具')
 
+@section('head')
+    @include('admin.partials.modern-form-head')
+@endsection
+
 @section('content')
-<div class="card">
+<div class="card modern-form-card">
     <div class="card-header d-flex justify-content-between align-items-center">
         <h3 class="card-title mb-0">{{ $item->exists ? '编辑工具' : '新建工具' }}</h3>
         @if($item->exists)
             <div class="d-flex gap-2">
-                <form method="post" action="{{ route('admin.tools.publish', $item) }}">@csrf<button class="btn btn-sm btn-success" type="submit">发布</button></form>
-                <form method="post" action="{{ route('admin.tools.mark-stale', $item) }}">@csrf<button class="btn btn-sm btn-warning" type="submit">标记失效</button></form>
+                <form method="post" action="{{ route('admin.tools.publish', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-success" type="submit">发布</button>
+                </form>
+                <form method="post" action="{{ route('admin.tools.mark-stale', $item) }}">
+                    @csrf
+                    <button class="btn btn-sm btn-warning" type="submit">标记失效</button>
+                </form>
             </div>
         @endif
     </div>
+
     <div class="card-body">
+        <p class="required-tip"><span class="required-star">*</span> 为必填项</p>
+
         <form method="post" action="{{ $submitRoute }}" class="row g-3">
             @csrf
             @if($method !== 'POST') @method($method) @endif
 
-            <div class="col-md-6">
-                <label class="form-label">名称</label>
-                <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">Slug</label>
-                <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">分类</label>
-                <select class="form-select" name="category_id">
-                    <option value="">未分类</option>
-                    @foreach($categories as $category)
-                        <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">来源</label>
-                <select class="form-select" name="source_id">
-                    <option value="">无</option>
-                    @foreach($sources as $source)
-                        <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">价格类型</label>
-                <input class="form-control" name="pricing_type" value="{{ old('pricing_type', $item->pricing_type ?: 'freemium') }}">
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">平台</label>
-                <input class="form-control" name="platform" value="{{ old('platform', $item->platform) }}">
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">语言</label>
-                <input class="form-control" name="language" value="{{ old('language', $item->language) }}">
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">状态</label>
-                <select class="form-select" name="status">
-                    @foreach($statusOptions as $status)
-                        <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">来源等级</label>
-                <select class="form-select" name="source_level">
-                    @foreach(['official' => 'official','trusted_media' => 'trusted_media','community' => 'community','unknown' => 'unknown'] as $value => $label)
-                        <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
-                    @endforeach
-                </select>
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">发布日期</label>
-                <input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
-            </div>
-            <div class="col-md-3">
-                <label class="form-label">最后校验</label>
-                <input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}">
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">官网 URL</label>
-                <input class="form-control" name="official_url" value="{{ old('official_url', $item->official_url) }}">
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">Logo URL（可选）</label>
-                <input class="form-control" name="logo_url" value="{{ old('logo_url', $item->logo_url) }}" placeholder="https://example.com/logo.png">
-            </div>
-            <div class="col-12 d-flex flex-wrap gap-3">
-                <label class="form-check"><input class="form-check-input" type="checkbox" name="has_api" value="1" @checked(old('has_api', $item->has_api))><span class="form-check-label">提供 API</span></label>
-                <label class="form-check"><input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))><span class="form-check-label">标记失效</span></label>
-            </div>
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">基础信息</h4>
+                    <p class="form-section-subtitle">填写工具的核心资料，便于检索、筛选和展示。</p>
 
-            <div class="col-12">
-                <label class="form-label">摘要</label>
-                <textarea class="form-control" name="summary" rows="2" required>{{ old('summary', $item->summary) }}</textarea>
-            </div>
-            <div class="col-12">
-                <div class="d-flex justify-content-between align-items-center mb-1">
-                    <label class="form-label mb-0">详情描述（Markdown）</label>
-                    <div class="d-flex align-items-center gap-2">
-                        <small class="text-muted">支持图片：`![alt](https://...)`</small>
-                        <button class="btn btn-sm btn-outline-primary js-md-upload-btn" type="button" data-target="[name='description']">
-                            <i class="bi bi-image me-1"></i>上传图片
-                        </button>
+                    <div class="row g-3">
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">工具名称<span class="required-star">*</span></label>
+                            <input class="form-control" name="name" value="{{ old('name', $item->name) }}" required>
+                            <div class="form-hint">建议使用产品全名，避免缩写歧义。</div>
+                        </div>
+                        <div class="col-md-6 field-required">
+                            <label class="form-label">Slug<span class="required-star">*</span></label>
+                            <input class="form-control" name="slug" value="{{ old('slug', $item->slug) }}" required>
+                            <div class="form-hint">默认自动生成，可手动调整为英文短链。</div>
+                        </div>
+
+                        <div class="col-md-3">
+                            <label class="form-label">分类</label>
+                            <select class="form-select" name="category_id">
+                                <option value="">未分类</option>
+                                @foreach($categories as $category)
+                                    <option value="{{ $category->id }}" @selected((string) old('category_id', $item->category_id) === (string) $category->id)>{{ $category->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">来源</label>
+                            <select class="form-select" name="source_id">
+                                <option value="">无</option>
+                                @foreach($sources as $source)
+                                    <option value="{{ $source->id }}" @selected((string) old('source_id', $item->source_id) === (string) $source->id)>{{ $source->name }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">价格类型<span class="required-star">*</span></label>
+                            <input class="form-control" name="pricing_type" value="{{ old('pricing_type', $item->pricing_type ?: 'freemium') }}" required>
+                            <div class="form-hint">示例：`free`、`freemium`、`paid`。</div>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">平台</label>
+                            <input class="form-control" name="platform" value="{{ old('platform', $item->platform) }}" placeholder="Web / iOS / Android">
+                        </div>
+
+                        <div class="col-md-3">
+                            <label class="form-label">语言</label>
+                            <input class="form-control" name="language" value="{{ old('language', $item->language) }}" placeholder="中文, English">
+                        </div>
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">状态<span class="required-star">*</span></label>
+                            <select class="form-select" name="status" required>
+                                @foreach($statusOptions as $status)
+                                    <option value="{{ $status->value }}" @selected(old('status', $item->status?->value) === $status->value)>{{ $status->value }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3 field-required">
+                            <label class="form-label">来源等级<span class="required-star">*</span></label>
+                            <select class="form-select" name="source_level" required>
+                                @foreach(['official' => '官方', 'trusted_media' => '可信媒体', 'community' => '社区', 'unknown' => '未知'] as $value => $label)
+                                    <option value="{{ $value }}" @selected(old('source_level', $item->source_level?->value ?? 'unknown') === $value)>{{ $label }}</option>
+                                @endforeach
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="form-label">发布时间</label>
+                            <input class="form-control" type="datetime-local" name="published_at" value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+
+                        <div class="col-md-6">
+                            <label class="form-label">官网 URL</label>
+                            <input class="form-control" name="official_url" value="{{ old('official_url', $item->official_url) }}" placeholder="https://example.com">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Logo URL</label>
+                            <input class="form-control" name="logo_url" value="{{ old('logo_url', $item->logo_url) }}" placeholder="https://example.com/logo.png">
+                        </div>
+
+                        <div class="col-md-8 field-required">
+                            <label class="form-label">摘要<span class="required-star">*</span></label>
+                            <textarea class="form-control" name="summary" rows="2" required>{{ old('summary', $item->summary) }}</textarea>
+                            <div class="form-hint">用于列表卡片，建议 50-120 字。</div>
+                        </div>
+                        <div class="col-md-4 d-flex flex-column justify-content-end gap-2">
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="has_api" value="1" @checked(old('has_api', $item->has_api))>
+                                <span class="form-check-label">提供 API</span>
+                            </label>
+                            <label class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_stale" value="1" @checked(old('is_stale', $item->is_stale))>
+                                <span class="form-check-label">标记失效</span>
+                            </label>
+                        </div>
                     </div>
+                </section>
+            </div>
+
+            <div class="col-12">
+                <section class="form-section">
+                    <h4 class="form-section-title">内容编辑</h4>
+                    <p class="form-section-subtitle">左侧编辑 Markdown，右侧实时预览，支持一键上传图片。</p>
+
+                    @include('admin.partials.markdown-editor', [
+                        'field' => 'description',
+                        'value' => $item->description,
+                        'label' => '详细描述（Markdown）',
+                        'required' => false,
+                        'rows' => 16,
+                        'previewId' => 'tool-description-preview',
+                        'hint' => '可包含功能亮点、使用场景和注意事项。',
+                    ])
+                </section>
+            </div>
+
+            <div class="col-12">
+                <details class="advanced-panel">
+                    <summary>高级设置（SEO 与补充字段）</summary>
+
+                    <div class="row g-3 mt-2">
+                        <div class="col-md-6">
+                            <label class="form-label">最后校验时间</label>
+                            <input class="form-control" type="datetime-local" name="last_verified_at" value="{{ old('last_verified_at', optional($item->last_verified_at)->format('Y-m-d\TH:i')) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">失效说明</label>
+                            <textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea>
+                        </div>
+
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 标题</label>
+                            <input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">SEO 描述</label>
+                            <input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">H1</label>
+                            <input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Canonical URL</label>
+                            <input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}" placeholder="https://example.com/tools/slug">
+                        </div>
+                    </div>
+                </details>
+            </div>
+
+            <div class="col-12">
+                <div class="editor-sticky-actions">
+                    <small class="text-muted">建议先检查右侧预览，再保存。</small>
+                    <button class="btn btn-primary" type="submit">保存工具</button>
                 </div>
-                <textarea class="form-control font-monospace js-md-editor" name="description" rows="10">{{ old('description', $item->description) }}</textarea>
-            </div>
-            <div class="col-12">
-                <label class="form-label">失效说明</label>
-                <textarea class="form-control" name="stale_note" rows="2">{{ old('stale_note', $item->stale_note) }}</textarea>
-            </div>
-
-            <div class="col-md-6">
-                <label class="form-label">SEO 标题</label>
-                <input class="form-control" name="seo_title" value="{{ old('seo_title', $item->seo_title) }}">
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">SEO 描述</label>
-                <input class="form-control" name="seo_description" value="{{ old('seo_description', $item->seo_description) }}">
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">H1</label>
-                <input class="form-control" name="h1" value="{{ old('h1', $item->h1) }}">
-            </div>
-            <div class="col-md-6">
-                <label class="form-label">Canonical</label>
-                <input class="form-control" name="canonical_url" value="{{ old('canonical_url', $item->canonical_url) }}">
-            </div>
-
-            <div class="col-12">
-                <button class="btn btn-primary" type="submit">保存</button>
             </div>
         </form>
     </div>
 </div>
 @endsection
+
+@section('scripts')
+    @include('admin.partials.modern-form-scripts')
+@endsection
+
diff --git a/resources/views/admin/tools/index.blade.php b/resources/views/admin/tools/index.blade.php
index 59dd7e9..53a0d02 100644
--- a/resources/views/admin/tools/index.blade.php
+++ b/resources/views/admin/tools/index.blade.php
@@ -2,20 +2,27 @@
 
 @section('title', 'AI 工具管理')
 
+@section('head')
+    @include('admin.partials.modern-index-head')
+@endsection
+
 @section('content')
-<div class="card mb-3">
-    <div class="card-body d-flex flex-column flex-lg-row gap-2 align-items-lg-center justify-content-between">
+<div class="card modern-index-toolbar mb-3">
+    <div class="card-body d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
         <form method="get" action="{{ route('admin.tools.index') }}" class="d-flex flex-column flex-md-row gap-2 w-100">
             <input class="form-control" type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="搜索工具名称 / 摘要关键词">
             <button class="btn btn-primary" type="submit"><i class="bi bi-search me-1"></i>搜索</button>
         </form>
         <a class="btn btn-success" href="{{ route('admin.tools.create') }}"><i class="bi bi-plus-circle me-1"></i>新建工具</a>
     </div>
+    <div class="card-footer bg-transparent border-0 pt-0">
+        <div class="toolbar-meta">共 {{ number_format($items->total()) }} 条工具记录</div>
+    </div>
 </div>
 
-<div class="card">
+<div class="card modern-index-card">
     <div class="table-responsive">
-        <table class="table table-vcenter card-table">
+        <table class="table table-vcenter card-table modern-index-table">
             <thead>
             <tr>
                 <th>名称</th>
@@ -30,11 +37,11 @@
             @forelse($items as $item)
                 <tr>
                     <td>
-                        <div class="fw-semibold">{{ $item->name }}</div>
-                        <div class="text-muted small">{{ $item->summary }}</div>
+                        <div class="modern-index-title">{{ $item->name }}</div>
+                        <div class="modern-index-summary">{{ $item->summary }}</div>
                     </td>
                     <td>{{ $item->category?->name ?? '-' }}</td>
-                    <td><span class="badge bg-azure-lt text-azure-fg">{{ $item->status?->value ?? '-' }}</span></td>
+                    <td>@include('admin.partials.status-badge', ['status' => $item->status])</td>
                     <td>{{ $item->source_level?->value ?? '-' }}</td>
                     <td>{{ $item->updated_at?->format('Y-m-d H:i') }}</td>
                     <td class="text-end">
@@ -42,7 +49,9 @@
                     </td>
                 </tr>
             @empty
-                <tr><td colspan="6" class="text-center text-muted py-4">暂无工具数据</td></tr>
+                <tr>
+                    <td colspan="6" class="text-center text-muted py-5">暂无工具数据，先新增一条内容吧。</td>
+                </tr>
             @endforelse
             </tbody>
         </table>
@@ -50,3 +59,4 @@
     <div class="card-footer">{{ $items->links() }}</div>
 </div>
 @endsection
+
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 50d9eb3..c96d24c 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -52,6 +52,36 @@
             border-color: #3b82f6;
             background: #eff6ff;
         }
+        .navbar-vertical .nav-link.active {
+            background: rgba(59, 130, 246, .2);
+            color: #fff;
+            border-radius: .6rem;
+        }
+        .admin-page-head {
+            padding: .15rem 0 .95rem;
+            margin-bottom: .45rem;
+            border-bottom: 1px solid #e5eaf4;
+        }
+        .admin-page-subtitle {
+            color: #64748b;
+            font-size: .88rem;
+            line-height: 1.55;
+        }
+        .admin-page-actions .btn {
+            border-radius: .6rem;
+        }
+        .admin-breadcrumb .breadcrumb {
+            --tblr-breadcrumb-divider-color: #94a3b8;
+            --tblr-breadcrumb-item-active-color: #475569;
+            font-size: .8rem;
+        }
+        .admin-breadcrumb .breadcrumb-item a {
+            color: #64748b;
+            text-decoration: none;
+        }
+        .admin-breadcrumb .breadcrumb-item a:hover {
+            color: #2563eb;
+        }
     </style>
     @yield('head')
 </head>
@@ -79,6 +109,7 @@
                     <li class="nav-item"><a class="nav-link @if(request()->routeIs('admin.articles.*')) active @endif" href="{{ route('admin.articles.index') }}"><span class="nav-link-icon"><i class="bi bi-newspaper"></i></span><span class="nav-link-title">AI 资讯</span></a></li>
                     <li class="nav-item"><a class="nav-link @if(request()->routeIs('admin.guides.*')) active @endif" href="{{ route('admin.guides.index') }}"><span class="nav-link-icon"><i class="bi bi-journal-code"></i></span><span class="nav-link-title">AI 教程</span></a></li>
                     <li class="nav-item"><a class="nav-link @if(request()->routeIs('admin.categories.*')) active @endif" href="{{ route('admin.categories.index') }}"><span class="nav-link-icon"><i class="bi bi-diagram-3"></i></span><span class="nav-link-title">分类维护</span></a></li>
+                    <li class="nav-item"><a class="nav-link @if(request()->routeIs('admin.sources.*')) active @endif" href="{{ route('admin.sources.index') }}"><span class="nav-link-icon"><i class="bi bi-shield-check"></i></span><span class="nav-link-title">来源管理</span></a></li>
                     <li class="sidebar-caption">运营设置</li>
                     
                     <li class="nav-item"><a class="nav-link @if(request()->routeIs('admin.settings.*')) active @endif" href="{{ route('admin.settings.index') }}"><span class="nav-link-icon"><i class="bi bi-sliders"></i></span><span class="nav-link-title">首页配置</span></a></li>
@@ -102,7 +133,7 @@
                 </div>
                 <div class="collapse navbar-collapse" id="navbar-menu">
                     <div>
-                        <h2 class="page-title mb-0">@yield('title', '管理后台')</h2>
+                        @include('admin.partials.admin-page-header')
                     </div>
                 </div>
             </div>
diff --git a/resources/views/layouts/site.blade.php b/resources/views/layouts/site.blade.php
index 22b61c8..2c235b7 100644
--- a/resources/views/layouts/site.blade.php
+++ b/resources/views/layouts/site.blade.php
@@ -998,6 +998,46 @@
 <body class="@yield('page_class', 'page-home')">
 <a class="skip-link" href="#main-content">跳到主内容</a>
 
+@php
+    $topNavItems = [
+        ['route' => 'tools.index', 'label' => 'AI工具集'],
+        ['route' => 'models.index', 'label' => '模型推荐'],
+        ['route' => 'news.index', 'label' => '文章资讯'],
+        ['route' => 'guides.index', 'label' => '教程学习'],
+        ['route' => 'tools.list', 'label' => '工具列表'],
+    ];
+@endphp
+
+<header class="site-header" aria-label="全站顶部导航">
+    <div class="container d-flex align-items-center justify-content-between gap-3 py-2">
+        <a class="brand-link" href="{{ route('home') }}">
+            <span class="brand-mark">AI</span>
+            <span>AIWeb</span>
+        </a>
+
+        <nav class="site-nav d-none d-lg-flex" aria-label="主菜单">
+            @foreach($topNavItems as $item)
+                <a class="site-nav-link @if(request()->routeIs($item['route'])) active @endif" href="{{ route($item['route']) }}">{{ $item['label'] }}</a>
+            @endforeach
+        </nav>
+
+        <a class="admin-entry d-none d-lg-inline-flex" href="{{ route('admin.login') }}">
+            <i class="bi bi-speedometer2 me-1"></i>后台
+        </a>
+    </div>
+
+    <div class="mobile-nav d-lg-none">
+        <div class="container d-flex flex-wrap gap-2 py-2">
+            @foreach($topNavItems as $item)
+                <a class="site-nav-link @if(request()->routeIs($item['route'])) active @endif" href="{{ route($item['route']) }}">{{ $item['label'] }}</a>
+            @endforeach
+            <a class="admin-entry" href="{{ route('admin.login') }}">
+                <i class="bi bi-speedometer2 me-1"></i>后台
+            </a>
+        </div>
+    </div>
+</header>
+
 <main id="main-content" class="page-main" tabindex="-1">
     <div class="container">
         @yield('content')
diff --git a/resources/views/public/tools/index.blade.php b/resources/views/public/tools/index.blade.php
index 61e6ed2..0625a34 100644
--- a/resources/views/public/tools/index.blade.php
+++ b/resources/views/public/tools/index.blade.php
@@ -9,53 +9,58 @@
 <style>
     html { scroll-behavior: smooth; }
 
-    .tool-home { display: grid; grid-template-columns: 186px minmax(0, 1fr); gap: .68rem; align-items: start; }
-    .tool-side { position: sticky; top: .72rem; border: 1px solid #d8e1f1; border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(40,63,120,.08); padding: .6rem .48rem; max-height: calc(100vh - 1.44rem); overflow: auto; }
-    .tool-side-logo { display: flex; align-items: center; gap: .38rem; padding: .22rem .3rem .56rem; border-bottom: 1px solid #e7edf8; margin-bottom: .36rem; font-family: "Outfit", "Noto Sans SC", sans-serif; color: #131e44; font-size: 1.12rem; font-weight: 800; }
+    .tool-home { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: .72rem; align-items: start; }
+    .tool-side { position: sticky; top: .72rem; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-surface); box-shadow: var(--shadow-sm); padding: .6rem .48rem; max-height: calc(100vh - 1.44rem); overflow: auto; }
+    .tool-side-logo { display: flex; align-items: center; gap: .38rem; padding: .22rem .3rem .56rem; border-bottom: 1px solid var(--line); margin-bottom: .36rem; font-family: "Outfit", "Noto Sans SC", sans-serif; color: var(--text-main); font-size: 1.12rem; font-weight: 800; }
     .tool-side-logo-dot { width: 1.35rem; height: 1.35rem; border-radius: .38rem; background: linear-gradient(135deg, #a777ff, #6e77ff); color: #fff; font-size: .68rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
     .tool-side-links { display: grid; gap: .16rem; }
     .tool-side-link { display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; align-items: center; gap: .42rem; border: 1px solid transparent; border-radius: .58rem; text-decoration: none; color: #4e6189; padding: .38rem .42rem; font-size: .82rem; transition: .16s ease; }
-    .tool-side-link:hover, .tool-side-link.active, .tool-side-link.is-active { border-color: #d4ddf2; background: #f4f7ff; color: #21345f; box-shadow: inset 3px 0 0 #5f72ff; }
+    .tool-side-link:hover, .tool-side-link.active, .tool-side-link.is-active { border-color: var(--line-strong); background: var(--brand-soft); color: #21345f; box-shadow: inset 3px 0 0 #5f72ff; }
     .tool-side-link i { color: #687ba2; text-align: center; }
     .tool-side-link small { color: #97a9c8; font-size: .7rem; }
 
     .tool-main { min-width: 0; display: grid; gap: .62rem; }
-    .tool-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; border: 1px solid #d8e1f1; border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(40,63,120,.08); padding: .5rem .62rem; }
-    .tool-top .channel-tab { padding: .16rem .52rem; font-size: .78rem; }
-    .tool-status { color: #7387ad; font-size: .76rem; white-space: nowrap; }
-    .tool-status b { color: #2c4172; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: .9rem; }
 
-    .tool-hero { border: 1px solid #d8e1f1; border-radius: 12px; background: linear-gradient(180deg, #f5f8ff 0, #eef3fb 100%); box-shadow: 0 8px 18px rgba(40,63,120,.08); padding: .95rem .95rem .82rem; text-align: center; }
-    .tool-chip { display: inline-flex; border: 1px solid #d8e0f0; border-radius: 999px; background: #fff; color: #6f81a7; font-size: .68rem; font-weight: 700; padding: .14rem .5rem; }
-    .tool-title { margin: .34rem 0 .18rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: clamp(1.6rem, 2.8vw, 2.45rem); font-weight: 800; color: #141f47; }
-    .tool-sub { margin: 0; color: #66799f; font-size: .84rem; }
+    .tool-hero { border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(180deg, #f5f8ff 0, #eef3fb 100%); box-shadow: var(--shadow-sm); padding: .95rem .95rem .82rem; text-align: center; }
+    .tool-chip { display: inline-flex; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--bg-surface); color: #6f81a7; font-size: .68rem; font-weight: 700; padding: .14rem .5rem; }
+    .tool-title { margin: .34rem 0 .18rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: clamp(1.6rem, 2.8vw, 2.45rem); font-weight: 800; color: var(--text-main); }
+    .tool-sub { margin: 0; color: var(--text-muted); font-size: .84rem; }
 
-    .tool-search { margin: .62rem auto .38rem; width: min(860px, 100%); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .38rem; border: 1px solid #d4deef; border-radius: 999px; background: #fff; padding: .3rem; }
-    .tool-search input { border: 0; box-shadow: none; height: 2.16rem; padding: 0 .82rem; background: transparent; }
+    :root[data-theme="dark"] .tool-hero { background: linear-gradient(180deg, #1b2849 0, #16223f 100%); }
+
+    .tool-search { margin: .62rem auto .38rem; width: min(860px, 100%); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .38rem; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--bg-surface); padding: .3rem; }
+    .tool-search input { border: 0; box-shadow: none; height: 2.16rem; padding: 0 .82rem; background: transparent; color: var(--text-main); }
     .tool-search button { border-radius: 999px; min-width: 90px; height: 2.16rem; font-size: .82rem; }
 
     .tool-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin-top: .52rem; }
-    .tool-kpi { border: 1px solid #d8e2f2; border-radius: .7rem; background: #fff; padding: .46rem .5rem; }
+    .tool-kpi { border: 1px solid var(--line); border-radius: .7rem; background: var(--bg-surface); padding: .46rem .5rem; }
     .tool-kpi .label { display: block; color: #7b8fb2; font-size: .72rem; }
-    .tool-kpi .value { margin-top: .12rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: 1.08rem; font-weight: 800; color: #1c2d55; }
+    .tool-kpi .value { margin-top: .12rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: 1.08rem; font-weight: 800; color: var(--text-main); }
 
-    .tool-channel { border: 1px solid #d8e1f1; border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(40,63,120,.08); padding: .52rem; display: grid; grid-template-columns: 62px repeat(5, minmax(0, 1fr)); gap: .46rem; }
-    .tool-channel-mini { border: 1px solid #dee6f5; border-radius: 10px; background: #f8faff; display: grid; gap: .34rem; padding: .44rem .3rem; }
+    .tool-channel { border: 1px solid var(--line); border-radius: 12px; background: var(--bg-surface); box-shadow: var(--shadow-sm); padding: .52rem; display: grid; grid-template-columns: 62px repeat(5, minmax(0, 1fr)); gap: .46rem; }
+    .tool-channel-mini { border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); display: grid; gap: .34rem; padding: .44rem .3rem; }
     .tool-channel-mini a { text-decoration: none; color: #5f7399; font-size: .72rem; text-align: center; }
-    .tool-channel-card { border: 1px solid #dce4f3; border-radius: 10px; min-height: 94px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: 1.05rem; font-weight: 800; color: #273a63; background-size: cover; background-position: center; position: relative; overflow: hidden; }
-    .tool-channel-card::after { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,.78); }
+    .tool-channel-card { border: 1px solid var(--line); border-radius: 10px; min-height: 104px; display: flex; align-items: flex-end; justify-content: flex-start; text-decoration: none; font-family: "Outfit", "Noto Sans SC", sans-serif; font-size: .92rem; font-weight: 700; color: #fff; background-size: cover; background-position: center; position: relative; overflow: hidden; padding: .52rem; }
+    .tool-channel-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,32,56,.08), rgba(20,32,56,.68)); }
     .tool-channel-card span { position: relative; z-index: 1; }
 
     .tool-banner-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .52rem; }
-    .tool-banner { border: 1px solid #d8e1f1; border-radius: 10px; background: linear-gradient(90deg, #e8f3ff, #e4f7ef); min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: .52rem; padding: .58rem .72rem; text-decoration: none; }
+    .tool-banner { border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(90deg, #e8f3ff, #e4f7ef); min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: .52rem; padding: .58rem .72rem; text-decoration: none; }
     .tool-banner.alt { background: linear-gradient(90deg, #e6f6ff, #dff8dd); }
-    .tool-banner b { color: #1d3058; font-size: 1.06rem; font-family: "Outfit", "Noto Sans SC", sans-serif; }
-    .tool-banner small { border: 1px solid #d6def0; border-radius: 999px; background: #fff; color: #5f749a; font-size: .72rem; padding: .14rem .48rem; }
+    .tool-banner b { color: var(--text-main); font-size: 1.06rem; font-family: "Outfit", "Noto Sans SC", sans-serif; }
+    .tool-banner small { border: 1px solid var(--line-strong); border-radius: 999px; background: var(--bg-surface); color: #5f749a; font-size: .72rem; padding: .14rem .48rem; }
 
-    .tool-section { border: 1px solid #d8e1f1; border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(40,63,120,.08); padding: .62rem; scroll-margin-top: 1rem; }
+    .tool-section { border: 1px solid var(--line); border-radius: 12px; background: var(--bg-surface); box-shadow: var(--shadow-sm); padding: .62rem; scroll-margin-top: 1rem; }
     .tool-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .48rem; }
-    .tool-section-head h2 { margin: 0; color: #20335d; font-size: 1rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-weight: 700; }
-    .tool-section-head a { color: #4d63a4; text-decoration: none; font-size: .76rem; font-weight: 600; }
+    .tool-section-head h2 { margin: 0; color: var(--text-main); font-size: 1rem; font-family: "Outfit", "Noto Sans SC", sans-serif; font-weight: 700; }
+    .tool-section-head a { color: var(--brand-strong); text-decoration: none; font-size: .76rem; font-weight: 600; }
+
+    .tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .52rem; }
+    .tool-card { border: 1px solid var(--line); border-radius: 10px; background: var(--bg-surface); box-shadow: var(--shadow-sm); padding: .56rem .62rem; text-decoration: none; transition: .16s ease; }
+    .tool-card:hover { transform: translateY(-2px); border-color: var(--line-strong); box-shadow: 0 12px 22px rgba(31,54,112,.14); }
+    .tool-card-name { color: var(--text-main); font-size: .92rem; line-height: 1.26; font-weight: 700; }
+    .tool-card-meta { margin-top: .2rem; color: var(--text-muted); font-size: .76rem; }
+    .tool-card-tag { margin-top: .42rem; display: inline-flex; border: 1px solid var(--line-strong); border-radius: 999px; padding: .13rem .48rem; color: var(--brand-strong); background: var(--brand-soft); font-size: .7rem; }
 
     @media (max-width: 1199px) {
         .tool-home { grid-template-columns: 1fr; }
@@ -64,9 +69,10 @@
 
     @media (max-width: 767px) {
         .tool-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+        .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
         .tool-search { grid-template-columns: 1fr; border-radius: 12px; }
         .tool-search button { width: 100%; border-radius: 10px; }
-        .tool-channel { grid-template-columns: 1fr; }
+        .tool-channel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
         .tool-banner-row { grid-template-columns: 1fr; }
     }
 </style>
@@ -81,12 +87,31 @@
     $latestModule = $modules['latest_tools'] ?? null;
     $categoryModule = $modules['category_sections'] ?? null;
     $moduleOrder = collect($modules)->sortBy('sort_order')->pluck('module_key')->values();
+
+    $channelItems = collect(data_get($channelModule, 'items', []))->take((int) data_get($channelModule, 'limit', 5));
+    $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_get($bannerModule, 'limit', 2));
 @endphp
 
 <div class="tool-home">
     <aside class="tool-side" aria-label="工具分类侧边栏">
         <div class="tool-side-logo"><span class="tool-side-logo-dot">AI</span>{{ data_get($categoryModule, 'extra.side_title', 'AI工具集') }}</div>
         <nav class="tool-side-links">
+            @if(data_get($channelModule, 'enabled', true) === true)
+                <a class="tool-side-link" href="#section-channel">
+                    <i class="bi bi-grid"></i>
+                    <span>{{ data_get($channelModule, 'title', '频道卡片') }}</span>
+                    <small>{{ $channelItems->count() }}</small>
+                </a>
+            @endif
+
+            @if(data_get($bannerModule, 'enabled', true) === true)
+                <a class="tool-side-link" href="#section-banner">
+                    <i class="bi bi-megaphone"></i>
+                    <span>{{ data_get($bannerModule, 'title', '横幅推荐') }}</span>
+                    <small>{{ $bannerItems->count() }}</small>
+                </a>
+            @endif
+
             @if(data_get($hotModule, 'enabled', true) === true)
                 <a class="tool-side-link" href="#section-hot">
                     <i class="bi bi-fire"></i>
@@ -116,8 +141,6 @@
     </aside>
 
     <section class="tool-main">
-        <x-portal.top-nav active="tools" status-label="收录工具" :status-value="$toolStats['total'] ?? 0" wrapper-class="tool-top" />
-
         <section class="tool-hero">
             <span class="tool-chip">AI-BOT.CN</span>
             <h1 class="tool-title">{{ data_get($hotModule, 'extra.side_title', 'AI工具集') }}</h1>
@@ -150,10 +173,15 @@
         @foreach($moduleOrder as $moduleKey)
             @if($moduleKey === 'channel_cards' && data_get($channelModule, 'enabled', true) === true)
                 @php
-                    $channelItems = collect(data_get($channelModule, 'items', []))->take((int) data_get($channelModule, 'limit', 5));
                     $miniItems = $channelItems->take(4);
                 @endphp
-                <section class="tool-channel" aria-label="频道入口">
+                <section id="section-channel" class="tool-section" aria-label="频道入口">
+                    <header class="tool-section-head">
+                        <h2><i class="bi bi-grid text-primary"></i> {{ data_get($channelModule, 'title', '频道卡片') }}</h2>
+                        <a href="{{ route('tools.list') }}">查看更多</a>
+                    </header>
+
+                    <div class="tool-channel">
                     <aside class="tool-channel-mini">
                         @foreach($miniItems as $item)
                             <a href="{{ $item['url'] ?: 'javascript:void(0)' }}">{{ $item['title'] ?: '频道' }}</a>
@@ -165,12 +193,18 @@
                             <span>{{ $item['title'] ?: '频道入口' }}</span>
                         </a>
                     @endforeach
+                    </div>
                 </section>
             @endif
 
             @if($moduleKey === 'promo_banners' && data_get($bannerModule, 'enabled', true) === true)
-                @php($bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_get($bannerModule, 'limit', 2)))
-                <section class="tool-banner-row" aria-label="横幅推荐">
+                <section id="section-banner" class="tool-section" aria-label="横幅推荐">
+                    <header class="tool-section-head">
+                        <h2><i class="bi bi-megaphone text-primary"></i> {{ data_get($bannerModule, 'title', '横幅推荐') }}</h2>
+                        <a href="{{ route('tools.list') }}">查看更多</a>
+                    </header>
+
+                    <div class="tool-banner-row">
                     @forelse($bannerItems as $banner)
                         <a class="tool-banner @if($loop->index % 2 === 1) alt @endif" href="{{ $banner['url'] ?: 'javascript:void(0)' }}" @if(!empty($banner['image_path'])) style="background-image:url('{{ $banner['image_path'] }}'); background-size:cover;" @endif>
                             <b>{{ $banner['title'] ?: '精选推荐' }}</b>
@@ -179,6 +213,7 @@
                     @empty
                         <article class="tool-banner"><b>暂无横幅推荐</b><small>请在后台配置</small></article>
                     @endforelse
+                    </div>
                 </section>
             @endif
 
@@ -229,7 +264,7 @@
 <script>
     (() => {
         const links = Array.from(document.querySelectorAll('.tool-side-link[href^="#section-"]'));
-        const sections = Array.from(document.querySelectorAll('.tool-section[id^="section-"]'));
+        const sections = Array.from(document.querySelectorAll('[id^="section-"]'));
 
         if (!links.length || !sections.length || !('IntersectionObserver' in window)) {
             return;
diff --git a/routes/web.php b/routes/web.php
index 896720e..a18aadb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -54,6 +54,7 @@ Route::prefix('admin')->name('admin.')->group(function (): void {
     Route::middleware('admin.auth')->group(function (): void {
         Route::post('/logout', [AdminAuthController::class, 'logout'])->name('logout');
         Route::post('/uploads/markdown-image', [AdminUploadController::class, 'markdownImage'])->name('uploads.markdown-image');
+        Route::post('/markdown/preview', [AdminUploadController::class, 'markdownPreview'])->name('markdown.preview');
 
         Route::get('/', DashboardController::class)->name('dashboard');
 
@@ -101,8 +102,11 @@ Route::prefix('admin')->name('admin.')->group(function (): void {
         Route::put('/sources/{source}', [AdminSourceController::class, 'update'])->name('sources.update');
 
         Route::get('/settings', [AdminSiteSettingController::class, 'index'])->name('settings.index');
-        Route::put('/settings', [AdminSiteSettingController::class, 'update'])->name('settings.update');
+        Route::get('/settings/{module}', [AdminSiteSettingController::class, 'show'])->name('settings.show');
+        Route::put('/settings/{module}', [AdminSiteSettingController::class, 'update'])->name('settings.update');
         Route::post('/settings/{module}/items', [AdminSiteSettingController::class, 'storeItem'])->name('settings.items.store');
+        Route::get('/settings/{module}/items/{item}/edit', [AdminSiteSettingController::class, 'editItem'])->name('settings.items.edit');
+        Route::put('/settings/{module}/items/{item}', [AdminSiteSettingController::class, 'updateItem'])->name('settings.items.update');
         Route::delete('/settings/{module}/items/{item}', [AdminSiteSettingController::class, 'destroyItem'])->name('settings.items.destroy');
 
         Route::get('/feedback', [AdminFeedbackController::class, 'index'])->name('feedback.index');