Merge branch 'master' of https://git.yunzer.cn/yunzerwebsite/yunzer

2025-05-21 16:51:36 +08:00 · 2025-05-21 16:51:36 +08:00 · 40d1625a22
commit 40d1625a22
parent d3dfd860b3 7447661a21
120 changed files with 5545 additions and 286 deletions
--- a/app/admin/controller/IndexController.php
+++ b/app/admin/controller/IndexController.php
@ -354,7 +354,7 @@ class IndexController extends Base{
 		try {
 			// 验证上传的文件
 			validate([
-				'image'=>'filesize:10240|fileExt:jpg,png,gif,jpeg'
+				'image'=>'filesize:51200|fileExt:jpg,png,gif,jpeg'
 			])->check($file);
 			
 			// 存储文件到public磁盘的uploads目录
--- a/app/admin/controller/ResourcesController.php
+++ b/app/admin/controller/ResourcesController.php
@ -106,9 +106,13 @@ class ResourcesController extends BaseController
                'url' => input('post.url'),
                'fileurl' => input('post.fileurl'),
                'code' => input('post.code'),
+                'zipcode' => input('post.zipcode'),
                'uploader' => input('post.uploader'),
                'desc' => input('post.desc'),
+                'content' => input('post.content'),
+                'number' => input('post.number'),
                'status' => input('post.status', 1),
+
                'create_time' => time()
            ];

@ -131,9 +135,7 @@ class ResourcesController extends BaseController
        }
    }

-    /**
-     * 编辑资源
-     */
+    // 编辑资源
    public function edit()
    {
        if (Request::isPost()) {
@ -154,7 +156,10 @@ class ResourcesController extends BaseController
                'fileurl' => $data['fileurl'],
                'url' => $data['url'],
                'code' => $data['code'],
+                'zipcode' => $data['zipcode'],
                'sort' => $data['sort'],
+                'number' => $data['number'],
+                'content' => $data['content'],
                'update_time' => time()
            ];

@ -226,6 +231,29 @@ class ResourcesController extends BaseController
            ->order('sort asc, id asc')
            ->select()
            ->toArray();
+            
+        // 获取每个分类下的资源总数
+        foreach ($lists as &$item) {
+            if ($item['cid'] == 0) {
+                // 父级分类 - 统计所有子分类的资源总数
+                $childIds = ResourceCategory::where('cid', $item['id'])
+                    ->where('delete_time', null)
+                    ->where('status', 1)
+                    ->column('id');
+                    
+                $item['total'] = Resource::where('cate', 'in', array_merge([$item['id']], $childIds))
+                    ->where('delete_time', null)
+                    ->where('status', '<>', 3)
+                    ->count();
+            } else {
+                // 子分类 - 只统计当前分类的资源
+                $item['total'] = Resource::where('cate', $item['id'])
+                    ->where('delete_time', null)
+                    ->where('status', '<>', 3)
+                    ->count();
+            }
+        }
+        
        $tree = $this->buildParentChild($lists);
        return json(['code' => 0, 'msg' => '获取成功', 'data' => $tree]);
    }
@ -238,6 +266,7 @@ class ResourcesController extends BaseController
                'name' => input('post.name'),
                'icon' => input('post.icon'),
                'cid' => input('post.cid'),
+                'number' => input('post.number'),
                'sort' => input('post.sort', 0),
                'status' => input('post.status', 1),
                'create_time' => time()
@ -276,6 +305,7 @@ class ResourcesController extends BaseController
                'name' => input('post.name'),
                'icon' => input('post.icon'),
                'cid' => input('post.cid'),
+                'number' => input('post.number'),
                'sort' => input('post.sort', 0),
                'status' => input('post.status', 1),
                'update_time' => time()
--- a/app/admin/view/resources/add.php
+++ b/app/admin/view/resources/add.php
@ -22,12 +22,20 @@
        <div class="layui-form-item">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-block">
-                <select name="cate" lay-verify="required">
+                <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" lay-affix="clear" disabled>
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <label class="layui-form-label">描述</label>
            <div class="layui-input-block">
@ -39,7 +47,7 @@
            <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" lay-affix="clear">
+                    autocomplete="off" class="layui-input" lay-affix="clear" value="{$aUser['name']}">
            </div>
        </div>

@ -104,6 +112,14 @@
            </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" lay-affix="clear">
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
@ -111,6 +127,16 @@
            </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>
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
@ -120,6 +146,7 @@
    </form>
 </div>

+<script src="/static/js/wangeditor.js"></script>
 <script>
    layui.use(['form', 'layer'], function () {
        var form = layui.form;
@ -220,14 +247,92 @@
                });
                $('select[name="cate"]').html(html);
                form.render('select');
+
+                // 存储分类数据供后续使用
+                window.categoryData = res.data;
            } else {
                layer.msg(res.msg, { icon: 2 });
            }
        });

