diff --git a/Action.php b/Action.php
new file mode 100644
index 0000000..8614f38
--- /dev/null
+++ b/Action.php
@@ -0,0 +1,386 @@
+<?php
+class DevelopmentHistory_Action
+{
+    /**
+     * 数据库对象
+     */
+    private $db;
+    private $prefix;
+    
+    /**
+     * 请求对象
+     */
+    private $request;
+    
+    /**
+     * 响应对象
+     */
+    private $response;
+    
+    /**
+     * 构造函数
+     */
+    public function __construct($request = null, $response = null)
+    {
+        $this->db = Typecho_Db::get();
+        $this->prefix = $this->db->getPrefix();
+        $this->request = $request ?: Typecho_Request::getInstance();
+        $this->response = $response ?: Typecho_Response::getInstance();
+    }
+    
+    /**
+     * 添加历史记录 - 修复：使用Typecho正确的SQL构建方法
+     */
+    public function addHistory($data)
+    {
+        try {
+            $now = new Typecho_Date(Typecho_Date::gmtTime());
+            
+            $insert = array(
+                'content' => $data['content'],
+                'event_date' => $data['event_date'],
+                'post_cids' => isset($data['post_cids']) ? $this->cleanCids($data['post_cids']) : '',
+                'created' => $now->format('Y-m-d H:i:s'),
+                'modified' => $now->format('Y-m-d H:i:s'),
+                'status' => 1
+            );
+            
+            // 使用Typecho的查询构建器，但先验证数据
+            $this->validateInsertData($insert);
+            
+            // 修复：正确构建并执行插入查询
+            // 在Typecho中，insert()->rows()需要调用query()方法来执行
+            $query = $this->db->insert($this->prefix . 'development_history')->rows($insert);
+            
+            // 执行查询
+            $this->db->query($query);
+            
+            // 获取最后插入的ID - Typecho的方式
+            $row = $this->db->fetchRow($this->db->select('LAST_INSERT_ID() as id'));
+            return $row ? $row['id'] : 0;
+            
+        } catch (Exception $e) {
+            error_log("addHistory Error: " . $e->getMessage());
+            error_log("Data: " . print_r($data, true));
+            throw new Exception("发布失败: " . $e->getMessage());
+        }
+    }
+    
+    /**
+     * 验证插入数据
+     */
+    private function validateInsertData(&$data)
+    {
+        // 确保所有必需字段都有值
+        if (empty($data['content'])) {
+            throw new Exception("内容不能为空");
+        }
+        
+        if (empty($data['event_date'])) {
+            throw new Exception("日期不能为空");
+        }
+        
+        // 验证日期格式
+        if (!preg_match('/^\d{4}-\d{2}-\d{2}$/', $data['event_date'])) {
+            throw new Exception("日期格式错误，应为YYYY-MM-DD");
+        }
+        
+        // 清理和转义内容
+        $data['content'] = trim($data['content']);
+        if (empty($data['content'])) {
+            throw new Exception("内容不能为空");
+        }
+        
+        // 确保所有字段都是字符串
+        foreach ($data as $key => $value) {
+            if (!is_string($value) && !is_numeric($value)) {
+                $data[$key] = (string)$value;
+            }
+        }
+    }
+    
+    /**
+     * 批量添加历史记录（按事件时间排序插入，越近的ID越大）
+     */
+    public function batchAddHistories($histories)
+    {
+        // 按事件时间排序，越近的时间越晚插入，这样ID越大
+        usort($histories, function($a, $b) {
+            return strtotime($a['event_date']) - strtotime($b['event_date']);
+        });
+        
+        $now = new Typecho_Date(Typecho_Date::gmtTime());
+        $nowStr = $now->format('Y-m-d H:i:s');
+        
+        foreach ($histories as $history) {
+            $insert = array(
+                'content' => $history['content'],
+                'event_date' => $history['event_date'],
+                'post_cids' => '',
+                'created' => $nowStr,
+                'modified' => $nowStr,
+                'status' => 1
+            );
+            
+            $query = $this->db->insert($this->prefix . 'development_history')->rows($insert);
+            $this->db->query($query);
+        }
+    }
+    
+    /**
+     * 更新历史记录
+     */
+    public function updateHistory($data)
+    {
+        try {
+            $now = new Typecho_Date(Typecho_Date::gmtTime());
+            
+            $update = array(
+                'content' => $data['edit_content'],
+                'event_date' => $data['edit_event_date'],
+                'post_cids' => isset($data['edit_post_cids']) ? $this->cleanCids($data['edit_post_cids']) : '',
+                'modified' => $now->format('Y-m-d H:i:s')
+            );
+            
+            $query = $this->db->update($this->prefix . 'development_history')
+                ->rows($update)
+                ->where('id = ?', intval($data['edit_id']));
+            
+            $this->db->query($query);
+            
+        } catch (Exception $e) {
+            error_log("updateHistory Error: " . $e->getMessage());
+            throw new Exception("更新失败: " . $e->getMessage());
+        }
+    }
+    
+    /**
+     * 删除历史记录
+     */
+    public function deleteHistory($id)
+    {
+        $query = $this->db->delete($this->prefix . 'development_history')->where('id = ?', intval($id));
+        $this->db->query($query);
+    }
+    
+    /**
+     * 批量删除
+     */
+    public function deleteHistories($ids)
+    {
+        foreach ($ids as $id) {
+            $this->deleteHistory(intval($id));
+        }
+    }
+    
+    /**
+     * 获取历史记录
+     */
+    public function getHistories($page = 1, $perPage = 10)
+    {
+        $offset = ($page - 1) * $perPage;
+        
+        $query = $this->db->select()
+            ->from($this->prefix . 'development_history')
+            ->where('status = ?', 1)
+            ->order('id', Typecho_Db::SORT_DESC)
+            ->limit($perPage)
+            ->offset($offset);
+        
+        return $this->db->fetchAll($query);
+    }
+    
+    /**
+     * 获取所有历史记录（用于导出）
+     */
+    public function getAllHistories()
+    {
+        $query = $this->db->select()
+            ->from($this->prefix . 'development_history')
+            ->where('status = ?', 1)
+            ->order('id', Typecho_Db::SORT_DESC);
+        
+        return $this->db->fetchAll($query);
+    }
+    
+    /**
+     * 获取总记录数
+     */
+    public function getTotalCount()
+    {
+        $query = $this->db->select('COUNT(*) as count')
+            ->from($this->prefix . 'development_history')
+            ->where('status = ?', 1);
+        
+        $result = $this->db->fetchRow($query);
+        return $result['count'];
+    }
+    
+    /**
+     * 获取单条记录
+     */
+    public function getHistory($id)
+    {
+        $query = $this->db->select()
+            ->from($this->prefix . 'development_history')
+            ->where('id = ?', $id)
+            ->limit(1);
+        
+        return $this->db->fetchRow($query);
+    }
+    
+    /**
+     * 根据文章CID获取文章信息
+     */
+    public function getPostByCid($cid)
+    {
+        try {
+            $query = $this->db->select('cid, title, slug, created')
+                ->from($this->prefix . 'contents')
+                ->where('cid = ?', intval($cid))
+                ->where('type = ?', 'post')
+                ->where('status = ?', 'publish')
+                ->limit(1);
+            
+            $post = $this->db->fetchRow($query);
+            
+            if ($post) {
+                $options = Typecho_Widget::widget('Widget_Options');
+                if (!empty($post['slug'])) {
+                    $post['url'] = Typecho_Common::url($post['slug'] . '.html', $options->index);
+                } else {
+                    $post['url'] = Typecho_Common::url('archives/' . $post['cid'], $options->index);
+                }
+            }
+            
+            return $post;
+        } catch (Exception $e) {
+            return null;
+        }
+    }
+    
+    /**
+     * 清理CID字符串
+     */
+    private function cleanCids($cids)
+    {
+        if (empty($cids)) {
+            return '';
+        }
+        
+        $cidsArray = array_filter(array_map('trim', explode(',', $cids)));
+        $validCids = array();
+        
+        foreach ($cidsArray as $cid) {
+            if (is_numeric($cid) && $cid > 0) {
+                $validCids[] = intval($cid);
+            }
+        }
+        
+        // 去重并返回逗号分隔的字符串
+        return implode(',', array_unique($validCids));
+    }
+    
+    /**
+     * 导出数据为文本格式
+     */
+    public function exportData()
+    {
+        $histories = $this->getAllHistories();
+        $content = '';
+        
+        foreach ($histories as $history) {
+            // 使用 Y.m.d 格式导出
+            $date = date('Y.m.d', strtotime($history['event_date']));
+            $text = str_replace(array("\r\n", "\r", "\n"), " ", $history['content']);
+            $content .= $date . ' ' . $text . "\n";
+        }
+        
+        return $content;
+    }
+    
+    /**
+     * 导入数据（增强版，支持调试）
+     */
+    public function importData($text)
+    {
+        // 标准化换行符
+        $text = str_replace("\r\n", "\n", $text);
+        $text = str_replace("\r", "\n", $text);
+        
+        $lines = explode("\n", $text);
+        $imported = 0;
+        $failed = 0;
+        $failReasons = array(); // 记录失败原因
+        $histories = array();
+        
+        foreach ($lines as $lineNum => $line) {
+            $line = trim($line);
+            if (empty($line)) continue;
+            
+            // 移除行尾的分号（如果有）
+            if (substr($line, -1) === ';') {
+                $line = substr($line, 0, -1);
+                $line = trim($line);
+            }
+            
+            // 找到第一个空格的位置来分割日期和内容
+            $firstSpacePos = strpos($line, ' ');
+            if ($firstSpacePos === false) {
+                $failed++;
+                $failReasons[] = "第 " . ($lineNum + 1) . " 行：找不到空格分隔日期和内容 - '{$line}'";
+                continue;
+            }
+            
+            $date = trim(substr($line, 0, $firstSpacePos));
+            $content = trim(substr($line, $firstSpacePos + 1));
+            
+            // 验证日期格式 - 支持单个数字的月份和日期
+            // 允许的格式：YYYY.M.D, YYYY.MM.D, YYYY.M.DD, YYYY.MM.DD
+            $datePattern = '/^(\d{4})\.(\d{1,2})\.(\d{1,2})$/';
+            if (!preg_match($datePattern, $date, $matches)) {
+                $failed++;
+                $failReasons[] = "第 " . ($lineNum + 1) . " 行：日期格式错误，应为 YYYY.M[M].D[D] - '{$date}'";
+                continue;
+            }
+            
+            // 检查日期是否有效
+            $year = intval($matches[1]);
+            $month = intval($matches[2]);
+            $day = intval($matches[3]);
+            
+            if (!checkdate($month, $day, $year)) {
+                $failed++;
+                $failReasons[] = "第 " . ($lineNum + 1) . " 行：无效的日期 - {$date}";
+                continue;
+            }
+            
+            // 转换日期格式为 Y-m-d 以便数据库存储，补零成两位数字
+            $dbDate = sprintf('%04d-%02d-%02d', $year, $month, $day);
+            
+            // 验证内容
+            if (empty($content)) {
+                $failed++;
+                $failReasons[] = "第 " . ($lineNum + 1) . " 行：内容为空";
+                continue;
+            }
+            
+            $histories[] = array(
+                'event_date' => $dbDate,
+                'content' => $content
+            );
+            $imported++;
+        }
+        
+        if (!empty($histories)) {
+            $this->batchAddHistories($histories);
+        }
+        
+        // 返回包含失败原因的结果
+        return array(
+            'imported' => $imported, 
+            'failed' => $failed,
+            'fail_reasons' => $failReasons
+        );
+    }
+}
\ No newline at end of file
diff --git a/Plugin.php b/Plugin.php
new file mode 100644
index 0000000..a51da9c
--- /dev/null
+++ b/Plugin.php
@@ -0,0 +1,1371 @@
+<?php
+/**
+ * 发展历史插件
+ * 
+ * @package DevelopmentHistory
+ * @author 石头厝
+ * @version 1.1.0
+ * @link https://www.shitoucuo.com/
+ */
+class DevelopmentHistory_Plugin implements Typecho_Plugin_Interface
+{
+    /**
+     * 激活插件
+     * 
+     * @return string
+     * @throws Typecho_Plugin_Exception
+     */
+    public static function activate()
+    {
+        // 创建数据表
+        $db = Typecho_Db::get();
+        $prefix = $db->getPrefix();
+        $tableName = $prefix . 'development_history';
+        
+        // 检查主表是否存在
+        $tables = $db->fetchAll($db->query("SHOW TABLES LIKE '{$tableName}'"));
+        
+        if (empty($tables)) {
+            // 表不存在，创建新表（不带title字段）
+            $sql = "CREATE TABLE `{$tableName}` (
+                `id` INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
+                `content` TEXT NOT NULL COMMENT '内容',
+                `event_date` DATE NOT NULL COMMENT '事件日期',
+                `post_cids` VARCHAR(255) DEFAULT '' COMMENT '关联文章CID，多个用逗号分隔',
+                `created` DATETIME NOT NULL COMMENT '创建时间',
+                `modified` DATETIME NOT NULL COMMENT '修改时间',
+                `status` TINYINT(1) DEFAULT 1 COMMENT '状态：1正常'
+            ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='发展历史记录表';";
+            
+            try {
+                $db->query($sql);
+            } catch (Typecho_Db_Exception $e) {
+                throw new Typecho_Plugin_Exception('创建数据表失败: ' . $e->getMessage());
+            }
+        } else {
+            // 表已存在，检查是否有title字段，如果有则删除
+            $columns = $db->fetchAll($db->query("SHOW COLUMNS FROM `{$tableName}`"));
+            $hasTitle = false;
+            
+            foreach ($columns as $column) {
+                if ($column['Field'] == 'title') {
+                    $hasTitle = true;
+                    break;
+                }
+            }
+            
+            if ($hasTitle) {
+                // 删除title字段
+                try {
+                    $db->query("ALTER TABLE `{$tableName}` DROP COLUMN `title`");
+                } catch (Typecho_Db_Exception $e) {
+                    // 如果删除字段失败，可能是表结构问题，继续执行
+                }
+            }
+            
+            // 检查是否有post_cids字段，如果没有则添加
+            $hasPostCids = false;
+            foreach ($columns as $column) {
+                if ($column['Field'] == 'post_cids') {
+                    $hasPostCids = true;
+                    break;
+                }
+            }
+            
+            if (!$hasPostCids) {
+                try {
+                    $db->query("ALTER TABLE `{$tableName}` ADD `post_cids` VARCHAR(255) DEFAULT '' COMMENT '关联文章CID，多个用逗号分隔' AFTER `event_date`");
+                } catch (Typecho_Db_Exception $e) {
+                    // 如果添加字段失败，继续执行
+                }
+            }
+        }
+        
+        // 添加管理菜单
+        Helper::addPanel(3, 'DevelopmentHistory/manage-panel.php', '发展历史', '发展历史管理', 'administrator');
+        
+        return _t('发展历史插件已激活，请到插件设置中进行配置');
+    }
+
+    /**
+     * 禁用插件
+     * 
+     * @return string
+     */
+    public static function deactivate()
+    {
+        Helper::removePanel(3, 'DevelopmentHistory/manage-panel.php');
+        return _t('发展历史插件已禁用');
+    }
+
+    /**
+     * 插件配置面板
+     * 
+     * @param Typecho_Widget_Helper_Form $form
+     */
+    public static function config(Typecho_Widget_Helper_Form $form)
+    {
+        echo '<h2>发展历史插件配置</h2>';
+        echo '<p>版本：1.1.0 | 作者：您的名字 | <a href="https://您的网站.com" target="_blank">访问官网</a></p>';
+        echo '<hr>';
+        
+        // 每页显示数量
+        $perPage = new Typecho_Widget_Helper_Form_Element_Text(
+            'perPage',
+            NULL,
+            '10',
+            _t('后台每页显示数量'),
+            _t('后台管理页面每页显示的历史记录数量，默认：10')
+        );
+        $perPage->input->setAttribute('class', 'mini');
+        $form->addInput($perPage->addRule('isInteger', _t('请输入整数')));
+        
+        // 前端每页显示数量
+        $frontPerPage = new Typecho_Widget_Helper_Form_Element_Text(
+            'frontPerPage',
+            NULL,
+            '20',
+            _t('主题调用每页显示数量'),
+            _t('在主题中调用时每页显示的历史记录数量，默认：20')
+        );
+        $frontPerPage->input->setAttribute('class', 'mini');
+        $form->addInput($frontPerPage->addRule('isInteger', _t('请输入整数')));
+        
+        // 时间格式
+        $dateFormat = new Typecho_Widget_Helper_Form_Element_Text(
+            'dateFormat',
+            NULL,
+            'Y.m.d',
+            _t('日期显示格式'),
+            _t('PHP日期格式，如：Y.m.d、Y-m-d、Y年m月d日等')
+        );
+        $form->addInput($dateFormat);
+        
+        // 是否显示关联文章
+        $showRelatedPosts = new Typecho_Widget_Helper_Form_Element_Radio(
+            'showRelatedPosts',
+            array(
+                '1' => _t('显示'),
+                '0' => _t('不显示')
+            ),
+            '1',
+            _t('显示关联文章'),
+            _t('是否在历史记录下方显示关联的文章链接')
+        );
+        $form->addInput($showRelatedPosts);
+        
+        // 关联文章标题
+        $relatedPostsTitle = new Typecho_Widget_Helper_Form_Element_Text(
+            'relatedPostsTitle',
+            NULL,
+            '相关文章',
+            _t('关联文章标题'),
+            _t('关联文章部分的标题文本')
+        );
+        $form->addInput($relatedPostsTitle);
+    }
+
+    /**
+     * 个人用户配置
+     * 
+     * @param Typecho_Widget_Helper_Form $form
+     */
+    public static function personalConfig(Typecho_Widget_Helper_Form $form)
+    {
+        // 个人配置（如果需要）
+    }
+
+    /**
+     * 插件配置面板
+     * 
+     * @param string $panel
+     */
+    public static function configPanel($panel)
+    {
+        // 配置面板
+    }
+
+    /**
+     * 渲染方法（用于在主题模板中调用）
+     */
+    public static function render()
+    {
+        // 获取配置
+        $options = Typecho_Widget::widget('Widget_Options');
+        $config = $options->plugin('DevelopmentHistory');
+        
+        // 数据库操作
+        $db = Typecho_Db::get();
+        $prefix = $db->getPrefix();
+        
+        // 获取当前页面文件名
+        $currentFile = basename($_SERVER['PHP_SELF']);
+        
+        // 统一使用 'y' 参数
+        $selectedYear = 0;
+        $currentPage = 1;
+        $searchKeyword = '';
+        
+        // 读取 'y' 参数
+        if (isset($_GET['y']) && is_numeric($_GET['y'])) {
+            $selectedYear = intval($_GET['y']);
+        }
+        
+        // 保持向后兼容：如果旧链接使用了 'year' 参数，也支持
+        if ($selectedYear == 0 && isset($_GET['year']) && is_numeric($_GET['year'])) {
+            $selectedYear = intval($_GET['year']);
+        }
+        
+        if (isset($_GET['page']) && is_numeric($_GET['page']) && $_GET['page'] > 0) {
+            $currentPage = intval($_GET['page']);
+        }
+        
+        // 读取搜索关键词参数 - 正确处理URL编码
+        if (isset($_GET['search']) && !empty($_GET['search'])) {
+            $searchKeyword = trim($_GET['search']);
+            // 解码URL编码的参数
+            $searchKeyword = urldecode($searchKeyword);
+        }
+        
+        // URL构建函数 - 正确处理编码
+        function buildUrl($year = 0, $page = 1, $search = '') {
+            $currentFile = basename($_SERVER['PHP_SELF']);
+            $params = array();
+            
+            if ($page > 1) {
+                $params['page'] = $page;
+            }
+            
+            if ($year > 0) {
+                $params['y'] = $year;
+            }
+            
+            if (!empty($search)) {
+                // 这里使用原始搜索词，http_build_query会自动编码
+                $params['search'] = $search;
+            }
+            
+            if (empty($params)) {
+                return $currentFile;
+            }
+            
+            return $currentFile . '?' . http_build_query($params);
+        }
+        
+        // 年份筛选URL
+        function buildYearUrl($year, $search = '') {
+            return buildUrl($year, 1, $search);
+        }
+        
+        $perPage = isset($config->frontPerPage) ? intval($config->frontPerPage) : 20;
+        $offset = ($currentPage - 1) * $perPage;
+        
+        // 构建查询条件
+        $where = 'status = ?';
+        $whereParams = array(1);
+        
+        if ($selectedYear > 0) {
+            $where .= ' AND YEAR(event_date) = ?';
+            $whereParams[] = $selectedYear;
+        }
+        
+        if (!empty($searchKeyword)) {
+            $where .= ' AND content LIKE ?';
+            $whereParams[] = '%' . $searchKeyword . '%';
+        }
+        
+        // 查询数据
+        $query = $db->select()
+            ->from($prefix . 'development_history')
+            ->where($where, ...$whereParams)
+            ->order('id', Typecho_Db::SORT_DESC)
+            ->limit($perPage)
+            ->offset($offset);
+        
+        $histories = $db->fetchAll($query);
+        
+        // 为每条记录获取关联的文章信息 - 修复URL生成
+        foreach ($histories as &$history) {
+            if (!empty($history['post_cids'])) {
+                $cids = array_filter(array_map('trim', explode(',', $history['post_cids'])));
+                $posts = array();
+                foreach ($cids as $cid) {
+                    if (is_numeric($cid)) {
+                        $postQuery = $db->select('cid, title, slug, created')
+                            ->from($prefix . 'contents')
+                            ->where('cid = ?', intval($cid))
+                            ->where('type = ?', 'post')
+                            ->where('status = ?', 'publish')
+                            ->limit(1);
+                        $post = $db->fetchRow($postQuery);
+                        if ($post) {
+                            // 修复：直接使用slug变量值
+                            if (!empty($post['slug'])) {
+                                $post['url'] = Typecho_Common::url($post['slug'] . '.html', $options->index);
+                            } else {
+                                $post['url'] = Typecho_Common::url('archives/' . $post['cid'], $options->index);
+                            }
+                            $posts[] = $post;
+                        }
+                    }
+                }
+                $history['posts'] = $posts;
+            } else {
+                $history['posts'] = array();
+            }
+        }
+        
+        // 获取总数
+        $countQuery = $db->select('COUNT(*) as count')
+            ->from($prefix . 'development_history')
+            ->where($where, ...$whereParams);
+        $totalResult = $db->fetchRow($countQuery);
+        $total = $totalResult['count'];
+        $totalPages = ceil($total / $perPage);
+        
+        // 获取所有年份及记录数（考虑搜索条件）
+        $yearsWhere = 'status = ?';
+        $yearsParams = array(1);
+        
+        if (!empty($searchKeyword)) {
+            $yearsWhere .= ' AND content LIKE ?';
+            $yearsParams[] = '%' . $searchKeyword . '%';
+        }
+        
+        $yearsQuery = $db->select('YEAR(event_date) as year, COUNT(*) as count')
+            ->from($prefix . 'development_history')
+            ->where($yearsWhere, ...$yearsParams)
+            ->group('YEAR(event_date)')
+            ->order('year', Typecho_Db::SORT_DESC);
+        $yearsData = $db->fetchAll($yearsQuery);
+        
+        // 获取全部记录数（考虑搜索条件）
+        $totalAllWhere = 'status = ?';
+        $totalAllParams = array(1);
+        
+        if (!empty($searchKeyword)) {
+            $totalAllWhere .= ' AND content LIKE ?';
+            $totalAllParams[] = '%' . $searchKeyword . '%';
+        }
+        
+        $totalAllQuery = $db->select('COUNT(*) as count')
+            ->from($prefix . 'development_history')
+            ->where($totalAllWhere, ...$totalAllParams);
+        $totalAllResult = $db->fetchRow($totalAllQuery);
+        $totalAll = $totalAllResult['count'];
+        
+        // 输出内容
+        if (empty($histories) && empty($searchKeyword) && $selectedYear == 0) {
+            echo '<div class="development-history-empty">暂无发展历史记录</div>';
+            return;
+        }
+        ?>
+        <!-- 关联文章样式 -->
+        <style>
+        .related-posts {
+            margin-top: 15px;
+            padding: 12px 15px;
+            background: #f8f9fa;
+            border-radius: 6px;
+            border-left: 3px solid #007bff;
+        }
+        
+        .related-posts-title {
+            font-size: 13px;
+            font-weight: 600;
+            color: #495057;
+            margin-bottom: 8px;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+        .related-posts ul li{
+             list-style: none;
+        }
+        .related-posts-list {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .related-posts ul{
+            padding-left: 0px!important;
+        }
+        .related-post-item {
+            margin-bottom: 6px;
+            padding: 6px 10px;
+            background: white;
+            border-radius: 4px;
+            border: 1px solid #dee2e6;
+            transition: all 0.2s ease;
+        }
+        
+        .related-post-item:last-child {
+            margin-bottom: 0;
+        }
+        
+        .related-post-item:hover {
+            background-color: #e9ecef;
+            border-color: #ced4da;
+        }
+        
+        .related-post-link {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            text-decoration: none;
+            color: #495057;
+            font-size: 13px;
+        }
+        
+        .related-post-link:hover {
+            color: #007bff;
+            text-decoration: none;
+        }
+        
+        /* 深色模式适配 */
+        .dark .related-posts {
+            background: #2d2d2d;
+            border-left-color: #dc2626;
+        }
+        
+        .dark .related-posts-title {
+            color: #b0b0b0;
+        }
+        
+        .dark .related-post-item {
+            background: #1e1e1e;
+            border-color: #444;
+        }
+        
+        .dark .related-post-item:hover {
+            background-color: #3d3d3d;
+            border-color: #555;
+        }
+        
+        .dark .related-post-link {
+            color: #b0b0b0;
+        }
+        
+        .dark .related-post-link:hover {
+            color: #dc2626;
+        }
+        
+        .dark .related-post-link:before {
+            color: #888;
+        }
+        </style>
+        
+        <!-- 搜索框样式 - 同步优化版 -->
+        <style>
+        /* 搜索框样式 - 优化版 */
+        .history-search-box {
+            margin: 0 auto 20px;
+        }
+        
+        .search-form {
+            display: flex;
+            flex-direction: column;
+            gap: 18px;
+            max-width: 400px;
+            margin: 0 auto;
+        }
+        
+        .search-input-row {
+            display: flex;
+            gap: 10px;
+            width: 100%;
+        }
+        
+        .search-input {
+            flex-grow: 1;
+            padding: 12px 16px;
+            border: 1px solid #dee2e6;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: all 0.3s ease;
+            background: white;
+            color: #333;
+        }
+        
+        .search-input:focus {
+            outline: none;
+            border-color: #007bff;
+            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
+        }
+        
+        .search-input::placeholder {
+            color: #6c757d;
+            opacity: 0.8;
+        }
+        
+        .search-button-row {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            width: 100%;
+        }
+        
+        .search-button {
+            padding: 8px 30px;
+            background: linear-gradient(135deg, #007bff, #0056b3);
+            color: white;
+            border: none;
+            border-radius: 10px;
+            font-size: 15px;
+            font-weight: 600;
+            cursor: pointer;
+            white-space: nowrap;
+        }
+        
+        .search-button:hover {
+            background: linear-gradient(135deg, #0056b3, #004494);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
+        }
+        
+        .search-button:active {
+            transform: translateY(0);
+            box-shadow: 0 1px 2px rgba(0, 123, 255, 0.2);
+        }
+        
+        .clear-search-link {
+            padding: 12px 25px;
+            background: linear-gradient(135deg, #6c757d, #545b62);
+            color: white;
+            text-decoration: none;
+            border-radius: 6px;
+            font-size: 15px;
+            font-weight: 500;
+            transition: all 0.3s ease;
+            white-space: nowrap;
+            box-shadow: 0 2px 4px rgba(108, 117, 125, 0.2);
+        }
+        
+        .clear-search-link:hover {
+            background: linear-gradient(135deg, #545b62, #3d4246);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
+            color: white;
+            text-decoration: none;
+        }
+        
+        .clear-search-link:active {
+            transform: translateY(0);
+            box-shadow: 0 1px 2px rgba(108, 117, 125, 0.2);
+        }
+        
+        .search-results-info {
+            margin-top: 15px;
+            text-align: center;
+            font-size: 14px;
+            color: #495057;
+            padding: 8px 12px;
+            background: rgba(0, 123, 255, 0.05);
+            border-radius: 4px;
+            border-left: 3px solid #007bff;
+        }
+        
+        .search-results-info strong {
+            color: #0056b3;
+            font-weight: 600;
+        }
+        
+        /* 深色模式适配 */
+        .dark .search-input {
+            background: #1e1e1e;
+            color: #000;
+            border-color: #444;
+        }
+        
+        .dark .search-input:focus {
+            border-color: #dc2626;
+            box-shadow: 0 0 0 3px rgba(77, 171, 247, 0.1);
+        }
+        
+        .dark .search-input::placeholder {
+            color: #aaa;
+        }
+        
+        .dark .search-button {
+            background: linear-gradient(135deg, #dc2626, #1c7ed6);
+        }
+        
+        .dark .search-button:hover {
+            background: linear-gradient(135deg, #1c7ed6, #1864ab);
+        }
+        
+        .dark .clear-search-link {
+            background: linear-gradient(135deg, #6c757d, #545b62);
+            box-shadow: 0 2px 4px rgba(108, 117, 125, 0.2);
+        }
+        
+        .dark .clear-search-link:hover {
+            background: linear-gradient(135deg, #545b62, #3d4246);
+            box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
+        }
+        
+        .dark .search-results-info {
+            color: #e0e0e0;
+            background: rgba(77, 171, 247, 0.05);
+            border-left-color: #dc2626;
+        }
+        
+        .dark .search-results-info strong {
+            color: #dc2626;
+        }
+        
+        @media (max-width: 768px) {
+            .search-input-row {
+                flex-direction: column;
+            }
+            
+            .search-button-row {
+                flex-direction: column;
+                align-items: stretch;
+            }
+            
+            .search-button,
+            .clear-search-link {
+                width: 100%;
+                text-align: center;
+            }
+            
+            .search-form {
+                gap: 15px;
+            }
+        }
+        
+        @media (min-width: 769px) {
+            .search-button-row {
+                justify-content: center;
+            }
+        }
+        </style>
+        
+        <!-- 主CSS样式 - 同步优化版 -->
+        <style>
+        .development-history-widget {
+            max-width: 100%;
+            background: #fff;
+            border-radius: 8px;
+        }
+        
+        .dark .development-history-widget h3{
+            margin-top:0px;
+        }
+        .widget-title {
+            text-align: center;
+            margin-bottom: 20px;
+            color: #333;
+            font-size: 20px;
+            padding-bottom: 10px;
+            border-bottom: 2px solid #007bff;
+            transition: all 0.3s ease;
+        }
+        
+        .dark .year-list li+li{margin-top:0em;}
+        .year-list li+li{margin-top:0em;}
+        
+        .dark .year-filter ul{padding-left:0rem;margin-bottom:0px;}
+        .year-filter ul{padding-left:0rem;margin-bottom:0px;}
+        
+        .year-filter {
+            margin:10px auto;
+            padding: 15px;
+            background: #f8f9fa;
+            border-radius: 6px;
+            border: 1px solid #e9ecef;
+        }
+        
+        .year-filter-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #495057;
+            margin-bottom: 12px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .year-filter-title:before {
+            content: "📅";
+            font-size: 14px;
+        }
+        
+        .year-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            margin: 0;
+            padding: 0;
+            justify-content: center;
+            list-style: none;
+        }
+        
+        .year-item {
+            display: inline-block;
+        }
+        
+        .year-link {
+            display: inline-block;
+            padding: 6px 14px;
+            background-color: #fff;
+            color: #495057;
+            text-decoration: none;
+            border-radius: 10px;
+            border: 1px solid #dee2e6;
+            font-size: 13px;
+            font-weight: 500;
+            transition: all 0.2s ease;
+            cursor: pointer;
+        }
+        
+        .year-link:hover {
+            background-color: #e9ecef;
+            border-color: #ced4da;
+            transform: translateY(-1px);
+        }
+        
+        .year-link.active {
+            background-color: #007bff;
+            color: white;
+            border-color: #007bff;
+            font-weight: 600;
+        }
+        
+        .year-count {
+            margin-left: 4px;
+            font-size: 11px;
+            opacity: 0.8;
+            font-weight: normal;
+        }
+        
+        .history-list {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        
+        .history-item {
+            padding: 12px 12px;
+            display: flex;
+            align-items: flex-start;
+            border-radius: 10px;
+            transition: background-color 0.3s ease;
+        }
+        
+        .history-item:first-child {
+            border-bottom: none;
+            margin-top: 20px;
+        }
+        
+        .history-content p{margin-bottom:0px;}
+        .dark .history-content p{margin-bottom:0px;}
+        
+        .history-date {
+            font-weight: bold;
+            color: #007bff;
+            font-size: 14px;
+            min-width: 90px;
+            flex-shrink: 0;
+            text-align: right;
+            transition: all 0.3s ease;
+        }
+        
+        .history-content {
+            color: #555;
+            line-height: 1.6;
+            font-size: 14px;
+            word-wrap: break-word;
+            flex-grow: 1;
+        }
+        
+        .history-content p {
+            margin: 0;
+        }
+        
+        .history-date::after {
+            content: "：";
+            color: #666;
+            font-weight: normal;
+            padding-left: 2px;
+        }
+        
+        .development-history-empty {
+            text-align: center;
+            padding: 30px;
+            color: #999;
+            font-size: 14px;
+            border: 1px dashed #ddd;
+            border-radius: 8px;
+            background-color: #fafafa;
+        }
+        
+        .history-item:last-child{margin-bottom:10px;}
+        
+        .history-pagination {
+            text-align: center;
+            padding-top: 40px;
+            transition: all 0.3s ease;
+            border-top:1px solid #333;
+            padding-bottom:20px;
+        }
+        
+        .pagination-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .pagination-info {
+            font-size: 13px;
+            color: #666;
+            margin: 0 10px;
+            flex-shrink: 0;
+        }
+        
+        .pagination-nav {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+        
+        .pagination-page {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pagination-link {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 36px;
+            height: 36px;
+            padding: 0 10px;
+            background: #fff;
+            color: #333;
+            text-decoration: none;
+            border: 1px solid #ddd;
+            border-radius: 50px;
+            font-size: 14px;
+            transition: all 0.2s ease;
+            line-height: 1;
+        }
+        
+        .pagination-link:hover {
+            background: #007bff;
+            color: white;
+            border-color: #007bff;
+            transform: translateY(-1px);
+        }
+        
+        .pagination-link.active {
+            background: #007bff;
+            color: white;
+            border-color: #007bff;
+            font-weight: 600;
+        }
+        
+        .pagination-link.disabled {
+            color: #999;
+            background: #f5f5f5;
+            border-color: #ddd;
+            cursor: not-allowed;
+            opacity: 0.6;
+        }
+        
+        .pagination-link.disabled:hover {
+            background: #f5f5f5;
+            color: #999;
+            border-color: #ddd;
+            transform: none;
+        }
+        
+        .pagination-ellipsis {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 36px;
+            height: 36px;
+            padding: 0 10px;
+            color: #666;
+            font-size: 14px;
+        }
+        
+        /* 深色模式适配 */
+        .dark .development-history-widget {
+            background: #1e1e1e;
+        }
+        
+        .dark .development-history-widget h2 {
+            margin-top:0px;
+            border-bottom-width: 0px;
+        }
+        
+        .development-history-widget h2 {
+            margin-top:0px;
+        }
+        
+        .dark .widget-title {
+            color: #e0e0e0;
+            border-bottom-color: #dc2626;
+        }
+        
+        .dark .year-filter {
+            background: #2d2d2d;
+            border-color: #333;
+        }
+        
+        .dark .year-filter-title {
+            color: #e0e0e0;
+        }
+        
+        .dark .year-link {
+            background-color: #2d2d2d;
+            color: #e0e0e0;
+            border-color: #444;
+        }
+        
+        .dark .year-link:hover {
+            background-color: #3d3d3d;
+            border-color: #555;
+        }
+        
+        .dark .year-link.active {
+            background-color: #dc2626;
+            color: #fff;
+            border-color: #dc2626;
+        }
+        
+        .dark .history-item {
+            border-bottom-color: #333;
+        }
+        
+        .dark .history-item:hover {
+            background-color: #2d2d2d;
+        }
+        
+        .dark .history-date {
+            color: #dc2626;
+        }
+        
+        .dark .history-content {
+            color: #b0b0b0;
+        }
+        
+        .dark .history-date::after {
+            color: #888;
+        }
+        
+        .dark .development-history-empty {
+            color: #888;
+            border-color: #444;
+            background-color: #2d2d2d;
+        }
+        
+        .dark .history-pagination {
+            border-top: 1px solid #333;
+        }
+        
+        .dark .pagination-info {
+            color: #aaa;
+        }
+        
+        .dark .pagination-link {
+            background: #2d2d2d;
+            color: #e0e0e0;
+            border-color: #444;
+        }
+        
+        .dark .pagination-link:hover {
+            background: #dc2626;
+            color: #fff;
+            border-color: #dc2626;
+        }
+        
+        .dark .pagination-link.active {
+            background: #dc2626;
+            color: #fff;
+            border-color: #dc2626;
+        }
+        
+        .dark .pagination-link.disabled {
+            color: #666;
+            background: #2d2d2d;
+            border-color: #444;
+        }
+        
+        .dark .pagination-link.disabled:hover {
+            background: #2d2d2d;
+            color: #666;
+            border-color: #444;
+        }
+        
+        .dark .pagination-ellipsis {
+            color: #888;
+        }
+        
+        @media (max-width: 768px) {
+            .development-history-widget {
+                padding: 12px;
+            }
+            
+            .widget-title {
+                font-size: 18px;
+            }
+            
+            .history-item {
+                padding: 10px 0;
+                flex-direction: column;
+            }
+            
+            .history-date {
+                min-width: auto;
+                text-align: left;
+                margin-bottom: 5px;
+                width: 100%;
+            }
+            
+            .history-date::after {
+                content: "";
+            }
+            
+            .pagination-container {
+                flex-direction: column;
+                gap: 10px;
+            }
+            
+            .pagination-nav {
+                width: 100%;
+                justify-content: center;
+            }
+            
+            .pagination-page {
+                flex-wrap: wrap;
+                justify-content: center;
+                margin: 5px 0;
+            }
+            
+            .year-list {
+                justify-content: center;
+            }
+        }
+        
+        @media (max-width: 480px) {
+            .pagination-link {
+                min-width: 32px;
+                height: 32px;
+                padding: 0 8px;
+                font-size: 13px;
+            }
+            
+            .pagination-ellipsis {
+                min-width: 32px;
+                height: 32px;
+                font-size: 13px;
+            }
+            
+            .year-link {
+                padding: 5px 10px;
+                font-size: 12px;
+            }
+        }
+        </style>
+        
+        <div class="development-history-widget">
+            <h2 class="widget-title">网站发展历史</h2>
+            
+            <!-- 搜索框 -->
+            <div class="history-search-box">
+                <form method="get" action="<?php echo $currentFile; ?>" class="search-form">
+                    <!-- 隐藏字段，保持当前年份筛选 -->
+                    <?php if ($selectedYear > 0): ?>
+                    <input type="hidden" name="y" value="<?php echo $selectedYear; ?>">
+                    <?php endif; ?>
+                    
+                    <div class="search-input-row">
+                        <input type="text" 
+                               name="search" 
+                               class="search-input" 
+                               placeholder="输入关键词搜索历史记录..." 
+                               value="<?php echo htmlspecialchars($searchKeyword); ?>"
+                               maxlength="100"
+                               aria-label="搜索历史记录">
+                    </div>
+                    
+                    <div class="search-button-row">
+                        <button type="submit" class="search-button">
+                            搜索
+                        </button>
+                        
+                        <?php if (!empty($searchKeyword) || $selectedYear > 0): ?>
+                        <a href="<?php echo $currentFile; ?>" class="clear-search-link">
+                            ✕ 清除筛选
+                        </a>
+                        <?php endif; ?>
+                    </div>
+                </form>
+                
+                <?php if (!empty($searchKeyword)): ?>
+                <div class="search-results-info">
+                    搜索 "<strong><?php echo htmlspecialchars($searchKeyword); ?></strong>" 找到 <?php echo $total; ?> 条记录
+                    <?php if ($selectedYear > 0): ?>
+                        （在 <?php echo $selectedYear; ?> 年中）
+                    <?php endif; ?>
+                </div>
+                <?php endif; ?>
+            </div>
+            
+            <!-- 年份筛选器 -->
+            <?php if (!empty($yearsData)): ?>
+            <div class="year-filter">
+                <ul class="year-list">
+                    <!-- 全部年份 -->
+                    <li class="year-item">
+                        <a href="<?php echo buildYearUrl(0, $searchKeyword); ?>" 
+                           class="year-link <?php echo $selectedYear == 0 ? 'active' : ''; ?>">
+                            全部
+                            <span class="year-count">(<?php echo $totalAll; ?>)</span>
+                        </a>
+                    </li>
+                    
+                    <!-- 各年份 -->
+                    <?php foreach ($yearsData as $yearData): ?>
+                    <li class="year-item">
+                        <?php 
+                        $year = $yearData['year'];
+                        $hasData = $yearData['count'] > 0;
+                        $url = buildYearUrl($year, $searchKeyword);
+                        ?>
+                        <a href="<?php echo $url; ?>" 
+                           class="year-link <?php echo $selectedYear == $year ? 'active' : ''; ?>"
+                           <?php if (!$hasData): ?>style="opacity:0.5; cursor:not-allowed;" onclick="return false;"<?php endif; ?>
+                           title="<?php echo $hasData ? "查看{$year}年记录" : "{$year}年暂无记录"; ?>">
+                            <?php echo $year; ?>
+                            <span class="year-count">(<?php echo $yearData['count']; ?>)</span>
+                        </a>
+                    </li>
+                    <?php endforeach; ?>
+                </ul>
+            </div>
+            <?php endif; ?>
+            
+            <!-- 当前筛选信息 -->
+            <?php if ($selectedYear > 0 && empty($searchKeyword)): ?>
+            <div style="text-align:center;margin-bottom: 15px; padding: 8px 12px; background: #e7f3ff; border-radius: 4px; ">
+                <span style="font-size: 13px; color: #0066cc;">
+                    当前筛选：<strong><?php echo $selectedYear; ?></strong> 年 
+                    <small>(<?php echo $total; ?> 条记录)</small>
+                    <a href="<?php echo buildYearUrl(0, $searchKeyword); ?>" style="margin-left: 10px; font-size: 12px; color: #666; text-decoration: none;">
+                        清除筛选
+                    </a>
+                </span>
+            </div>
+            <?php endif; ?>
+            
+            <!-- 搜索结果为空提示 -->
+            <?php if (empty($histories) && (!empty($searchKeyword) || $selectedYear > 0)): ?>
+            <div class="development-history-empty">
+                <?php if (!empty($searchKeyword) && $selectedYear > 0): ?>
+                    未找到包含 "<strong><?php echo htmlspecialchars($searchKeyword); ?></strong>" 的 <?php echo $selectedYear; ?> 年历史记录
+                <?php elseif (!empty($searchKeyword)): ?>
+                    未找到包含 "<strong><?php echo htmlspecialchars($searchKeyword); ?></strong>" 的历史记录
+                <?php elseif ($selectedYear > 0): ?>
+                    <?php echo $selectedYear; ?> 年暂无历史记录
+                <?php endif; ?>
+                <div style="margin-top: 10px;">
+                    <a href="<?php echo $currentFile; ?>" style="color: #007bff; text-decoration: none;">查看全部记录</a>
+                </div>
+            </div>
+            <?php endif; ?>
+            
+            <!-- 历史记录列表 -->
+            <?php if (!empty($histories)): ?>
+            <div class="history-list">
+                <?php foreach ($histories as $history): ?>
+                <div class="history-item">
+                    <div class="history-date">
+                        <?php echo date(isset($config->dateFormat) ? $config->dateFormat : 'Y.m.d', strtotime($history['event_date'])); ?>
+                    </div>
+                    <div class="history-content">
+                        <p>
+                            <?php 
+                            $content = htmlspecialchars($history['content']);
+                            // 如果有关键词，高亮显示
+                            if (!empty($searchKeyword)) {
+                                $content = preg_replace(
+                                    '/(' . preg_quote($searchKeyword, '/') . ')/i',
+                                    '<mark style="background-color: #fff3cd;color:#000; padding: 1px 3px; border-radius: 2px;">$1</mark>',
+                                    $content
+                                );
+                            }
+                            echo nl2br($content);
+                            ?>
+                        </p>
+                        
+                        <?php 
+                        // 显示关联文章
+                        if (isset($config->showRelatedPosts) && $config->showRelatedPosts == 1 && !empty($history['posts'])): 
+                        ?>
+                        <div class="related-posts">
+                            <div class="related-posts-title">
+                                <?php echo isset($config->relatedPostsTitle) ? $config->relatedPostsTitle : '相关文章'; ?>
+                            </div>
+                            <ul class="related-posts-list">
+                                <?php foreach ($history['posts'] as $post): ?>
+                                <li class="related-post-item">
+                                    <a href="<?php echo $post['url']; ?>" class="related-post-link" target="_blank">
+                                        <?php echo htmlspecialchars($post['title']); ?>
+                                    </a>
+                                </li>
+                                <?php endforeach; ?>
+                            </ul>
+                        </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
+                <?php endforeach; ?>
+            </div>
+            
+            <?php if ($totalPages > 1): ?>
+            <div class="history-pagination">
+                <div class="pagination-container">
+                    <!--<div class="pagination-info">
+                        第 <?php echo $currentPage; ?> / <?php echo $totalPages; ?> 页
+                    </div>-->
+                    
+                    <div class="pagination-nav">
+                        <?php if ($currentPage > 1): ?>
+                            <!--<a href="<?php echo buildUrl($selectedYear, 1, $searchKeyword); ?>" 
+                               class="pagination-link" title="第一页">
+                                首页
+                            </a>-->
+                            <a href="<?php echo buildUrl($selectedYear, $currentPage-1, $searchKeyword); ?>" 
+                               class="pagination-link" title="上一页">
+                                上一页
+                            </a>
+                        <?php else: ?>
+                            <!--<span class="pagination-link disabled" title="第一页">首页</span>-->
+                            <span class="pagination-link disabled" title="上一页">上一页</span>
+                        <?php endif; ?>
+                    </div>
+                    
+                    <div class="pagination-page">
+                        <?php
+                        // 显示页码逻辑
+                        $start = max(1, $currentPage - 2);
+                        $end = min($totalPages, $currentPage + 2);
+                        
+                        // 显示第一页和省略号
+                        if ($start > 1) {
+                            echo '<a href="' . buildUrl($selectedYear, 1, $searchKeyword) . '" class="pagination-link">1</a>';
+                            if ($start > 2) {
+                                echo '<span class="pagination-ellipsis">...</span>';
+                            }
+                        }
+                        
+                        // 显示页码
+                        for ($i = $start; $i <= $end; $i++) {
+                            if ($i == $currentPage) {
+                                echo '<span class="pagination-link active">' . $i . '</span>';
+                            } else {
+                                echo '<a href="' . buildUrl($selectedYear, $i, $searchKeyword) . '" class="pagination-link">' . $i . '</a>';
+                            }
+                        }
+                        
+                        // 显示最后页和省略号
+                        if ($end < $totalPages) {
+                            if ($end < $totalPages - 1) {
+                                echo '<span class="pagination-ellipsis">...</span>';
+                            }
+                            echo '<a href="' . buildUrl($selectedYear, $totalPages, $searchKeyword) . '" class="pagination-link">' . $totalPages . '</a>';
+                        }
+                        ?>
+                    </div>
+                    
+                    <div class="pagination-nav">
+                        <?php if ($currentPage < $totalPages): ?>
+                            <a href="<?php echo buildUrl($selectedYear, $currentPage+1, $searchKeyword); ?>" 
+                               class="pagination-link" title="下一页">
+                                下一页
+                            </a>
+                            <!--<a href="<?php echo buildUrl($selectedYear, $totalPages, $searchKeyword); ?>" 
+                               class="pagination-link" title="最后一页">
+                                末页
+                            </a>-->
+                        <?php else: ?>
+                            <span class="pagination-link disabled" title="下一页">下一页</span>
+                            <!--<span class="pagination-link disabled" title="最后一页">末页</span>-->
+                        <?php endif; ?>
+                    </div>
+                </div>
+            </div>
+            <?php endif; ?>
+            <?php endif; ?>
+        </div>
+        
+        <script>
+        // 调试信息
+        console.log('当前URL:', window.location.href);
+        console.log('当前年份参数 (y):', <?php echo $selectedYear; ?>);
+        console.log('搜索关键词 (原始):', '<?php echo $searchKeyword; ?>');
+        console.log('搜索关键词 (编码):', '<?php echo urlencode($searchKeyword); ?>');
+        
+        // 自动聚焦搜索框
+        document.addEventListener('DOMContentLoaded', function() {
+            var searchInput = document.querySelector('.search-input');
+            if (searchInput && !searchInput.value) {
+                searchInput.focus();
+            }
+        });
+        
+        // 搜索表单提交时验证
+        var searchForm = document.querySelector('.search-form');
+        if (searchForm) {
+            searchForm.addEventListener('submit', function(e) {
+                var searchInput = this.querySelector('.search-input');
+                if (searchInput.value.trim() === '') {
+                    e.preventDefault();
+                    // 如果已经有年份筛选，保留年份参数
+                    var yearParam = <?php echo $selectedYear > 0 ? "'?y=" . $selectedYear . "'" : "''"; ?>;
+                    window.location.href = '<?php echo $currentFile; ?>' + yearParam;
+                }
+            });
+        }
+        
+        // 确保年份链接正确传递搜索参数
+        document.addEventListener('DOMContentLoaded', function() {
+            var searchKeyword = '<?php echo $searchKeyword; ?>';
+            var yearLinks = document.querySelectorAll('.year-link[href]');
+            
+            yearLinks.forEach(function(link) {
+                var href = link.getAttribute('href');
+                if (searchKeyword && href.indexOf('search=') === -1) {
+                    // 如果链接中没有搜索参数，但当前有搜索关键词，需要添加
+                    var separator = href.indexOf('?') === -1 ? '?' : '&';
+                    var newHref = href + separator + 'search=' + encodeURIComponent(searchKeyword);
+                    link.setAttribute('href', newHref);
+                }
+            });
+        });
+        
+        // 搜索框动画效果
+        document.addEventListener('DOMContentLoaded', function() {
+            var searchInput = document.querySelector('.search-input');
+            if (searchInput) {
+                searchInput.addEventListener('focus', function() {
+                    this.parentElement.style.transform = 'scale(1.02)';
+                });
+                
+                searchInput.addEventListener('blur', function() {
+                    this.parentElement.style.transform = 'scale(1)';
+                });
+            }
+        });
+        </script>
+        <?php
+    }
+}
\ No newline at end of file
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..243d009
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,109 @@
+/* 前端展示样式 */
+.development-history-widget {
+    max-width: 100%;
+    margin: 20px 0;
+    padding: 15px;
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.widget-title {
+    text-align: center;
+    margin-bottom: 20px;
+    color: #333;
+    font-size: 20px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #007bff;
+}
+
+.history-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.history-item {
+    padding: 12px 0;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    align-items: flex-start;
+}
+
+.history-item:hover {
+    background-color: #f9f9f9;
+    border-radius: 4px;
+    padding: 12px 8px;
+}
+
+.history-item:last-child {
+    border-bottom: none;
+}
+
+.history-date {
+    font-weight: bold;
+    color: #007bff;
+    font-size: 14px;
+    min-width: 110px;
+    flex-shrink: 0;
+    padding-right: 10px;
+    text-align: right;
+}
+
+.history-content {
+    color: #555;
+    line-height: 1.6;
+    font-size: 14px;
+    word-wrap: break-word;
+    flex-grow: 1;
+}
+
+.history-content p {
+    margin: 0;
+}
+
+/* 分隔符样式 */
+.history-date::after {
+    content: "：";
+    color: #666;
+    font-weight: normal;
+    padding-left: 2px;
+}
+
+/* 空状态 */
+.development-history-empty {
+    text-align: center;
+    padding: 30px;
+    color: #999;
+    font-size: 14px;
+    border: 1px dashed #ddd;
+    border-radius: 8px;
+    background-color: #fafafa;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+    .development-history-widget {
+        padding: 12px;
+    }
+    
+    .widget-title {
+        font-size: 18px;
+    }
+    
+    .history-item {
+        padding: 10px 0;
+        flex-direction: column;
+    }
+    
+    .history-date {
+        min-width: auto;
+        text-align: left;
+        margin-bottom: 5px;
+        width: 100%;
+    }
+    
+    .history-date::after {
+        content: "";
+    }
+}
\ No newline at end of file
diff --git a/manage-panel.php b/manage-panel.php
new file mode 100644
index 0000000..132b486
--- /dev/null
+++ b/manage-panel.php
@@ -0,0 +1,1426 @@
+<?php
+if (!defined('__TYPECHO_ROOT_DIR__')) exit;
+/**
+ * 发展历史插件后台管理面板
+ */
+
+// 获取配置
+$options = Typecho_Widget::widget('Widget_Options');
+$config = $options->plugin('DevelopmentHistory');
+
+// 引入Action类
+require_once __DIR__ . '/Action.php';
+$action = new DevelopmentHistory_Action();
+
+// 获取当前页码
+$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
+$perPage = isset($config->perPage) ? intval($config->perPage) : 10;
+
+// 处理表单提交
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    // 处理新增 - 关键：处理完后不重定向，刷新当前页面
+    // 在manage-panel.php中修改发布处理部分（第29-38行）：
+    // 处理新增
+    if (!empty($_POST['content'])) {
+        try {
+            $action->addHistory(array(
+                'content' => $_POST['content'],
+                'event_date' => $_POST['event_date'],
+                'post_cids' => isset($_POST['post_cids']) ? $_POST['post_cids'] : ''
+            ));
+            
+            $successMsg = '记录添加成功！';
+            // 添加滚动到列表的锚点
+            header('Location: ' . $_SERVER['PHP_SELF'] . '?panel=DevelopmentHistory/manage-panel.php&page=' . $page . '#history-list-anchor');
+            exit;
+        } catch (Exception $e) {
+            // 如果数据已保存但出现错误，只显示警告
+            $successMsg = '记录已添加，但出现警告：' . htmlspecialchars($e->getMessage());
+        }
+    }
+    
+    // 处理批量删除
+    if (!empty($_POST['delete_ids']) && is_array($_POST['delete_ids'])) {
+        $action->deleteHistories($_POST['delete_ids']);
+        $successMsg = '删除成功！';
+        // 添加滚动到列表的锚点
+        header('Location: ' . $_SERVER['PHP_SELF'] . '?panel=DevelopmentHistory/manage-panel.php&page=' . $page . '#history-list-anchor');
+        exit;
+    }
+    
+    // 处理编辑
+    if (!empty($_POST['edit_id'])) {
+        $action->updateHistory(array(
+            'edit_id' => $_POST['edit_id'],
+            'edit_content' => $_POST['edit_content'],
+            'edit_event_date' => $_POST['edit_event_date'],
+            'edit_post_cids' => isset($_POST['edit_post_cids']) ? $_POST['edit_post_cids'] : ''
+        ));
+        $successMsg = '记录更新成功！';
+        // 添加滚动到列表的锚点
+        header('Location: ' . $_SERVER['PHP_SELF'] . '?panel=DevelopmentHistory/manage-panel.php&page=' . $page . '#history-list-anchor');
+        exit;
+    }
+    
+    // 处理导出
+    if (isset($_POST['export'])) {
+        $exportContent = $action->exportData();
+        $filename = 'development_history_' . date('Ymd_His') . '.txt';
+        
+        header('Content-Type: text/plain');
+        header('Content-Disposition: attachment; filename="' . $filename . '"');
+        header('Content-Length: ' . strlen($exportContent));
+        echo $exportContent;
+        exit;
+    }
+    
+    // 处理导入
+    if (isset($_POST['import']) && !empty($_FILES['import_file']['tmp_name'])) {
+        $fileContent = file_get_contents($_FILES['import_file']['tmp_name']);
+        $result = $action->importData($fileContent);
+        
+        if ($result['imported'] > 0) {
+            $successMsg = '导入成功！成功导入 ' . $result['imported'] . ' 条记录';
+            if ($result['failed'] > 0) {
+                $successMsg .= '，失败 ' . $result['failed'] . ' 条记录';
+                
+                // 显示失败原因（限制显示前10条）
+                if (!empty($result['fail_reasons'])) {
+                    $errorDetails = '<strong>失败原因：</strong><br>';
+                    $displayCount = min(10, count($result['fail_reasons']));
+                    for ($i = 0; $i < $displayCount; $i++) {
+                        $errorDetails .= htmlspecialchars($result['fail_reasons'][$i]) . '<br>';
+                    }
+                    if (count($result['fail_reasons']) > 10) {
+                        $errorDetails .= '...还有 ' . (count($result['fail_reasons']) - 10) . ' 条失败记录';
+                    }
+                    $errorMsg = $errorDetails;
+                }
+            }
+        } else {
+            $errorMsg = '导入失败！未找到可导入的记录或格式不正确';
+            if (!empty($result['fail_reasons'])) {
+                $errorMsg .= '<br><strong>失败原因：</strong><br>';
+                $displayCount = min(10, count($result['fail_reasons']));
+                for ($i = 0; $i < $displayCount; $i++) {
+                    $errorMsg .= htmlspecialchars($result['fail_reasons'][$i]) . '<br>';
+                }
+            }
+        }
+    }
+}
+
+// 获取记录
+$histories = $action->getHistories($page, $perPage);
+$total = $action->getTotalCount();
+$totalPages = ceil($total / $perPage);
+?>
+
+<?php include 'header.php'; ?>
+<?php include 'menu.php'; ?>
+
+<style>
+/* 基础重置 */
+* {
+    box-sizing: border-box;
+}
+
+/* 浮动消息提示 */
+.floating-message {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 9999;
+    max-width: 350px;
+    opacity: 0;
+    transform: translateY(-20px);
+    transition: opacity 0.3s, transform 0.3s;
+    padding: 14px 20px;
+    border-radius: 6px;
+    border: 1px solid transparent;
+    font-size: 14px;
+}
+
+.floating-message.show {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.floating-message.success {
+    color: #0f5132;
+    background-color: #d1e7dd;
+    border-color: #badbcc;
+}
+
+.floating-message.error {
+    color: #842029;
+    background-color: #f8d7da;
+    border-color: #f5c2c7;
+}
+
+/* 表格样式 */
+.data-table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin: 0px 0;
+    font-size: 14px;
+    background-color: #fff;
+    border-radius: 6px;
+    overflow: hidden;
+    table-layout: fixed;
+}
+
+.data-table th,
+.data-table td {
+    padding: 14px 12px;
+    border-bottom: 1px solid #f0f0f0;
+    text-align: left;
+    vertical-align: middle;
+    line-height: 1.4;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.data-table th {
+    background-color: #fafbfc;
+    font-weight: 600;
+    color: #333;
+    border-bottom: 2px solid #e0e0e0;
+    font-size: 14px;
+}
+
+.data-table tbody tr:hover {
+    background-color: #f8f9fa;
+}
+
+.data-table tbody tr:last-child td {
+    border-bottom: none;
+}
+
+/* 复选框列 */
+.data-table th:first-child,
+.data-table td:first-child {
+    text-align: center;
+    width: 50px;
+    min-width: 50px;
+    max-width: 50px;
+    padding: 14px 8px;
+}
+
+.data-table th:first-child input[type="checkbox"],
+.data-table td:first-child input[type="checkbox"] {
+    margin: 0;
+    vertical-align: middle;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+}
+
+/* ID列样式 - 固定宽度 */
+.data-table th:nth-child(2),
+.data-table td:nth-child(2) {
+    text-align: center;
+    width: 70px;
+    min-width: 70px;
+    max-width: 70px;
+    font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+    font-size: 13px;
+    color: #666;
+    white-space: nowrap;
+}
+
+/* 内容列 - 最大宽度，不换行 */
+.data-table th:nth-child(3),
+.data-table td:nth-child(3) {
+    width: auto;
+    min-width: 250px;
+    max-width: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* 事件时间列 - 固定宽度，不换行 */
+.data-table th:nth-child(4),
+.data-table td:nth-child(4) {
+    text-align: center;
+    width: 110px;
+    min-width: 110px;
+    max-width: 110px;
+    font-size: 13px;
+    white-space: nowrap;
+}
+
+/* 发布时间列 - 固定宽度，不换行 - 修复：改为黑色 */
+.data-table th:nth-child(5),
+.data-table td:nth-child(5) {
+    text-align: center;
+    width: 110px;
+    min-width: 110px;
+    max-width: 110px;
+    font-size: 13px;
+    white-space: nowrap;
+    color: #000; /* 改为黑色 */
+}
+
+/* 文章关联列 - 固定宽度 */
+.data-table th:nth-child(6),
+.data-table td:nth-child(6) {
+    text-align: left; /* 改为左对齐，以便显示多个CID */
+    width: 180px; /* 增加宽度以便显示多个CID */
+    min-width: 180px;
+    max-width: 180px;
+    font-size: 13px;
+    white-space: normal; /* 允许多行显示 */
+    overflow: visible; /* 允许内容溢出 */
+}
+
+/* 操作列样式 */
+.data-table th:last-child,
+.data-table td:last-child {
+    text-align: center;
+    width: 80px;
+    min-width: 80px;
+    max-width: 80px;
+    padding: 14px 8px;
+    white-space: nowrap;
+}
+
+/* 日期样式 */
+.date-badge {
+    display: inline-block;
+    background-color: #f0f7ff;
+    color: #0066cc;
+    padding: 4px 10px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+}
+
+/* 发布时间样式 - 修复：改为普通黑色文字 */
+.publish-time {
+    color: #000;
+    font-size: 13px;
+}
+
+/* CID徽章样式 */
+.cid-badge {
+    display: inline-block;
+    background-color: #e8f5e8;
+    color: #2e7d32;
+    padding: 3px 8px;
+    margin: 2px;
+    border-radius: 3px;
+    font-size: 11px;
+    font-weight: 500;
+    font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+    white-space: nowrap;
+    border: 1px solid #c8e6c9;
+    line-height: 1;
+}
+
+.cid-container {
+    display: flex;
+    flex-wrap: wrap; /* 允许多行显示 */
+    gap: 3px;
+    max-height: 60px;
+    overflow-y: auto;
+}
+
+.no-cid {
+    color: #999;
+    font-size: 12px;
+    font-style: italic;
+}
+
+/* 批量操作区域 */
+.bulk-actions-header, .bulk-actions-footer {
+    padding: 15px;
+    background-color: #f8f9fa;
+    border: 1px solid #e0e0e0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.bulk-actions-footer {
+    border-top: none;
+    border-bottom: 2px solid #e0e0e0;
+}
+
+/* 模态框样式 */
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+}
+
+.modal-content {
+    background-color: #fff;
+    margin: 8% auto;
+    padding: 0;
+    border-radius: 8px;
+    width: 85%;
+    max-width: 500px;
+    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
+    position: relative;
+}
+
+.close {
+    position: absolute;
+    right: 20px;
+    top: 18px;
+    font-size: 22px;
+    cursor: pointer;
+    color: #999;
+    background: none;
+    border: none;
+    padding: 0;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+}
+
+.close:hover {
+    color: #333;
+    background-color: #f5f5f5;
+}
+
+.modal-header {
+    margin: 0;
+    padding: 20px 25px;
+    border-bottom: 1px solid #e0e0e0;
+    background-color: #fafbfc;
+    border-radius: 8px 8px 0 0;
+}
+
+.modal-header h3 {
+    margin: 0;
+    color: #333;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.modal-content form {
+    padding: 25px;
+}
+
+/* 分页样式 */
+.pagination {
+    margin-top: 25px;
+    margin-bottom:25px;
+    text-align: center;
+}
+
+.pagination ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: inline-flex;
+    gap: 4px;
+}
+
+.pagination li {
+    display: inline;
+}
+
+.pagination a, .pagination span {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 12px;
+    background-color: #fff;
+    color: #495057;
+    text-decoration: none;
+    border-radius: 4px;
+    border: 1px solid #dee2e6;
+    min-width: 36px;
+    height: 36px;
+    font-size: 13px;
+}
+
+.pagination a:hover {
+    background-color: #f8f9fa;
+    border-color: #dee2e6;
+}
+
+.pagination .active a, .pagination .active span {
+    background-color: #007bff;
+    color: white;
+    border-color: #007bff;
+}
+
+/* 消息提示 */
+.message {
+    padding: 14px 20px;
+    margin: 18px 0;
+    border-radius: 6px;
+    border: 1px solid transparent;
+    font-size: 14px;
+}
+
+.message.success {
+    color: #0f5132;
+    background-color: #d1e7dd;
+    border-color: #badbcc;
+}
+
+.message.error {
+    color: #842029;
+    background-color: #f8d7da;
+    border-color: #f5c2c7;
+}
+
+/* 表单样式 */
+.form-section {
+    background: #fff;
+    padding: 25px;
+    margin-bottom: 22px;
+    border-radius: 8px;
+    border: 1px solid #e0e0e0;
+}
+
+.form-section h2 {
+    margin-top: 0;
+    margin-bottom: 22px;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    color: #333;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.form-group {
+    margin-bottom: 20px;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: 500;
+    color: #555;
+    font-size: 14px;
+}
+
+.form-control {
+    width: 100%;
+    padding: 10px 14px;
+    border: 1px solid #ced4da;
+    border-radius: 4px;
+    font-size: 14px;
+    color: #333;
+    background-color: #fff;
+}
+
+.form-control:focus {
+    outline: none;
+    border-color: #80bdff;
+    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.15);
+}
+
+textarea.form-control {
+    resize: vertical;
+    min-height: 100px;
+}
+
+.description {
+    font-size: 12px;
+    color: #6c757d;
+    margin-top: 6px;
+}
+
+/* 文章关联输入框样式 */
+.post-cids-input-wrapper {
+    position: relative;
+}
+
+.post-cids-input {
+    width: 100%;
+    padding: 10px 12px;
+    border: 1px solid #ced4da;
+    border-radius: 4px;
+    font-size: 14px;
+    color: #333;
+    background-color: #fff;
+}
+
+.post-cids-input:focus {
+    outline: none;
+    border-color: #80bdff;
+    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.15);
+}
+
+.post-cids-display {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #6c757d;
+}
+
+/* 按钮样式 */
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px 18px;
+    font-size: 14px;
+    font-weight: 500;
+    text-align: center;
+    cursor: pointer;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    height: 40px;
+    min-width: 80px;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #007bff;
+    border-color: #007bff;
+}
+
+.btn-primary:hover {
+    background-color: #0069d9;
+    border-color: #0062cc;
+}
+
+.btn-secondary {
+    color: #fff;
+    background-color: #6c757d;
+    border-color: #6c757d;
+}
+
+.btn-secondary:hover {
+    background-color: #5a6268;
+    border-color: #545b62;
+}
+
+.btn-danger {
+    color: #fff;
+    background-color: #dc3545;
+    border-color: #dc3545;
+}
+
+.btn-danger:hover {
+    background-color: #c82333;
+    border-color: #bd2130;
+}
+
+.btn-success {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745;
+}
+
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+
+.btn-info {
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8;
+}
+
+.btn-info:hover {
+    background-color: #138496;
+    border-color: #117a8b;
+}
+
+.btn-sm {
+    padding: 6px 12px;
+    font-size: 12px;
+    height: 32px;
+    min-width: 60px;
+}
+
+.btn-group {
+    display: flex;
+    gap: 10px;
+}
+
+/* 主容器样式 */
+.main {
+    padding: 25px 0;
+    min-height: calc(100vh - 60px);
+}
+
+.body.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.typecho-page-title {
+    margin-bottom: 25px;
+    padding-bottom: 18px;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.typecho-page-title h1 {
+    margin: 0;
+    color: #333;
+    font-size: 24px;
+    font-weight: 600;
+}
+
+/* 全宽布局 */
+.typecho-page-main {
+    display: block;
+    width: 100%;
+}
+
+.table-section {
+    background: #fff;
+    padding: 0;
+    border-radius: 8px;
+    border: 1px solid #e0e0e0;
+    margin-bottom: 22px;
+    overflow: hidden;
+}
+
+.table-section h2 {
+    margin: 0;
+    padding: 20px 25px;
+    border-bottom: 1px solid #f0f0f0;
+    color: #333;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+/* 统计信息盒子 */
+.stats-box {
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    padding: 22px;
+    border-radius: 8px;
+    margin-bottom: 22px;
+    border: 1px solid #dee2e6;
+}
+
+.stats-box h3 {
+    margin-top: 0;
+    margin-bottom: 18px;
+    color: #495057;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 15px;
+}
+
+.stat-item {
+    background: white;
+    padding: 18px;
+    border-radius: 6px;
+    border-left: 4px solid #007bff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
+}
+
+.stat-item .label {
+    font-size: 12px;
+    color: #6c757d;
+    margin-bottom: 6px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-weight: 500;
+}
+
+.stat-item .value {
+    font-size: 20px;
+    font-weight: 600;
+    color: #343a40;
+}
+
+/* 导入导出样式 */
+.import-export-section {
+    margin-bottom: 22px;
+    border-radius: 8px;
+}
+
+.import-export-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 22px;
+    margin-bottom: 22px;
+}
+
+.import-box, .export-box {
+    background: #f8f9fa;
+    padding: 22px;
+    border-radius: 6px;
+    border: 1px solid #dee2e6;
+}
+
+.import-box h4, .export-box h4 {
+    margin-top: 0;
+    margin-bottom: 16px;
+    color: #495057;
+    font-size: 15px;
+    font-weight: 600;
+}
+
+.format-example {
+    background: #fff;
+    padding: 16px;
+    border-radius: 6px;
+    border-left: 3px solid #007bff;
+    margin-top: 18px;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+    font-size: 13px;
+}
+
+.format-example pre {
+    margin: 0;
+    white-space: pre-wrap;
+    font-size: 12px;
+}
+
+.format-example code {
+    color: #e83e8c;
+    font-family: inherit;
+    font-size: 12px;
+}
+
+.format-example strong {
+    color: #333;
+    font-weight: 600;
+    margin-bottom: 8px;
+    display: block;
+}
+
+/* 锚点定位样式 */
+.anchor-target {
+    scroll-margin-top: 20px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+    .body.container {
+        padding: 0 15px;
+    }
+    
+    .import-export-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .bulk-actions-header, .bulk-actions-footer {
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    .floating-message {
+        left: 20px;
+        right: 20px;
+        max-width: none;
+    }
+    
+    /* 响应式调整关联文章列 */
+    .data-table th:nth-child(6),
+    .data-table td:nth-child(6) {
+        width: 140px;
+        min-width: 140px;
+        max-width: 140px;
+    }
+}
+</style>
+
+<div class="main">
+    <div class="body container">
+        
+        <!-- 浮动消息提示 -->
+        <?php if (isset($successMsg)): ?>
+        <div id="floatingMessage" class="floating-message success show">
+            <div style="display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex-grow: 1;">
+                    <strong>✓ 成功</strong>
+                    <div style="margin-top: 5px;"><?php echo $successMsg; ?></div>
+                </div>
+                <button type="button" onclick="hideMessage()" style="background: none; border: none; color: inherit; font-size: 18px; cursor: pointer; margin-left: 10px; padding: 0 5px;">&times;</button>
+            </div>
+        </div>
+        <?php endif; ?>
+        
+        <?php if (isset($errorMsg)): ?>
+        <div id="floatingMessage" class="floating-message error show">
+            <div style="display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex-grow: 1;">
+                    <strong>✗ 错误</strong>
+                    <div style="margin-top: 5px;"><?php echo $errorMsg; ?></div>
+                </div>
+                <button type="button" onclick="hideMessage()" style="background: none; border: none; color: inherit; font-size: 18px; cursor: pointer; margin-left: 10px; padding: 0 5px;">&times;</button>
+            </div>
+        </div>
+        <?php endif; ?>
+        
+        <div class="typecho-page-main" role="main">
+            <!-- 统计信息 -->
+            <div class="stats-box">
+                <div class="stats-grid">
+                    <div class="stat-item">
+                        <div class="label">总记录数</div>
+                        <div class="value"><?php echo $total; ?> 条</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="label">当前页数</div>
+                        <div class="value"><?php echo $page; ?> / <?php echo $totalPages; ?></div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="label">每页显示</div>
+                        <div class="value"><?php echo $perPage; ?> 条</div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- 导入导出功能 -->
+            <div class="import-export-section">
+                <div class="import-export-grid">
+                    <!-- 导出功能 -->
+                    <div class="export-box">
+                        <h4>导出数据</h4>
+                        <p style="margin-bottom: 15px;color:#000;">导出所有历史记录为文本文件格式</p>
+                        <form method="post" action="">
+                            <input type="hidden" name="action" value="development-history">
+                            <button type="submit" name="export" class="btn btn-success">
+                                导出为 TXT 文件
+                            </button>
+                        </form>
+                        <div class="format-example">
+                            <strong>导出格式示例：</strong>
+                            <pre>2025.12.21 网站正式上线
+2025.12.25 新增用户注册功能
+2025.12.28 优化了网站性能</pre>
+                        </div>
+                    </div>
+                    
+                    <!-- 导入功能 -->
+                    <div class="import-box">
+                        <h4>导入数据</h4>
+                        <p style="margin-bottom: 15px;color:#000;">从文本文件导入历史记录</p>
+                        <form method="post" action="" enctype="multipart/form-data">
+                            <input type="hidden" name="action" value="development-history">
+                            <div class="form-group" style="margin-bottom: 15px;">
+                                <label for="import_file">选择文件</label>
+                                <input type="file" id="import_file" name="import_file" class="form-control" required accept=".txt,.text">
+                                <p class="description">支持 .txt 文本文件格式</p>
+                            </div>
+                            <button type="submit" name="import" class="btn btn-info">
+                                导入 TXT 文件
+                            </button>
+                        </form>
+                        <div class="format-example">
+                            <strong>导入格式要求：</strong>
+                            <pre>每行一条记录，格式为：<code>日期 内容</code>
+日期格式：YYYY.M[M].D[D]（支持单数字月份和日期）
+例如：<code>2023.12.9 网站更新</code>
+例如：<code>2023.8.8 新功能上线</code></pre>
+                            <p style="margin-top: 10px; font-size: 12px; color: #666;">
+                                提示：请确保文件编码为 UTF-8，每行一条记录
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- 发布表单 -->
+            <div class="form-section">
+                <h2>发布新历史</h2>
+                <!-- 修复：表单action设为空字符串，提交到当前页面 -->
+                <form method="post" action="" id="publishForm">
+                    <div class="form-group">
+                        <label for="content">内容 *</label>
+                        <textarea id="content" name="content" class="form-control" rows="4" required 
+                                  placeholder="请输入详细网站发展历史内容"></textarea>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="event_date">日期 *</label>
+                        <div class="btn-group">
+                            <input type="date" id="event_date" name="event_date" class="form-control" 
+                                   value="<?php echo date('Y-m-d'); ?>" required>
+                            <button type="button" class="btn btn-secondary" onclick="document.getElementById('event_date').value = '<?php echo date('Y-m-d'); ?>'">
+                                今天
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="post_cids">关联文章CID（可选）</label>
+                        <div class="post-cids-input-wrapper">
+                            <input type="text" id="post_cids" name="post_cids" class="form-control post-cids-input" 
+                                   placeholder="输入文章CID，多个用逗号分隔，如：123,456">
+                        </div>
+                        <p class="description post-cids-display">
+                            可关联多个文章，输入文章CID，用逗号分隔
+                        </p>
+                    </div>
+                    
+                    <div style="text-align: center;">
+                        <button type="reset" class="btn btn-secondary" style="margin-right: 10px;">重置</button>
+                        <button type="submit" class="btn btn-primary" id="publishBtn">发布</button>
+                    </div>
+                </form>
+            </div>
+            
+            <!-- 锚点目标，用于滚动定位 -->
+            <div id="history-list-anchor" class="anchor-target"></div>
+            
+            <!-- 历史记录列表 -->
+            <div class="table-section">
+                <h2>历史记录列表</h2>
+                
+                <?php if (empty($histories)): ?>
+                    <div class="message info" style="text-align: center; padding: 30px;">
+                        暂无历史记录，请先添加记录
+                    </div>
+                <?php else: ?>
+                    <form method="post" action="" id="mainForm">
+                        <!-- 表头多选操作栏 -->
+                        <div class="bulk-actions-header">
+                            <div style="display: flex; align-items: center; gap: 15px;">
+                                <div style="display: flex; align-items: center;">
+                                    <input type="checkbox" id="header-select-all" style="margin: 0; width: 16px; height: 16px;">
+                                    <label for="header-select-all" style="color:#000;margin-left: 8px; font-weight: 500; font-size: 14px;">
+                                        全选本页
+                                    </label>
+                                </div>
+                                <div class="selected-info">
+                                    <span class="description">
+                                        已选择 <strong id="selected-count-text">0</strong> 条记录
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <button type="button" id="header-delete-btn" class="btn btn-danger btn-sm">
+                                    删除选中
+                                </button>
+                            </div>
+                        </div>
+                        
+                        <table class="data-table">
+                            <thead>
+                                <tr>
+                                    <th>
+                                        <input type="checkbox" id="thead-select-all" title="全选/全不选">
+                                    </th>
+                                    <th>ID</th>
+                                    <th>内容</th>
+                                    <th>历史时间</th>
+                                    <th>发布时间</th>
+                                    <th>文章关联</th>
+                                    <th>操作</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <?php foreach ($histories as $history): 
+                                    $cids = !empty($history['post_cids']) ? explode(',', $history['post_cids']) : array();
+                                ?>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" name="delete_ids[]" value="<?php echo $history['id']; ?>" class="row-checkbox">
+                                    </td>
+                                    <td>
+                                        <span class="history-id">#<?php echo $history['id']; ?></span>
+                                    </td>
+                                    <td title="<?php echo htmlspecialchars($history['content']); ?>">
+                                        <div style="font-size: 13px; color: #333; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+                                            <?php echo htmlspecialchars($history['content']); ?>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <span class="date-badge">
+                                            <?php echo date('Y-m-d', strtotime($history['event_date'])); ?>
+                                        </span>
+                                    </td>
+                                    <td>
+                                        <!-- 修复：发布时间改为黑色普通文字 -->
+                                        <span class="publish-time">
+                                            <?php echo date('Y-m-d', strtotime($history['created'])); ?>
+                                        </span>
+                                    </td>
+                                    <td>
+                                        <?php if (!empty($cids)): ?>
+                                            <div class="cid-container">
+                                                <?php foreach ($cids as $cid): 
+                                                    $cid = trim($cid);
+                                                    if (!empty($cid)): ?>
+                                                    <span class="cid-badge" title="文章CID: <?php echo $cid; ?>">
+                                                        <?php echo $cid; ?>
+                                                    </span>
+                                                    <?php endif; ?>
+                                                <?php endforeach; ?>
+                                            </div>
+                                        <?php else: ?>
+                                            <span class="no-cid">-</span>
+                                        <?php endif; ?>
+                                    </td>
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-primary edit-btn" 
+                                                data-history='<?php echo htmlspecialchars(json_encode($history), ENT_QUOTES, 'UTF-8'); ?>'
+                                                style="padding: 4px 10px; font-size: 12px;">
+                                            编辑
+                                        </button>
+                                    </td>
+                                </tr>
+                                <?php endforeach; ?>
+                            </tbody>
+                        </table>
+                        
+                        <!-- 表尾多选操作栏 -->
+                        <div class="bulk-actions-footer">
+                            <div style="display: flex; align-items: center; gap: 15px;">
+                                <div style="display: flex; align-items: center;">
+                                    <input type="checkbox" id="footer-select-all" style="margin: 0; width: 16px; height: 16px;">
+                                    <label for="footer-select-all" style="color:#000;margin-left: 8px; font-weight: 500; font-size: 14px;">
+                                        全选本页
+                                    </label>
+                                </div>
+                                <div class="selected-info">
+                                    <span class="description">
+                                        已选择 <strong id="footer-selected-count">0</strong> 条记录
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <button type="button" id="footer-delete-btn" class="btn btn-danger btn-sm">
+                                    删除选中
+                                </button>
+                            </div>
+                        </div>
+                        
+                        <!-- 隐藏的提交按钮 -->
+                        <input type="submit" id="hidden-submit" style="display: none;">
+                    </form>
+                    
+                    <!-- 分页 -->
+                    <?php if ($totalPages > 1): ?>
+                    <div class="pagination">
+                        <ul>
+                            <?php if ($page > 1): ?>
+                                <li><a href="?panel=DevelopmentHistory/manage-panel.php&page=<?php echo $page-1; ?>#history-list-anchor">&laquo; 上一页</a></li>
+                            <?php endif; ?>
+                            
+                            <?php 
+                            $start = max(1, $page - 2);
+                            $end = min($totalPages, $page + 2);
+                            
+                            if ($start > 1) {
+                                echo '<li><a href="?panel=DevelopmentHistory/manage-panel.php&page=1#history-list-anchor">1</a></li>';
+                                if ($start > 2) echo '<li><span>...</span></li>';
+                            }
+                            
+                            for ($i = $start; $i <= $end; $i++): ?>
+                                <li <?php if ($i == $page) echo 'class="active"'; ?>>
+                                    <a href="?panel=DevelopmentHistory/manage-panel.php&page=<?php echo $i; ?>#history-list-anchor"><?php echo $i; ?></a>
+                                </li>
+                            <?php endfor; ?>
+                            
+                            <?php if ($end < $totalPages): ?>
+                                <?php if ($end < $totalPages - 1): ?>
+                                    <li><span>...</span></li>
+                                <?php endif; ?>
+                                <li><a href="?panel=DevelopmentHistory/manage-panel.php&page=<?php echo $totalPages; ?>#history-list-anchor"><?php echo $totalPages; ?></a></li>
+                            <?php endif; ?>
+                            
+                            <?php if ($page < $totalPages): ?>
+                                <li><a href="?panel=DevelopmentHistory/manage-panel.php&page=<?php echo $page+1; ?>#history-list-anchor">下一页 &raquo;</a></li>
+                            <?php endif; ?>
+                        </ul>
+                    </div>
+                    <?php endif; ?>
+                <?php endif; ?>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 编辑模态框 -->
+<div id="editModal" class="modal" style="display:none;">
+    <div class="modal-content">
+        <button type="button" class="close" onclick="closeModal()">&times;</button>
+        <div class="modal-header">
+            <h3>编辑历史记录</h3>
+        </div>
+        <form id="editForm" method="post" action="">
+            <div class="form-group">
+                <label for="edit_content">内容 *</label>
+                <textarea id="edit_content" name="edit_content" class="form-control" rows="5" required></textarea>
+            </div>
+            
+            <div class="form-group">
+                <label for="edit_event_date">日期 *</label>
+                <input type="date" id="edit_event_date" name="edit_event_date" class="form-control" required>
+            </div>
+            
+            <div class="form-group">
+                <label for="edit_post_cids">关联文章CID（可选）</label>
+                <div class="post-cids-input-wrapper">
+                    <input type="text" id="edit_post_cids" name="edit_post_cids" class="form-control post-cids-input" 
+                           placeholder="输入文章CID，多个用逗号分隔，如：123,456">
+                </div>
+                <p class="description post-cids-display">
+                    可关联多个文章，输入文章CID，用逗号分隔
+                </p>
+            </div>
+            
+            <input type="hidden" name="edit_id" id="edit_id">
+            
+            <div style="text-align:right;margin-top:20px; padding-top: 15px; border-top: 1px solid #eee;">
+                <button type="button" class="btn btn-secondary" onclick="closeModal()" style="margin-right:10px;">
+                    取消
+                </button>
+                <button type="submit" class="btn btn-primary">保存修改</button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+// 页面加载后自动滚动到锚点
+document.addEventListener('DOMContentLoaded', function() {
+    if (window.location.hash === '#history-list-anchor') {
+        setTimeout(function() {
+            var anchor = document.getElementById('history-list-anchor');
+            if (anchor) {
+                anchor.scrollIntoView({ behavior: 'smooth' });
+            }
+        }, 100);
+    }
+    
+    // 自动隐藏浮动消息
+    var floatingMessage = document.getElementById('floatingMessage');
+    if (floatingMessage) {
+        setTimeout(function() {
+            hideMessage();
+        }, 5000);
+    }
+});
+
+// 隐藏浮动消息
+function hideMessage() {
+    var message = document.getElementById('floatingMessage');
+    if (message) {
+        message.classList.remove('show');
+        setTimeout(function() {
+            if (message.parentNode) {
+                message.parentNode.removeChild(message);
+            }
+        }, 300);
+    }
+}
+
+// 更新选中数量函数
+function updateSelectedCount() {
+    var checkboxes = document.querySelectorAll('.row-checkbox:checked');
+    var count = checkboxes.length;
+    
+    document.getElementById('selected-count-text').textContent = count;
+    document.getElementById('footer-selected-count').textContent = count;
+    
+    var headerBtn = document.getElementById('header-delete-btn');
+    var footerBtn = document.getElementById('footer-delete-btn');
+    
+    if (count > 0) {
+        headerBtn.textContent = '删除选中(' + count + ')';
+        footerBtn.textContent = '删除选中(' + count + ')';
+    } else {
+        headerBtn.textContent = '删除选中';
+        footerBtn.textContent = '删除选中';
+    }
+    
+    var allCheckboxes = document.querySelectorAll('.row-checkbox');
+    var headerCheckboxes = document.querySelectorAll('#header-select-all, #thead-select-all, #footer-select-all');
+    
+    if (allCheckboxes.length > 0) {
+        var allChecked = count === allCheckboxes.length;
+        var someChecked = count > 0 && count < allCheckboxes.length;
+        
+        headerCheckboxes.forEach(function(checkbox) {
+            checkbox.checked = allChecked;
+            checkbox.indeterminate = someChecked;
+        });
+    }
+    
+    return count;
+}
+
+// 全选/全不选功能
+function setupSelectAll(selector, targetSelector) {
+    var selectAll = document.querySelector(selector);
+    if (selectAll) {
+        selectAll.addEventListener('change', function(e) {
+            var checkboxes = document.querySelectorAll(targetSelector);
+            checkboxes.forEach(function(checkbox) {
+                checkbox.checked = e.target.checked;
+            });
+            updateSelectedCount();
+        });
+    }
+}
+
+// 为行复选框添加事件监听
+function setupRowCheckboxes() {
+    var checkboxes = document.querySelectorAll('.row-checkbox');
+    checkboxes.forEach(function(checkbox) {
+        checkbox.addEventListener('change', updateSelectedCount);
+    });
+}
+
+// 统一的删除确认函数
+function confirmDelete() {
+    var checkboxes = document.querySelectorAll('.row-checkbox:checked');
+    var count = checkboxes.length;
+    
+    if (count === 0) {
+        alert('请先选择要删除的记录！');
+        return false;
+    }
+    
+    var confirmMsg = '确定要删除选中的 ' + count + ' 条记录吗？此操作不可恢复！';
+    
+    if (!confirm(confirmMsg)) {
+        return false;
+    }
+    
+    document.getElementById('hidden-submit').click();
+    return true;
+}
+
+// 初始化选择功能
+document.addEventListener('DOMContentLoaded', function() {
+    setupSelectAll('#header-select-all', '.row-checkbox');
+    setupSelectAll('#thead-select-all', '.row-checkbox');
+    setupSelectAll('#footer-select-all', '.row-checkbox');
+    
+    setupRowCheckboxes();
+    
+    var headerDeleteBtn = document.getElementById('header-delete-btn');
+    var footerDeleteBtn = document.getElementById('footer-delete-btn');
+    
+    if (headerDeleteBtn) {
+        headerDeleteBtn.addEventListener('click', function(e) {
+            e.preventDefault();
+            confirmDelete();
+        });
+    }
+    
+    if (footerDeleteBtn) {
+        footerDeleteBtn.addEventListener('click', function(e) {
+            e.preventDefault();
+            confirmDelete();
+        });
+    }
+    
+    updateSelectedCount();
+});
+
+// 编辑历史记录
+document.addEventListener('DOMContentLoaded', function() {
+    var editButtons = document.querySelectorAll('.edit-btn');
+    editButtons.forEach(function(button) {
+        button.addEventListener('click', function() {
+            try {
+                var historyData = JSON.parse(this.getAttribute('data-history'));
+                editHistory(historyData);
+            } catch (e) {
+                console.error('解析历史记录数据失败:', e);
+                alert('编辑失败：数据格式错误');
+            }
+        });
+    });
+});
+
+function editHistory(history) {
+    document.getElementById('edit_id').value = history.id;
+    document.getElementById('edit_content').value = history.content;
+    
+    var eventDate = new Date(history.event_date);
+    var year = eventDate.getFullYear();
+    var month = (eventDate.getMonth() + 1).toString().padStart(2, '0');
+    var day = eventDate.getDate().toString().padStart(2, '0');
+    
+    document.getElementById('edit_event_date').value = year + '-' + month + '-' + day;
+    document.getElementById('edit_post_cids').value = history.post_cids || '';
+    document.getElementById('editModal').style.display = 'block';
+}
+
+// 关闭模态框
+function closeModal() {
+    document.getElementById('editModal').style.display = 'none';
+}
+
+// 点击模态框外部关闭
+window.onclick = function(event) {
+    var modal = document.getElementById('editModal');
+    if (event.target == modal) {
+        closeModal();
+    }
+}
+
+// 表单验证
+document.querySelectorAll('form').forEach(function(form) {
+    if (form.querySelector('button[name="export"]')) return;
+    
+    form.addEventListener('submit', function(e) {
+        var requiredFields = form.querySelectorAll('[required]');
+        var valid = true;
+        
+        requiredFields.forEach(function(field) {
+            if (!field.value.trim()) {
+                valid = false;
+                field.style.borderColor = '#dc3545';
+                field.style.boxShadow = '0 0 0 0.2rem rgba(220,53,69,.25)';
+            } else {
+                field.style.borderColor = '#ced4da';
+                field.style.boxShadow = 'none';
+            }
+        });
+        
+        if (!valid) {
+            e.preventDefault();
+            alert('请填写所有必填字段！');
+        }
+    });
+});
+
+// 导入文件验证
+var importForm = document.querySelector('form[enctype="multipart/form-data"]');
+if (importForm) {
+    importForm.addEventListener('submit', function(e) {
+        var fileInput = document.getElementById('import_file');
+        if (fileInput.files.length === 0) {
+            e.preventDefault();
+            alert('请选择要导入的文件！');
+            return;
+        }
+        
+        var file = fileInput.files[0];
+        if (file.size > 5 * 1024 * 1024) {
+            e.preventDefault();
+            alert('文件大小不能超过5MB！');
+            return;
+        }
+        
+        if (!file.name.toLowerCase().endsWith('.txt')) {
+            if (!confirm('文件不是.txt格式，确定要导入吗？')) {
+                e.preventDefault();
+            }
+        }
+    });
+}
+</script>
+
+<?php include 'footer.php'; ?>
\ No newline at end of file