diff --git a/.env b/.env
index 2e712da..e99162b 100644
--- a/.env
+++ b/.env
@@ -5,11 +5,11 @@ DEFAULT_TIMEZONE = Asia/Shanghai
 
 [DATABASE]
 TYPE = mysql
-HOSTNAME = 212.64.112.158
+HOSTNAME = 192.168.31.10
 DATABASE = yunzertest
 USERNAME = yunzertest
 PASSWORD = zKMDMEs7YP3SLDEF
-HOSTPORT = 3388
+HOSTPORT = 3306
 CHARSET = utf8
 DEBUG = true
 
diff --git a/.gitignore b/.gitignore
index 625fcdf..2ac3502 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@
 runtime
 *.log
 config/database.php
+.env
diff --git a/app/admin/controller/ResourcesController.php b/app/admin/controller/ResourcesController.php
index 1c32770..fe276f7 100644
--- a/app/admin/controller/ResourcesController.php
+++ b/app/admin/controller/ResourcesController.php
@@ -156,9 +156,6 @@ class ResourcesController extends BaseController
             ]);
 
             return View::fetch();
-        } catch (\Exception $e) {
-            Log::record('添加资源页面加载', 0, $e->getMessage(), '资源管理');
-            $this->error('页面加载失败：' . $e->getMessage());
         }
     }
 
diff --git a/app/index/controller/ArticlesController.php b/app/index/controller/ArticlesController.php
index 6d1e769..a4e5134 100644
--- a/app/index/controller/ArticlesController.php
+++ b/app/index/controller/ArticlesController.php
@@ -308,6 +308,65 @@ class ArticlesController extends BaseController
         }
     }
 
+    // 获取articleDetail详情
+    public function getArticleDetail()
+    {
+        try {
+            // 获取前端传递的ID
+            $id = input('id/d', 0);
+
+            // 验证ID
+            if ($id <= 0) {
+                return json([
+                    'code' => 1,
+                    'msg' => 'ID参数错误'
+                ]);
+            }
+
+            // 构建查询条件
+            $where = [
+                ['r.id', '=', $id],
+                ['r.delete_time', '=', null],
+                ['r.status', '=', 1], // 已审核的资源
+                ['r.push', '=', 1], // 已推送的资源
+            ];
+
+            // 查询资源详情，联查分类名称
+            $resource = Resources::where($where)
+                ->field('r.id,r.title,r.cate,r.icon,r.price,r.code,r.desc,r.number,r.content,r.views,r.downloads,r.create_time,r.update_time,r.url,r.fileurl,c.name as cate_name')
+                ->alias('r')
+                ->join('resources_category c', 'r.cate = c.id')
+                ->find();
+
+            if (!$resource) {
+                return json([
+                    'code' => 1,
+                    'msg' => '资源不存在或已删除'
+                ]);
+            }
+
+            // 转换为数组并处理数据
+            $resource = $resource->toArray();
+
+            // 将cate字段替换为分类名称
+            $resource['cate'] = $resource['cate_name'];
+            unset($resource['cate_name']);
+
+            // 返回数据
+            return json([
+                'code' => 0,
+                'msg' => '获取成功',
+                'data' => $resource
+            ]);
+
+        } catch (\Exception $e) {
+            return json([
+                'code' => 1,
+                'msg' => '获取失败：' . $e->getMessage()
+            ]);
+        }
+    }
+
     //文章中心
     public function index()
     {
diff --git a/app/index/controller/ProgramController.php b/app/index/controller/ProgramController.php
index 2014f53..a92fd70 100644
--- a/app/index/controller/ProgramController.php
+++ b/app/index/controller/ProgramController.php
@@ -516,65 +516,6 @@ class ProgramController extends BaseController
         }
     }
 