+        // 监听分类选择变化
+        form.on('select(cate)', function(data) {
+            var selectedId = data.value;
+            if (!selectedId) {
+                $('input[name="number"]').val('');
+                return;
+            }
+
+            // 递归查找分类信息的函数
+            function findCategory(categories, targetId) {
+                for (let category of categories) {
+                    // 检查当前分类
+                    if (category.id == targetId) {
+                        return {
+                            parent: null,
+                            current: category,
+                            total: category.total || 0
+                        };
+                    }
+                    // 检查子分类
+                    if (category.children && category.children.length > 0) {
+                        for (let child of category.children) {
+                            if (child.id == targetId) {
+                                return {
+                                    parent: category,
+                                    current: child,
+                                    total: child.total || 0
+                                };
+                            }
+                            // 递归检查更深层级的子分类
+                            if (child.children && child.children.length > 0) {
+                                const result = findCategory([child], targetId);
+                                if (result) {
+                                    return result;
+                                }
+                            }
+                        }
+                    }
+                }
+                return null;
+            }
+
+            // 查找选中的分类信息
+            const categoryInfo = findCategory(window.categoryData, selectedId);
+
+            if (categoryInfo) {
+                // 生成资源编号
+                var nextNumber = categoryInfo.total + 1;
+                var numberStr = nextNumber.toString().padStart(5, '0');
+                var resourceNumber = '';
+                
+                // 构建编号前缀
+                if (categoryInfo.parent) {
+                    resourceNumber = categoryInfo.parent.number + categoryInfo.current.number;
+                } else {
+                    resourceNumber = categoryInfo.current.number;
+                }
+                
+                // 添加序号
+                resourceNumber += numberStr;
+                
+                // 设置资源编号
+                $('input[name="number"]').val(resourceNumber);
+            }
+        });
+
        // 表单提交
        form.on('submit(formSubmit)', function (data) {
+            // 获取编辑器内容
+            var content = editor.getHtml();
+            if (!content || content === '<p><br></p>') {
+                layer.msg('请输入文章内容', { icon: 2 });
+                return false;
+            }
+
            var loadIndex = layer.load(2);
+            data.field.content = content;
+            
            $.ajax({
                url: '{:url("resources/add")}',
                type: 'POST',
@ -272,6 +377,86 @@
    });
 </script>

+<!-- wangeditor编辑器脚本 -->
+<script>
+    const { createEditor, createToolbar } = window.wangEditor
+
+    const editorConfig = {
+        MENU_CONF: {},
+        placeholder: '请输入内容...',
+        onChange(editor) {
+            const html = editor.getHtml()
+        },
+    }
+
+    // 配置图片上传
+    editorConfig.MENU_CONF['uploadImage'] = {
+        server: '{:url("index/upload_img")}',
+        fieldName: 'file',
+        maxFileSize: 50 * 1024 * 1024, // 50M
+        maxNumberOfFiles: 10,
+        allowedFileTypes: ['image/*'],
+        meta: {
+            token: 'xxx'
+        },
+        metaWithUrl: true,
+        headers: {
+            Accept: 'text/x-json'
+        },
+        timeout: 30 * 1000, // 30s
+
+        onBeforeUpload(file) {
+            console.log('准备上传图片', file)
+            return file
+        },
+        onProgress(progress) {
+            console.log('上传进度', progress)
+        },
+        onSuccess(file, res) {
+            console.log('上传成功', file, res)
+        },
+        onFailed(file, res) {
+            layer.msg('上传失败：' + res.msg, { icon: 2 })
+            console.log('上传失败', file, res)
+        },
+        onError(file, err, res) {
+            layer.msg('上传出错：' + err.message, { icon: 2 })
+            console.error('上传出错', file, err, res)
+        },
+        customInsert(res, insertFn) {
+            // 只使用返回的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('图片上传失败：' + (res.msg || '未知错误'), { icon: 2 });
+            }
+        }
+    }
+
+    const editor = createEditor({
+        selector: '#editor-container',
+        html: '<p><br></p>',
+        config: editorConfig,
+        mode: 'default', // or 'simple'
+    })
+
+    const toolbarConfig = {}
+
+    const toolbar = createToolbar({
+        editor,
+        selector: '#toolbar-container',
+        config: toolbarConfig,
+        mode: 'default', // or 'simple'
+    })
+</script>
+
 <script>
    //返回资源列表
    function goBack() {
--- a/app/admin/view/resources/cate.php
+++ b/app/admin/view/resources/cate.php
@ -50,6 +50,13 @@
                        <!-- 分类表单 -->
                        <form class="layui-form category-form" lay-filter="categoryForm" style="display: none;">
                            <input type="hidden" name="id" id="categoryId">
+                            <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">
+                                </div>
+                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label">分类名称</label>
@ -403,6 +410,7 @@
                    form.val('categoryForm', {
                        id: data ? data.info.id : '',
                        name: data ? data.info.name : '',
+                        number: data ? data.info.number : '',
                        cid: data ? data.info.cid : parentId,
                        sort: data ? data.info.sort : 0,
                        status: data ? data.info.status : 1
--- a/app/admin/view/resources/edit.php
+++ b/app/admin/view/resources/edit.php
@ -23,12 +23,20 @@
        <div class="layui-form-item">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-block">
-                <select name="cate" lay-verify="required">
+                <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="{$resource.number|default=''}" lay-affix="clear" disabled>
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <label class="layui-form-label">描述</label>
            <div class="layui-input-block">
@ -105,6 +113,14 @@
            </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="{$resource.zipcode|default=''}" lay-affix="clear">
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
@ -112,6 +128,16 @@
            </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>
+            </div>
+        </div>
+
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
@ -121,6 +147,7 @@
    </form>
 </div>

+<script src="/static/js/wangeditor.js"></script>
 <script>
    layui.use(['form', 'layer'], function () {
        var form = layui.form;
@ -245,6 +272,9 @@
        // 获取分类列表
        $.get('{:url("resources/getcate")}', function (res) {
            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>';
@ -269,9 +299,50 @@
            }
        });

+        // 监听分类选择变化
+        form.on('select(cate)', function(data) {
+            var selectedId = data.value;
+            if (!selectedId) {
+                $('input[name="number"]').val('');
+                return;
+            }
+
+            // 查找选中的分类信息
+            var parentCategory = null;
+            var childCategory = null;
+
+            window.categoryData.forEach(function(parent) {
+                if (parent.children) {
+                    parent.children.forEach(function(child) {
+                        if (child.id == selectedId) {
+                            parentCategory = parent;
+                            childCategory = child;
+                        }
+                    });
+                }
+            });
+
+            if (parentCategory && childCategory) {
+                // 生成资源编号
+                var total = childCategory.total || 0;
+                // 判断是否是初始化时的分类
+                var isInitialCategory = resourceData && resourceData.cate == selectedId;
+                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);
+            }
+        });
+
        // 表单提交
        form.on('submit(formSubmit)', function (data) {
+            // 获取编辑器内容
+            var content = editor.getHtml();
            var loadIndex = layer.load(2);
+            data.field.content = content;
+            
            $.ajax({
                url: '{:url("resources/edit")}',
                type: 'POST',
@ -324,6 +395,86 @@
    });
 </script>

+<!-- wangeditor编辑器脚本 -->
+<script>
+    const { createEditor, createToolbar } = window.wangEditor
+
+    const editorConfig = { 
+        MENU_CONF: {},
+        placeholder: '请输入内容...',
+        onChange(editor) {
+            const html = editor.getHtml()
+        },
+    }
+
+    // 配置图片上传
+    editorConfig.MENU_CONF['uploadImage'] = {
+        server: '{:url("index/upload_img")}',
+        fieldName: 'file',
+        maxFileSize: 50 * 1024 * 1024, // 50M
+        maxNumberOfFiles: 10,
+        allowedFileTypes: ['image/*'],
+        meta: {
+            token: 'xxx'
+        },
+        metaWithUrl: true,
+        headers: {
+            Accept: 'text/x-json'
+        },
+        timeout: 30 * 1000, // 30s
+
+        onBeforeUpload(file) {
+            console.log('准备上传图片', file)
+            return file
+        },
+        onProgress(progress) {
+            console.log('上传进度', progress)
+        },
+        onSuccess(file, res) {
+            console.log('上传成功', file, res)
+        },
+        onFailed(file, res) {
+            layer.msg('上传失败：' + res.msg, { icon: 2 })
+            console.log('上传失败', file, res)
+        },
+        onError(file, err, res) {
+            layer.msg('上传出错：' + err.message, { icon: 2 })
+            console.error('上传出错', file, err, res)
+        },
+        customInsert(res, insertFn) {
+            // 只使用返回的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('图片上传失败：' + (res.msg || '未知错误'), { icon: 2 });
+            }
+        }
+    }
+
+    const editor = createEditor({
+        selector: '#editor-container',
+        html: `{$resource.content|raw|default=''}`,
+        config: editorConfig,
+        mode: 'default', // or 'simple'
+    })
+
+    const toolbarConfig = {}
+
+    const toolbar = createToolbar({
+        editor,
+        selector: '#toolbar-container',
+        config: toolbarConfig,
+        mode: 'default', // or 'simple'
+    })
+</script>
+
 <script>
    //返回资源列表
    function goBack() {
--- a/app/admin/view/resources/lists.php
+++ b/app/admin/view/resources/lists.php
@ -60,7 +60,7 @@
    {{#  if(d.status == '0'){ }}
    <span style="color:red;">未审核</span>
    {{#  } else if(d.status == '1'){ }}
-    <span style="color:orange;">已审核</span>
+    <span style="color:green;">已审核</span>
    {{#  } }}
 </script>

@ -87,6 +87,7 @@
            method: 'post',
            cols: [[
                { field: 'id', title: 'ID', align: 'center', width: 80 },
+                { field: 'number', title: '资源编号', width: 100 },
                { field: 'title', title: '资源名称' },
                { field: 'cate', title: '分类', align: 'center', width: 120 },
                { field: 'icon', title: '图标', templet: '#iconTemplate', align: 'center', width: 100 },
--- a/app/controller/StorageController.php
+++ b/app/controller/StorageController.php
@ -1 +0,0 @@
- 
--- a/app/index/controller/GameController.php
+++ b/app/index/controller/GameController.php
@ -0,0 +1,242 @@
+<?php
+/**
+ *	游戏下载控制器
+ */
+namespace app\index\controller;
+use app\index\controller\BaseController;
+use think\facade\Db;
+use think\facade\View;
+use think\facade\Request;
+use app\index\model\Resources\Resources;  
+use app\index\model\Resources\ResourcesCategory;
+use app\index\model\Attachments;
+
+class GameController extends BaseController
+{
+    // 游戏列表页
+    public function list()
+    {
+        // 获取分类ID
+        $cateId = Request::param('cate/d', 0);
+
+        // 构建查询条件
+        $where = [
+            ['delete_time', '=', null],
+            ['status', '=', 1]
+        ];
+
+        if ($cateId > 0) {
+            $where[] = ['cate', '=', $cateId];
+        }
+
+        // 获取游戏列表
+        $games = Resources::where($where)
+            ->order('id DESC')
+            ->paginate([
+                'list_rows' => 10,
+                'query' => Request::param()
+            ]);
+
+        // 获取分类信息
+        $category = null;
+        if ($cateId > 0) {
+            $category = ResourcesCategory::where('id', $cateId)
+                ->where('delete_time', null)
+                ->where('status', 1)
+                ->find();
+        }
+
+        // 获取所有分类
+        $categories = ResourcesCategory::where('delete_time', null)
+            ->where('status', 1)
+            ->select()
+            ->toArray();
+
+        // 将变量传递给视图
+        View::assign([
+            'games' => $games,
+            'category' => $category,
+            'categories' => $categories
+        ]);
+
+        return View::fetch('list');
+    }
+
+    // 游戏详情页
+    public function detail()
+    {
+        $id = Request::param('id/d', 0);
+        $game = Resources::where('id', $id)->find();
+        
+        if (!$game) {
+            return json(['code' => 0, 'msg' => '游戏不存在或已被删除']);
+        }
+        
+        // 如果size没有，从附件表中获取
+        if (empty($game['size']) && !empty($game['fileurl'])) {
+            $attachment = Attachments::where('src', $game['fileurl'])
+                ->find();
+            
+            if ($attachment && !empty($attachment['size'])) {
+                $size = $attachment['size'];
+                // 转换文件大小为合适的单位
+                if ($size >= 1073741824) { // 1GB = 1024MB = 1024*1024KB = 1024*1024*1024B
+                    $game['size'] = round($size / 1073741824, 2) . 'GB';
+                } elseif ($size >= 1048576) { // 1MB = 1024KB = 1024*1024B
+                    $game['size'] = round($size / 1048576, 2) . 'MB';
+                } else {
+                    $game['size'] = round($size / 1024, 2) . 'KB';
+                }
+            }
+        }
+
+        // 获取分类名称
+        $cateName = ResourcesCategory::where('id', $game['cate'])
+            ->value('name');
+        
+        // 获取上一个和下一个游戏
+        $prevGame = Resources::where('id', '<', $id)
+            ->where('delete_time', null)
+            ->where('status', 1)
+            ->order('id DESC')
+            ->find();
+            
+        $nextGame = Resources::where('id', '>', $id)
+            ->where('delete_time', null)
+            ->where('status', 1)
+            ->order('id ASC')
+            ->find();
+            
+        // 获取相关游戏（同分类的其他游戏）
+        $relatedGames = Db::table('yz_resources')
+            ->alias('g')
+            ->join('yz_resources_category c', 'g.cate = c.id')
+            ->where('g.cate', $game['cate'])
+            ->where('g.id', '<>', $id)
+            ->where('g.delete_time', null)
+            ->where('g.status', 1)
+            ->field([
+                'g.id',
+                'g.title',
+                'g.desc',
+                'IF(g.icon IS NULL OR g.icon = "", c.icon, g.icon) as icon'
+            ])
+            ->order('g.id DESC')
+            ->limit(3)
+            ->select()
+            ->toArray();
+
+        // 如果是 AJAX 请求，返回 JSON 数据
+        if (Request::isAjax()) {
+            return json([
+                'code' => 1,
+                'msg' => '获取成功',
+                'data' => [
+                    'game' => $game,
+                    'cateName' => $cateName,
+                    'prevGame' => $prevGame,
+                    'nextGame' => $nextGame,
+                    'relatedGames' => $relatedGames
+                ]
+            ]);
+        }
+            
+        // 非 AJAX 请求返回视图
+        View::assign([
+            'game' => $game,
+            'cateName' => $cateName,
+            'prevGame' => $prevGame,
+            'nextGame' => $nextGame,
+            'relatedGames' => $relatedGames
+        ]);
+
+        return View::fetch('detail');
+    }
+
+    // 游戏下载
+    public function downloadurl()
+    {
+        if (!Request::isAjax()) {
+            return json(['code' => 0, 'msg' => '非法请求']);
+        }
+
+        $id = Request::param('id/d', 0);
+
+        // 获取游戏信息
+        $game = Resources::where('id', $id)
+            ->where('delete_time', null)
+            ->find();
+
+        if (!$game) {
+            return json(['code' => 0, 'msg' => '游戏不存在']);
+        }
+
+        // 更新下载次数
+        $result = Resources::where('id', $id)
+            ->where('delete_time', null)
+            ->inc('downloads', 1)
+            ->update();
+
+        if ($result) {
+            return json([
+                'code' => 1, 
+                'msg' => '下载成功',
+                'data' => [
+                    'url' => $game['url']
+                ]
+            ]);
+        } else {
+            return json(['code' => 0, 'msg' => '下载失败']);
+        }
+    }
+
+    // 获取访问统计
+    public function viewStats()
+    {
+        $id = Request::param('id/d', 0);
+        
+        // 获取总访问量
+        $totalViews = Resources::where('id', $id)
+            ->value('views');
+            
+        return json([
+            'code' => 1,
+            'data' => [
+                'total' => $totalViews
+            ]
+        ]);
+    }
+
+    /**
+     * 更新游戏访问次数
+     */
+    public function updateViews()
+    {
+        if (!Request::isPost()) {
+            return json(['code' => 0, 'msg' => '非法请求']);
+        }
+
+        $id = Request::post('id');
+        if (!$id) {
+            return json(['code' => 0, 'msg' => '参数错误']);
+        }
+
+        try {
+            // 更新访问次数
+            $game = Resources::where('id', $id)->find();
+            if (!$game) {
+                return json(['code' => 0, 'msg' => '游戏不存在']);
+            }
+
+            // 更新访问次数
+            Resources::where('id', $id)->inc('views')->update();
+            
+            // 获取更新后的访问次数
+            $newViews = Resources::where('id', $id)->value('views');
+            
+            return json(['code' => 1, 'msg' => '更新成功', 'data' => ['views' => $newViews]]);
+        } catch (\Exception $e) {
+            return json(['code' => 0, 'msg' => '更新失败：' . $e->getMessage()]);
+        }
+    }
+}
--- a/app/index/controller/IndexController.php
+++ b/app/index/controller/IndexController.php
@ -270,4 +270,75 @@ class IndexController extends BaseController
            'categories' => $categoryData
        ]);
    }
+
+    /**
+     * 获取游戏下载列表
+     */
+    public function gameList()
+    {
+        // 获取游戏分类（顶级分类id为8的子分类）
+        $categories = ResourcesCategory::where('cid', 8)
+            ->where('delete_time', null)
+            ->select()
+            ->toArray();
+
+        // 组装分类数据
+        $categoryData = [];
+        $categoryImageMap = [];
+        $programsByCategory = [];
+
+        foreach ($categories as $category) {
+            $categoryData[] = [
+                'id' => $category['id'],
+                'name' => $category['name'],
+                'image' => $category['image'] ?? ''
+            ];
+
+            // 获取每个分类下的游戏，限制8条
+            $programs = Resources::where('cate', $category['id'])
+                ->where('delete_time', null)
+                ->where('status', 1)
+                ->order('id', 'desc')
+                ->field('id, cate, title, desc, downloads, create_time, icon, views, uploader, number, url, code')
+                ->limit(8)
+                ->select()
+                ->toArray();
+
+            // 处理游戏数据
+            foreach ($programs as &$program) {
+                // 如果没有图标，使用分类图片
+                if (empty($program['icon']) && !empty($category['image'])) {
+                    $program['icon'] = $category['image'];
+                }
+                // 格式化时间
+                $program['create_time'] = date('Y-m-d H:i:s', $program['create_time']);
+            }
+            unset($program);
+
+            $programsByCategory[$category['id']] = $programs;
+        }
+
+        // 合并所有分类的游戏
+        $allPrograms = [];
+        foreach ($programsByCategory as $programs) {
+            $allPrograms = array_merge($allPrograms, $programs);
+        }
+
+        // 按上传时间排序
+        usort($allPrograms, function($a, $b) {
+            return strtotime($b['create_time']) - strtotime($a['create_time']);
+        });
+
+        // 只取最新的8条
+        $allPrograms = array_slice($allPrograms, 0, 8);
+
+        return json([
+            'code' => 0,
+            'msg' => '获取成功',
+            'data' => [
+                'games' => $allPrograms,
+                'categories' => $categoryData
+            ]
+        ]);
+    }
 }
--- a/app/index/view/component/main.php
+++ b/app/index/view/component/main.php
@ -84,6 +84,27 @@
            </div>
        </div>

+        <!-- 游戏下载模块 -->
+        <div class="core-block core-module" id="gameDownload" style="order: 3;">
+            <div class="module-header">
+                <div>
+                    <div class="ModuleTitle_titleWrapper">
+                        <h3 class="ModuleTitle_title">游戏下载</h3>
+                        <div class="tab-container">
+                            <div class="tab-header">
+                                <div class="tab-item active" data-tab="all">全部</div>
+                                <!-- 分类标签将通过JavaScript动态加载 -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="more-btn">更多</div>
+            </div>
+            <div class="product-list" id="gameDownloadList">
+                <!-- 游戏将通过JavaScript动态加载 -->
+            </div>
+        </div>
+
    </div>
 </main>

@ -204,6 +225,32 @@
            });
    }

+    // 加载游戏下载
+    function loadGames() {
+        fetch('/index/index/gameList')
+            .then(response => response.json())
+            .then(result => {
+                if (result.code === 0) {
+                    // 渲染分类标签
+                    if (result.data.categories) {
+                        renderCategoryTabs(result.data.categories, 'gameDownload');
+                    }
+                    // 渲染游戏列表
+                    if (result.data.games && result.data.games.length > 0) {
+                        renderGames(result.data.games, 'gameDownloadList');
+                    } else {
+                        showNoData('gameDownloadList');
+                    }
+                } else {
+                    showNoData('gameDownloadList');
+                }
+            })
+            .catch(error => {
+                console.error('请求失败:', error);
+                showError('gameDownloadList');
+            });
+    }
+
    // 显示无数据提示
    function showNoData(containerId) {
        document.getElementById(containerId).innerHTML = '<div class="no-data">暂无数据</div>';
@ -266,6 +313,9 @@
                    case 'programDownload':
                        loadCategoryPrograms(selectedCategoryId, 'programDownloadList');
                        break;
+                    case 'gameDownload':
+                        loadCategoryGames(selectedCategoryId, 'gameDownloadList');
+                        break;
                }
            });
        });
@ -506,11 +556,70 @@
            });
    }