-    // 获取downloadPrograms详情
-    public function getDownloadProgramsDetail()
-    {
-        try {
-            // 获取前端传递的ID
-            $id = input('id/d', 0);
-
-            // 验证ID
-            if ($id <= 0) {
-                return json([
-                    'code' => 1,
-                    'msg' => 'ID参数错误'
-                ]);
-            }
-
-            // 构建查询条件
-            $where = [
-                ['r.id', '=', $id],
-                ['r.delete_time', '=', null],
-                ['r.status', '=', 1], // 已审核的资源
-                ['r.push', '=', 1], // 已推送的资源
-            ];
-
-            // 查询资源详情，联查分类名称
-            $resource = Resources::where($where)
-                ->field('r.id,r.title,r.cate,r.icon,r.price,r.code,r.desc,r.number,r.content,r.views,r.downloads,r.create_time,r.update_time,r.url,r.fileurl,c.name as cate_name')
-                ->alias('r')
-                ->join('resources_category c', 'r.cate = c.id')
-                ->find();
-
-            if (!$resource) {
-                return json([
-                    'code' => 1,
-                    'msg' => '资源不存在或已删除'
-                ]);
-            }
-
-            // 转换为数组并处理数据
-            $resource = $resource->toArray();
-
-            // 将cate字段替换为分类名称
-            $resource['cate'] = $resource['cate_name'];
-            unset($resource['cate_name']);
-
-            // 返回数据
-            return json([
-                'code' => 0,
-                'msg' => '获取成功',
-                'data' => $resource
-            ]);
-
-        } catch (\Exception $e) {
-            return json([
-                'code' => 1,
-                'msg' => '获取失败：' . $e->getMessage()
-            ]);
-        }
-    }
-
     // 获取downloadGames分类
     public function getDownloadGamesCategory()
     {
diff --git a/app/index/controller/ResourcesController.php b/app/index/controller/ResourcesController.php
index cf2ab8a..1438ac8 100644
--- a/app/index/controller/ResourcesController.php
+++ b/app/index/controller/ResourcesController.php
@@ -32,6 +32,66 @@ use app\index\model\Articles\Articles;
 
 class ResourcesController extends BaseController
 {
+
+    // 获取resourceDetail详情
+    public function getResourceDetail()
+    {
+        try {
+            // 获取前端传递的ID
+            $id = input('id/d', 0);
+
+            // 验证ID
+            if ($id <= 0) {
+                return json([
+                    'code' => 1,
+                    'msg' => 'ID参数错误'
+                ]);
+            }
+
+            // 构建查询条件
+            $where = [
+                ['r.id', '=', $id],
+                ['r.delete_time', '=', null],
+                ['r.status', '=', 1], // 已审核的资源
+                ['r.push', '=', 1], // 已推送的资源
+            ];
+
+            // 查询资源详情，联查分类名称
+            $resource = Resources::where($where)
+                ->field('r.id,r.title,r.cate,r.icon,r.price,r.code,r.desc,r.number,r.content,r.views,r.downloads,r.create_time,r.update_time,r.url,r.fileurl,c.name as cate_name')
+                ->alias('r')
+                ->join('resources_category c', 'r.cate = c.id')
+                ->find();
+
+            if (!$resource) {
+                return json([
+                    'code' => 1,
+                    'msg' => '资源不存在或已删除'
+                ]);
+            }
+
+            // 转换为数组并处理数据
+            $resource = $resource->toArray();
+
+            // 将cate字段替换为分类名称
+            $resource['cate'] = $resource['cate_name'];
+            unset($resource['cate_name']);
+
+            // 返回数据
+            return json([
+                'code' => 0,
+                'msg' => '获取成功',
+                'data' => $resource
+            ]);
+
+        } catch (\Exception $e) {
+            return json([
+                'code' => 1,
+                'msg' => '获取失败：' . $e->getMessage()
+            ]);
+        }
+    }
+
     //资源中心
     public function index()
     {
diff --git a/runtime/admin/temp/060aaf82e6a412e1d93b52eb2415c06f.php b/runtime/admin/temp/060aaf82e6a412e1d93b52eb2415c06f.php
index 4f5dad4..bfa2451 100644
--- a/runtime/admin/temp/060aaf82e6a412e1d93b52eb2415c06f.php
+++ b/runtime/admin/temp/060aaf82e6a412e1d93b52eb2415c06f.php
@@ -1,4 +1,4 @@
-<?php /*a:2:{s:58:"E:\Demo\PHP\yunzer\app\admin\view\articles\articlelist.php";i:1747649468;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1746890051;}*/ ?>
+<?php /*a:2:{s:58:"E:\Demo\PHP\yunzer\app\admin\view\articles\articlelist.php";i:1766587447;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 	<head>
diff --git a/runtime/admin/temp/3ad2724e5fb71079a54a9e6219360097.php b/runtime/admin/temp/3ad2724e5fb71079a54a9e6219360097.php
index 7ca37af..3c214ab 100644
--- a/runtime/admin/temp/3ad2724e5fb71079a54a9e6219360097.php
+++ b/runtime/admin/temp/3ad2724e5fb71079a54a9e6219360097.php
@@ -1,4 +1,4 @@
-<?php /*a:2:{s:52:"E:\Demo\PHP\yunzer\app\admin\view\resources\edit.php";i:1747755572;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1746890051;}*/ ?>
+<?php /*a:2:{s:52:"E:\Demo\PHP\yunzer\app\admin\view\resources\edit.php";i:1766587447;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 	<head>
@@ -106,138 +106,205 @@
     </div>
     <form class="layui-form" action="" method="post">
         <input type="hidden" name="id" value="<?php echo htmlentities((string) (isset($resource['id']) && ($resource['id'] !== '')?$resource['id']:'')); ?>">
-        <div class="layui-form-item">
-            <label class="layui-form-label">资源名称</label>
-            <div class="layui-input-block">
-                <input type="text" name="title" required lay-verify="required" placeholder="请输入资源名称" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['title']) && ($resource['title'] !== '')?$resource['title']:'')); ?>" lay-affix="clear">
-            </div>
-        </div>
-
-        <div class="layui-form-item">
-            <label class="layui-form-label">分类</label>
-            <div class="layui-input-block">
-                <select name="cate" lay-verify="required" lay-filter="cate">
-                    <option value="">请选择分类</option>
-                </select>
-            </div>
-        </div>
-        
-        <div class="layui-form-item">
-            <label class="layui-form-label">资源编号</label>
-            <div class="layui-input-block">
-                <input type="text" name="number" required lay-verify="required" placeholder="请输入分类编号" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['number']) && ($resource['number'] !== '')?$resource['number']:'')); ?>" lay-affix="clear" disabled>
-            </div>
-        </div>
-
-        <div class="layui-form-item">
-            <label class="layui-form-label">描述</label>
-            <div class="layui-input-block">
-                <textarea name="desc" placeholder="请输入资源描述" class="layui-textarea" lay-affix="clear"><?php echo htmlentities((string) (isset($resource['desc']) && ($resource['desc'] !== '')?$resource['desc']:'')); ?></textarea>
-            </div>
-        </div>
-
-        <div class="layui-form-item">
-            <label class="layui-form-label">上传者</label>
-            <div class="layui-input-block">
-                <input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
-                    autocomplete="off" class="layui-input" value="<?php echo htmlentities((string) (isset($resource['uploader']) && ($resource['uploader'] !== '')?$resource['uploader']:'')); ?>" lay-affix="clear">
-            </div>
-        </div>
-
-        <div class="layui-form-item">
-            <label class="layui-form-label">资源图标</label>
-            <div class="layui-input-block">
-                <button type="button" class="layui-btn" id="upload-btn">
-                    <i class="layui-icon layui-icon-upload"></i> 图标上传
-                </button>
-                <div style="width: 120px;">
-                    <div class="layui-upload-list">
-                        <img class="layui-upload-img" id="upload-img"
-                            style="width: 118px; height: 118px;object-fit: cover;">
-                        <div id="upload-text"></div>
+        <div class="form-container">
+            <div class="container-left">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">资源名称</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="title" required lay-verify="required" placeholder="请输入资源名称"
+                            autocomplete="off" class="layui-input" value="<?php echo htmlentities((string) (isset($resource['title']) && ($resource['title'] !== '')?$resource['title']:'')); ?>"
+                            lay-affix="clear">
                     </div>
-                    <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="icon-progress">
-                        <div class="layui-progress-bar" lay-percent=""></div>
-                    </div>
-                    <input type="hidden" name="icon" id="icon" value="">
                 </div>
-                <div class="layui-form-mid layui-word-aux">建议尺寸：128px * 128px</div>
-            </div>
-        </div>
 
-        <div class="layui-form-item">
-            <label class="layui-form-label">资源文件</label>
-            <div class="layui-input-block">
-                <input type="text" name="fileurl" required placeholder="本地资源地址" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['fileurl']) && ($resource['fileurl'] !== '')?$resource['fileurl']:'')); ?>" style="margin-bottom: 10px;" lay-affix="clear">
-                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
-                    <i class="layui-icon layui-icon-upload"></i>
-                    <div>点击上传，或将文件拖拽到此处</div>
-                    <div class="layui-hide" id="ID-upload-demo-preview">
-                        <hr>
-                        <div class="file-info">
-                            <i class="layui-icon layui-icon-file"></i>
-                            <span class="file-name"></span>
-                            <span class="file-size"></span>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">分类</label>
+                    <div class="layui-input-block">
+                        <select name="cate" lay-verify="required" lay-filter="cate">
+                            <option value="">请选择分类</option>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">资源编号</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="number" required lay-verify="required" placeholder="请输入分类编号"
+                            autocomplete="off" class="layui-input" value="<?php echo htmlentities((string) (isset($resource['number']) && ($resource['number'] !== '')?$resource['number']:'')); ?>"
+                            lay-affix="clear" disabled>
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">描述</label>
+                    <div class="layui-input-block">
+                        <textarea name="desc" placeholder="请输入资源描述" class="layui-textarea"
+                            lay-affix="clear"><?php echo htmlentities((string) (isset($resource['desc']) && ($resource['desc'] !== '')?$resource['desc']:'')); ?></textarea>
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">上传者</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
+                            autocomplete="off" class="layui-input" value="<?php echo htmlentities((string) (isset($resource['uploader']) && ($resource['uploader'] !== '')?$resource['uploader']:'')); ?>"
+                            lay-affix="clear">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">排序</label>
+                    <div class="layui-input-block">
+                        <input type="number" name="sort" value="<?php echo htmlentities((string) (isset($resource['sort']) && ($resource['sort'] !== '')?$resource['sort']:'0')); ?>" class="layui-input"
+                            placeholder="数字越大越靠前" lay-affix="clear">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">资源图标</label>
+                    <div class="layui-input-block">
+                        <button type="button" class="layui-btn" id="upload-btn">
+                            <i class="layui-icon layui-icon-upload"></i> 图标上传
+                        </button>
+                        <div style="width: 120px;">
+                            <div class="layui-upload-list">
+                                <img class="layui-upload-img" id="upload-img"
+                                    style="width: 118px; height: 118px;object-fit: cover;">
+                                <div id="upload-text"></div>
+                            </div>
+                            <div class="layui-progress layui-progress-big" lay-showPercent="yes"
+                                lay-filter="icon-progress">
+                                <div class="layui-progress-bar" lay-percent=""></div>
+                            </div>
+                            <input type="hidden" name="icon" id="icon" value="">
+                        </div>
+                        <div class="layui-form-mid layui-word-aux">建议尺寸：250px * 140px</div>
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">图片上传</label>
+                    <div class="layui-input-block">
+                        <div class="image-upload-container">
+                            <button type="button" class="btn btn-primary" id="imageUpload">
+                                <i class="fas fa-upload"></i> 多图片上传
+                            </button>
+                            <div class="image-preview-container" id="imagePreview">
+                                <?php if(isset($resource['images']) && !empty($resource['images'])): ?>
+                                <div class="image-list-table">
+                                    <table class="layui-table">
+                                        <thead>
+                                            <tr>
+                                                <th width="100" align="center">缩略图</th>
+                                                <th width="40" align="center">操作</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <?php 
+                                            // 处理图片字符串，正确拆分逗号分隔的路径
+                                            $imageArray = [];
+                                            if (isset($resource['images']) && !empty($resource['images'])) {
+                                                $imageArray = explode(',', $resource['images']);
+                                                $imageArray = array_map('trim', $imageArray); // 去除每个路径的前后空格
+                                                $imageArray = array_filter($imageArray); // 过滤空值
+                                            }
+                                             if(is_array($imageArray) || $imageArray instanceof \think\Collection || $imageArray instanceof \think\Paginator): $i = 0; $__LIST__ = $imageArray;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$image): $mod = ($i % 2 );++$i;?>
+                                            <tr>
+                                                <td>
+                                                    <div class="image-thumbnail" onclick="previewImage('<?php echo (strpos($image, 'http') === 0 ? $image : request()->domain() . $image); ?>')">
+                                                        <img src="<?php echo (strpos($image, 'http') === 0 ? $image : request()->domain() . $image); ?>" alt="缩略图">
+                                                    </div>
+                                                </td>
+                                                <td>
+                                                    <button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-image" data-src="<?php echo htmlentities((string) $image); ?>">
+                                                        <i class="fas fa-trash"></i> 删除
+                                                    </button>
+                                                </td>
+                                            </tr>
+                                            <?php endforeach; endif; else: echo "" ;endif; ?>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <?php endif; ?>
+                            </div>
+                            <div class="upload-progress" id="imageProgress" style="display: none;">
+                                <div class="progress-bar" role="progressbar" style="width: 0%"></div>
+                            </div>
+                            <input type="hidden" name="images" id="images" value="<?php echo htmlentities((string) (isset($resource['images']) && ($resource['images'] !== '')?$resource['images']:'')); ?>">
                         </div>
                     </div>
                 </div>
-                <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress" style="margin-top: 10px;">
-                    <div class="layui-progress-bar" lay-percent=""></div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">资源文件</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="fileurl" required placeholder="本地资源地址" autocomplete="off"
+                            class="layui-input" value="<?php echo htmlentities((string) (isset($resource['fileurl']) && ($resource['fileurl'] !== '')?$resource['fileurl']:'')); ?>" style="margin-bottom: 10px;"
+                            lay-affix="clear">
+                        <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
+                            <i class="layui-icon layui-icon-upload"></i>
+                            <div>点击上传，或将文件拖拽到此处</div>
+                            <div class="layui-hide" id="ID-upload-demo-preview">
+                                <hr>
+                                <div class="file-info">
+                                    <i class="layui-icon layui-icon-file"></i>
+                                    <span class="file-name"></span>
+                                    <span class="file-size"></span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="file-progress"
+                            style="margin-top: 10px;">
+                            <div class="layui-progress-bar" lay-percent=""></div>
+                        </div>
+                        <input type="hidden" name="file" id="file" value="">
+                    </div>
                 </div>
-                <input type="hidden" name="file" id="file" value="">
-            </div>
-        </div>
 
-        <div class="layui-form-item">
-            <label class="layui-form-label">资源链接</label>
-            <div class="layui-input-block">
-                <input type="text" name="url" required placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['url']) && ($resource['url'] !== '')?$resource['url']:'')); ?>" lay-affix="clear">
-            </div>
-        </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">资源链接</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="url" required placeholder="百度网盘、115网盘、蓝奏云等" autocomplete="off"
+                            class="layui-input" value="<?php echo htmlentities((string) (isset($resource['url']) && ($resource['url'] !== '')?$resource['url']:'')); ?>" lay-affix="clear">
+                    </div>
+                </div>
 
-        <div class="layui-form-item">
-            <label class="layui-form-label">分享码</label>
-            <div class="layui-input-block">
-                <input type="text" name="code" required placeholder="请输入分享码" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['code']) && ($resource['code'] !== '')?$resource['code']:'')); ?>" lay-affix="clear">
-            </div>
-        </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">分享码</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="code" required placeholder="请输入分享码" autocomplete="off"
+                            class="layui-input" value="<?php echo htmlentities((string) (isset($resource['code']) && ($resource['code'] !== '')?$resource['code']:'')); ?>" lay-affix="clear">
+                    </div>
+                </div>
 
-        <div class="layui-form-item">
-            <label class="layui-form-label">解压密码</label>
-            <div class="layui-input-block">
-                <input type="text" name="zipcode" required placeholder="请输入解压密码" autocomplete="off"
-                    class="layui-input" value="<?php echo htmlentities((string) (isset($resource['zipcode']) && ($resource['zipcode'] !== '')?$resource['zipcode']:'')); ?>" lay-affix="clear">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">解压密码</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="zipcode" required placeholder="请输入解压密码" autocomplete="off"
+                            class="layui-input" value="<?php echo htmlentities((string) (isset($resource['zipcode']) && ($resource['zipcode'] !== '')?$resource['zipcode']:'')); ?>" lay-affix="clear">
+                    </div>
+                </div>
             </div>
-        </div>
+            <div class="container-right">
+                <div class="layui-form-item layui-form-text">
+                    <label class="layui-form-label">内容</label>
+                    <div class="layui-input-block">
+                        <div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
+                            <div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
+                            <div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
+                        </div>
+                    </div>
+                </div>
 
-        <div class="layui-form-item">
-            <label class="layui-form-label">排序</label>
-            <div class="layui-input-block">
-                <input type="number" name="sort" value="<?php echo htmlentities((string) (isset($resource['sort']) && ($resource['sort'] !== '')?$resource['sort']:'0')); ?>" class="layui-input" placeholder="数字越大越靠前" lay-affix="clear">
-            </div>
-        </div>
-
-        <div class="layui-form-item layui-form-text">
-            <label class="layui-form-label">内容</label>
-            <div class="layui-input-block">
-                <div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
-                    <div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
-                    <div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
+                <div class="layui-form-item" style="margin-top: 80px;">
+                    <div class="layui-input-block">
+                        <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
+                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <div class="layui-form-item">
-            <div class="layui-input-block">
-                <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
-                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
-            </div>
-        </div>
     </form>
 </div>
 
@@ -253,13 +320,13 @@
         // 获取资源详情
         var resourceId = $('input[name="id"]').val();
         var resourceData = null;
-        
+
         if (resourceId) {
-            $.get('<?php echo url("resources/get"); ?>', {id: resourceId}, function(res) {
+            $.get('<?php echo url("resources/get"); ?>', { id: resourceId }, function (res) {
                 if (res.code == 0) {
                     resourceData = res.data;
                     console.log('Resource data:', resourceData); // 调试输出
-                    
+
                     // 设置表单值
                     $('input[name="title"]').val(resourceData.title || '');
                     $('select[name="cate"]').val(resourceData.cate || '');
@@ -271,12 +338,12 @@
                     $('input[name="sort"]').val(resourceData.sort || '0');
                     $('input[name="icon"]').val(resourceData.icon || '');
                     $('input[name="file"]').val(resourceData.file || '');
-                    
+
                     // 设置图标预览
                     if (resourceData.icon) {
                         $('#upload-img').attr('src', resourceData.icon);
                     }
-                    
+
                     // 设置文件预览
                     if (resourceData.file) {
                         $('#ID-upload-demo-preview').show();
@@ -305,7 +372,7 @@
                 $('#upload-text').html('');
                 layer.msg('图标上传成功', { icon: 1 });
             },
-            uploadError: function () {
+            error: function () {
                 var demoText = $('#upload-text');
                 demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                 demoText.find('.demo-reload').on('click', function () {
@@ -320,6 +387,58 @@
             }
         });
 
+        // 多图片上传
+        var uploadInst = upload.render({
+            elem: '#imageUpload',
+            url: '<?php echo url("index/upload_img"); ?>',
+            multiple: true,
+            accept: 'images',
+            before: function (obj) {
+                obj.preview(function (index, file, result) {
+                    $('#imagePreview').append('<div class="layui-upload-img-item" data-src="' + result + '"><img src="' + result + '" alt="' + file.name + '" style="width: 100px; height: 100px; object-fit: cover;"><p>' + file.name + '</p><button type="button" class="layui-btn layui-btn-xs layui-btn-danger delete-image" style="position: absolute; top: 0; right: 0;">删除</button></div>');
+                });
+                element.progress('image-progress', '0%');
+                layer.msg('图片上传中', { icon: 16, time: 0 });
+            },
+            done: function (res) {
+                if (res.code > 0) {
+                    return layer.msg('图片上传失败');
+                }
+                var images = $('#images').val().split(',');
+                if (res.data) {
+                    images.push(res.data);
+                }
+                $('#images').val(images.filter(Boolean).join(','));
+                layer.msg('图片上传成功', { icon: 1 });
+            },
+            error: function () {
+                var demoText = $('#imagePreview');
+                demoText.append('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
+                demoText.find('.demo-reload').on('click', function () {
+                    uploadInst.upload();
+                });
+            },
+            progress: function (n, elem, e) {
+                element.progress('image-progress', n + '%');
+                if (n == 100) {
+                    layer.msg('图片上传完毕', { icon: 1 });
+                }
+            }
+        });
+
+        // 删除图片功能
+        $('#imagePreview').on('click', '.delete-image', function () {
+            var $item = $(this).closest('.layui-upload-img-item');
+            var imageSrc = $item.data('src');
+            var images = $('#images').val().split(',');
+            var index = images.indexOf(imageSrc);
+            if (index > -1) {
+                images.splice(index, 1);
+            }
+            $('#images').val(images.join(','));
+            $item.remove();
+        });
+
         // 文件上传
         var fileUpload = upload.render({
             elem: '#ID-upload-demo-drag',
@@ -368,7 +487,7 @@
             if (res.code == 0) {
                 // 存储分类数据供后续使用
                 window.categoryData = res.data;
-                
+
                 var html = '<option value="">请选择分类</option>';
                 res.data.forEach(function (item) {
                     html += '<option value="' + item.id + '">' + item.name + '</option>';
@@ -379,11 +498,11 @@
                     }
                 });
                 $('select[name="cate"]').html(html);
-                
+
                 // 如果有资源数据，设置分类值
                 if (resourceData && resourceData.cate) {
                     console.log('Setting cate value:', resourceData.cate); // 调试输出
-                    setTimeout(function() {
+                    setTimeout(function () {
                         $('select[name="cate"]').val(resourceData.cate);
                         form.render('select');
                     }, 100);
@@ -394,7 +513,7 @@
         });
 
         // 监听分类选择变化
-        form.on('select(cate)', function(data) {
+        form.on('select(cate)', function (data) {
             var selectedId = data.value;
             if (!selectedId) {
                 $('input[name="number"]').val('');
@@ -405,9 +524,9 @@
             var parentCategory = null;
             var childCategory = null;
 
-            window.categoryData.forEach(function(parent) {
+            window.categoryData.forEach(function (parent) {
                 if (parent.children) {
-                    parent.children.forEach(function(child) {
+                    parent.children.forEach(function (child) {
                         if (child.id == selectedId) {
                             parentCategory = parent;
                             childCategory = child;
@@ -424,7 +543,7 @@
                 var nextNumber = isInitialCategory ? total : total + 1;
                 var numberStr = nextNumber.toString().padStart(5, '0');
                 var resourceNumber = parentCategory.number + childCategory.number + numberStr;
-                
+
                 // 设置资源编号
                 $('input[name="number"]').val(resourceNumber);
             }
@@ -436,7 +555,7 @@
             var content = editor.getHtml();
             var loadIndex = layer.load(2);
             data.field.content = content;
-            
+
             $.ajax({
                 url: '<?php echo url("resources/edit"); ?>',
                 type: 'POST',
@@ -457,7 +576,7 @@
         });
 
         // 重置按钮点击事件
-        $('button[type="reset"]').on('click', function() {
+        $('button[type="reset"]').on('click', function () {
             // 重新加载分类列表
             $.get('<?php echo url("resources/getcate"); ?>', function (res) {
                 if (res.code == 0) {
@@ -471,10 +590,10 @@
                         }
                     });
                     $('select[name="cate"]').html(html);
-                    
+
                     // 如果有资源数据，设置分类值
                     if (resourceData && resourceData.cate) {
-                        setTimeout(function() {
+                        setTimeout(function () {
                             $('select[name="cate"]').val(resourceData.cate);
                             form.render('select');
                         }, 100);
@@ -493,7 +612,7 @@
 <script>
     const { createEditor, createToolbar } = window.wangEditor
 
-    const editorConfig = { 
+    const editorConfig = {
         MENU_CONF: {},
         placeholder: '请输入内容...',
         onChange(editor) {
@@ -505,7 +624,7 @@
     editorConfig.MENU_CONF['uploadImage'] = {
         server: '<?php echo url("index/upload_img"); ?>',
         fieldName: 'file',
-        maxFileSize: 10 * 1024 * 1024, // 10M
+        maxFileSize: 50 * 1024 * 1024, // 50M
         maxNumberOfFiles: 10,
         allowedFileTypes: ['image/*'],
         meta: {
@@ -515,7 +634,7 @@
         headers: {
             Accept: 'text/x-json'
         },
-        timeout: 5 * 1000, // 5s
+        timeout: 30 * 1000, // 30s
 
         onBeforeUpload(file) {
             console.log('准备上传图片', file)
@@ -536,17 +655,18 @@
             console.error('上传出错', file, err, res)
         },
         customInsert(res, insertFn) {
-            // res 即服务端的返回结果
-            if (res.code === 0 && res.data) {
-                // 从res.data中获取src字段
-                const url = String(res.data.src || '');
-                if (url) {
-                    insertFn(url);
-                } else {
-                    layer.msg('图片地址无效', { icon: 2 });
+            // 只使用返回的url字段，并确保使用完整的URL
+            if (res.code === 0 && res.url) {
+                // 如果URL不是以http开头，添加https://
+                let imageUrl = res.url;
+                if (!imageUrl.startsWith('http')) {
+                    imageUrl = 'https://' + imageUrl;
                 }
+                // 移除可能存在的重复域名和路径
+                imageUrl = imageUrl.replace(/^https?:\/\/[^\/]+\/admin\/resources\//, 'https://www.yunzer.cn/');
+                insertFn(imageUrl);
             } else {
-                layer.msg('图片上传失败', { icon: 2 });
+                layer.msg('图片上传失败：' + (res.msg || '未知错误'), { icon: 2 });
             }
         }
     }
@@ -573,4 +693,273 @@
     function goBack() {
         window.location.href = '<?php echo url("resources/lists"); ?>';
     }
-</script>
\ No newline at end of file
+</script>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        const imageUpload = document.getElementById('imageUpload');
+        const imagePreview = document.getElementById('imagePreview');
+        const imageProgress = document.getElementById('imageProgress');
+        const progressBar = imageProgress.querySelector('.progress-bar');
+        const imagesInput = document.getElementById('images');
+
+        // 处理图片上传
+        imageUpload.addEventListener('click', function () {
+            const input = document.createElement('input');
+            input.type = 'file';
+            input.multiple = true;
+            input.accept = 'image/*';
+
+            input.onchange = function (e) {
+                const files = e.target.files;
+                if (files.length === 0) return;
+
+                imageProgress.style.display = 'block';
+                let uploadedCount = 0;
+
+                Array.from(files).forEach(file => {
+                    const formData = new FormData();
+                    formData.append('file', file);
+
+                    fetch('<?php echo url("index/upload_img"); ?>', {
+                        method: 'POST',
+                        body: formData
+                    })
+                        .then(response => response.json())
+                        .then(res => {
+                            if (res.code === 0) {
+                                addImagePreview(res.data);
+                                updateImagesInput();
+                            } else {
+                                alert('上传失败：' + res.msg);
+                            }
+                        })
+                        .catch(error => {
+                            console.error('上传错误:', error);
+                            alert('上传出错');
+                        })
+                        .finally(() => {
+                            uploadedCount++;
+                            const progress = (uploadedCount / files.length) * 100;
+                            progressBar.style.width = progress + '%';
+
+                            if (uploadedCount === files.length) {
+                                setTimeout(() => {
+                                    imageProgress.style.display = 'none';
+                                    progressBar.style.width = '0%';
+                                }, 500);
+                            }
+                        });
+                });
+            };
+
+            input.click();
+        });
+
+        // 添加图片预览
+        function addImagePreview(imageUrl) {
+            const div = document.createElement('div');
+            div.className = 'image-preview-item';
+            div.dataset.src = imageUrl;
+
+            div.innerHTML = `
+            <img src="${imageUrl}" alt="已上传图片">
+            <div class="image-preview-overlay">
+                <button type="button" class="btn btn-danger btn-sm delete-image">
+                    <i class="fas fa-trash"></i>
+                </button>
+            </div>
+            <p class="image-filename">${imageUrl.split('/').pop()}</p>
+        `;
+
+            imagePreview.appendChild(div);
+        }
+
+        // 更新隐藏输入框的值
+        function updateImagesInput() {
+            const images = Array.from(imagePreview.querySelectorAll('.image-preview-item'))
+                .map(item => item.dataset.src);
+            imagesInput.value = images.join(',');
+        }
+
+        // 删除图片
+        imagePreview.addEventListener('click', function (e) {
+            if (e.target.closest('.delete-image')) {
+                const item = e.target.closest('.image-preview-item');
+                item.remove();
+                updateImagesInput();
+            }
+        });
+
+        // 图片预览功能
+        window.previewImage = function(imageUrl) {
+            layer.photos({
+                photos: {
+                    "data": [{
+                        "src": imageUrl,
+                        "alt": "图片预览"
+                    }]
+                },
+                anim: 5
+            });
+        };
+    });
+</script>
+
+<style>
+    .image-upload-container {
+        margin: 20px 0;
+    }
+
+    .image-preview-container {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+        gap: 15px;
+        margin-top: 15px;
+    }
+
+    .image-preview-item {
+        position: relative;
+        border-radius: 8px;
+        overflow: hidden;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+
+    .image-preview-item img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+        display: block;
+    }
+
+    .image-preview-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        opacity: 0;
+        transition: opacity 0.3s;
+        z-index: 1;
+        /* 添加 z-index */
+    }
+
+    .image-preview-item:hover .image-preview-overlay {
+        opacity: 1;
+    }
+
+    .image-filename {
+        margin: 5px 0;
+        font-size: 0.9em;
+        text-align: center;
+        word-break: break-all;
+    }
+
+    .upload-progress {
+        margin-top: 10px;
+        height: 4px;
+        background: #f0f0f0;
+        border-radius: 2px;
+        overflow: hidden;
+    }
+
+    .progress-bar {
+        height: 100%;
+        background: #007bff;
+        transition: width 0.3s ease;
+    }
+
+    .btn {
+        padding: 8px 16px;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 14px;
+        transition: all 0.3s;
+    }
+
+    .btn-primary {
+        background: #007bff;
+        color: white;
+    }
+
+    .btn-primary:hover {
+        background: #0056b3;
+    }
+
+    .btn-danger {
+        background: #dc3545;
+        color: white;
+    }
+
+    .btn-danger:hover {
+        background: #c82333;
+    }
+
+    .btn-sm {
+        padding: 4px 8px;
+        font-size: 12px;
+    }
+
+    .delete-image {
+        /* background: #dc3545; */
+        /* color: white; */
+        border: none;
+        border-radius: 4px;
+        padding: 8px 12px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: background-color 0.3s;
+        z-index: 2;
+        /* 确保按钮在悬停层之上 */
+    }
+
+    .delete-image i {
+        font-size: 40px;
+        margin-right: 4px;
+        /* 添加图标右边距 */
+    }
+
+    .form-container {
+        display: flex;
+
+    }
+
+    .container-left {
+        width: 35%;
+    }
+
+    .container-right {
+        width: 65%;
+    }
+
+    /* 图片列表表格样式 */
+    .image-list-table {
+        margin-top: 15px;
+    }
+
+    .image-thumbnail {
+        width: 60px;
+        height: 60px;
+        border-radius: 4px;
+        overflow: hidden;
+        cursor: pointer;
+        transition: transform 0.2s;
+    }
+
+    .image-thumbnail:hover {
+        transform: scale(1.05);
+    }
+
+    .image-thumbnail img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+</style>
\ No newline at end of file
diff --git a/runtime/admin/temp/c5f36a7772c20379b8b97ddafceff134.php b/runtime/admin/temp/c5f36a7772c20379b8b97ddafceff134.php
index 70c4480..9d8db32 100644
--- a/runtime/admin/temp/c5f36a7772c20379b8b97ddafceff134.php
+++ b/runtime/admin/temp/c5f36a7772c20379b8b97ddafceff134.php
@@ -1,4 +1,4 @@
-<?php /*a:1:{s:49:"E:\Demo\PHP\yunzer\app\admin\view\index\index.php";i:1747649140;}*/ ?>
+<?php /*a:1:{s:49:"E:\Demo\PHP\yunzer\app\admin\view\index\index.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 
diff --git a/runtime/admin/temp/d62c6e06b0a01c1a19438c154e4996b8.php b/runtime/admin/temp/d62c6e06b0a01c1a19438c154e4996b8.php
index 11c3510..33ddcf0 100644
--- a/runtime/admin/temp/d62c6e06b0a01c1a19438c154e4996b8.php
+++ b/runtime/admin/temp/d62c6e06b0a01c1a19438c154e4996b8.php
@@ -1,4 +1,4 @@
-<?php /*a:2:{s:53:"E:\Demo\PHP\yunzer\app\admin\view\resources\lists.php";i:1747755163;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1746890051;}*/ ?>
+<?php /*a:2:{s:53:"E:\Demo\PHP\yunzer\app\admin\view\resources\lists.php";i:1766587447;s:51:"E:\Demo\PHP\yunzer\app\admin\view\public\header.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 	<head>
diff --git a/runtime/index/temp/1445c3cec2a31866b2b78e8f64b21b5e.php b/runtime/index/temp/1445c3cec2a31866b2b78e8f64b21b5e.php
index 2512c60..cb4f11a 100644
--- a/runtime/index/temp/1445c3cec2a31866b2b78e8f64b21b5e.php
+++ b/runtime/index/temp/1445c3cec2a31866b2b78e8f64b21b5e.php
@@ -1,4 +1,4 @@
-<?php /*a:5:{s:53:"E:\Demo\PHP\yunzer\app\index\view\articles\detail.php";i:1747754938;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\head.php";i:1747649140;s:61:"E:\Demo\PHP\yunzer\app\index\view\component\header-simple.php";i:1747754938;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1747649140;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\foot.php";i:1746808046;}*/ ?>
+<?php /*a:5:{s:53:"E:\Demo\PHP\yunzer\app\index\view\articles\detail.php";i:1766587447;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\head.php";i:1766587447;s:61:"E:\Demo\PHP\yunzer\app\index\view\component\header-simple.php";i:1766587447;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1766587447;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\foot.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 
@@ -10,76 +10,119 @@
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/bootstrap.min.css">
     <link rel="stylesheet" href="/static/css/fontawesome.css">
+    <link rel="stylesheet" href="/static/css/all.min.css">
 
     <script src="/static/layui/layui.js" charset="utf-8"></script>
+    <script src="/static/js/all.min.js"></script>
     <script src="/static/js/bootstrap.bundle.js"></script>
     <script charset="UTF-8" id="LA_COLLECT" src="//www.yunzer.cn/plugins/js-sdk-pro.min.js"></script>
     <script>LA.init({ id: "KoyzaWWEcLvPzkQn", ck: "KoyzaWWEcLvPzkQn", autoTrack: true, prefix: 'event' })</script>
 </head>
 
 <body>
+<?php
+/**
+ * 商业使用授权协议
+ * 
+ * Copyright (c) 2025 [云泽网]. 保留所有权利.
+ * 
+ * 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
+ * 未经授权商业使用本软件属于侵权行为，将承担法律责任。
+ * 
+ * 授权购买请联系: 357099073@qq.com
+ * 官方网站: https://www.yunzer.cn
+ * 
+ * 评估用户须知:
+ * 1. 禁止移除版权声明
+ * 2. 禁止用于生产环境
+ * 3. 禁止转售或分发
+ */
+
+// 获取当前登录状态
+$isLoggedIn = false;
+$userInfo = [
+    'is_login' => false,
+    'name' => '',
+    'avatar' => '/static/images/avatar.png' // 默认头像
+];
+
+// 检查cookie
+$userAccount = cookie('user_account');
+if ($userAccount) {
+    $isLoggedIn = true;
+    $userInfo = [
+        'is_login' => true,
+        'name' => cookie('user_name'),
+        'avatar' => cookie('user_avatar') ? cookie('user_avatar') : '/static/images/avatar.png'
+    ];
+}
+
+// 添加一个隐藏的div来存储登录状态
+$loginStatus = [
+    'isLoggedIn' => $isLoggedIn,
+    'userAccount' => $userAccount ?? ''
+];
+?>
+
+<!-- 添加一个隐藏的div来存储登录状态 -->
+<div id="loginStatus" style="display: none;" data-is-logged-in="<?php echo htmlentities((string) $isLoggedIn); ?>" data-user-account="<?php echo isset($userAccount) ? htmlentities((string) $userAccount) : ''; ?>">
+</div>
+
 <div style="display: flex;flex-direction: column;">
-<div class="topbar-one">
-        <div class="container">
-            <div style="width: 70%;">
-                <ul class="list-unstyled topbar-one__info">
-                    <li class="topbar-one__info__item">
-                        <span class="topbar-one__info__icon fas fa-phone-alt" style="margin-right: 10px;"></span>
-                        <a href="<?php echo htmlentities((string) $config['admin_phone']); ?>"><?php echo htmlentities((string) $config['admin_phone']); ?></a>
-                    </li>
-                    <li class="topbar-one__info__item">
-                        <span class="topbar-one__info__icon fas fa-envelope" style="margin-right: 10px;"></span>
-                        <a href="mailto:<?php echo htmlentities((string) $config['admin_email']); ?>"><?php echo htmlentities((string) $config['admin_email']); ?></a>
-                    </li>
-                </ul>
-            </div>
-            <div class="topbar-one__social" style="width: 30%;">
-                <a href="/index/user/login" class="mr-10"><i class="layui-icon layui-icon-username"></i> 登录</a>
-                <a href="/index/user/register" class="mr-10"><i class="layui-icon layui-icon-user"></i> 注册</a>
-                <a href="javascript:;" class="qrcode-trigger"><i class="layui-icon layui-icon-qrcode"></i> 公众号</a>
-                <div class="qrcode-popup"
-                    style="display:none;position:absolute;right:54px;top:32px;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1); z-index: 1000;">
-                    <img src="<?php echo htmlentities((string) $config['admin_wechat']); ?>" alt="公众号二维码" style="width:180px;height:180px;">
-                </div>
-            </div>
-        </div>
-    </div>
     <!-- 导航栏 -->
     <div class="main-menu">
         <div class="container">
             <div class="main-menu__logo">
-                <a href="index.html"><img src="/static/images/logo1.png" width="186" alt="Logo"></a>
+                <a href="/index.html"><img src="/static/images/logo1.png" width="186" alt="Logo"></a>
             </div>
             <div class="main-menu__nav">
                 <ul class="main-menu__list">
-                    <li><a href="/index.html">首页</a></li>
-                    <li><a href="/about.html">关于我们</a></li>
-                    <li><a href="/products.html">产品服务</a></li>
-                    <li><a href="/contact.html">联系我们</a></li>
+                    <li><a href="/">首页</a></li>
+                    <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
+                    <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
+                    <li><a href="/index/program/index?cateid=2">办公资源</a></li>
+                    <li><a href="/index/program/index?cateid=1">程序下载</a></li>
+                    <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
                 </ul>
             </div>
+            <div class="main-menu__search">
+                <i class="layui-icon layui-icon-search search-icon" id="mainSearchIcon"></i>
+            </div>
             <div class="main-menu__right">
+                <div class="username">
+                    <?php if ($userInfo['is_login']): ?>
+                        <span class="username-text"><?php echo htmlentities((string) $userInfo['name']); ?></span>
+                    <?php endif; ?>
+                </div>
                 <div class="layui-inline">
-                    <div class="layui-inline" style="position: relative;">
-                        <img src="/static/images/avatar.webp" class="layui-circle"
-                            style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarMain">
-                        <div class="user-dropdown" id="userDropdownMain">
-                            <ul>
-                                <li>
-                                    <a href="/index/user/profile"><i
-                                            class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
-                                </li>
-                                <li>
-                                    <a href="/index/user/settings"><i
-                                            class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
-                                </li>
-                                <li>
-                                    <a href="javascript:;" class="logout-btn"><i
-                                            class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
-                                </li>
-                            </ul>
+                    <!-- 根据登录状态显示不同的内容 -->
+                    <?php if ($isLoggedIn): ?>
+                        <div class="layui-inline" style="position: relative;margin-left:20px;">
+                            <img src="<?php echo htmlentities((string) $userInfo['avatar']); ?>" class="layui-circle"
+                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
+                            <div class="user-dropdown" id="userDropdownSticky">
+                                <ul>
+                                    <li>
+                                        <a href="/index/user/profile"><i
+                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="/index/user/settings"><i
+                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" class="logout-btn"><i
+                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                    </div>
+                    <?php else: ?>
+                        <div class="layui-inline">
+                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
+                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
+                        </div>
+                    <?php endif; ?>
                 </div>
             </div>
         </div>
@@ -90,45 +133,410 @@
 <div class="sticky-nav" style="display: none;">
     <div class="container">
         <div class="sticky-nav__logo">
-            <a href="index.html"><img src="/static/images/logo1.png" width="150" alt="Logo"></a>
+            <a href="/index.html"><img src="/static/images/logo1.png" width="150" alt="Logo"></a>
         </div>
         <div class="sticky-nav__menu">
             <ul>
-                <li><a href="/index.html">首页</a></li>
-                <li><a href="/about.html">关于我们</a></li>
-                <li><a href="/products.html">产品服务</a></li>
-                <li><a href="/contact.html">联系我们</a></li>
+                <li><a href="/">首页</a></li>
+                <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
+                <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
+                <li><a href="/index/program/index?cateid=2">办公资源</a></li>
+                <li><a href="/index/program/index?cateid=1">程序下载</a></li>
+                <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
             </ul>
         </div>
+        <div class="sticky-nav__search">
+            <i class="layui-icon layui-icon-search search-icon" id="stickySearchIcon"></i>
+        </div>
         <div class="sticky-nav__right">
             <div class="main-menu__right">
+                <div class="username">
+                    <?php if ($userInfo['is_login']): ?>
+                        <span class="username-text"><?php echo htmlentities((string) $userInfo['name']); ?></span>
+                    <?php endif; ?>
+                </div>
                 <div class="layui-inline">
-                    <div class="layui-inline" style="position: relative;">
-                        <img src="/static/images/avatar.webp" class="layui-circle"
-                            style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
-                        <div class="user-dropdown" id="userDropdownSticky">
-                            <ul>
-                                <li>
-                                    <a href="/index/user/profile"><i
-                                            class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
-                                </li>
-                                <li>
-                                    <a href="/index/user/settings"><i
-                                            class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
-                                </li>
-                                <li>
-                                    <a href="javascript:;" class="logout-btn"><i
-                                            class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
-                                </li>
-                            </ul>
+                    <!-- 根据登录状态显示不同的内容 -->
+                    <?php if ($isLoggedIn): ?>
+                        <div class="layui-inline" style="position: relative;margin-left:20px;">
+                            <img src="<?php echo htmlentities((string) $userInfo['avatar']); ?>" class="layui-circle"
+                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
+                            <div class="user-dropdown" id="userDropdownSticky">
+                                <ul>
+                                    <li>
+                                        <a href="/index/user/profile"><i
+                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="/index/user/settings"><i
+                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" class="logout-btn"><i
+                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                    </div>
+                    <?php else: ?>
+                        <div class="layui-inline">
+                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
+                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
+                        </div>
+                    <?php endif; ?>
                 </div>
             </div>
         </div>
     </div>
 </div>
 
+<!-- 搜索遮罩 -->
+<div class="search-mask" id="searchMask">
+    <div class="search-container">
+        <div class="search-box">
+            <select id="searchType" class="search-type">
+                <option value="articles">文章</option>
+                <option value="resources">资源</option>
+            </select>
+            <input type="text" id="searchInput" placeholder="请输入搜索关键词">
+            <button id="searchBtn">搜索</button>
+        </div>
+    </div>
+</div>
+
+<script>
+    // 在页面加载时立即执行
+    (function () {
+        // 检查是否已经刷新过
+        if (sessionStorage.getItem('has_refreshed') === 'true') {
+            return;
+        }
+
+        // 检查localStorage中是否有用户账号
+        var userAccount = localStorage.getItem('user_account');
+        if (userAccount) {
+            // 同步到cookie
+            document.cookie = "user_account=" + userAccount + "; path=/";
+
+            // 如果有其他必要的数据，也同步到cookie
+            var userId = localStorage.getItem('user_id');
+            var userName = localStorage.getItem('user_name');
+            var userAvatar = localStorage.getItem('user_avatar');
+
+            if (userId) document.cookie = "user_id=" + userId + "; path=/";
+            if (userName) document.cookie = "user_name=" + userName + "; path=/";
+            if (userAvatar) document.cookie = "user_avatar=" + userAvatar + "; path=/";
+
+            // 刷新页面以应用新的cookie，并标记已刷新
+            if (!document.cookie.includes('user_id')) {
+                sessionStorage.setItem('has_refreshed', 'true');
+                window.location.reload();
+            }
+        }
+    })();
+
+    layui.use(['carousel', 'form', 'layer'], function () {
+        var carousel = layui.carousel, form = layui.form, layer = layui.layer, $ = layui.$;
+
+        // 检查本地存储并自动登录
+        function checkAutoLogin() {
+            // 如果已经登录，不再执行自动登录
+            if ($('#userAvatarMain').length > 0) {
+                return;
+            }
+
+            // 如果已经尝试过自动登录，不再执行
+            if (sessionStorage.getItem('auto_login_attempted') === 'true') {
+                return;
+            }
+
+            // 从localStorage获取用户账号
+            var userAccount = localStorage.getItem('user_account');
+            if (userAccount) {
+                // 标记已尝试自动登录
+                sessionStorage.setItem('auto_login_attempted', 'true');
+
+                // 发送自动登录请求
+                $.ajax({
+                    url: '/index/user/login',
+                    type: 'POST',
+                    data: {
+                        account: userAccount,
+                        password: atob(localStorage.getItem('user_password'))
+                    },
+                    dataType: 'json',
+                    success: function (res) {
+                        if (res.code === 0) {
+                            // 设置cookie
+                            document.cookie = "user_id=" + res.data.id + "; path=/";
+                            document.cookie = "user_name=" + res.data.name + "; path=/";
+                            document.cookie = "user_avatar=" + res.data.avatar + "; path=/";
+                            document.cookie = "user_account=" + userAccount + "; path=/";
+
+                            // 同时更新localStorage
+                            localStorage.setItem('user_id', res.data.id);
+                            localStorage.setItem('user_name', res.data.name);
+                            localStorage.setItem('user_avatar', res.data.avatar);
+
+                            // 登录成功，强制刷新页面
+                            window.location.href = window.location.href + '?t=' + new Date().getTime();
+                        } else {
+                            // 登录失败，清除所有相关存储
+                            localStorage.removeItem('user_account');
+                            localStorage.removeItem('user_password');
+                            sessionStorage.removeItem('auto_login_attempted');
+                        }
+                    }
+                });
+            }
+        }
+
+        // 页面加载时检查自动登录
+        checkAutoLogin();
+
+        $(document).ready(function () {
+            // 主导航头像
+            $("#userAvatarMain").click(function (e) {
+                e.stopPropagation();
+                $("#userDropdownMain").toggleClass("show");
+                $("#userDropdownSticky").removeClass("show"); // 保证只显示一个
+            });
+            // 固定导航头像
+            $("#userAvatarSticky").click(function (e) {
+                e.stopPropagation();
+                $("#userDropdownSticky").toggleClass("show");
+                $("#userDropdownMain").removeClass("show"); // 保证只显示一个
+            });
+
+            // 点击页面其他地方隐藏所有菜单
+            $(document).click(function (e) {
+                if (!$(e.target).closest('.user-dropdown, #userAvatarMain, #userAvatarSticky').length) {
+                    $("#userDropdownMain, #userDropdownSticky").removeClass("show");
+                }
+            });
+
+            // 点击菜单项时隐藏菜单
+            $("#userDropdownMain li a, #userDropdownSticky li a").click(function () {
+                $("#userDropdownMain, #userDropdownSticky").removeClass("show");
+            });
+        });
+
+        // 退出登录
+        $('.logout-btn').on('click', function () {
+            layer.confirm('确定要退出登录吗？', {
+                btn: ['确定', '取消']
+            }, function () {
+                // 先发送退出请求
+                $.ajax({
+                    url: '/index/user/logout',
+                    type: 'POST',
+                    dataType: 'json',
+                    success: function (res) {
+                        if (res.code === 0) {
+                            // 清除localStorage
+                            localStorage.removeItem('user_account');
+                            localStorage.removeItem('user_password');
+                            localStorage.removeItem('user_id');
+                            localStorage.removeItem('user_name');
+                            localStorage.removeItem('user_avatar');
+
+                            // 清除sessionStorage
+                            sessionStorage.removeItem('auto_login_attempted');
+                            sessionStorage.removeItem('has_refreshed');
+
+                            // 清除cookie
+                            document.cookie = "user_id=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_avatar=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_account=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_password=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+
+                            // 强制刷新页面，不使用缓存
+                            window.location.href = window.location.href + '?t=' + new Date().getTime();
+                        }
+                    }
+                });
+            });
+        });
+
+        // 监听滚动事件
+        $(window).scroll(function () {
+            var scrollTop = $(window).scrollTop();
+            if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
+                $('.sticky-nav').fadeIn();
+            } else {
+                $('.sticky-nav').fadeOut();
+            }
+        });
+
+        // 公众号二维码
+        const trigger = document.querySelector('.qrcode-trigger');
+        const popup = document.querySelector('.qrcode-popup');
+
+        // 鼠标移入显示二维码
+        trigger.addEventListener('mouseenter', function () {
+            popup.style.display = 'block';
+        });
+
+        // 鼠标移出隐藏二维码
+        trigger.addEventListener('mouseleave', function () {
+            popup.style.display = 'none';
+        });
+
+        // 鼠标移入二维码区域时保持显示
+        popup.addEventListener('mouseenter', function () {
+            popup.style.display = 'block';
+        });
+
+        // 鼠标移出二维码区域时隐藏
+        popup.addEventListener('mouseleave', function () {
+            popup.style.display = 'none';
+        });
+
+        form.on('submit(accountLogin)', function (data) {
+            $.ajax({
+                url: '<?php echo url("index/user/login"); ?>',
+                type: 'POST',
+                data: data.field,
+                dataType: 'json',
+                success: function (res) {
+                    if (res.code === 0) {
+                        // 存储登录数据，设置7天过期
+                        var expireTime = new Date().getTime() + 7 * 24 * 60 * 60 * 1000;
+
+                        // 设置localStorage
+                        localStorage.setItem('user_account', data.field.account);
+                        localStorage.setItem('user_password', btoa(data.field.password));
+                        localStorage.setItem('expire_time', expireTime);
+                        localStorage.setItem('is_auto_login', 'true');
+
+                        // 设置cookie
+                        document.cookie = "user_id=" + res.data.id + "; path=/";
+                        document.cookie = "user_name=" + res.data.name + "; path=/";
+                        document.cookie = "user_avatar=" + res.data.avatar + "; path=/";
+                        document.cookie = "expire_time=" + expireTime + "; path=/";
+                        document.cookie = "is_auto_login=true; path=/";
+                        document.cookie = "user_account=" + data.field.account + "; path=/";
+                        document.cookie = "user_password=" + btoa(data.field.password) + "; path=/";
+
+                        // 设置sessionStorage
+                        sessionStorage.setItem('auto_login_attempted', 'true');
+
+                        layer.msg('登录成功', {
+                            icon: 1,
+                            time: 2000,
+                            shade: 0.3
+                        }, function () {
+                            // 获取当前页面URL
+                            var currentUrl = window.location.href;
+
+                            // 如果当前页面是登录页面，则跳转到首页
+                            if (currentUrl.includes('/index/user/login')) {
+                                window.location.href = '/index.html';
+                            } else {
+                                // 否则刷新当前页面
+                                window.location.href = currentUrl + '?t=' + new Date().getTime();
+                            }
+                        });
+                    } else {
+                        layer.msg(res.msg, {
+                            icon: 2,
+                            time: 2000
+                        });
+                    }
+                }
+            });
+            return false;
+        });
+    });
+
+    // 搜索功能相关代码
+    layui.use(['layer'], function () {
+        var layer = layui.layer;
+        var $ = layui.jquery;
+        
+        // 执行搜索
+        function executeSearch() {
+            var searchInput = document.getElementById('searchInput');
+            if (!searchInput) {
+                layer.msg('搜索组件初始化失败');
+                return;
+            }
+
+            var keyword = searchInput.value.trim();
+            var type = document.getElementById('searchType').value;
+            
+            if (!keyword) {
+                layer.msg('请输入搜索关键词');
+                return;
+            }
+            
+            // 跳转到统一的搜索结果页面
+            window.location.href = '/index/search/index?keyword=' + encodeURIComponent(keyword) + '&type=' + type;
+        }
+        
+        // 绑定事件
+        $(function() {
+            var searchMask = $('#searchMask');
+            var searchInput = $('#searchInput');
+            var searchBtn = $('#searchBtn');
+            var mainSearchIcon = $('#mainSearchIcon');
+            var stickySearchIcon = $('#stickySearchIcon');
+
+            // 显示搜索框
+            function showSearch() {
+                searchMask.addClass('show');
+                setTimeout(function() {
+                    searchInput.focus();
+                }, 300);
+            }
+
+            // 隐藏搜索框
+            function hideSearch() {
+                searchMask.removeClass('show');
+                searchInput.val('');
+            }
+
+            // 绑定搜索图标点击事件
+            mainSearchIcon.on('click', showSearch);
+            stickySearchIcon.on('click', showSearch);
+
+            // 绑定搜索按钮点击事件
+            searchBtn.on('click', function(e) {
+                e.preventDefault();
+                executeSearch();
+            });
+
+            // 绑定回车键搜索
+            searchInput.on('keypress', function(e) {
+                if (e.which === 13) {
+                    e.preventDefault();
+                    executeSearch();
+                }
+            });
+
+            // 点击遮罩层关闭搜索框
+            searchMask.on('click', function(e) {
+                if ($(e.target).hasClass('search-mask')) {
+                    hideSearch();
+                }
+            });
+
+            // 绑定ESC键关闭搜索框
+            $(document).on('keydown', function(e) {
+                if (e.keyCode === 27 && searchMask.hasClass('show')) {
+                    hideSearch();
+                }
+            });
+
+            // 输入框获得焦点时选中所有文本
+            searchInput.on('focus', function() {
+                this.select();
+            });
+        });
+    });
+</script>
+
 <style>
     /* 用户头像样式 */
     #userAvatar {
@@ -328,181 +736,346 @@
     #test10 [carousel-item]>* {
         background: none !important;
     }
+
+    .main-menu__right {
+        display: flex;
+        align-items: center;
+    }
+
+    .username {
+        display: flex;
+        align-items: center;
+    }
+
+    /* 搜索相关样式 */
+    .search-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.7);
+        z-index: 9999;
+        display: none;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .search-mask.show {
+        display: flex;
+        opacity: 1;
+    }
+
+    .search-container {
+        position: relative;
+        width: 80%;
+        padding: 20px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        transform: translateY(-20px);
+        transition: transform 0.3s ease;
+    }
+
+    .search-mask.show .search-container {
+        transform: translateY(0);
+    }
+
+    .search-box {
+        display: flex;
+        align-items: center;
+        height: 60px;
+        background: #fff;
+        border-radius: 30px;
+        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        overflow: hidden;
+    }
+
+    .search-box input {
+        flex: 1;
+        height: 100%;
+        padding: 0 20px;
+        border: none;
+        outline: none;
+        font-size: 16px;
+    }
+
+    .search-box button {
+        height: 100%;
+        padding: 0 30px;
+        border: none;
+        background: #1E9FFF;
+        color: #fff;
+        font-size: 16px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+    }
+
+    .search-box button:hover {
+        background: #1a8fe6;
+    }
+
+    .search-icon {
+        font-size: 20px;
+        cursor: pointer;
+        color: #333;
+        transition: color 0.3s ease;
+    }
+
+    .search-icon:hover {
+        color: #1e9fff;
+    }
+
+    .search-type {
+        height: 100%;
+        padding: 0 15px;
+        border: none;
+        border-right: 1px solid #eee;
+        background: #f8f8f8;
+        color: #666;
+        font-size: 14px;
+        cursor: pointer;
+        outline: none;
+        appearance: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+        background-repeat: no-repeat;
+        background-position: right 10px center;
+        background-size: 12px;
+        padding-right: 30px;
+    }
+
+    .search-type:hover {
+        background-color: #f0f0f0;
+    }
+
+    .search-type:focus {
+        background-color: #fff;
+        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+    }
+
+    .search-results {
+        padding: 15px;
+        max-height: 370px;
+        overflow-y: auto;
+    }
+
+    .search-section {
+        margin-bottom: 20px;
+    }
+
+    .search-section h3 {
+        font-size: 16px;
+        color: #333;
+        margin-bottom: 10px;
+        padding-bottom: 5px;
+        border-bottom: 1px solid #eee;
+    }
+
+    .search-section ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .search-section li {
+        padding: 8px 0;
+        border-bottom: 1px dashed #eee;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .search-section li:last-child {
+        border-bottom: none;
+    }
+
+    .search-section a {
+        color: #333;
+        text-decoration: none;
+        flex: 1;
+    }
+
+    .search-section a:hover {
+        color: #1E9FFF;
+    }
+
+    .search-section .downloads {
+        color: #1E9FFF;
+        font-size: 12px;
+        margin-left: 10px;
+    }
+
+    /* 自定义滚动条样式 */
+    .search-results::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    .search-results::-webkit-scrollbar-track {
+        background: #f1f1f1;
+        border-radius: 3px;
+    }
+
+    .search-results::-webkit-scrollbar-thumb {
+        background: #ccc;
+        border-radius: 3px;
+    }
+
+    .search-results::-webkit-scrollbar-thumb:hover {
+        background: #999;
+    }
 </style>