+    // 渲染游戏列表
+    function renderGames(games, containerId) {
+        const container = document.getElementById(containerId);
+        if (!container) return;
+
+        let html = '';
+        if (Array.isArray(games)) {
+            games.forEach(game => {
+                html += createGameHtml(game);
+            });
+        }
+
+        container.innerHTML = html || '<div class="no-data">暂无数据</div>';
+    }
+
+    // 创建游戏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="video">
+                    <img src="${game.icon || '/static/images/default-game.png'}" alt="" class="cover">
+                </div>
+                <div class="introduction">
+                    <div class="title">${game.title || '无标题'}</div>
+                    <div class="publishdate">${game.create_time || ''}</div>
+                </div>
+                <div class="bottom">
+                    <div class="views"><i class="fa-solid fa-eye"></i><span style="margin-left: 5px;">${game.views || 0}</span></div>
+                    <div class="author"><i class="fa-regular fa-user"></i><span style="margin-left: 5px;">${game.uploader || '未知作者'}</span></div>
+                </div>
+            </div>
+        `;
+    }
+
+    // 加载分类游戏
+    function loadCategoryGames(categoryId, containerId) {
+        fetch('/index/index/gameList')
+            .then(response => response.json())
+            .then(result => {
+                if (result.code === 0) {
+                    if (categoryId === 'all') {
+                        renderGames(result.data.games, containerId);
+                    } else {
+                        const filteredGames = result.data.games.filter(game => game.cate == categoryId);
+                        renderGames(filteredGames, containerId);
+                    }
+                } else {
+                    showNoData(containerId);
+                }
+            })
+            .catch(error => {
+                console.error('请求失败:', error);
+                showError(containerId);
+            });
+    }
+
    // 页面加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        loadWebArticles();
        loadTechArticles();
        loadResources();
        loadPrograms();
+        loadGames();
    });
 </script>
--- a/app/index/view/game/detail.php
+++ b/app/index/view/game/detail.php
@ -0,0 +1,496 @@
+{include file="component/head" /}
+{include file="component/header-simple" /}
+<div class="main">
+    <div class="location">
+        <div class="container">
+            <div class="location-item">
+                <a href="/">首页</a>
+                <span>></span>
+                <a href="/index/game/list" id="cateLink"><?php echo $cateName; ?></a>
+            </div>
+        </div>
+    </div>
+
+    <div class="game-detail">
+        <div class="game-info">
+            <div class="game-header">
+                <h1 class="game-title"><?php echo $game['title']; ?></h1>
+                <div class="game-meta">
+                    <span class="game-category"><?php echo $cateName; ?></span>
+                    <span class="game-views"><i class="fa-solid fa-eye"></i> <?php echo $game['views']; ?> </span>
+                    <span class="game-downloads"><i class="fa-solid fa-download"></i> <span
+                            id="gameDownloads"><?php echo $game['downloads']; ?></span> </span>
+                </div>
+            </div>
+            <div class="game-content">
+                <div class="game-cover">
+                    <img src="<?php echo $game['icon'] ?: '/static/images/default-game.png'; ?>"
+                        alt="<?php echo $game['title']; ?>">
+                </div>
+                <div class="game-desc">
+                    <?php echo $game['content']; ?>
+                </div>
+            </div>
+            <div class="game-actions">
+                <div style="display: flex;gap: 30px;}">
+                    <button id="downloadBtn" class="btn btn-primary">
+                        <i class="fa-solid fa-download"></i> 立即下载
+                    </button>
+                    <button id="codeBtn" class="codebtn">
+                        <i class="fa-solid fa-download"></i> 分享码：<?php echo $game['code']; ?>
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <div class="game-navigation">
+            <div class="prev-game" id="prevGame">
+            </div>
+            <div class="next-game" id="nextGame">
+            </div>
+        </div>
+
+        <!-- 相关游戏 -->
+        <?php if (!empty($relatedGames)): ?>
+            <div class="related-games">
+                <h3>相关游戏</h3>
+                <div class="game-list">
+                    <?php foreach ($relatedGames as $related): ?>
+                        <div class="game-item"
+                            onclick="window.location.href='/index/game/detail?id=<?php echo $related['id']; ?>'">
+                            <div class="game-cover">
+                                <img src="<?php echo $related['icon'] ?: '/static/images/default-game.png'; ?>"
+                                    alt="<?php echo $related['title']; ?>">
+                            </div>
+                            <div class="game-info">
+                                <h4 class="game-title-1"><?php echo $related['title']; ?></h4>
+                            </div>
+                        </div>
+                    <?php endforeach; ?>
+                </div>
+            </div>
+        <?php endif; ?>
+    </div>
+</div>
+
+<!-- 返回顶部按钮 -->
+<div class="go-to-top" id="goToTop">
+    <i class="layui-icon layui-icon-top"></i>
+</div>
+
+{include file="component/footer" /}
+
+<script>
+    // 页面加载完成后执行
+    document.addEventListener('DOMContentLoaded', function () {
+        // 获取游戏ID
+        const gameId = new URLSearchParams(window.location.search).get('id');
+        if (!gameId) {
+            alert('游戏ID不存在');
+            return;
+        }
+
+        // 获取游戏详情
+        fetch('/index/game/detail?id=' + gameId, {
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            }
+        })
+        .then(response => response.json())
+        .then(result => {
+            if (result.code === 1) {
+                // 渲染上一篇
+                const prevGame = document.getElementById('prevGame');
+                if (result.data.prevGame) {
+                    prevGame.innerHTML = `
+                        <a href="/index/game/detail?id=${result.data.prevGame.id}">
+                            <i class="fa fa-arrow-left"></i> 上一篇：${result.data.prevGame.title}
+                        </a>
+                    `;
+                } else {
+                    prevGame.innerHTML = '<span class="disabled"><i class="fa fa-arrow-left"></i> 没有上一篇了</span>';
+                }
+
+                // 渲染下一篇
+                const nextGame = document.getElementById('nextGame');
+                if (result.data.nextGame) {
+                    nextGame.innerHTML = `
+                        <a href="/index/game/detail?id=${result.data.nextGame.id}">
+                            下一篇：${result.data.nextGame.title} <i class="fa fa-arrow-right"></i>
+                        </a>
+                    `;
+                } else {
+                    nextGame.innerHTML = '<span class="disabled">没有下一篇了 <i class="fa fa-arrow-right"></i></span>';
+                }
+            }
+        })
+        .catch(error => {
+            console.error('获取游戏详情失败:', error);
+        });
+
+        // 更新访问次数
+        updateGameViews(gameId);
+
+        // 下载功能
+        const downloadBtn = document.getElementById('downloadBtn');
+        if (downloadBtn) {
+            downloadBtn.addEventListener('click', function () {
+                fetch('/index/game/downloadurl?id=' + gameId, {
+                    method: 'GET',
+                    headers: {
+                        'X-Requested-With': 'XMLHttpRequest'
+                    }
+                })
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.code === 1) {
+                            const downloadsElement = document.getElementById('gameDownloads');
+                            let downloads = parseInt(downloadsElement.textContent);
+                            downloadsElement.textContent = downloads + 1;
+
+                            // 直接使用返回的URL
+                            if (data.data && data.data.url) {
+                                window.open(data.data.url, '_blank');
+                            } else {
+                                alert('下载地址不存在');
+                            }
+                        } else {
+                            alert('下载失败：' + data.msg);
+                        }
+                    })
+                    .catch(error => {
+                        console.error('下载请求失败:', error);
+                        alert('下载请求失败，请稍后重试');
+                    });
+            });
+        }
+
+        //复制分享码
+        const codeBtn = document.getElementById('codeBtn');
+        if (codeBtn) {
+            codeBtn.addEventListener('click', function() {
+                const code = '<?php echo $game['code']; ?>';
+                if (code) {
+                    // 创建一个临时输入框
+                    const tempInput = document.createElement('input');
+                    tempInput.value = code;
+                    document.body.appendChild(tempInput);
+                    tempInput.select();
+                    
+                    try {
+                        // 尝试使用传统的复制方法
+                        document.execCommand('copy');
+                        layer.msg('分享码已复制到剪贴板');
+                    } catch (err) {
+                        console.error('复制失败:', err);
+                        layer.msg('复制失败，请手动复制');
+                    } finally {
+                        // 移除临时输入框
+                        document.body.removeChild(tempInput);
+                    }
+                } else {
+                    layer.msg('分享码不存在');
+                }
+            });
+        }
+
+        // 返回顶部功能
+        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 updateGameViews(gameId) {
+        fetch('/index/game/updateViews', {
+            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) {
+                    const viewsElement = document.querySelector('.game-views');
+                    if (viewsElement) {
+                        viewsElement.innerHTML = `<i class="fa-solid fa-eye"></i> ${result.data.views}`;
+                    }
+                }
+            })
+            .catch(error => {
+                console.error('更新访问次数失败:', error);
+            });
+    }
+</script>
+
+<style>
+    .location {
+        max-width: 1000px;
+        margin: 30px auto;
+    }
+
+    .game-detail {
+        max-width: 1000px;
+        margin: 30px auto;
+        padding: 50px;
+        background: #fff;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+    }
+
+    .game-header {
+        margin-bottom: 30px;
+        border-bottom: 1px solid #eee;
+        padding-bottom: 20px;
+    }
+
+    .game-title {
+        font-size: 30px;
+        font-weight: 700;
+        color: #333;
+        margin-bottom: 15px;
+        line-height: 1.4;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+
+    .game-title-1 {
+        font-size: 16px;
+        font-weight: 700;
+        color: #333;
+        margin-bottom: 15px;
+        line-height: 1.4;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+
+    .game-meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px;
+        color: #666;
+        font-size: 14px;
+    }
+
+    .game-meta span {
+        display: flex;
+        align-items: center;
+    }
+
+    .game-meta i {
+        margin-right: 5px;
+    }
+
+    .game-content {
+        line-height: 1.8;
+        color: #333;
+        font-size: 16px;
+        margin-bottom: 30px;
+    }
+
+    .game-cover {
+        margin-bottom: 20px;
+    }
+
+    .game-cover img {
+        width: 100%;
+        height: 300px;
+        object-fit: cover;
+        border-radius: 8px;
+    }
+
+    .game-desc {
+        margin-bottom: 30px;
+    }
+
+    .game-actions {
+        display: flex;
+        justify-content: center;
+        gap: 40px;
+        margin: 30px 0;
+        padding: 20px 0;
+        border-top: 1px solid #eee;
+        border-bottom: 1px solid #eee;
+    }
+
+    .game-navigation {
+        display: flex;
+        justify-content: space-between;
+        margin: 30px 0;
+    }
+
+    .prev-game,
+    .next-game {
+        max-width: 45%;
+    }
+
+    .prev-game a,
+    .next-game a {
+        color: #333 !important;
+        text-decoration: none;
+    }
+
+    .prev-game a:hover,
+    .next-game a:hover {
+        color: #f57005 !important;
+        transition: all 0.3s ease;
+    }
+
+    .btn {
+        /* background: #f57005; */
+        color: #fff;
+        padding: 15px 30px;
+        border-radius: 8px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+    }
+
+    .btn:hover {
+        /* background: #e66600; */
+        transform: translateY(-2px);
+    }
+
+    .codebtn{
+        color:#0d6efd;
+        padding: 15px 30px;
+        border-radius: 8px;
+        border: 1px solid #0d6efd;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        background-color: #fff;
+    }
+
+    .codebtn:hover {
+        transform: translateY(-2px);
+    }
+
+    .related-games {
+        margin: 40px 0;
+    }
+
+    .related-games h3{
+        font-size: 20px;
+        font-weight: 600;
+        margin-bottom: 20px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #eee;
+    }
+
+    .related-title {
+        font-size: 20px;
+        font-weight: 600;
+        margin-bottom: 20px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #eee;
+    }
+
+    .game-list {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 20px;
+    }
+
+    .game-item {
+        border-radius: 8px;
+        overflow: hidden;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: transform 0.3s;
+    }
+
+    .game-item:hover {
+        transform: translateY(-5px);
+    }
+
+    .game-item a {
+        text-decoration: none;
+        color: inherit;
+    }
+
+    .game-cover img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+    }
+
+    .game-info {
+        padding: 10px;
+    }
+
+    .go-to-top {
+        position: fixed;
+        right: 30px;
+        bottom: 30px;
+        width: 40px;
+        height: 40px;
+        background: #f57005;
+        color: #fff;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        opacity: 0;
+        visibility: hidden;
+        transition: all 0.3s ease;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+        z-index: 1000;
+    }
+
+    .go-to-top.show {
+        opacity: 1;
+        visibility: visible;
+    }
+
+    .go-to-top:hover {
+        background: #e66600;
+        transform: translateY(-3px);
+    }
+
+    @media (max-width: 768px) {
+        .game-title {
+            font-size: 24px;
+        }
+
+        .game-list {
+            grid-template-columns: repeat(1, 1fr);
+        }
+
+        .game-meta {
+            gap: 10px;
+        }
+
+        .go-to-top {
+            right: 20px;
+            bottom: 20px;
+            width: 36px;
+            height: 36px;
+        }
+    }
+
+    .location-item a {
+        color: #000 !important;
+    }
+</style>
+
+{include file="component/foot" /}
--- a/app/index/view/program/detail.php
+++ b/app/index/view/program/detail.php
@ -17,9 +17,8 @@
            <div class="program-meta">
                <span class="program-author"><i class="fa fa-user"></i> <span id="programAuthor"></span></span>
                <span class="program-date"><i class="fa fa-calendar"></i> <span id="programDate"></span></span>
-                <span class="program-views"><i class="fa-solid fa-eye"></i> <span id="programViews"></span> 浏览</span>
-                <span class="program-downloads"><i class="fa-solid fa-download"></i> <span id="programDownloads"></span>
-                    下载</span>
+                <span class="program-views"><i class="fa-solid fa-eye"></i> <span id="programViews"></span></span>
+                <span class="program-downloads"><i class="fa-solid fa-download"></i> <span id="programDownloads"></span></span>
            </div>
        </div>

--- a/public/static/css/index.css
+++ b/public/static/css/index.css
@ -1,40 +1,123 @@
-html #layuicss-layuiAdmin{display:none; position: absolute; width: 1989px;}
+html #layuicss-layuiAdmin {
+  display: none;
+  position: absolute;
+  width: 1989px;
+}

 /* 系统 */
-::-webkit-input-placeholder{color:#ccc}
+::-webkit-input-placeholder {
+  color: #ccc
+}

 /* 全局 */
 html {
  /* background-color: #f2f2f2;  */
  color: #666;
 }
+
 *[template],
-.layadmin-tabsbody-item{display: none;}
+.layadmin-tabsbody-item {
+  display: none;
+}
+
 *[lay-href],
 *[lay-tips],
-*[layadmin-event]{cursor: pointer;}
+*[layadmin-event] {
+  cursor: pointer;
+}

 /* 重置布局结构 */
-.layui-layout-admin .layui-header{position: fixed; top: 0; left: 0; width: 100%; height: 70px;} 
+.layui-layout-admin .layui-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 70px;
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
+  color: #333;
+}
+
+.layui-layout-admin .layui-side {
+  width: 220px;
+  top: 0;
+  z-index: 1001;
+}

-.layui-layout-admin .layui-header .layui-nav .layui-nav-child a{color: #333;}
-.layui-layout-admin .layui-side{width: 220px; top: 0; z-index: 1001;}
 .layui-layout-admin .layui-logo,
-.layui-layout-admin .layui-header .layui-nav .layui-nav-item{height: 70px; line-height: 70px;}
-.layui-layout-admin .layui-logo{position: fixed; left: 0; top: 0; z-index: 1002; width: 220px; height: 49px; padding: 0 15px; box-sizing: border-box; overflow: hidden; font-weight: 300; background-repeat: no-repeat; background-position: center center;}
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
+  height: 70px;
+  line-height: 70px;
+}
+
+.layui-layout-admin .layui-logo {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1002;
+  width: 220px;
+  height: 49px;
+  padding: 0 15px;
+  box-sizing: border-box;
+  overflow: hidden;
+  font-weight: 300;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
 .layui-layout-admin .layui-layout-left,
 .layadmin-pagetabs,
 .layui-layout-admin .layui-body,
-.layui-layout-admin .layui-footer{left: 220px;}
-.layadmin-pagetabs{position: fixed; top: 50px; right: 0; z-index: 999;}
-.layadmin-pagetabs .layui-breadcrumb{padding: 0 15px;}
-.layui-layout-admin .layui-body{position: fixed; top: 90px; bottom: 0;}
-.layui-layout-admin .layui-body .layadmin-tabsbody-item{position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-y: auto;}
-.layui-layout-admin .layui-header .layui-nav-img{width: 26px; height: 26px;}
-.layui-layout-admin .layui-header .layui-nav-child{top: 55px;}
-.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child{left: auto; right: 0;}
+.layui-layout-admin .layui-footer {
+  left: 220px;
+}
+
+.layadmin-pagetabs {
+  position: fixed;
+  top: 50px;
+  right: 0;
+  z-index: 999;
+}
+
+.layadmin-pagetabs .layui-breadcrumb {
+  padding: 0 15px;
+}
+
+.layui-layout-admin .layui-body {
+  position: fixed;
+  top: 90px;
+  bottom: 0;
+}
+
+.layui-layout-admin .layui-body .layadmin-tabsbody-item {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  overflow-y: auto;
+}
+
+.layui-layout-admin .layui-header .layui-nav-img {
+  width: 26px;
+  height: 26px;
+}
+
+.layui-layout-admin .layui-header .layui-nav-child {
+  top: 55px;
+}
+
+.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
+  left: auto;
+  right: 0;
+}
+
 .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a,
-.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this{background: none}
+.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this {
+  background: none
+}

 /* 统一动画 */
 .layui-layout-admin .layui-header .layui-nav .layui-nav-item,
@ -44,219 +127,723 @@ html{
 .layui-layout-admin .layui-footer,
 .layui-layout-admin .layui-side,
 .layui-layout-admin .layui-logo,
-.layui-layout-admin .layui-header .layui-layout-right{transition: all .3s; -webkit-transition: all .3s;}
+.layui-layout-admin .layui-header .layui-layout-right {
+  transition: all .3s;
+  -webkit-transition: all .3s;
+}

 /* 图标 */
-.layui-icon-login-qq{color: #3492ED;}
-.layui-icon-login-wechat{color: #4DAF29;}
-.layui-icon-login-weibo{color: #CF1900;}
+.layui-icon-login-qq {
+  color: #3492ED;
+}
+
+.layui-icon-login-wechat {
+  color: #4DAF29;
+}
+
+.layui-icon-login-weibo {
+  color: #CF1900;
+}

 /* 表单 */
-.layui-form[wid100] .layui-form-label{width: 100px;}
-.layui-form[wid100] .layui-input-block{margin-left: 130px;}
-@media screen and (max-width: 450px){
-  .layui-form[wid100] .layui-form-item .layui-input-inline{margin-left: 132px;}
-  .layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 130px;}
+.layui-form[wid100] .layui-form-label {
+  width: 100px;
+}
+
+.layui-form[wid100] .layui-input-block {
+  margin-left: 130px;
+}
+
+@media screen and (max-width: 450px) {
+  .layui-form[wid100] .layui-form-item .layui-input-inline {
+    margin-left: 132px;
+  }
+
+  .layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid {
+    margin-left: 130px;
+  }
+}
+
+.layui-form-item .layui-input-company {
+  width: auto;
+  padding-right: 10px;
+  line-height: 38px;
 }
-.layui-form-item .layui-input-company{width: auto; padding-right: 10px; line-height: 38px;}

 /* 辅助 */
 .layadmin-flexible {}
-.layui-bg-white{background-color: #fff;}
-.layadmin-loading{position: absolute; left: 50%; top: 50%; margin: -16px -15px; font-size: 30px; color: #c2c2c2;}
-.layadmin-fixed{position: fixed; left: 0; top: 0; z-index: 999;}
-.layadmin-link{color: #029789!important;}
-.layadmin-link:hover{opacity: 0.8;}
+
+.layui-bg-white {
+  background-color: #fff;
+}
+
+.layadmin-loading {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: -16px -15px;
+  font-size: 30px;
+  color: #c2c2c2;
+}
+
+.layadmin-fixed {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 999;
+}
+
+.layadmin-link {
+  color: #029789 !important;
+}
+
+.layadmin-link:hover {
+  opacity: 0.8;
+}

 /* 头部导航 */
-.layui-layout-admin .layui-layout-left{padding: 0 10px;}
-.layui-layout-admin .layui-layout-left .layui-nav-item{margin: 0 20px;}
-.layui-layout-admin .layui-input-search{display: inline-block; vertical-align: middle; height: 32px; border: none; cursor: text;}
-.layui-layout-admin .layui-layout-left a{padding: 0;}
-.layui-layout-admin .layui-layout-right{padding: 0;}
-.layui-header .layui-nav-item .layui-icon{position: relative; top: 1px; font-size: 16px;}
+.layui-layout-admin .layui-layout-left {
+  padding: 0 10px;
+}
+
+.layui-layout-admin .layui-layout-left .layui-nav-item {
+  margin: 0 20px;
+}
+
+.layui-layout-admin .layui-input-search {
+  display: inline-block;
+  vertical-align: middle;
+  height: 32px;
+  border: none;
+  cursor: text;
+}
+
+.layui-layout-admin .layui-layout-left a {
+  padding: 0;
+}
+
+.layui-layout-admin .layui-layout-right {
+  padding: 0;
+}
+
+.layui-header .layui-nav-item .layui-icon {
+  position: relative;
+  top: 1px;
+  font-size: 16px;
+}
+
 .layui-header .layui-nav-item:hover {}
-.layui-header .layui-layout-right .layui-badge-dot{margin-left: 0px;}
+
+.layui-header .layui-layout-right .layui-badge-dot {
+  margin-left: 0px;
+}
+
 .layui-header .layui-nav .layui-this:after,
-.layui-layout-admin .layui-header .layui-nav-bar{top: 0 !important; bottom: auto; height: 3px; background-color: #fff; background-color: rgba(255,255,255,.3);}
+.layui-layout-admin .layui-header .layui-nav-bar {
+  top: 0 !important;
+  bottom: auto;
+  height: 3px;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, .3);
+}

 /* 遮罩 */
-.layadmin-body-shade{position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.3); z-index: 1000;}
+.layadmin-body-shade {
+  position: fixed;
+  display: none;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, .3);
+  z-index: 1000;
+}

 /* 侧边菜单 */
-.layui-side-menu .layui-side-scroll{width: 240px;}
-.layui-side-menu .layui-nav{width: 220px; margin-top: 70px; background: none;}
-.layui-side-menu .layui-nav .layui-nav-item a{height: 40px; line-height: 40px; padding-left: 45px; padding-right: 30px;}
-.layui-side-menu .layui-nav .layui-nav-item > a{padding-top: 8px; padding-bottom: 8px;}
-.layui-side-menu .layui-nav .layui-nav-item a:hover{background: none;}
-.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child{padding: 5px 0;}
-.layui-side-menu .layui-nav .layui-nav-item .layui-icon{position: absolute; top: 50%; left: 20px; margin-top: -25px;}
-.layui-side-menu .layui-nav .layui-nav-item .layui-icons{margin-top: -20px;}
-.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child{background: none!important;}
-.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a{padding-left: 60px}
-.layui-side-menu .layui-nav .layui-nav-more{right: 15px;}
+.layui-side-menu .layui-side-scroll {
+  width: 240px;
+}
+
+.layui-side-menu .layui-nav {
+  width: 220px;
+  margin-top: 70px;
+  background: none;
+}
+
+.layui-side-menu .layui-nav .layui-nav-item a {
+  height: 40px;
+  line-height: 40px;
+  padding-left: 45px;
+  padding-right: 30px;
+}
+
+.layui-side-menu .layui-nav .layui-nav-item>a {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.layui-side-menu .layui-nav .layui-nav-item a:hover {
+  background: none;
+}
+
+.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child {
+  padding: 5px 0;
+}
+
+.layui-side-menu .layui-nav .layui-nav-item .layui-icon {
+  position: absolute;
+  top: 50%;
+  left: 20px;
+  margin-top: -25px;
+}
+
+.layui-side-menu .layui-nav .layui-nav-item .layui-icons {
+  margin-top: -20px;
+}
+
+.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
+  background: none !important;
+}
+
+.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
+  padding-left: 60px
+}
+
+.layui-side-menu .layui-nav .layui-nav-more {
+  right: 15px;
+}

 /* 侧边菜单 - 平板移动设备 */
@media screen and (max-width: 992px) {
-  .layui-layout-admin .layui-side{transform: translate3d(-220px, 0, 0); -webkit-transform: translate3d(-220px, 0, 0); width: 220px;}
+  .layui-layout-admin .layui-side {
+    transform: translate3d(-220px, 0, 0);
+    -webkit-transform: translate3d(-220px, 0, 0);
+    width: 220px;
+  }
+
  .layui-layout-admin .layui-layout-left,
  .layadmin-pagetabs,
  .layui-layout-admin .layui-body,
-  .layui-layout-admin .layui-footer{left: 0;}
+  .layui-layout-admin .layui-footer {
+    left: 0;
+  }
 }

 /* 侧边收缩模式 */
-.layadmin-side-shrink .layui-layout-admin .layui-logo{width: 60px; background-image: url(res/logo.png); /*background-size: 20px;)*/}
-.layadmin-side-shrink .layui-layout-admin .layui-logo span{display: none;}
-.layadmin-side-shrink .layui-side{left: 0; width: 60px;}
+.layadmin-side-shrink .layui-layout-admin .layui-logo {
+  width: 60px;
+  background-image: url(res/logo.png);
+  /*background-size: 20px;)*/
+}
+
+.layadmin-side-shrink .layui-layout-admin .layui-logo span {
+  display: none;
+}
+
+.layadmin-side-shrink .layui-side {
+  left: 0;
+  width: 60px;
+}
+
 .layadmin-side-shrink .layui-layout-admin .layui-layout-left,
 .layadmin-side-shrink .layadmin-pagetabs,
 .layadmin-side-shrink .layui-layout-admin .layui-body,
-.layadmin-side-shrink .layui-layout-admin .layui-footer{left: 60px;}
-.layadmin-side-shrink .layui-side-menu .layui-nav{position: static; width: 60px;}
-.layadmin-side-shrink .layui-side-menu .layui-nav-item{position: static;}
-.layadmin-side-shrink .layui-side-menu .layui-nav-item>a{padding-right: 0;}
+.layadmin-side-shrink .layui-layout-admin .layui-footer {
+  left: 60px;
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav {
+  position: static;
+  width: 60px;
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item {
+  position: static;
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item>a {
+  padding-right: 0;
+}
+
 .layadmin-side-shrink .layui-side-menu .layui-nav-item cite,
 .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more,
-.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child{display: none; padding: 8px 0; width: 200px;}
-.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-itemed>a{background: rgba(0,0,0,.3);}
+.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child {
+  display: none;
+  padding: 8px 0;
+  width: 200px;
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
+  background: rgba(0, 0, 0, .3);
+}

 /* 移动端展开模式 */
 .layadmin-side-spread-sm .layui-layout-admin .layui-layout-left,
 .layadmin-side-spread-sm .layadmin-pagetabs,
 .layadmin-side-spread-sm .layui-layout-admin .layui-body,
-.layadmin-side-spread-sm .layui-layout-admin .layui-footer{left: 0; transform: translate3d(220px, 0, 0); -webkit-transform: translate3d(220px, 0, 0);}
-.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right{transform: translate3d(220px, 0, 0); -webkit-transform: translate3d(220px, 0, 0);}
-.layadmin-side-spread-sm .layui-side{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
-.layadmin-side-spread-sm .layadmin-body-shade{display: block; }
+.layadmin-side-spread-sm .layui-layout-admin .layui-footer {
+  left: 0;
+  transform: translate3d(220px, 0, 0);
+  -webkit-transform: translate3d(220px, 0, 0);
+}
+
+.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
+  transform: translate3d(220px, 0, 0);
+  -webkit-transform: translate3d(220px, 0, 0);
+}
+
+.layadmin-side-spread-sm .layui-side {
+  transform: translate3d(0, 0, 0);
+  -webkit-transform: translate3d(0, 0, 0);
+}
+
+.layadmin-side-spread-sm .layadmin-body-shade {
+  display: block;
+}

 /* 页面标签 */
-.layadmin-pagetabs{height: 40px; line-height: 40px; padding: 0 80px 0 40px; /*border-bottom: 2px solid #292B34;*/ background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}
-.layadmin-pagetabs .layadmin-tabs-control{position: absolute; top: 0; width: 40px; height: 100%; text-align: center; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; border-left: 1px solid #f6f6f6;}
-.layadmin-pagetabs .layadmin-tabs-control:hover{background-color: #f6f6f6;}
-.layadmin-pagetabs .layui-icon-prev{left: 0; border-left: none; border-right: 1px solid #f6f6f6;}
-.layadmin-pagetabs .layui-icon-next{right: 40px; right: 40px;}
-.layadmin-pagetabs .layui-icon-down{right: 0;}
-.layadmin-tabs-select.layui-nav{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: none;}
-.layadmin-tabs-select.layui-nav .layui-nav-item{line-height: 40px;}
-.layadmin-tabs-select.layui-nav .layui-nav-item>a{height: 40px;}
-.layadmin-tabs-select.layui-nav .layui-nav-item a{color: #666;}
-.layadmin-tabs-select.layui-nav .layui-nav-child{top: 40px; left: auto; right: 0;}
-.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
-.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color: #f2f2f2!important; color: #333;}
-.layadmin-tabs-select.layui-nav .layui-nav-more,
-.layadmin-tabs-select.layui-nav .layui-nav-bar{display: none;}
+.layadmin-pagetabs {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 80px 0 40px;
+  /*border-bottom: 2px solid #292B34;*/
+  background-color: #fff;
+  box-sizing: border-box;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
+}
+
+.layadmin-pagetabs .layadmin-tabs-control {
+  position: absolute;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  text-align: center;
+  cursor: pointer;
+  transition: all .3s;
+  -webkit-transition: all .3s;
+  box-sizing: border-box;
+  border-left: 1px solid #f6f6f6;
+}
+
+.layadmin-pagetabs .layadmin-tabs-control:hover {
+  background-color: #f6f6f6;
+}
+
+.layadmin-pagetabs .layui-icon-prev {
+  left: 0;
+  border-left: none;
+  border-right: 1px solid #f6f6f6;
+}
+
+.layadmin-pagetabs .layui-icon-next {
+  right: 40px;
+  right: 40px;
+}
+
+.layadmin-pagetabs .layui-icon-down {
+  right: 0;
+}
+
+.layadmin-tabs-select.layui-nav {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  background: none;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item {
+  line-height: 40px;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item>a {
+  height: 40px;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item a {
+  color: #666;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-child {
+  top: 40px;
+  left: auto;
+  right: 0;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
+.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
+  background-color: #f2f2f2 !important;
+  color: #333;
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-more,
+.layadmin-tabs-select.layui-nav .layui-nav-bar {
+  display: none;
+}
+
+.layadmin-pagetabs .layui-tab {
+  margin: 0;
+  overflow: hidden;
+}
+
+.layadmin-pagetabs .layui-tab-title {
+  height: 40px;
+  border: none;
+}
+
+.layadmin-pagetabs .layui-tab-title li {
+  min-width: 0;
+  line-height: 40px;
+  max-width: 160px;
+  text-overflow: ellipsis;
+  padding-right: 40px;
+  overflow: hidden;
+  border-right: 1px solid #f6f6f6;
+  vertical-align: top;
+}
+
+.layadmin-pagetabs .layui-tab-title li:first-child {
+  padding-right: 15px;
+}
+
+.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close {
+  display: none;
+}
+
+.layadmin-pagetabs .layui-tab-title li .layui-tab-close {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  margin: -7px 0 0 0;
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  border-radius: 50%;
+  font-size: 12px;
+}
+
+.layadmin-pagetabs .layui-tab-title li:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 2px;
+  border-radius: 0;
+  background-color: #292B34;
+  transition: all .3s;
+  -webkit-transition: all .3s;
+}
+
+.layadmin-pagetabs .layui-tab-title li:hover:after {
+  width: 100%;
+}

-.layadmin-pagetabs .layui-tab{margin: 0; overflow: hidden;}
-.layadmin-pagetabs .layui-tab-title{height: 40px; border: none;}
-.layadmin-pagetabs .layui-tab-title li{min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-right: 40px; overflow: hidden; border-right: 1px solid #f6f6f6; vertical-align: top;}
-.layadmin-pagetabs .layui-tab-title li:first-child{ padding-right: 15px;}
-.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close{display: none;}
-.layadmin-pagetabs .layui-tab-title li .layui-tab-close{position: absolute; right: 8px; top: 50%; margin: -7px 0 0 0; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; font-size: 12px;}
-.layadmin-pagetabs .layui-tab-title li:after{content:''; position: absolute; top: 0; left: 0; width: 0; height: 2px; border-radius: 0; background-color: #292B34; transition: all .3s; -webkit-transition: all .3s;}
-.layadmin-pagetabs .layui-tab-title li:hover:after{width: 100%;}
 .layadmin-pagetabs .layui-tab-title li:hover,
-.layadmin-pagetabs .layui-tab-title li.layui-this{background-color: #f6f6f6;}
-.layadmin-pagetabs .layui-tab-title li.layui-this:after{width: 100%; border: none; height: 2px; background-color: #292B34;}
+.layadmin-pagetabs .layui-tab-title li.layui-this {
+  background-color: #f6f6f6;
+}
+
+.layadmin-pagetabs .layui-tab-title li.layui-this:after {
+  width: 100%;
+  border: none;
+  height: 2px;
+  background-color: #292B34;
+}

 /* 不开启页面标签时 */
-.layadmin-tabspage-none .layui-layout-admin .layui-header{height:70px;border-bottom: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
-.layadmin-tabspage-none .layui-layout-admin .layui-body{top: 70px;}
-.layadmin-tabspage-none .layadmin-header{display: block;}
-.layadmin-tabspage-none .layadmin-header .layui-breadcrumb{border-top: 1px solid #f6f6f6;}
+.layadmin-tabspage-none .layui-layout-admin .layui-header {
+  height: 70px;
+  border-bottom: none;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
+}
+
+.layadmin-tabspage-none .layui-layout-admin .layui-body {
+  top: 70px;
+}
+
+.layadmin-tabspage-none .layadmin-header {
+  display: block;
+}
+
+.layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
+  border-top: 1px solid #f6f6f6;
+}

 /* 底部固定区域 */
-.layui-layout-admin .layui-footer{padding: 10px 0; text-align: center;}
+.layui-layout-admin .layui-footer {
+  padding: 10px 0;
+  text-align: center;
+}

 /* 默认主题修饰 */
-.layui-layout-admin .layui-header{border-bottom: 1px solid #f6f6f6; box-sizing: border-box; background-color: #fff;}
+.layui-layout-admin .layui-header {
+  border-bottom: 1px solid #f6f6f6;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
 .layui-layout-admin .layui-header a,
-.layui-layout-admin .layui-header a cite{color: #333;}
-.layui-layout-admin .layui-header a:hover{color: #000;}
-.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #666}
-.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #666;}
+.layui-layout-admin .layui-header a cite {
+  color: #333;
+}
+
+.layui-layout-admin .layui-header a:hover {
+  color: #000;
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
+  border-top-color: #666
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
+  border-color: transparent;
+  border-bottom-color: #666;
+}
+
 .layui-layout-admin .layui-header .layui-nav .layui-this:after,
-.layui-layout-admin .layui-header .layui-nav-bar{height: 2px; background-color: #337EFD}
-.layui-layout-admin .layui-logo{background-color: #337efd; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);}
+.layui-layout-admin .layui-header .layui-nav-bar {
+  height: 2px;
+  background-color: #337EFD
+}
+
+.layui-layout-admin .layui-logo {
+  background-color: #337efd;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
+}
+
 .layui-layout-admin .layui-logo,
-.layui-layout-admin .layui-logo a{color: #fff; color: rgba(255,255,255,.8);height:70px;}
-.layui-side-menu{box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);}
-.layui-layout-admin .layui-footer{box-shadow: 0 -1px 2px 0 rgba(0,0,0,.05);}
+.layui-layout-admin .layui-logo a {
+  color: #fff;
+  color: rgba(255, 255, 255, .8);
+  height: 70px;
+}
+
+.layui-side-menu {
+  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
+}
+
+.layui-layout-admin .layui-footer {
+  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
+}

 .layui-side-menu,
-.layadmin-setTheme-side{background-color: #1A263B; color: #fff;}
-.layadmin-setTheme-header{background-color: #fff;}
+.layadmin-setTheme-side {
+  background-color: #1A263B;
+  color: #fff;
+}

-.layui-layout-admin .layui-footer{background-color: #fff;}
-.layui-tab-admin .layui-tab-title{background-color: #393D49; color: #fff;}
+.layadmin-setTheme-header {
+  background-color: #fff;
+}
+
+.layui-layout-admin .layui-footer {
+  background-color: #fff;
+}
+
+.layui-tab-admin .layui-tab-title {
+  background-color: #393D49;
+  color: #fff;
+}

 /*
 格局
 */

-.layui-fluid{padding: 15px;}
-.layadmin-header{display: none; height: 50px; line-height: 50px; margin-bottom: 0; border-radius: 0;}
-.layadmin-header .layui-breadcrumb{padding: 0 15px;}
-.layui-card-header{position: relative;}
-.layui-card-header .layui-icon{line-height: initial; position: absolute; right: 15px; top: 50%; margin-top: -7px;}
-.layadmin-iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}
+.layui-fluid {
+  padding: 15px;
+}
+
+.layadmin-header {
+  display: none;
+  height: 50px;
+  line-height: 50px;
+  margin-bottom: 0;
+  border-radius: 0;
+}
+
+.layadmin-header .layui-breadcrumb {
+  padding: 0 15px;
+}
+
+.layui-card-header {
+  position: relative;
+}
+
+.layui-card-header .layui-icon {
+  line-height: initial;
+  position: absolute;
+  right: 15px;
+  top: 50%;
+  margin-top: -7px;
+}
+
+.layadmin-iframe {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}

 /*
 控制台
 */

 /* 重置轮播样式 */
-.layadmin-carousel{height: 185px !important; background-color: #fff;}
-.layadmin-carousel .layui-carousel-ind li{background-color: #e2e2e2;}
-.layadmin-carousel .layui-carousel-ind li:hover{background-color: #c2c2c2;}
-.layadmin-carousel .layui-carousel-ind li.layui-this{background-color: #999;}
+.layadmin-carousel {
+  height: 185px !important;
+  background-color: #fff;
+}
+
+.layadmin-carousel .layui-carousel-ind li {
+  background-color: #e2e2e2;
+}
+
+.layadmin-carousel .layui-carousel-ind li:hover {
+  background-color: #c2c2c2;
+}
+
+.layadmin-carousel .layui-carousel-ind li.layui-this {
+  background-color: #999;
+}
+
 .layadmin-carousel .layui-carousel,
-.layadmin-carousel > *[carousel-item] > *{background-color: #fff;}
-.layadmin-carousel .layui-col-space10{margin: 0;}
-.layadmin-carousel .layui-carousel-ind{position: absolute; top: -41px; text-align: right;}
-.layadmin-carousel .layui-carousel-ind ul{background: none;}
+.layadmin-carousel>*[carousel-item]>* {
+  background-color: #fff;
+}
+
+.layadmin-carousel .layui-col-space10 {
+  margin: 0;
+}
+
+.layadmin-carousel .layui-carousel-ind {
+  position: absolute;
+  top: -41px;
+  text-align: right;
+}
+
+.layadmin-carousel .layui-carousel-ind ul {
+  background: none;
+}

 /* 重置tab样式 */
-.layui-card .layui-tab-brief .layui-tab-title{height: 42px; border-bottom-color: #f6f6f6;}
-.layui-card .layui-tab-brief .layui-tab-title li{margin: 0 15px; padding: 0; line-height: 42px;}
-.layui-card .layui-tab-brief .layui-tab-title li.layui-this{color: #333;}
-.layui-card .layui-tab-brief .layui-tab-title .layui-this:after{height: 43px;}
-.layui-card .layui-tab-brief .layui-tab-content{padding: 15px;}
-.layui-card .layui-table-view{margin: 0;}
+.layui-card .layui-tab-brief .layui-tab-title {
+  height: 42px;
+  border-bottom-color: #f6f6f6;
+}
+
+.layui-card .layui-tab-brief .layui-tab-title li {
+  margin: 0 15px;
+  padding: 0;
+  line-height: 42px;
+}
+
+.layui-card .layui-tab-brief .layui-tab-title li.layui-this {
+  color: #333;
+}
+
+.layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
+  height: 43px;
+}
+
+.layui-card .layui-tab-brief .layui-tab-content {
+  padding: 15px;
+}
+
+.layui-card .layui-table-view {
+  margin: 0;
+}


 /* 头部图标重置 */
-.layui-card-header.layuiadmin-card-header-auto{padding-top: 15px; padding-bottom: 15px; height: auto;}
-.layuiadmin-card-header-auto i.layuiadmin-button-btn{position: relative; right: 0; top: 0; vertical-align: middle;}
-.layuiadmin-card-header-auto .layui-form-item:last-child{margin-bottom: 0;}
+.layui-card-header.layuiadmin-card-header-auto {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  height: auto;
+}
+
+.layuiadmin-card-header-auto i.layuiadmin-button-btn {
+  position: relative;
+  right: 0;
+  top: 0;
+  vertical-align: middle;
+}
+
+.layuiadmin-card-header-auto .layui-form-item:last-child {
+  margin-bottom: 0;
+}

 /* 动画 */
-@-webkit-keyframes layui-rl{ /* 从右往左滑入 */
-  from {-webkit-transform: translate3d(100%, 0, 0);}
-  to {-webkit-transform: translate3d(0, 0, 0);}
-}
-@keyframes layui-rl{
-  from {transform: translate3d(100%, 0, 0);}
-  to {transform: translate3d(0, 0, 0);}
+@-webkit-keyframes layui-rl {
+
+  /* 从右往左滑入 */
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
  }

-@-webkit-keyframes layui-lr{ /* 从右往左滑入 */
-  from {-webkit-transform: translate3d(0 0, 0); opacity: 1;}
-  to {-webkit-transform: translate3d(100%, 0, 0); opacity: 1;}
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
  }
+}
+
+@keyframes layui-rl {
+  from {
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@-webkit-keyframes layui-lr {
+
+  /* 从右往左滑入 */
+  from {
+    -webkit-transform: translate3d(0 0, 0);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 1;
+  }
+}
+
@keyframes layui-lr {
-  from {transform: translate3d(0, 0, 0);}
-  to {transform: translate3d(100%, 0, 0);}
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(100%, 0, 0);
+  }
 }

 /*
  响应式补充
 */
@media screen and (max-width: 768px) {
+
  /* 产品清单模板 */
-  .layadmin-panel-selection{margin: 0; width: auto;}
-  /* 导航 */
-  .layui-body .layui-nav .layui-nav-item{display: block;}
-  /* 主体容器 */
-  .layui-layout-admin .layui-body .layadmin-tabsbody-item{-webkit-overflow-scrolling: touch; overflow: auto;}
+  .layadmin-panel-selection {
+    margin: 0;
+    width: auto;
+  }
+
+  /* 导航 */
+  .layui-body .layui-nav .layui-nav-item {
+    display: block;
+  }
+
+  /* 主体容器 */
+  .layui-layout-admin .layui-body .layadmin-tabsbody-item {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+  }
 }
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@ -561,3 +561,8 @@ pre code {
  color: #212529 !important;
  border: 1px solid #212529;
 }
+
+.program-content img,.game-content img {
+  width: 100%;
+  margin: 20px auto;
+}
--- a/public/storage/uploads/20250520/076ebb788d99e6a2093ce9f0f3326916.jpg
+++ b/public/storage/uploads/20250520/076ebb788d99e6a2093ce9f0f3326916.jpg
--- a/public/storage/uploads/20250520/19c9f202d6456a029edd4b8207b21150.jpg
+++ b/public/storage/uploads/20250520/19c9f202d6456a029edd4b8207b21150.jpg
--- a/public/storage/uploads/20250520/1c2e0dfe2003e361f4849cfd25cb7432.jpg
+++ b/public/storage/uploads/20250520/1c2e0dfe2003e361f4849cfd25cb7432.jpg
--- a/public/storage/uploads/20250520/1f6c75dad30417740cc543cbc082fb4c.jpg
+++ b/public/storage/uploads/20250520/1f6c75dad30417740cc543cbc082fb4c.jpg
--- a/public/storage/uploads/20250520/20e6912dca96205fce7524d9306785bf.jpg
+++ b/public/storage/uploads/20250520/20e6912dca96205fce7524d9306785bf.jpg
--- a/public/storage/uploads/20250520/20f27ac27c21caf2a14701230f8837ff.jpg
+++ b/public/storage/uploads/20250520/20f27ac27c21caf2a14701230f8837ff.jpg
--- a/public/storage/uploads/20250520/240e6a7fc805af55800bee905ababd37.jpg
+++ b/public/storage/uploads/20250520/240e6a7fc805af55800bee905ababd37.jpg
--- a/public/storage/uploads/20250520/30042f66e77a8f4c5bdfcb4c67caa9c3.jpg
+++ b/public/storage/uploads/20250520/30042f66e77a8f4c5bdfcb4c67caa9c3.jpg
--- a/public/storage/uploads/20250520/3269a1c3cd1d7de98b213d0b0d0d5d90.jpg
+++ b/public/storage/uploads/20250520/3269a1c3cd1d7de98b213d0b0d0d5d90.jpg
--- a/public/storage/uploads/20250520/35d60dcf05858e81d33a6c1694e400a4.jpg
+++ b/public/storage/uploads/20250520/35d60dcf05858e81d33a6c1694e400a4.jpg
--- a/public/storage/uploads/20250520/3c58ae3081fa51f1f3431c88b19f5610.jpg
+++ b/public/storage/uploads/20250520/3c58ae3081fa51f1f3431c88b19f5610.jpg
--- a/public/storage/uploads/20250520/4b5e981403c906e5f33878e3f6892433.jpg
+++ b/public/storage/uploads/20250520/4b5e981403c906e5f33878e3f6892433.jpg
--- a/public/storage/uploads/20250520/54f44b89063ebab27644ba22a06adab7.jpg
+++ b/public/storage/uploads/20250520/54f44b89063ebab27644ba22a06adab7.jpg
--- a/public/storage/uploads/20250520/582bd64868d36a02675346def90a70c2.jpg
+++ b/public/storage/uploads/20250520/582bd64868d36a02675346def90a70c2.jpg
--- a/public/storage/uploads/20250520/646170f35acac1ea5cdb327452709b76.jpg
+++ b/public/storage/uploads/20250520/646170f35acac1ea5cdb327452709b76.jpg
--- a/public/storage/uploads/20250520/64d0d1abbf3343481ff12139d110c26c.jpg
+++ b/public/storage/uploads/20250520/64d0d1abbf3343481ff12139d110c26c.jpg
--- a/public/storage/uploads/20250520/662ad663e8a2217fea0695d3a63c760a.jpg
+++ b/public/storage/uploads/20250520/662ad663e8a2217fea0695d3a63c760a.jpg
--- a/public/storage/uploads/20250520/807b58ab8a2775965cce40c08c9a154e.jpg
+++ b/public/storage/uploads/20250520/807b58ab8a2775965cce40c08c9a154e.jpg
--- a/public/storage/uploads/20250520/84a9f2e8967eba5e8a93d8e74f2cbf38.jpg
+++ b/public/storage/uploads/20250520/84a9f2e8967eba5e8a93d8e74f2cbf38.jpg
--- a/public/storage/uploads/20250520/880426ea37475d65ae8f608b995012e6.jpg
+++ b/public/storage/uploads/20250520/880426ea37475d65ae8f608b995012e6.jpg
--- a/public/storage/uploads/20250520/8a7badb9d47fbbde3e6f4311f79cbd65.jpg
+++ b/public/storage/uploads/20250520/8a7badb9d47fbbde3e6f4311f79cbd65.jpg
--- a/public/storage/uploads/20250520/9373ec98cf10a203a2dae3ea5ea50ba1.jpg
+++ b/public/storage/uploads/20250520/9373ec98cf10a203a2dae3ea5ea50ba1.jpg
--- a/public/storage/uploads/20250520/94eb6751ba2949d0e1b23a7f39851479.jpg
+++ b/public/storage/uploads/20250520/94eb6751ba2949d0e1b23a7f39851479.jpg
--- a/public/storage/uploads/20250520/9ab8df52620127ce9758b7bb79319233.jpg
+++ b/public/storage/uploads/20250520/9ab8df52620127ce9758b7bb79319233.jpg
--- a/public/storage/uploads/20250520/9ade2fb7276aea70ade928f1c1405605.jpg
+++ b/public/storage/uploads/20250520/9ade2fb7276aea70ade928f1c1405605.jpg
--- a/public/storage/uploads/20250520/aa44ab808468552ca2e784efe6d75bc3.jpg
+++ b/public/storage/uploads/20250520/aa44ab808468552ca2e784efe6d75bc3.jpg
--- a/public/storage/uploads/20250520/ad64ed59ab1941572a27bbbacffdc1ee.jpg
+++ b/public/storage/uploads/20250520/ad64ed59ab1941572a27bbbacffdc1ee.jpg
--- a/public/storage/uploads/20250520/bd9a2102a2fd1a4e1f17b0dd52d0f601.jpg
+++ b/public/storage/uploads/20250520/bd9a2102a2fd1a4e1f17b0dd52d0f601.jpg
--- a/public/storage/uploads/20250520/bea0b007e088ae8ee3d200903e304db2.jpg
+++ b/public/storage/uploads/20250520/bea0b007e088ae8ee3d200903e304db2.jpg
--- a/public/storage/uploads/20250520/c855cd8d3d4b34a2977d15e6bd1f619b.jpg
+++ b/public/storage/uploads/20250520/c855cd8d3d4b34a2977d15e6bd1f619b.jpg
--- a/public/storage/uploads/20250520/ca162ea06c3714bcbaaea862682bc098.jpg
+++ b/public/storage/uploads/20250520/ca162ea06c3714bcbaaea862682bc098.jpg
--- a/public/storage/uploads/20250520/ca844cacadbacc0a5ac3f27d918fe54f.jpg
+++ b/public/storage/uploads/20250520/ca844cacadbacc0a5ac3f27d918fe54f.jpg
--- a/public/storage/uploads/20250520/d26f460bad47821b1feb0b94eef8c935.jpg
+++ b/public/storage/uploads/20250520/d26f460bad47821b1feb0b94eef8c935.jpg
--- a/public/storage/uploads/20250520/dca347fc64744eb0e3b9faf69927ea96.jpg
+++ b/public/storage/uploads/20250520/dca347fc64744eb0e3b9faf69927ea96.jpg
--- a/public/storage/uploads/20250520/e2324cf784791001a43be24e44fb162a.jpg
+++ b/public/storage/uploads/20250520/e2324cf784791001a43be24e44fb162a.jpg
--- a/public/storage/uploads/20250520/e2ce55ad7bf0f9694d2b9ab902cc7fb0.jpg
+++ b/public/storage/uploads/20250520/e2ce55ad7bf0f9694d2b9ab902cc7fb0.jpg
--- a/public/storage/uploads/20250520/e96eea923f8bbead04bb41a9000ac59b.jpg
+++ b/public/storage/uploads/20250520/e96eea923f8bbead04bb41a9000ac59b.jpg
--- a/public/storage/uploads/20250520/eceab7f40dea1571de310b37950c37d3.jpg
+++ b/public/storage/uploads/20250520/eceab7f40dea1571de310b37950c37d3.jpg
--- a/public/storage/uploads/20250520/ff46d3b5b89adc1432f5178505b366c1.jpg
+++ b/public/storage/uploads/20250520/ff46d3b5b89adc1432f5178505b366c1.jpg
--- a/public/storage/uploads/20250521/04459bb7a26fe3e3e32d0116e1d0d921.jpg
+++ b/public/storage/uploads/20250521/04459bb7a26fe3e3e32d0116e1d0d921.jpg
--- a/public/storage/uploads/20250521/04bad72856b656aa082a8898c6710e85.png
+++ b/public/storage/uploads/20250521/04bad72856b656aa082a8898c6710e85.png
--- a/public/storage/uploads/20250521/0a9f7ea27bb75e908d132e91e65aa9ba.jpg
+++ b/public/storage/uploads/20250521/0a9f7ea27bb75e908d132e91e65aa9ba.jpg
--- a/public/storage/uploads/20250521/1503b69490dd8bb2c74de85cd79d685c.jpg
+++ b/public/storage/uploads/20250521/1503b69490dd8bb2c74de85cd79d685c.jpg
--- a/public/storage/uploads/20250521/18b19936b766c1e3dc18080d5273f77d.jpg
+++ b/public/storage/uploads/20250521/18b19936b766c1e3dc18080d5273f77d.jpg
--- a/public/storage/uploads/20250521/1ae4646925757ee59b6a18a2afa094c5.jpg
+++ b/public/storage/uploads/20250521/1ae4646925757ee59b6a18a2afa094c5.jpg
--- a/public/storage/uploads/20250521/1b1c75129929a0a331721ce2cee8e902.jpg
+++ b/public/storage/uploads/20250521/1b1c75129929a0a331721ce2cee8e902.jpg
--- a/public/storage/uploads/20250521/1c713459ef68b29fc4cd99731b9e2de7.jpg
+++ b/public/storage/uploads/20250521/1c713459ef68b29fc4cd99731b9e2de7.jpg
--- a/public/storage/uploads/20250521/1d63596a46b4b7d63648229110f76fc5.jpg
+++ b/public/storage/uploads/20250521/1d63596a46b4b7d63648229110f76fc5.jpg
--- a/public/storage/uploads/20250521/22b37b51b7bb515a394d7699fb506e3e.jpg
+++ b/public/storage/uploads/20250521/22b37b51b7bb515a394d7699fb506e3e.jpg
--- a/public/storage/uploads/20250521/251e8ca298f9cfb386bb2010248c4915.jpg
+++ b/public/storage/uploads/20250521/251e8ca298f9cfb386bb2010248c4915.jpg
--- a/public/storage/uploads/20250521/2b1d4a3656ac259d1d838919c1809e68.jpg
+++ b/public/storage/uploads/20250521/2b1d4a3656ac259d1d838919c1809e68.jpg
--- a/public/storage/uploads/20250521/2d66217b93382c509c532cb79003c091.jpg
+++ b/public/storage/uploads/20250521/2d66217b93382c509c532cb79003c091.jpg
--- a/public/storage/uploads/20250521/30e043a4eb9d9225b570304c1482a3c1.jpg
+++ b/public/storage/uploads/20250521/30e043a4eb9d9225b570304c1482a3c1.jpg
--- a/public/storage/uploads/20250521/322105cd4722d318550431ca83b20183.jpg
+++ b/public/storage/uploads/20250521/322105cd4722d318550431ca83b20183.jpg
--- a/public/storage/uploads/20250521/32d6d78ff0424d6cf51903f8b68ec3d4.jpg
+++ b/public/storage/uploads/20250521/32d6d78ff0424d6cf51903f8b68ec3d4.jpg
--- a/public/storage/uploads/20250521/3463862511c8e64d8b7a5e546e4bb704.jpg
+++ b/public/storage/uploads/20250521/3463862511c8e64d8b7a5e546e4bb704.jpg
--- a/public/storage/uploads/20250521/3593ea2c2408c34d5bea11bf24e9706f.jpg
+++ b/public/storage/uploads/20250521/3593ea2c2408c34d5bea11bf24e9706f.jpg
--- a/public/storage/uploads/20250521/3eb3c2922bfc8e7fd86b9b95e6b1869b.jpg
+++ b/public/storage/uploads/20250521/3eb3c2922bfc8e7fd86b9b95e6b1869b.jpg
--- a/public/storage/uploads/20250521/3f8efdf5b81c32e2edbd5d66867d8db6.jpg
+++ b/public/storage/uploads/20250521/3f8efdf5b81c32e2edbd5d66867d8db6.jpg
--- a/public/storage/uploads/20250521/4ac69d8e9832f4c72e0cf670d0341bdd.jpg
+++ b/public/storage/uploads/20250521/4ac69d8e9832f4c72e0cf670d0341bdd.jpg
--- a/public/storage/uploads/20250521/4ecf83520ee08c884ec65f82da47f831.jpg
+++ b/public/storage/uploads/20250521/4ecf83520ee08c884ec65f82da47f831.jpg
--- a/public/storage/uploads/20250521/5afdf309e0bcbcc069080d6f7c0445cb.jpg
+++ b/public/storage/uploads/20250521/5afdf309e0bcbcc069080d6f7c0445cb.jpg
--- a/public/storage/uploads/20250521/5ecf9ea2e41c7e88c6ea521ba55f54f5.jpg
+++ b/public/storage/uploads/20250521/5ecf9ea2e41c7e88c6ea521ba55f54f5.jpg
--- a/public/storage/uploads/20250521/6a2d7d4582c0c7541cfa7b0e4ce4f256.jpg
+++ b/public/storage/uploads/20250521/6a2d7d4582c0c7541cfa7b0e4ce4f256.jpg
--- a/public/storage/uploads/20250521/6f3d3131806d521c52c6d456250519f1.jpg
+++ b/public/storage/uploads/20250521/6f3d3131806d521c52c6d456250519f1.jpg
--- a/public/storage/uploads/20250521/70f1fe598a225597a975cebd92dc5ddb.jpg
+++ b/public/storage/uploads/20250521/70f1fe598a225597a975cebd92dc5ddb.jpg
--- a/public/storage/uploads/20250521/760bba5ec0ae3b4694416578342706c6.jpg
+++ b/public/storage/uploads/20250521/760bba5ec0ae3b4694416578342706c6.jpg
--- a/public/storage/uploads/20250521/7d8ee2a321a210357755d5f09d296aeb.jpg
+++ b/public/storage/uploads/20250521/7d8ee2a321a210357755d5f09d296aeb.jpg
--- a/public/storage/uploads/20250521/7d9c2125e2b6f5d011ca3a05f4b096cc.jpg
+++ b/public/storage/uploads/20250521/7d9c2125e2b6f5d011ca3a05f4b096cc.jpg
--- a/public/storage/uploads/20250521/7f69fe19122e47854b00814b4a007762.jpg
+++ b/public/storage/uploads/20250521/7f69fe19122e47854b00814b4a007762.jpg
--- a/public/storage/uploads/20250521/801d7c8817519aaba28ec4d7058e2919.jpg
+++ b/public/storage/uploads/20250521/801d7c8817519aaba28ec4d7058e2919.jpg
--- a/public/storage/uploads/20250521/816c4c3032f7dd87ac8957085087a840.jpg
+++ b/public/storage/uploads/20250521/816c4c3032f7dd87ac8957085087a840.jpg
--- a/public/storage/uploads/20250521/894d4c418c2cc1cd95cb5d38482cb35a.jpg
+++ b/public/storage/uploads/20250521/894d4c418c2cc1cd95cb5d38482cb35a.jpg
--- a/public/storage/uploads/20250521/8d478c1c7523fbbfb2f086b7bd6db9f6.jpg
+++ b/public/storage/uploads/20250521/8d478c1c7523fbbfb2f086b7bd6db9f6.jpg
--- a/public/storage/uploads/20250521/96fc582d3d9203449b6f9f0a83abab81.jpg
+++ b/public/storage/uploads/20250521/96fc582d3d9203449b6f9f0a83abab81.jpg
--- a/public/storage/uploads/20250521/975101583f55b6bf399643d2f0960ba5.jpg
+++ b/public/storage/uploads/20250521/975101583f55b6bf399643d2f0960ba5.jpg
--- a/public/storage/uploads/20250521/9ed6bad05342d43357cb6730981516a2.jpg
+++ b/public/storage/uploads/20250521/9ed6bad05342d43357cb6730981516a2.jpg
--- a/public/storage/uploads/20250521/a6ecb1288de56ae5bab906356d81544e.jpg
+++ b/public/storage/uploads/20250521/a6ecb1288de56ae5bab906356d81544e.jpg
--- a/public/storage/uploads/20250521/acf85b8d0ba45a6b0ade8f5fee5e4aa4.jpg
+++ b/public/storage/uploads/20250521/acf85b8d0ba45a6b0ade8f5fee5e4aa4.jpg
--- a/public/storage/uploads/20250521/af6ba5b3653e69f71e33dda280abd653.jpg
+++ b/public/storage/uploads/20250521/af6ba5b3653e69f71e33dda280abd653.jpg
--- a/public/storage/uploads/20250521/b3c730bf953596d3a409eae44eca6b93.jpg
+++ b/public/storage/uploads/20250521/b3c730bf953596d3a409eae44eca6b93.jpg
--- a/public/storage/uploads/20250521/b3f766a7bffa5214e72bd57cb5f97328.jpg
+++ b/public/storage/uploads/20250521/b3f766a7bffa5214e72bd57cb5f97328.jpg
--- a/public/storage/uploads/20250521/b7975f770962f74568c2b4c2327f1081.jpg
+++ b/public/storage/uploads/20250521/b7975f770962f74568c2b4c2327f1081.jpg
--- a/public/storage/uploads/20250521/b7e922ccc6537357bb40b8feba3d988d.jpg
+++ b/public/storage/uploads/20250521/b7e922ccc6537357bb40b8feba3d988d.jpg
--- a/public/storage/uploads/20250521/babc5cf0ee38632971b85063a3664d0a.jpg
+++ b/public/storage/uploads/20250521/babc5cf0ee38632971b85063a3664d0a.jpg
--- a/public/storage/uploads/20250521/c2d18e0585e89e86baeef806df5a96c3.jpg
+++ b/public/storage/uploads/20250521/c2d18e0585e89e86baeef806df5a96c3.jpg
--- a/Show More
+++ b/Show More