-
-<script>
-    layui.use(['carousel', 'form', 'layer'], function () {
-        var carousel = layui.carousel, form = layui.form, layer = layui.layer, $ = layui.$;
-
-        // 加载banner数据
-        $.ajax({
-            url: '/index/index/bannerlist',
-            type: 'GET',
-            success: function (res) {
-                if (res.code === 1) {
-                    var bannerHtml = '';
-                    res.banner.forEach(function (banner) {
-                        bannerHtml += '<div>' +
-                            '<div class="banner-content">' +
-                            '<div class="banner-image">' +
-                            '<img src="' + banner.image + '" alt="' + (banner.title || '') + '">' +
-                            '</div>' +
-                            '<div class="banner-text">' +
-                            '<span class="banner-title">' + (banner.title || '') + '</span>' +
-                            '<span class="banner-desc">' + (banner.desc || '') + '</span>' +
-                            '<a href="' + (banner.url || 'javascript:;') + '" class="banner-slide">' +
-                            '<span class="banner-btn">查看详情</span>' +
-                            '</a>' +
-                            '</div>' +
-                            '</div>' +
-                            '</div>';
-                    });
-                    $('#test10 div[carousel-item]').html(bannerHtml);
-
-                    // 图片轮播
-                    carousel.render({
-                        elem: '#test10',
-                        width: '100%',
-                        height: '100vh',
-                        interval: 4000,
-                        anim: 'fade',
-                        autoplay: true,
-                        full: false,
-                        arrow: 'hover'
-                    });
-                }
-            }
-        });
-
-        $(document).ready(function () {
-            // 主导航头像
-            $("#userAvatarMain").click(function (e) {
-                e.stopPropagation();
-                $("#userDropdownMain").toggleClass("show");
-                $("#userDropdownSticky").removeClass("show"); // 保证只显示一个
-            });
-            // 固定导航头像
-            $("#userAvatarSticky").click(function (e) {
-                e.stopPropagation();
-                $("#userDropdownSticky").toggleClass("show");
-                $("#userDropdownMain").removeClass("show"); // 保证只显示一个
-            });
-
-            // 点击页面其他地方隐藏所有菜单
-            $(document).click(function (e) {
-                if (!$(e.target).closest('.user-dropdown, #userAvatarMain, #userAvatarSticky').length) {
-                    $("#userDropdownMain, #userDropdownSticky").removeClass("show");
-                }
-            });
-
-            // 点击菜单项时隐藏菜单
-            $("#userDropdownMain li a, #userDropdownSticky li a").click(function () {
-                $("#userDropdownMain, #userDropdownSticky").removeClass("show");
-            });
-        });
-
-        // 退出登录
-        $('.logout-btn').on('click', function () {
-            layer.confirm('确定要退出登录吗？', {
-                btn: ['确定', '取消']
-            }, function () {
-                window.location.href = '/index/user/logout';
-            });
-        });
-
-        // 监听滚动事件
-        $(window).scroll(function () {
-            var scrollTop = $(window).scrollTop();
-            if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
-                $('.sticky-nav').fadeIn();
-            } else {
-                $('.sticky-nav').fadeOut();
-            }
-        });
-
-        // 公众号二维码
-        const trigger = document.querySelector('.qrcode-trigger');
-        const popup = document.querySelector('.qrcode-popup');
-
-        // 鼠标移入显示二维码
-        trigger.addEventListener('mouseenter', function () {
-            popup.style.display = 'block';
-        });
-
-        // 鼠标移出隐藏二维码
-        trigger.addEventListener('mouseleave', function () {
-            popup.style.display = 'none';
-        });
-
-        // 鼠标移入二维码区域时保持显示
-        popup.addEventListener('mouseenter', function () {
-            popup.style.display = 'block';
-        });
-
-        // 鼠标移出二维码区域时隐藏
-        popup.addEventListener('mouseleave', function () {
-            popup.style.display = 'none';
-        });
-    });
-</script>
 <div class="main">
     <div class="location">
         <div class="container">
             <div class="location-item">
                 <a href="/">首页</a>
                 <span>></span>
-                <a href="/index/articles/index" id="cateLink"></a>
+                <a href="/index/articles/index"><?php echo htmlentities((string) $cateName); ?></a>
             </div>
         </div>
     </div>
+    <div class="body-container">
+        <div class="article-detail-container">
+            <div class="article-header">
+                <h1 class="article-title"><?php echo htmlentities((string) $article['title']); ?></h1>
+                <?php if($article['is_trans'] == 1 && $article['transurl']): ?>
+                <div class="trans">转载至：<span class="trans-url" data-url="<?php echo htmlentities((string) $article['transurl']); ?>"><?php echo htmlentities((string) $article['transurl']); ?></span>
+                </div>
+                <?php endif; ?>
+                <div class="article-meta">
+                    <span class="article-author"><i class="fa fa-user"></i> <span><?php echo htmlentities((string) $article['author']); ?></span></span>
+                    <span class="article-date"><i class="fa fa-calendar"></i>
+                        <span><?php echo htmlentities((string) date("Y-m-d",!is_numeric($article['create_time'])? strtotime($article['create_time']) : $article['create_time'])); ?></span></span>
+                    <span class="article-views"><i class="fa-solid fa-eye"></i> <span><?php echo htmlentities((string) $article['views']); ?></span> 阅读</span>
+                </div>
+            </div>
 
-    <div class="article-detail-container">
-        <div class="article-header">
-            <h1 class="article-title" id="articleTitle"></h1>
-            <div class="article-meta">
-                <span class="article-author"><i class="fa fa-user"></i> <span id="articleAuthor"></span></span>
-                <span class="article-date"><i class="fa fa-calendar"></i> <span id="articleDate"></span></span>
-                <span class="article-views"><i class="fa-solid fa-eye"></i> <span id="articleViews"></span> 阅读</span>
+            <div class="article-content">
+                <?php echo $article['content']; ?>
+            </div>
+
+            <div class="disclaimers">
+                <div class="disclaimer-item">
+                    <div class="disclaimer-title">免责声明:</div>
+                    <div class="disclaimer-content">
+                        <?php echo $config['disclaimers'] ?>
+                    </div>
+                </div>
+            </div>
+
+            <div class="article-tags">
+                <span class="tag-label">标签：</span>
+                <div>
+                    <?php if($article['tags']): if(is_array(explode($article['tags'],',',',')) || explode($article['tags'],',',',') instanceof \think\Collection || explode($article['tags'],',',',') instanceof \think\Paginator): $i = 0; $__LIST__ = explode($article['tags'],',',',');if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$tag): $mod = ($i % 2 );++$i;?>
+                    <span class="tag-item"><?php echo htmlentities((string) $tag); ?></span>
+                    <?php endforeach; endif; else: echo "" ;endif; else: ?>
+                    <span class="no-tags">暂无标签</span>
+                    <?php endif; ?>
+                </div>
+            </div>
+
+            <div class="article-actions">
+                <div class="action-item like-btn" data-id="<?php echo htmlentities((string) $article['id']); ?>">
+                    <i class="fa fa-thumbs-up"></i>
+                    <span class="action-text">点赞</span>
+                    <span class="action-count"><?php echo htmlentities((string) $article['likes']); ?></span>
+                </div>
+                <div class="action-item share-btn">
+                    <i class="fa fa-share-alt"></i>
+                    <span class="action-text">分享</span>
+                </div>
+            </div>
+
+            <div class="article-navigation">
+                <div class="prev-article">
+                    <?php if($prevArticle): ?>
+                    <a href="/index/articles/detail?id=<?php echo htmlentities((string) $prevArticle['id']); ?>">
+                        <i class="fa fa-arrow-left"></i> 上一篇：<?php echo htmlentities((string) $prevArticle['title']); ?>
+                    </a>
+                    <?php else: ?>
+                    <span class="disabled"><i class="fa fa-arrow-left"></i> 没有上一篇了</span>
+                    <?php endif; ?>
+                </div>
+                <div class="next-article">
+                    <?php if($nextArticle): ?>
+                    <a href="/index/articles/detail?id=<?php echo htmlentities((string) $nextArticle['id']); ?>">
+                        下一篇：<?php echo htmlentities((string) $nextArticle['title']); ?> <i class="fa fa-arrow-right"></i>
+                    </a>
+                    <?php else: ?>
+                    <span class="disabled">没有下一篇了 <i class="fa fa-arrow-right"></i></span>
+                    <?php endif; ?>
+                </div>
+            </div>
+
+            <div class="related-articles">
+                <h3 class="related-title">相关推荐</h3>
+                <div class="related-list">
+                    <?php if(is_array($relatedArticles) || $relatedArticles instanceof \think\Collection || $relatedArticles instanceof \think\Paginator): $i = 0; $__LIST__ = $relatedArticles;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$related): $mod = ($i % 2 );++$i;?>
+                    <div class="related-item">
+                        <a href="/index/articles/detail?id=<?php echo htmlentities((string) $related['id']); ?>">
+                            <div class="related-image">
+                                <img src="<?php echo htmlentities((string) $related['image']); ?>" alt="<?php echo htmlentities((string) $related['title']); ?>">
+                            </div>
+                            <div class="related-info">
+                                <div class="related-item-title"><?php echo htmlentities((string) $related['title']); ?></div>
+                            </div>
+                        </a>
+                    </div>
+                    <?php endforeach; endif; else: echo "" ;endif; ?>
+                </div>
             </div>
         </div>
+        <div class="article-detail-right">
+            <div class="aboutauthor">
+                <div class="aboutauthor-title">关于作者</div>
+                <div class="aboutauthor-main">
+                    <div class="aboutauthor-main-top">
+                        <div class="aboutauthor-avatar">
+                            <img src="<?php echo htmlentities((string) $authorInfo['avatar']); ?>" alt="作者头像">
+                        </div>
+                        <div class="aboutauthor-info">
+                            <div class="author-name"><?php echo htmlentities((string) $authorInfo['name']); ?></div>
+                        </div>
+                    </div>
+                    <div class="aboutauthor-main-middle">
+                        <div class="author-stats">
 
-        <div class="article-content" id="articleContent">
-        </div>
-
-        <div class="article-tags">
-            <span class="tag-label">标签：</span>
-            <div id="articleTags"></div>
-        </div>
-
-        <div class="article-actions">
-            <div class="action-item like-btn" id="likeBtn">
-                <i class="fa fa-thumbs-up"></i>
-                <span class="action-text">点赞</span>
-                <span class="action-count" id="articleLikes">0</span>
-            </div>
-            <div class="action-item share-btn" id="shareBtn">
-                <i class="fa fa-share-alt"></i>
-                <span class="action-text">分享</span>
-            </div>
-        </div>
-
-        <div class="article-navigation">
-            <div class="prev-article" id="prevArticle">
-            </div>
-            <div class="next-article" id="nextArticle">
-            </div>
-        </div>
-
-        <div class="related-articles">
-            <h3 class="related-title">相关推荐</h3>
-            <div class="related-list" id="relatedArticles">
+                            <div class="author-stats-item">
+                                <h6>资源</h6>
+                                <span class="count"><?php echo htmlentities((string) $authorInfo['resource_count']); ?></span>
+                            </div>
+                            <div class="author-stats-item">
+                                <h6>文章</h6>
+                                <span class="count"><?php echo htmlentities((string) $authorInfo['article_count']); ?></span>
+                            </div>
+                            <div class="author-stats-item">
+                                <h6>粉丝</h6>
+                                <span class="count">
+                                    0
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="aboutauthor-btn">
+                    <button class="follow-btn">
+                        <i class="fa fa-user-plus"></i> 关注他
+                    </button>
+                    <button class="message-btn">
+                        <i class="fa fa-envelope"></i> 发私信
+                    </button>
+                </div>
             </div>
         </div>
     </div>
 </div>
 
 <!-- 返回顶部按钮 -->
-<div class="go-to-top" id="goToTop">
+<div class="go-to-top">
     <i class="layui-icon-up"></i>
 </div>
 
@@ -557,26 +1130,207 @@
         <p class="copyright__text">Copyright <span class="dynamic-year">2025</span> | All Rights By <a
                 href="http://www.yunzer.cn">Yunzer</a></p>
     </div>
+    <div class="container wow fadeInUp animated" data-wow-delay="400ms"
+        style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow"><?php echo htmlentities((string) $config['admin_icp']); ?></a>
+    </div>
     <div class="tongji">
         <script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8"
             src="https://v6-widget.51.la/v6/KoyzaWWEcLvPzkQn/quote.js?theme=#1690FF,#FFFFFF,#999999,#FFFFFF,#FFFFFF,#1690FF,12&f=12"></script>
     </div>
 </section>
 
+<script>
+    // 更新访问次数
+    async function updateArticleViews(articleId) {
+        try {
+            await fetch('/index/articles/updateViews', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ id: articleId })
+            });
+        } catch (error) {
+            console.error('更新访问次数失败:', error);
+        }
+    }
+
+    // 页面加载完成后执行
+    document.addEventListener('DOMContentLoaded', function () {
+        const articleId = '<?php echo htmlentities((string) $article['id']); ?>';
+
+        // 更新访问次数
+        updateArticleViews(articleId);
+
+        // 点赞功能
+        document.querySelector('.like-btn').addEventListener('click', async function () {
+            try {
+                const response = await fetch('/index/articles/like?id=' + articleId, {
+                    method: 'POST',
+                    headers: { 'X-Requested-With': 'XMLHttpRequest' }
+                });
+                const result = await response.json();
+
+                if (result.code === 1) {
+                    const countElement = this.querySelector('.action-count');
+                    countElement.textContent = parseInt(countElement.textContent) + 1;
+                    this.classList.add('liked');
+                    this.querySelector('i').style.color = '#f57005';
+                    layer.msg('点赞成功', { icon: 1 });
+                } else {
+                    layer.msg(result.msg, { icon: 2 });
+                }
+            } catch (error) {
+                layer.msg('点赞失败，请稍后重试', { icon: 2 });
+            }
+        });
+
+        // 分享功能
+        document.querySelector('.share-btn').addEventListener('click', function () {
+            const url = window.location.href;
+            navigator.clipboard.writeText(url).then(() => {
+                layer.msg('链接已复制到剪贴板', { icon: 1 });
+            }).catch(() => {
+                layer.msg('复制失败，请手动复制', { icon: 2 });
+            });
+        });
+
+        // 转载链接点击
+        document.querySelector('.trans-url')?.addEventListener('click', function () {
+            const url = this.dataset.url;
+            if (url) {
+                window.open(url, '_blank');
+            }
+        });
+
+        // 返回顶部
+        const goToTop = document.querySelector('.go-to-top');
+        window.addEventListener('scroll', function () {
+            if (window.scrollY > 300) {
+                goToTop.classList.add('show');
+            } else {
+                goToTop.classList.remove('show');
+            }
+        });
+
+        goToTop.addEventListener('click', function () {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+    });
+</script>
+
 <style>
     .location {
-        max-width: 1000px;
+        max-width: 1200px;
         margin: 30px auto;
     }
 
+    .main .body-container {
+        display: flex;
+        max-width: 1200px;
+        margin: 30px auto;
+        gap: 30px;
+    }
+
+    .main .body-container .article-detail-right {
+        width: 30%;
+    }
 
     .article-detail-container {
-        max-width: 1000px;
-        margin: 30px auto;
         padding: 50px;
         background: #fff;
         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
         border-radius: 8px;
+        width: 70%;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor {
+        background: #fff;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-title {
+        height: 60px;
+        display: flex;
+        align-items: center;
+        padding-left: 20px;
+        border-bottom: 1px solid #eee;
+        font-weight: 700;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-top {
+        display: flex;
+        align-items: center;
+        padding-left: 20px !important;
+        padding: 20px 0;
+        border-bottom: 1px solid #efefef;
+        margin-bottom: 20px;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-top .aboutauthor-avatar {
+        margin-right: 12px;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-top .aboutauthor-info .author-name {
+        font-size: 20px;
+        font-weight: 700;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-top .aboutauthor-avatar img {
+        width: 60px;
+        height: 60px;
+        border-radius: 4px;
+        box-sizing: border-box;
+        margin: 0px;
+        min-width: 0px;
+        max-width: 100%;
+        background-color: #fff;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-middle {
+        /* margin-left: 20px; */
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-middle .author-stats {
+        display: flex;
+        justify-content: space-evenly;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-middle .author-stats .author-stats-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-main .aboutauthor-main-middle .author-stats .author-stats-item .count {
+        /* font-size: 30px; */
+        font-weight: 700;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-btn {
+        display: flex;
+        justify-content: space-evenly;
+        padding: 20px 0;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-btn .follow-btn {
+        background-color: #0081ff;
+        color: #fff;
+        padding: 10px 20px;
+        border-radius: 8px;
+        border: none;
+    }
+
+    .main .body-container .article-detail-right .aboutauthor-btn .message-btn {
+        color: #0081ff;
+        padding: 10px 20px;
+        border-radius: 8px;
+        border: 1px solid #eee;
     }
 
     .article-header {
@@ -615,6 +1369,7 @@
         color: #333;
         font-size: 16px;
         margin-bottom: 30px;
+        border-bottom: 1px solid #eee;
     }
 
     .article-content img {
@@ -915,254 +1670,30 @@
     .location-item a {
         color: #000 !important;
     }
+
+    .disclaimers {
+        color: #b1b1b1;
+        width: 80%;
+        margin: 20px auto;
+        margin-bottom: 60px;
+    }
+
+    .disclaimer-title {
+        font-size: 16px;
+        font-weight: 600;
+        margin-bottom: 10px;
+    }
+
+    .disclaimer-content {
+        font-size: 14px;
+        line-height: 1.6;
+    }
+
+    .disclaimer-content p {
+        margin-bottom: 0;
+    }
 </style>
 
-<script>
-    // 格式化日期
-    function formatDate(timestamp) {
-        const date = new Date(timestamp * 1000);
-        return date.toLocaleDateString('zh-CN', {
-            year: 'numeric',
-            month: '2-digit',
-            day: '2-digit'
-        });
-    }
-
-    // 渲染文章详情
-    function renderArticleDetail(data) {
-        // 渲染分类链接
-        document.getElementById('cateLink').textContent = data.cateName;
-
-        // 渲染文章标题
-        document.getElementById('articleTitle').textContent = data.article.title;
-
-        // 渲染文章元信息
-        document.getElementById('articleAuthor').textContent = data.article.author;
-        document.getElementById('articleDate').textContent = formatDate(data.article.create_time);
-        document.getElementById('articleViews').textContent = data.article.views;
-
-        // 渲染文章内容
-        document.getElementById('articleContent').innerHTML = data.article.content;
-
-        // 渲染标签
-        const tagsContainer = document.getElementById('articleTags');
-        if (data.article.tags && data.article.tags.length > 0) {
-            tagsContainer.innerHTML = data.article.tags.map(tag =>
-                `<span class="tag-item">${tag}</span>`
-            ).join('');
-        } else {
-            tagsContainer.innerHTML = '<span class="no-tags">暂无标签</span>';
-        }
-
-        // 渲染点赞数
-        document.getElementById('articleLikes').textContent = data.article.likes || 0;
-
-        // 渲染上一篇
-        const prevArticle = document.getElementById('prevArticle');
-        if (data.prevArticle) {
-            prevArticle.innerHTML = `
-                <a href="/index/articles/detail?id=${data.prevArticle.id}">
-                    <i class="fa fa-arrow-left"></i> 上一篇：${data.prevArticle.title}
-                </a>
-            `;
-        } else {
-            prevArticle.innerHTML = '<span class="disabled"><i class="fa fa-arrow-left"></i> 没有上一篇了</span>';
-        }
-
-        // 渲染下一篇
-        const nextArticle = document.getElementById('nextArticle');
-        if (data.nextArticle) {
-            nextArticle.innerHTML = `
-                <a href="/index/articles/detail?id=${data.nextArticle.id}">
-                    下一篇：${data.nextArticle.title} <i class="fa fa-arrow-right"></i>
-                </a>
-            `;
-        } else {
-            nextArticle.innerHTML = '<span class="disabled">没有下一篇了 <i class="fa fa-arrow-right"></i></span>';
-        }
-
-        // 渲染相关文章
-        const relatedArticles = document.getElementById('relatedArticles');
-        if (data.relatedArticles && data.relatedArticles.length > 0) {
-            relatedArticles.innerHTML = data.relatedArticles.map(article => `
-                <div class="related-item">
-                    <a href="/index/articles/detail?id=${article.id}">
-                        <div class="related-image">
-                            <img src="${article.image}" alt="${article.title}">
-                        </div>
-                        <div class="related-info">
-                            <div class="related-item-title">${article.title}</div>
-                            <div class="related-item-desc">${article.desc || ''}</div>
-                        </div>
-                    </a>
-                </div>
-            `).join('');
-        } else {
-            relatedArticles.innerHTML = '<div class="no-related">暂无相关文章</div>';
-        }
-    }
-
-    // 页面加载完成后执行
-    document.addEventListener('DOMContentLoaded', function () {
-        // 获取文章ID
-        const articleId = new URLSearchParams(window.location.search).get('id');
-        if (!articleId) {
-            alert('文章ID不存在');
-            return;
-        }
-
-        // 获取文章详情
-        fetch(`/index/articles/detail?id=${articleId}`, {
-            headers: {
-                'X-Requested-With': 'XMLHttpRequest'
-            }
-        })
-            .then(response => {
-                // console.log('Response status:', response.status);
-                // console.log('Response headers:', response.headers);
-                return response.json();
-            })
-            .then(result => {
-                // console.log('API response:', result);
-                if (result.code === 1) {
-                    renderArticleDetail(result.data);
-                    // 更新访问次数
-                    updateArticleViews(articleId);
-                } else {
-                    console.error('API error:', result.msg);
-                    alert(result.msg || '获取文章详情失败');
-                }
-            })
-            .catch(error => {
-                console.error('获取文章详情失败:', error);
-                console.error('Error details:', {
-                    message: error.message,
-                    stack: error.stack
-                });
-                alert('获取文章详情失败，请检查网络连接或刷新页面重试');
-            });
-
-        // 点赞功能
-        const likeBtn = document.getElementById('likeBtn');
-        if (likeBtn) {
-            // 检查是否已经点赞
-            if (likeBtn.classList.contains('liked')) {
-                likeBtn.style.pointerEvents = 'none'; // 禁用点击
-                likeBtn.style.cursor = 'default'; // 改变鼠标样式
-                return;
-            }
-
-            likeBtn.addEventListener('click', function () {
-                // 立即禁用按钮，防止重复点击
-                likeBtn.style.pointerEvents = 'none';
-                likeBtn.style.cursor = 'default';
-
-                fetch('/index/articles/like?id=' + articleId, {
-                    method: 'POST',
-                    headers: {
-                        'X-Requested-With': 'XMLHttpRequest'
-                    }
-                })
-                    .then(response => response.json())
-                    .then(data => {
-                        if (data.code === 1) {
-                            const countElement = document.getElementById('articlesLikes');
-                            if (countElement) {
-                                let count = parseInt(countElement.textContent) || 0;
-                                countElement.textContent = count + 1;
-                            }
-                            // 添加点赞状态
-                            likeBtn.classList.add('liked');
-                            likeBtn.querySelector('i').style.color = '#f57005';
-                            layer.msg('点赞成功', {icon: 1});
-                        } else {
-                            // 如果请求失败，恢复按钮状态
-                            likeBtn.style.pointerEvents = 'auto';
-                            likeBtn.style.cursor = 'pointer';
-                            layer.msg('点赞失败：' + data.msg, {icon: 2});
-                        }
-                    })
-                    .catch(error => {
-                        // 如果请求失败，恢复按钮状态
-                        likeBtn.style.pointerEvents = 'auto';
-                        likeBtn.style.cursor = 'pointer';
-                        console.error('点赞请求失败:', error);
-                        layer.msg('点赞失败，请稍后重试', {icon: 2});
-                    });
-            });
-        }
-
-        // 返回顶部功能
-        const goToTop = document.getElementById('goToTop');
-
-        // 监听滚动事件
-        window.addEventListener('scroll', function () {
-            if (window.pageYOffset > 300) {
-                goToTop.classList.add('show');
-            } else {
-                goToTop.classList.remove('show');
-            }
-        });
-
-        // 点击返回顶部
-        goToTop.addEventListener('click', function () {
-            window.scrollTo({
-                top: 0,
-                behavior: 'smooth'
-            });
-        });
-    });
-
-    // 更新文章访问次数
-    function updateArticleViews(articleId) {
-        fetch('/index/articles/updateViews', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                id: articleId
-            })
-        })
-            .then(response => response.json())
-            .then(result => {
-                if (result.code === 1) {
-                    // 更新成功，更新页面上的访问次数显示
-                    const viewsElement = document.getElementById('articleViews');
-                    if (viewsElement) {
-                        viewsElement.textContent = result.data.views;
-                    }
-                }
-            })
-            .catch(error => {
-                console.error('更新访问次数失败:', error);
-            });
-    }
-
-    // 分享功能
-    const shareBtn = document.getElementById('shareBtn');
-    if (shareBtn) {
-        shareBtn.addEventListener('click', function () {
-            // 获取当前页面URL
-            const currentUrl = window.location.href;
-
-            // 创建临时输入框
-            const tempInput = document.createElement('input');
-            tempInput.value = currentUrl;
-            document.body.appendChild(tempInput);
-
-            // 选择并复制文本
-            tempInput.select();
-            document.execCommand('copy');
-
-            // 移除临时输入框
-            document.body.removeChild(tempInput);
-
-            // 提示用户复制成功
-            alert('链接已复制到剪贴板');
-        });
-    }
-</script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/runtime/index/temp/69170ce622adbb0032543cdbee52d3fd.php b/runtime/index/temp/69170ce622adbb0032543cdbee52d3fd.php
index 2120802..eed742d 100644
--- a/runtime/index/temp/69170ce622adbb0032543cdbee52d3fd.php
+++ b/runtime/index/temp/69170ce622adbb0032543cdbee52d3fd.php
@@ -1,4 +1,4 @@
-<?php /*a:4:{s:49:"E:\Demo\PHP\yunzer\app\index\view\index\index.php";i:1746890051;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\header.php";i:1749125154;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\main.php";i:1748359853;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1749138336;}*/ ?>
+<?php /*a:4:{s:49:"E:\Demo\PHP\yunzer\app\index\view\index\index.php";i:1766587447;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\header.php";i:1766587447;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\main.php";i:1766587447;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 
@@ -10,13 +10,32 @@
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/bootstrap.min.css">
     <link rel="stylesheet" href="/static/css/fontawesome.css">
+    <link rel="stylesheet" href="/static/css/all.min.css">
 
     <script src="/static/layui/layui.js" charset="utf-8"></script>
     <script src="/static/js/bootstrap.bundle.js"></script>
+    <script src="/static/js/all.min.js"></script>
 </head>
 
 <body>
     <?php
+/**
+ * 商业使用授权协议
+ * 
+ * Copyright (c) 2025 [云泽网]. 保留所有权利.
+ * 
+ * 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
+ * 未经授权商业使用本软件属于侵权行为，将承担法律责任。
+ * 
+ * 授权购买请联系: 357099073@qq.com
+ * 官方网站: https://www.yunzer.cn
+ * 
+ * 评估用户须知:
+ * 1. 禁止移除版权声明
+ * 2. 禁止用于生产环境
+ * 3. 禁止转售或分发
+ */
+
 // 获取当前登录状态
 $isLoggedIn = false;
 $userInfo = [
@@ -87,6 +106,22 @@ $loginStatus = [
                     <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
                 </ul>
             </div>
+            <div class="main-menu__search">
+                <i class="layui-icon layui-icon-search search-icon" id="mainSearchIcon"></i>
+            </div>
+            <!-- 搜索蒙版 -->
+            <div class="search-mask" id="searchMask" style="">
+                <div class="search-container">
+                    <div class="search-box">
+                        <select id="searchType" class="search-type">
+                            <option value="articles">文章</option>
+                            <option value="resources">资源</option>
+                        </select>
+                        <input type="text" id="searchInput" placeholder="请输入搜索关键词">
+                        <button class="search-btn" id="searchBtn">搜索</button>
+                    </div>
+                </div>
+            </div>
             <div class="main-menu__right">
                 <div class="username">
                     <?php if ($userInfo['is_login']): ?>
@@ -143,14 +178,17 @@ $loginStatus = [
         </div>
         <div class="sticky-nav__menu">
             <ul>
-            <li><a href="/">首页</a></li>
-                    <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
-                    <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
-                    <li><a href="/index/program/index?cateid=2">办公资源</a></li>
-                    <li><a href="/index/program/index?cateid=1">程序下载</a></li>
-                    <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
+                <li><a href="/">首页</a></li>
+                <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
+                <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
+                <li><a href="/index/program/index?cateid=2">办公资源</a></li>
+                <li><a href="/index/program/index?cateid=1">程序下载</a></li>
+                <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
             </ul>
         </div>
+        <div class="sticky-nav__search">
+            <i class="layui-icon layui-icon-search search-icon" id="stickySearchIcon"></i>
+        </div>
         <div class="sticky-nav__right">
             <div class="main-menu__right">
                 <div class="username">
@@ -193,217 +231,6 @@ $loginStatus = [
     </div>
 </div>
 
-<style>
-    /* 用户头像样式 */
-    #userAvatar {
-        width: 40px;
-        height: 40px;
-        cursor: pointer;
-        transition: all 0.3s ease;
-    }
-
-    #userAvatar:hover {
-        transform: scale(1.05);
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    /* 下拉菜单容器 */
-    .user-dropdown {
-        position: absolute;
-        top: 50px;
-        right: 0;
-        width: 160px;
-        background: #fff;
-        border-radius: 4px;
-        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-        opacity: 0;
-        visibility: hidden;
-        transform: translateY(-10px);
-        transition: all 0.3s ease;
-        z-index: 9999;
-    }
-
-    .user-dropdown.show {
-        opacity: 1;
-        visibility: visible;
-        transform: translateY(0);
-    }
-
-    /* 下拉菜单列表 */
-    .user-dropdown ul {
-        margin: 0;
-        padding: 5px 0;
-        list-style: none;
-    }
-
-    /* 下拉菜单项 */
-    .user-dropdown li {
-        margin: 0;
-        padding: 0;
-    }
-
-    /* 下拉菜单链接 */
-    .user-dropdown li a {
-        display: flex;
-        align-items: center;
-        padding: 10px 15px;
-        color: #333;
-        text-decoration: none;
-        transition: all 0.3s ease;
-    }
-
-    /* 下拉菜单图标 */
-    .user-dropdown li a i {
-        margin-right: 10px;
-        font-size: 16px;
-        color: #666;
-    }
-
-    /* 下拉菜单文字 */
-    .user-dropdown li a span {
-        font-size: 14px;
-    }
-
-    /* 下拉菜单悬停效果 */
-    .user-dropdown li a:hover {
-        background: #f5f5f5;
-        color: #1E9FFF;
-    }
-
-    .user-dropdown li a:hover i {
-        color: #1E9FFF;
-    }
-
-    /* 分隔线 */
-    .user-dropdown li:not(:last-child) {
-        border-bottom: 1px solid #f0f0f0;
-    }
-
-    #userDropdownSticky a {
-        color: #0d6efd !important;
-    }
-
-    /* Banner样式 */
-    .banner-content {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .banner-image {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .banner-image img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        object-position: center;
-    }
-
-    .banner-text {
-        position: absolute;
-        top: 40%;
-        left: 10%;
-        z-index: 1;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        color: #fff;
-    }
-
-    .banner-text a {
-        text-decoration: none;
-        margin-top: 30px;
-    }
-
-    .banner-title {
-        font-size: 4em;
-        font-weight: 600;
-        margin-bottom: 10px;
-        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-    }
-
-    .banner-desc {
-        font-size: 2em;
-        font-weight: 400;
-        max-width: 800px;
-        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-    }
-
-    .banner-btn {
-        background: #fff;
-        color: #000;
-        padding: 10px 20px;
-        border-radius: 5px;
-        cursor: pointer;
-        transition: all 0.3s ease;
-    }
-
-    .banner-btn:hover {
-        background: #000;
-        color: #fff;
-    }
-
-    .banner-slider {
-        width: 100%;
-        height: 86vh;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .banner-container {
-        width: 100%;
-        height: 100%;
-    }
-
-    .banner-slide {
-        display: block;
-        width: 100%;
-        height: 100%;
-    }
-
-    .banner-slide img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        /* 关键：等比缩放并铺满 */
-        display: block;
-    }
-
-    .layui-carousel {
-        background: #f8f8f8;
-        margin: 0;
-        padding: 0;
-    }
-
-    /* 确保轮播容器和项目的高度正确 */
-    #test10,
-    #test10 [carousel-item],
-    #test10 [carousel-item]>* {
-        height: 86vh !important;
-    }
-
-    #test10 [carousel-item]>* {
-        background: none !important;
-    }
-
-    .main-menu__right {
-        display: flex;
-        align-items: center;
-    }
-
-    .username {
-        display: flex;
-        align-items: center;
-    }
-</style>
-
 <script>
     // 在页面加载时立即执行
     (function () {
@@ -435,8 +262,97 @@ $loginStatus = [
         }
     })();
 
-    layui.use(['carousel', 'form', 'layer'], function () {
-        var carousel = layui.carousel, form = layui.form, layer = layui.layer, $ = layui.$;
+    // 搜索功能相关代码
+    layui.use(['layer'], function () {
+        var layer = layui.layer;
+        var $ = layui.jquery;
+        
+        // 执行搜索
+        function executeSearch() {
+            var searchInput = document.getElementById('searchInput');
+            if (!searchInput) {
+                layer.msg('搜索组件初始化失败');
+                return;
+            }
+
+            var keyword = searchInput.value.trim();
+            var type = document.getElementById('searchType').value;
+            
+            if (!keyword) {
+                layer.msg('请输入搜索关键词');
+                return;
+            }
+            
+            // 跳转到统一的搜索结果页面
+            window.location.href = '/index/search/index?keyword=' + encodeURIComponent(keyword) + '&type=' + type;
+        }
+        
+        // 绑定事件
+        $(function() {
+            var searchMask = $('#searchMask');
+            var searchInput = $('#searchInput');
+            var searchBtn = $('#searchBtn');
+            var mainSearchIcon = $('#mainSearchIcon');
+            var stickySearchIcon = $('#stickySearchIcon');
+
+            // 显示搜索框
+            function showSearch() {
+                searchMask.addClass('show');
+                setTimeout(function() {
+                    searchInput.focus();
+                }, 300);
+            }
+
+            // 隐藏搜索框
+            function hideSearch() {
+                searchMask.removeClass('show');
+                searchInput.val('');
+            }
+
+            // 绑定搜索图标点击事件
+            mainSearchIcon.on('click', showSearch);
+            stickySearchIcon.on('click', showSearch);
+
+            // 绑定搜索按钮点击事件
+            searchBtn.on('click', function(e) {
+                e.preventDefault();
+                executeSearch();
+            });
+
+            // 绑定回车键搜索
+            searchInput.on('keypress', function(e) {
+                if (e.which === 13) {
+                    e.preventDefault();
+                    executeSearch();
+                }
+            });
+
+            // 点击遮罩层关闭搜索框
+            searchMask.on('click', function(e) {
+                if ($(e.target).hasClass('search-mask')) {
+                    hideSearch();
+                }
+            });
+
+            // 绑定ESC键关闭搜索框
+            $(document).on('keydown', function(e) {
+                if (e.keyCode === 27 && searchMask.hasClass('show')) {
+                    hideSearch();
+                }
+            });
+
+            // 输入框获得焦点时选中所有文本
+            searchInput.on('focus', function() {
+                this.select();
+            });
+        });
+    });
+
+    // 其他功能相关代码
+    layui.use(['carousel', 'form'], function () {
+        var carousel = layui.carousel;
+        var form = layui.form;
+        var $ = layui.$;
 
         // 检查本地存储并自动登录
         function checkAutoLogin() {
@@ -690,6 +606,326 @@ $loginStatus = [
         });
     });
 </script>
+
+<style>
+    /* 用户头像样式 */
+    #userAvatar {
+        width: 40px;
+        height: 40px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+    }
+
+    #userAvatar:hover {
+        transform: scale(1.05);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    }
+
+    /* 下拉菜单容器 */
+    .user-dropdown {
+        position: absolute;
+        top: 50px;
+        right: 0;
+        width: 160px;
+        background: #fff;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+        opacity: 0;
+        visibility: hidden;
+        transform: translateY(-10px);
+        transition: all 0.3s ease;
+        z-index: 9999;
+    }
+
+    .user-dropdown.show {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(0);
+    }
+
+    /* 下拉菜单列表 */
+    .user-dropdown ul {
+        margin: 0;
+        padding: 5px 0;
+        list-style: none;
+    }
+
+    /* 下拉菜单项 */
+    .user-dropdown li {
+        margin: 0;
+        padding: 0;
+    }
+
+    /* 下拉菜单链接 */
+    .user-dropdown li a {
+        display: flex;
+        align-items: center;
+        padding: 10px 15px;
+        color: #333;
+        text-decoration: none;
+        transition: all 0.3s ease;
+    }
+
+    /* 下拉菜单图标 */
+    .user-dropdown li a i {
+        margin-right: 10px;
+        font-size: 16px;
+        color: #666;
+    }
+
+    /* 下拉菜单文字 */
+    .user-dropdown li a span {
+        font-size: 14px;
+    }
+
+    /* 下拉菜单悬停效果 */
+    .user-dropdown li a:hover {
+        background: #f5f5f5;
+        color: #1E9FFF;
+    }
+
+    .user-dropdown li a:hover i {
+        color: #1E9FFF;
+    }
+
+    /* 分隔线 */
+    .user-dropdown li:not(:last-child) {
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    #userDropdownSticky a {
+        color: #0d6efd !important;
+    }
+
+    /* Banner样式 */
+    .banner-content {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+
+    .banner-image {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .banner-image img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center;
+    }
+
+    .banner-text {
+        position: absolute;
+        top: 40%;
+        left: 10%;
+        z-index: 1;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        color: #fff;
+    }
+
+    .banner-text a {
+        text-decoration: none;
+        margin-top: 30px;
+    }
+
+    .banner-title {
+        font-size: 4em;
+        font-weight: 600;
+        margin-bottom: 10px;
+        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+    }
+
+    .banner-desc {
+        font-size: 2em;
+        font-weight: 400;
+        max-width: 800px;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+    }
+
+    .banner-btn {
+        background: #fff;
+        color: #000;
+        padding: 10px 20px;
+        border-radius: 5px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+    }
+
+    .banner-btn:hover {
+        background: #000;
+        color: #fff;
+    }
+
+    .banner-slider {
+        width: 100%;
+        height: 86vh;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .banner-container {
+        width: 100%;
+        height: 100%;
+    }
+
+    .banner-slide {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+    .banner-slide img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        /* 关键：等比缩放并铺满 */
+        display: block;
+    }
+
+    .layui-carousel {
+        background: #f8f8f8;
+        margin: 0;
+        padding: 0;
+    }
+
+    /* 确保轮播容器和项目的高度正确 */
+    #test10,
+    #test10 [carousel-item],
+    #test10 [carousel-item]>* {
+        height: 86vh !important;
+    }
+
+    #test10 [carousel-item]>* {
+        background: none !important;
+    }
+
+    .main-menu__right {
+        display: flex;
+        align-items: center;
+    }
+
+    .username {
+        display: flex;
+        align-items: center;
+    }
+
+    .search-icon {
+        font-size: 20px;
+        cursor: pointer;
+        color: #333;
+        transition: color 0.3s ease;
+    }
+
+    .search-icon:hover {
+        color: #1e9fff;
+    }
+
+    .search-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.7);
+        z-index: 9999;
+        display: none;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .search-mask.show {
+        display: flex;
+        opacity: 1;
+    }
+
+    .search-container {
+        position: relative;
+        width: 80%;
+        padding: 20px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        transform: translateY(-20px);
+        transition: transform 0.3s ease;
+    }
+
+    .search-mask.show .search-container {
+        transform: translateY(0);
+    }
+
+    .search-box {
+        display: flex;
+        align-items: center;
+        height: 60px;
+        background: #fff;
+        border-radius: 30px;
+        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        overflow: hidden;
+    }
+
+    .search-box input {
+        flex: 1;
+        height: 100%;
+        padding: 0 20px;
+        border: none;
+        outline: none;
+        font-size: 16px;
+    }
+
+    .search-box button {
+        height: 100%;
+        padding: 0 30px;
+        border: none;
+        background: #1E9FFF;
+        color: #fff;
+        font-size: 16px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+    }
+
+    .search-box button:hover {
+        background: #1a8fe6;
+    }
+
+    .search-type {
+        height: 100%;
+        padding: 0 15px;
+        border: none;
+        border-right: 1px solid #eee;
+        background: #f8f8f8;
+        color: #666;
+        font-size: 14px;
+        cursor: pointer;
+        outline: none;
+        appearance: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+        background-repeat: no-repeat;
+        background-position: right 10px center;
+        background-size: 12px;
+        padding-right: 30px;
+    }
+
+    .search-type:hover {
+        background-color: #f0f0f0;
+    }
+
+    .search-type:focus {
+        background-color: #fff;
+        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+    }
+</style>
     <main class="main-content">
     <div class="container">
         <!-- 站点资讯模块 -->
@@ -706,7 +942,7 @@ $loginStatus = [
                         </div>
                     </div>
                 </div>
-                <div class="more-btn" onclick="window.open('/index/articles/index?cateid=1', '_blank')">更多</div>
+                <div class="more-btn" onclick="window.open('/index/articles/index?cateid=3', '_blank')">更多</div>
             </div>
             <div class="product-list" id="webArticlesList">
                 <!-- 文章将通过JavaScript动态加载 -->
@@ -748,7 +984,7 @@ $loginStatus = [
                         </div>
                     </div>
                 </div>
-                <div class="more-btn" onclick="window.open('/index/program/index?cateid=2', '_blank')">更多</div>
+                <div class="more-btn" onclick="window.open('/index/resources/index?cateid=2', '_blank')">更多</div>
             </div>
             <div class="product-list" id="resourcesDownloadList">
                 <!-- 文章将通过JavaScript动态加载 -->
@@ -769,7 +1005,7 @@ $loginStatus = [
                         </div>
                     </div>
                 </div>
-                <div class="more-btn" onclick="window.open('/index/program/index?cateid=1', '_blank')">更多</div>
+                <div class="more-btn" onclick="window.open('/index/resources/index?cateid=1', '_blank')">更多</div>
             </div>
             <div class="product-list" id="programDownloadList">
                 <!-- 程序将通过JavaScript动态加载 -->
@@ -790,7 +1026,7 @@ $loginStatus = [
                         </div>
                     </div>
                 </div>
-                <div class="more-btn" onclick="window.open('/index/game/index?cateid=8', '_blank')">更多</div>
+                <div class="more-btn" onclick="window.open('/index/resources/index?cateid=8', '_blank')">更多</div>
             </div>
             <div class="product-list" id="gameDownloadList">
                 <!-- 游戏将通过JavaScript动态加载 -->
@@ -982,17 +1218,17 @@ $loginStatus = [
     function bindTabEvents(moduleId) {
         const tabItems = document.querySelectorAll(`#${moduleId} .tab-item`);
         tabItems.forEach(tab => {
-            tab.addEventListener('click', function() {
+            tab.addEventListener('click', function () {
                 // 移除所有active类
                 tabItems.forEach(item => item.classList.remove('active'));
                 // 添加active类到当前点击的tab
                 this.classList.add('active');
-                
+
                 // 获取选中的分类ID
                 const selectedCategoryId = this.getAttribute('data-tab');
-                
+
                 // 根据不同模块加载对应数据
-                switch(moduleId) {
+                switch (moduleId) {
                     case 'opencourse':
                         loadCategoryArticles(selectedCategoryId, 'webArticlesList');
                         break;
@@ -1079,7 +1315,7 @@ $loginStatus = [
     // 创建文章HTML
     function createArticleHtml(article) {
         if (!article) return '';
-        
+
         // 格式化日期
         const publishDate = new Date(article.publishdate * 1000);
         const formattedDate = publishDate.toLocaleDateString('zh-CN', {
@@ -1087,7 +1323,7 @@ $loginStatus = [
             month: '2-digit',
             day: '2-digit'
         });
-        
+
         return `
             <div class="opencourse product-item" onclick="window.open('/index/articles/detail?id=${article.id || ''}', '_blank')">
                 <div class="video">
@@ -1123,7 +1359,7 @@ $loginStatus = [
     // 创建资源HTML
     function createResourceHtml(resource) {
         if (!resource) return '';
-        
+
         // 格式化日期
         const uploadDate = new Date(resource.uploaddate * 1000);
         const formattedDate = uploadDate.toLocaleDateString('zh-CN', {
@@ -1131,7 +1367,7 @@ $loginStatus = [
             month: '2-digit',
             day: '2-digit'
         });
-        
+
         // 格式化文件大小
         const formatFileSize = (bytes) => {
             if (bytes === 0) return '0 B';
@@ -1178,7 +1414,7 @@ $loginStatus = [
     // 创建程序HTML
     function createProgramHtml(program) {
         if (!program) return '';
-        
+
         // 格式化日期
         const createDate = new Date(program.create_time * 1000);
         const formattedDate = createDate.toLocaleDateString('zh-CN', {
@@ -1186,11 +1422,11 @@ $loginStatus = [
             month: '2-digit',
             day: '2-digit'
         });
-        
+
         return `
-            <div class="opencourse product-item" onclick="window.open('/index/program/detail?id=${program.id || ''}', '_blank')">
+            <div class="opencourse product-item" onclick="window.open('/index/resources/detail?id=${program.id || ''}', '_blank')">
                 <div class="video">
-                    <img src="${program.icon || '/static/images/default-program.png'}" alt="" class="cover">
+                    <img src="${program.icon || ''}" alt="" class="cover">
                 </div>
                 <div class="introduction">
                     <div class="title">${program.title || '无标题'}</div>
@@ -1266,9 +1502,9 @@ $loginStatus = [
     // 创建游戏HTML
     function createGameHtml(game) {
         if (!game) return '';
-        
+
         return `
-            <div class="opencourse product-item" onclick="window.open('/index/game/detail?id=${game.id || ''}', '_blank')">
+            <div class="opencourse product-item" onclick="window.open('/index/resources/detail?id=${game.id || ''}', '_blank')">
                 <div class="video">
                     <img src="${game.icon || '/static/images/default-game.png'}" alt="" class="cover">
                 </div>
@@ -1307,7 +1543,7 @@ $loginStatus = [
     }
 
     // 页面加载完成后执行
-    document.addEventListener('DOMContentLoaded', function() {
+    document.addEventListener('DOMContentLoaded', function () {
         loadWebArticles();
         loadTechArticles();
         loadResources();
diff --git a/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php b/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
index 651fc53..cd35052 100644
--- a/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
+++ b/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
@@ -1,4 +1,4 @@
-<?php /*a:5:{s:49:"E:\Demo\PHP\yunzer\app\index\view\game\detail.php";i:1748261449;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\head.php";i:1747649140;s:61:"E:\Demo\PHP\yunzer\app\index\view\component\header-simple.php";i:1748261449;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1747649140;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\foot.php";i:1746808046;}*/ ?>
+<?php /*a:5:{s:49:"E:\Demo\PHP\yunzer\app\index\view\game\detail.php";i:1766587447;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\head.php";i:1766587447;s:61:"E:\Demo\PHP\yunzer\app\index\view\component\header-simple.php";i:1766587447;s:54:"E:\Demo\PHP\yunzer\app\index\view\component\footer.php";i:1766587447;s:52:"E:\Demo\PHP\yunzer\app\index\view\component\foot.php";i:1766587447;}*/ ?>
 <!DOCTYPE html>
 <html>
 
@@ -10,40 +10,65 @@
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/bootstrap.min.css">
     <link rel="stylesheet" href="/static/css/fontawesome.css">
+    <link rel="stylesheet" href="/static/css/all.min.css">
 
     <script src="/static/layui/layui.js" charset="utf-8"></script>
+    <script src="/static/js/all.min.js"></script>
     <script src="/static/js/bootstrap.bundle.js"></script>
     <script charset="UTF-8" id="LA_COLLECT" src="//www.yunzer.cn/plugins/js-sdk-pro.min.js"></script>
     <script>LA.init({ id: "KoyzaWWEcLvPzkQn", ck: "KoyzaWWEcLvPzkQn", autoTrack: true, prefix: 'event' })</script>
 </head>
 
 <body>
+<?php
+/**
+ * 商业使用授权协议
+ * 
+ * Copyright (c) 2025 [云泽网]. 保留所有权利.
+ * 
+ * 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
+ * 未经授权商业使用本软件属于侵权行为，将承担法律责任。
+ * 
+ * 授权购买请联系: 357099073@qq.com
+ * 官方网站: https://www.yunzer.cn
+ * 
+ * 评估用户须知:
+ * 1. 禁止移除版权声明
+ * 2. 禁止用于生产环境
+ * 3. 禁止转售或分发
+ */
+
+// 获取当前登录状态
+$isLoggedIn = false;
+$userInfo = [
+    'is_login' => false,
+    'name' => '',
+    'avatar' => '/static/images/avatar.png' // 默认头像
+];
+
+// 检查cookie
+$userAccount = cookie('user_account');
+if ($userAccount) {
+    $isLoggedIn = true;
+    $userInfo = [
+        'is_login' => true,
+        'name' => cookie('user_name'),
+        'avatar' => cookie('user_avatar') ? cookie('user_avatar') : '/static/images/avatar.png'
+    ];
+}
+
+// 添加一个隐藏的div来存储登录状态
+$loginStatus = [
+    'isLoggedIn' => $isLoggedIn,
+    'userAccount' => $userAccount ?? ''
+];
+?>
+
+<!-- 添加一个隐藏的div来存储登录状态 -->
+<div id="loginStatus" style="display: none;" data-is-logged-in="<?php echo htmlentities((string) $isLoggedIn); ?>" data-user-account="<?php echo isset($userAccount) ? htmlentities((string) $userAccount) : ''; ?>">
+</div>
+
 <div style="display: flex;flex-direction: column;">
-<div class="topbar-one">
-        <div class="container">
-            <div style="width: 70%;">
-                <ul class="list-unstyled topbar-one__info">
-                    <li class="topbar-one__info__item">
-                        <span class="topbar-one__info__icon fas fa-phone-alt" style="margin-right: 10px;"></span>
-                        <a href="<?php echo htmlentities((string) $config['admin_phone']); ?>"><?php echo htmlentities((string) $config['admin_phone']); ?></a>
-                    </li>
-                    <li class="topbar-one__info__item">
-                        <span class="topbar-one__info__icon fas fa-envelope" style="margin-right: 10px;"></span>
-                        <a href="mailto:<?php echo htmlentities((string) $config['admin_email']); ?>"><?php echo htmlentities((string) $config['admin_email']); ?></a>
-                    </li>
-                </ul>
-            </div>
-            <div class="topbar-one__social" style="width: 30%;">
-                <a href="/index/user/login" class="mr-10"><i class="layui-icon layui-icon-username"></i> 登录</a>
-                <a href="/index/user/register" class="mr-10"><i class="layui-icon layui-icon-user"></i> 注册</a>
-                <a href="javascript:;" class="qrcode-trigger"><i class="layui-icon layui-icon-qrcode"></i> 公众号</a>
-                <div class="qrcode-popup"
-                    style="display:none;position:absolute;right:54px;top:32px;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1); z-index: 1000;">
-                    <img src="<?php echo htmlentities((string) $config['admin_wechat']); ?>" alt="公众号二维码" style="width:180px;height:180px;">
-                </div>
-            </div>
-        </div>
-    </div>
     <!-- 导航栏 -->
     <div class="main-menu">
         <div class="container">
@@ -52,34 +77,52 @@
             </div>
             <div class="main-menu__nav">
                 <ul class="main-menu__list">
-                    <li><a href="/index.html">首页</a></li>
-                    <li><a href="/about.html">关于我们</a></li>
-                    <li><a href="/products.html">产品服务</a></li>
-                    <li><a href="/contact.html">联系我们</a></li>
+                    <li><a href="/">首页</a></li>
+                    <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
+                    <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
+                    <li><a href="/index/program/index?cateid=2">办公资源</a></li>
+                    <li><a href="/index/program/index?cateid=1">程序下载</a></li>
+                    <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
                 </ul>
             </div>
+            <div class="main-menu__search">
+                <i class="layui-icon layui-icon-search search-icon" id="mainSearchIcon"></i>
+            </div>
             <div class="main-menu__right">
+                <div class="username">
+                    <?php if ($userInfo['is_login']): ?>
+                        <span class="username-text"><?php echo htmlentities((string) $userInfo['name']); ?></span>
+                    <?php endif; ?>
+                </div>
                 <div class="layui-inline">
-                    <div class="layui-inline" style="position: relative;">
-                        <img src="/static/images/avatar.webp" class="layui-circle"
-                            style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarMain">
-                        <div class="user-dropdown" id="userDropdownMain">
-                            <ul>
-                                <li>
-                                    <a href="/index/user/profile"><i
-                                            class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
-                                </li>
-                                <li>
-                                    <a href="/index/user/settings"><i
-                                            class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
-                                </li>
-                                <li>
-                                    <a href="javascript:;" class="logout-btn"><i
-                                            class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
-                                </li>
-                            </ul>
+                    <!-- 根据登录状态显示不同的内容 -->
+                    <?php if ($isLoggedIn): ?>
+                        <div class="layui-inline" style="position: relative;margin-left:20px;">
+                            <img src="<?php echo htmlentities((string) $userInfo['avatar']); ?>" class="layui-circle"
+                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
+                            <div class="user-dropdown" id="userDropdownSticky">
+                                <ul>
+                                    <li>
+                                        <a href="/index/user/profile"><i
+                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="/index/user/settings"><i
+                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" class="logout-btn"><i
+                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                    </div>
+                    <?php else: ?>
+                        <div class="layui-inline">
+                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
+                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
+                        </div>
+                    <?php endif; ?>
                 </div>
             </div>
         </div>
@@ -94,41 +137,406 @@
         </div>
         <div class="sticky-nav__menu">
             <ul>
-                <li><a href="/index.html">首页</a></li>
-                <li><a href="/about.html">关于我们</a></li>
-                <li><a href="/products.html">产品服务</a></li>
-                <li><a href="/contact.html">联系我们</a></li>
+                <li><a href="/">首页</a></li>
+                <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
+                <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
+                <li><a href="/index/program/index?cateid=2">办公资源</a></li>
+                <li><a href="/index/program/index?cateid=1">程序下载</a></li>
+                <li><a href="/index/game/index?cateid=8">游戏下载</a></li>
             </ul>
         </div>
+        <div class="sticky-nav__search">
+            <i class="layui-icon layui-icon-search search-icon" id="stickySearchIcon"></i>
+        </div>
         <div class="sticky-nav__right">
             <div class="main-menu__right">
+                <div class="username">
+                    <?php if ($userInfo['is_login']): ?>
+                        <span class="username-text"><?php echo htmlentities((string) $userInfo['name']); ?></span>
+                    <?php endif; ?>
+                </div>
                 <div class="layui-inline">
-                    <div class="layui-inline" style="position: relative;">
-                        <img src="/static/images/avatar.webp" class="layui-circle"
-                            style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
-                        <div class="user-dropdown" id="userDropdownSticky">
-                            <ul>
-                                <li>
-                                    <a href="/index/user/profile"><i
-                                            class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
-                                </li>
-                                <li>
-                                    <a href="/index/user/settings"><i
-                                            class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
-                                </li>
-                                <li>
-                                    <a href="javascript:;" class="logout-btn"><i
-                                            class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
-                                </li>
-                            </ul>
+                    <!-- 根据登录状态显示不同的内容 -->
+                    <?php if ($isLoggedIn): ?>
+                        <div class="layui-inline" style="position: relative;margin-left:20px;">
+                            <img src="<?php echo htmlentities((string) $userInfo['avatar']); ?>" class="layui-circle"
+                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
+                            <div class="user-dropdown" id="userDropdownSticky">
+                                <ul>
+                                    <li>
+                                        <a href="/index/user/profile"><i
+                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="/index/user/settings"><i
+                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="javascript:;" class="logout-btn"><i
+                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                    </div>
+                    <?php else: ?>
+                        <div class="layui-inline">
+                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
+                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
+                        </div>
+                    <?php endif; ?>
                 </div>
             </div>
         </div>
     </div>
 </div>
 
+<!-- 搜索遮罩 -->
+<div class="search-mask" id="searchMask">
+    <div class="search-container">
+        <div class="search-box">
+            <select id="searchType" class="search-type">
+                <option value="articles">文章</option>
+                <option value="resources">资源</option>
+            </select>
+            <input type="text" id="searchInput" placeholder="请输入搜索关键词">
+            <button id="searchBtn">搜索</button>
+        </div>
+    </div>
+</div>
+
+<script>
+    // 在页面加载时立即执行
+    (function () {
+        // 检查是否已经刷新过
+        if (sessionStorage.getItem('has_refreshed') === 'true') {
+            return;
+        }
+
+        // 检查localStorage中是否有用户账号
+        var userAccount = localStorage.getItem('user_account');
+        if (userAccount) {
+            // 同步到cookie
+            document.cookie = "user_account=" + userAccount + "; path=/";
+
+            // 如果有其他必要的数据，也同步到cookie
+            var userId = localStorage.getItem('user_id');
+            var userName = localStorage.getItem('user_name');
+            var userAvatar = localStorage.getItem('user_avatar');
+
+            if (userId) document.cookie = "user_id=" + userId + "; path=/";
+            if (userName) document.cookie = "user_name=" + userName + "; path=/";
+            if (userAvatar) document.cookie = "user_avatar=" + userAvatar + "; path=/";
+
+            // 刷新页面以应用新的cookie，并标记已刷新
+            if (!document.cookie.includes('user_id')) {
+                sessionStorage.setItem('has_refreshed', 'true');
+                window.location.reload();
+            }
+        }
+    })();
+
+    layui.use(['carousel', 'form', 'layer'], function () {
+        var carousel = layui.carousel, form = layui.form, layer = layui.layer, $ = layui.$;
+
+        // 检查本地存储并自动登录
+        function checkAutoLogin() {
+            // 如果已经登录，不再执行自动登录
+            if ($('#userAvatarMain').length > 0) {
+                return;
+            }
+
+            // 如果已经尝试过自动登录，不再执行
+            if (sessionStorage.getItem('auto_login_attempted') === 'true') {
+                return;
+            }
+
+            // 从localStorage获取用户账号
+            var userAccount = localStorage.getItem('user_account');
+            if (userAccount) {
+                // 标记已尝试自动登录
+                sessionStorage.setItem('auto_login_attempted', 'true');
+
+                // 发送自动登录请求
+                $.ajax({
+                    url: '/index/user/login',
+                    type: 'POST',
+                    data: {
+                        account: userAccount,
+                        password: atob(localStorage.getItem('user_password'))
+                    },
+                    dataType: 'json',
+                    success: function (res) {
+                        if (res.code === 0) {
+                            // 设置cookie
+                            document.cookie = "user_id=" + res.data.id + "; path=/";
+                            document.cookie = "user_name=" + res.data.name + "; path=/";
+                            document.cookie = "user_avatar=" + res.data.avatar + "; path=/";
+                            document.cookie = "user_account=" + userAccount + "; path=/";
+
+                            // 同时更新localStorage
+                            localStorage.setItem('user_id', res.data.id);
+                            localStorage.setItem('user_name', res.data.name);
+                            localStorage.setItem('user_avatar', res.data.avatar);
+
+                            // 登录成功，强制刷新页面
+                            window.location.href = window.location.href + '?t=' + new Date().getTime();
+                        } else {
+                            // 登录失败，清除所有相关存储
+                            localStorage.removeItem('user_account');
+                            localStorage.removeItem('user_password');
+                            sessionStorage.removeItem('auto_login_attempted');
+                        }
+                    }
+                });
+            }
+        }
+
+        // 页面加载时检查自动登录
+        checkAutoLogin();
+
+        $(document).ready(function () {
+            // 主导航头像
+            $("#userAvatarMain").click(function (e) {
+                e.stopPropagation();
+                $("#userDropdownMain").toggleClass("show");
+                $("#userDropdownSticky").removeClass("show"); // 保证只显示一个
+            });
+            // 固定导航头像
+            $("#userAvatarSticky").click(function (e) {
+                e.stopPropagation();
+                $("#userDropdownSticky").toggleClass("show");
+                $("#userDropdownMain").removeClass("show"); // 保证只显示一个
+            });
+
+            // 点击页面其他地方隐藏所有菜单
+            $(document).click(function (e) {
+                if (!$(e.target).closest('.user-dropdown, #userAvatarMain, #userAvatarSticky').length) {
+                    $("#userDropdownMain, #userDropdownSticky").removeClass("show");
+                }
+            });
+
+            // 点击菜单项时隐藏菜单
+            $("#userDropdownMain li a, #userDropdownSticky li a").click(function () {
+                $("#userDropdownMain, #userDropdownSticky").removeClass("show");
+            });
+        });
+
+        // 退出登录
+        $('.logout-btn').on('click', function () {
+            layer.confirm('确定要退出登录吗？', {
+                btn: ['确定', '取消']
+            }, function () {
+                // 先发送退出请求
+                $.ajax({
+                    url: '/index/user/logout',
+                    type: 'POST',
+                    dataType: 'json',
+                    success: function (res) {
+                        if (res.code === 0) {
+                            // 清除localStorage
+                            localStorage.removeItem('user_account');
+                            localStorage.removeItem('user_password');
+                            localStorage.removeItem('user_id');
+                            localStorage.removeItem('user_name');
+                            localStorage.removeItem('user_avatar');
+
+                            // 清除sessionStorage
+                            sessionStorage.removeItem('auto_login_attempted');
+                            sessionStorage.removeItem('has_refreshed');
+
+                            // 清除cookie
+                            document.cookie = "user_id=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_avatar=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_account=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+                            document.cookie = "user_password=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+
+                            // 强制刷新页面，不使用缓存
+                            window.location.href = window.location.href + '?t=' + new Date().getTime();
+                        }
+                    }
+                });
+            });
+        });
+
+        // 监听滚动事件
+        $(window).scroll(function () {
+            var scrollTop = $(window).scrollTop();
+            if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
+                $('.sticky-nav').fadeIn();
+            } else {
+                $('.sticky-nav').fadeOut();
+            }
+        });
+
+        // 公众号二维码
+        const trigger = document.querySelector('.qrcode-trigger');
+        const popup = document.querySelector('.qrcode-popup');
+
+        // 鼠标移入显示二维码
+        trigger.addEventListener('mouseenter', function () {
+            popup.style.display = 'block';
+        });
+
+        // 鼠标移出隐藏二维码
+        trigger.addEventListener('mouseleave', function () {
+            popup.style.display = 'none';
+        });
+
+        // 鼠标移入二维码区域时保持显示
+        popup.addEventListener('mouseenter', function () {
+            popup.style.display = 'block';
+        });
+
+        // 鼠标移出二维码区域时隐藏
+        popup.addEventListener('mouseleave', function () {
+            popup.style.display = 'none';
+        });
+
+        form.on('submit(accountLogin)', function (data) {
+            $.ajax({
+                url: '<?php echo url("index/user/login"); ?>',
+                type: 'POST',
+                data: data.field,
+                dataType: 'json',
+                success: function (res) {
+                    if (res.code === 0) {
+                        // 存储登录数据，设置7天过期
+                        var expireTime = new Date().getTime() + 7 * 24 * 60 * 60 * 1000;
+
+                        // 设置localStorage
+                        localStorage.setItem('user_account', data.field.account);
+                        localStorage.setItem('user_password', btoa(data.field.password));
+                        localStorage.setItem('expire_time', expireTime);
+                        localStorage.setItem('is_auto_login', 'true');
+
+                        // 设置cookie
+                        document.cookie = "user_id=" + res.data.id + "; path=/";
+                        document.cookie = "user_name=" + res.data.name + "; path=/";
+                        document.cookie = "user_avatar=" + res.data.avatar + "; path=/";
+                        document.cookie = "expire_time=" + expireTime + "; path=/";
+                        document.cookie = "is_auto_login=true; path=/";
+                        document.cookie = "user_account=" + data.field.account + "; path=/";
+                        document.cookie = "user_password=" + btoa(data.field.password) + "; path=/";
+
+                        // 设置sessionStorage
+                        sessionStorage.setItem('auto_login_attempted', 'true');
+
+                        layer.msg('登录成功', {
+                            icon: 1,
+                            time: 2000,
+                            shade: 0.3
+                        }, function () {
+                            // 获取当前页面URL
+                            var currentUrl = window.location.href;
+
+                            // 如果当前页面是登录页面，则跳转到首页
+                            if (currentUrl.includes('/index/user/login')) {
+                                window.location.href = '/index.html';
+                            } else {
+                                // 否则刷新当前页面
+                                window.location.href = currentUrl + '?t=' + new Date().getTime();
+                            }
+                        });
+                    } else {
+                        layer.msg(res.msg, {
+                            icon: 2,
+                            time: 2000
+                        });
+                    }
+                }
+            });
+            return false;
+        });
+    });
+
+    // 搜索功能相关代码
+    layui.use(['layer'], function () {
+        var layer = layui.layer;
+        var $ = layui.jquery;
+        
+        // 执行搜索
+        function executeSearch() {
+            var searchInput = document.getElementById('searchInput');
+            if (!searchInput) {
+                layer.msg('搜索组件初始化失败');
+                return;
+            }
+
+            var keyword = searchInput.value.trim();
+            var type = document.getElementById('searchType').value;
+            
+            if (!keyword) {
+                layer.msg('请输入搜索关键词');
+                return;
+            }
+            
+            // 跳转到统一的搜索结果页面
+            window.location.href = '/index/search/index?keyword=' + encodeURIComponent(keyword) + '&type=' + type;
+        }
+        
+        // 绑定事件
+        $(function() {
+            var searchMask = $('#searchMask');
+            var searchInput = $('#searchInput');
+            var searchBtn = $('#searchBtn');
+            var mainSearchIcon = $('#mainSearchIcon');
+            var stickySearchIcon = $('#stickySearchIcon');
+
+            // 显示搜索框
+            function showSearch() {
+                searchMask.addClass('show');
+                setTimeout(function() {
+                    searchInput.focus();
+                }, 300);
+            }
+
+            // 隐藏搜索框
+            function hideSearch() {
+                searchMask.removeClass('show');
+                searchInput.val('');
+            }
+
+            // 绑定搜索图标点击事件
+            mainSearchIcon.on('click', showSearch);
+            stickySearchIcon.on('click', showSearch);
+
+            // 绑定搜索按钮点击事件
+            searchBtn.on('click', function(e) {
+                e.preventDefault();
+                executeSearch();
+            });
+
+            // 绑定回车键搜索
+            searchInput.on('keypress', function(e) {
+                if (e.which === 13) {
+                    e.preventDefault();
+                    executeSearch();
+                }
+            });
+
+            // 点击遮罩层关闭搜索框
+            searchMask.on('click', function(e) {
+                if ($(e.target).hasClass('search-mask')) {
+                    hideSearch();
+                }
+            });
+
+            // 绑定ESC键关闭搜索框
+            $(document).on('keydown', function(e) {
+                if (e.keyCode === 27 && searchMask.hasClass('show')) {
+                    hideSearch();
+                }
+            });
+
+            // 输入框获得焦点时选中所有文本
+            searchInput.on('focus', function() {
+                this.select();
+            });
+        });
+    });
+</script>
+
 <style>
     /* 用户头像样式 */
     #userAvatar {
@@ -328,123 +736,198 @@
     #test10 [carousel-item]>* {
         background: none !important;
     }
+
+    .main-menu__right {
+        display: flex;
+        align-items: center;
+    }
+
+    .username {
+        display: flex;
+        align-items: center;
+    }
+
+    /* 搜索相关样式 */
+    .search-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.7);
+        z-index: 9999;
+        display: none;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .search-mask.show {
+        display: flex;
+        opacity: 1;
+    }
+
+    .search-container {
+        position: relative;
+        width: 80%;
+        padding: 20px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        transform: translateY(-20px);
+        transition: transform 0.3s ease;
+    }
+
+    .search-mask.show .search-container {
+        transform: translateY(0);
+    }
+
+    .search-box {
+        display: flex;
+        align-items: center;
+        height: 60px;
+        background: #fff;
+        border-radius: 30px;
+        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        overflow: hidden;
+    }
+
+    .search-box input {
+        flex: 1;
+        height: 100%;
+        padding: 0 20px;
+        border: none;
+        outline: none;
+        font-size: 16px;
+    }
+
+    .search-box button {
+        height: 100%;
+        padding: 0 30px;
+        border: none;
+        background: #1E9FFF;
+        color: #fff;
+        font-size: 16px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+    }
+
+    .search-box button:hover {
+        background: #1a8fe6;
+    }
+
+    .search-icon {
+        font-size: 20px;
+        cursor: pointer;
+        color: #333;
+        transition: color 0.3s ease;
+    }
+
+    .search-icon:hover {
+        color: #1e9fff;
+    }
+
+    .search-type {
+        height: 100%;
+        padding: 0 15px;
+        border: none;
+        border-right: 1px solid #eee;
+        background: #f8f8f8;
+        color: #666;
+        font-size: 14px;
+        cursor: pointer;
+        outline: none;
+        appearance: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+        background-repeat: no-repeat;
+        background-position: right 10px center;
+        background-size: 12px;
+        padding-right: 30px;
+    }
+
+    .search-type:hover {
+        background-color: #f0f0f0;
+    }
+
+    .search-type:focus {
+        background-color: #fff;
+        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+    }
+
+    .search-results {
+        padding: 15px;
+        max-height: 370px;
+        overflow-y: auto;
+    }
+
+    .search-section {
+        margin-bottom: 20px;
+    }
+
+    .search-section h3 {
+        font-size: 16px;
+        color: #333;
+        margin-bottom: 10px;
+        padding-bottom: 5px;
+        border-bottom: 1px solid #eee;
+    }
+
+    .search-section ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .search-section li {
+        padding: 8px 0;
+        border-bottom: 1px dashed #eee;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .search-section li:last-child {
+        border-bottom: none;
+    }
+
+    .search-section a {
+        color: #333;
+        text-decoration: none;
+        flex: 1;
+    }
+
+    .search-section a:hover {
+        color: #1E9FFF;
+    }
+
+    .search-section .downloads {
+        color: #1E9FFF;
+        font-size: 12px;
+        margin-left: 10px;
+    }
+
+    /* 自定义滚动条样式 */
+    .search-results::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    .search-results::-webkit-scrollbar-track {
+        background: #f1f1f1;
+        border-radius: 3px;
+    }
+
+    .search-results::-webkit-scrollbar-thumb {
+        background: #ccc;
+        border-radius: 3px;
+    }
+
+    .search-results::-webkit-scrollbar-thumb:hover {
+        background: #999;
+    }
 </style>
-
-<script>
-    layui.use(['carousel', 'form', 'layer'], function () {
-        var carousel = layui.carousel, form = layui.form, layer = layui.layer, $ = layui.$;
-
-        // 加载banner数据
-        $.ajax({
-            url: '/index/index/bannerlist',
-            type: 'GET',
-            success: function (res) {
-                if (res.code === 1) {
-                    var bannerHtml = '';
-                    res.banner.forEach(function (banner) {
-                        bannerHtml += '<div>' +
-                            '<div class="banner-content">' +
-                            '<div class="banner-image">' +
-                            '<img src="' + banner.image + '" alt="' + (banner.title || '') + '">' +
-                            '</div>' +
-                            '<div class="banner-text">' +
-                            '<span class="banner-title">' + (banner.title || '') + '</span>' +
-                            '<span class="banner-desc">' + (banner.desc || '') + '</span>' +
-                            '<a href="' + (banner.url || 'javascript:;') + '" class="banner-slide">' +
-                            '<span class="banner-btn">查看详情</span>' +
-                            '</a>' +
-                            '</div>' +
-                            '</div>' +
-                            '</div>';
-                    });
-                    $('#test10 div[carousel-item]').html(bannerHtml);
-
-                    // 图片轮播
-                    carousel.render({
-                        elem: '#test10',
-                        width: '100%',
-                        height: '100vh',
-                        interval: 4000,
-                        anim: 'fade',
-                        autoplay: true,
-                        full: false,
-                        arrow: 'hover'
-                    });
-                }
-            }
-        });
-
-        $(document).ready(function () {
-            // 主导航头像
-            $("#userAvatarMain").click(function (e) {
-                e.stopPropagation();
-                $("#userDropdownMain").toggleClass("show");
-                $("#userDropdownSticky").removeClass("show"); // 保证只显示一个
-            });
-            // 固定导航头像
-            $("#userAvatarSticky").click(function (e) {
-                e.stopPropagation();
-                $("#userDropdownSticky").toggleClass("show");
-                $("#userDropdownMain").removeClass("show"); // 保证只显示一个
-            });
-
-            // 点击页面其他地方隐藏所有菜单
-            $(document).click(function (e) {
-                if (!$(e.target).closest('.user-dropdown, #userAvatarMain, #userAvatarSticky').length) {
-                    $("#userDropdownMain, #userDropdownSticky").removeClass("show");
-                }
-            });
-
-            // 点击菜单项时隐藏菜单
-            $("#userDropdownMain li a, #userDropdownSticky li a").click(function () {
-                $("#userDropdownMain, #userDropdownSticky").removeClass("show");
-            });
-        });
-
-        // 退出登录
-        $('.logout-btn').on('click', function () {
-            layer.confirm('确定要退出登录吗？', {
-                btn: ['确定', '取消']
-            }, function () {
-                window.location.href = '/index/user/logout';
-            });
-        });
-
-        // 监听滚动事件
-        $(window).scroll(function () {
-            var scrollTop = $(window).scrollTop();
-            if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
-                $('.sticky-nav').fadeIn();
-            } else {
-                $('.sticky-nav').fadeOut();
-            }
-        });
-
-        // 公众号二维码
-        const trigger = document.querySelector('.qrcode-trigger');
-        const popup = document.querySelector('.qrcode-popup');
-
-        // 鼠标移入显示二维码
-        trigger.addEventListener('mouseenter', function () {
-            popup.style.display = 'block';
-        });
-
-        // 鼠标移出隐藏二维码
-        trigger.addEventListener('mouseleave', function () {
-            popup.style.display = 'none';
-        });
-
-        // 鼠标移入二维码区域时保持显示
-        popup.addEventListener('mouseenter', function () {
-            popup.style.display = 'block';
-        });
-
-        // 鼠标移出二维码区域时隐藏
-        popup.addEventListener('mouseleave', function () {
-            popup.style.display = 'none';
-        });
-    });
-</script>
 <div class="main">
     <div class="main-top">
         <div class="main-top-main">
@@ -489,11 +972,17 @@
                         <div class="game-info">
                             <div class="title">Free</div>
                             <div class="infos">
-                                <div class="infoitem"><span>更新时间：</span><?php echo date('Y-m-d', $game['create_time']); ?></div>
-                                <div class="infoitem"><span>所属分类：</span><?php echo $cateName; ?></div>
-                                <div class="infoitem"><span>程序编号：</span><?php echo $game['number']; ?></div>
-                                <div class="infoitem"><span>查看：</span><?php echo $game['views']; ?></div>
-                                <div class="infoitem"><span>下载：</span><?php echo $game['downloads']; ?></div>
+                                <div class="infoitem"><span>更新时间：</span><span
+                                        class="infoitem-value"><?php echo date('Y-m-d', $game['create_time']); ?></span>
+                                </div>
+                                <div class="infoitem"><span>所属分类：</span><span
+                                        class="infoitem-value"><?php echo $cateName; ?></span></div>
+                                <div class="infoitem"><span>程序编号：</span><span
+                                        class="infoitem-value"><?php echo $game['number']; ?></span></div>
+                                <div class="infoitem"><span>查看：</span><span
+                                        class="infoitem-value"><?php echo $game['views']; ?></span></div>
+                                <div class="infoitem"><span>下载：</span><span
+                                        class="infoitem-value"><?php echo $game['downloads']; ?></span></div>
                             </div>
                         </div>
                     </div>
@@ -635,6 +1124,10 @@
         <p class="copyright__text">Copyright <span class="dynamic-year">2025</span> | All Rights By <a
                 href="http://www.yunzer.cn">Yunzer</a></p>
     </div>
+    <div class="container wow fadeInUp animated" data-wow-delay="400ms"
+        style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow"><?php echo htmlentities((string) $config['admin_icp']); ?></a>
+    </div>
     <div class="tongji">
         <script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8"
             src="https://v6-widget.51.la/v6/KoyzaWWEcLvPzkQn/quote.js?theme=#1690FF,#FFFFFF,#999999,#FFFFFF,#FFFFFF,#1690FF,12&f=12"></script>
@@ -643,7 +1136,7 @@
 
 <script>
     // 页面加载完成后执行
-    document.addEventListener('DOMContentLoaded', function() {
+    document.addEventListener('DOMContentLoaded', function () {
         // 获取游戏ID
         const gameId = new URLSearchParams(window.location.search).get('id');
         if (!gameId) {
@@ -653,10 +1146,10 @@
 
         // 获取游戏详情
         fetch('/index/game/detail?id=' + gameId, {
-                headers: {
-                    'X-Requested-With': 'XMLHttpRequest'
-                }
-            })
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            }
+        })
             .then(response => response.json())
             .then(result => {
                 if (result.code === 1) {
@@ -695,13 +1188,13 @@
         // 下载功能
         const downloadBtn = document.getElementById('downloadBtn');
         if (downloadBtn) {
-            downloadBtn.addEventListener('click', function() {
+            downloadBtn.addEventListener('click', function () {
                 fetch('/index/game/downloadurl?id=' + gameId, {
-                        method: 'GET',
-                        headers: {
-                            'X-Requested-With': 'XMLHttpRequest'
-                        }
-                    })
+                    method: 'GET',
+                    headers: {
+                        'X-Requested-With': 'XMLHttpRequest'
+                    }
+                })
                     .then(response => {
                         if (!response.ok) {
                             throw new Error('网络响应失败');
@@ -736,7 +1229,7 @@
         //复制分享码
         const codeBtn = document.getElementById('codeBtn');
         if (codeBtn) {
-            codeBtn.addEventListener('click', function() {
+            codeBtn.addEventListener('click', function () {
                 const code = '<?php echo $game['code']; ?>';
                 if (code) {
                     // 创建一个临时输入框
@@ -766,7 +1259,7 @@
         const goToTop = document.getElementById('goToTop');
 
         // 监听滚动事件
-        window.addEventListener('scroll', function() {
+        window.addEventListener('scroll', function () {
             if (window.pageYOffset > 300) {
                 goToTop.classList.add('show');
             } else {
@@ -775,7 +1268,7 @@
         });
 
         // 点击返回顶部
-        goToTop.addEventListener('click', function() {
+        goToTop.addEventListener('click', function () {
             window.scrollTo({
                 top: 0,
                 behavior: 'smooth'
@@ -786,13 +1279,13 @@
     // 更新游戏访问次数
     function updateGameViews(gameId) {
         fetch('/index/game/updateViews', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                    'X-Requested-With': 'XMLHttpRequest'
-                },
-                body: 'id=' + gameId
-            })
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+                'X-Requested-With': 'XMLHttpRequest'
+            },
+            body: 'id=' + gameId
+        })
             .then(response => response.json())
             .then(result => {
                 if (result.code === 1) {
@@ -1205,6 +1698,14 @@
     .disclaimer-content p {
         margin-bottom: 0;
     }
+
+    .infoitem-value {
+        border: 1px #0d6efd dashed;
+        padding: 3px 6px;
+        font-size: 13px;
+        background-color: #0081ff12;
+        border-radius: 5px;
+    }
 </style>
 
 </body>