diff --git a/template_examples/赛博朋克风.json b/template_examples/赛博朋克风.json
new file mode 100644
index 0000000..8205de9
--- /dev/null
+++ b/template_examples/赛博朋克风.json
@@ -0,0 +1,17 @@
+{
+  "template_name": "赛博朋克风",
+  "description": "高科技、低生活。霓虹光污染下的未来都市与数字故障美学。",
+  "html_template": "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>{{ page_title }}</title>\n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n    <style>\n        /* 引入具有科技感的在线字体 */\n        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Share+Tech+Mono&display=swap');\n\n        html {\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            /* 深邃的赛博蓝紫色背景 */\n            background-color: #0d051f;\n            background-image: radial-gradient(circle, rgba(74, 20, 140, 0.3) 0%, rgba(13, 5, 31, 0) 60%);\n        }\n\n        body {\n            width: 1280px;\n            height: 720px;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            overflow: hidden;\n            /* 数字网格背景 */\n            background-color: #0a041a;\n            background-image: \n                linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px);\n            background-size: 40px 40px;\n            font-family: 'Share Tech Mono', monospace; /* 终端机风格字体 */\n            flex-shrink: 0; \n            border: 1px solid rgba(0, 255, 255, 0.3);\n            box-shadow: 0 0 25px rgba(255, 0, 255, 0.3), inset 0 0 15px rgba(0, 255, 255, 0.2);\n        }\n        \n        /* 扫描线效果 */\n        body::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: repeating-linear-gradient(\n                0deg,\n                rgba(0, 0, 0, 0) 0,\n                rgba(0, 0, 0, 0.3) 50%,\n                rgba(0, 0, 0, 0) 100%\n            );\n            background-size: 100% 4px;\n            opacity: 0.3;\n            pointer-events: none;\n            animation: scanlines 10s linear infinite;\n        }\n        @keyframes scanlines { 0% { background-position: 0 0; } 100% { background-position: 0 -200px; } }\n\n        .slide-container {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            color: #e0e0e0; /* 亮灰色文本 */\n            position: relative;\n            padding: 40px;\n        }\n\n        /* HUD风格的边角装饰 */\n        .slide-container::before, .slide-container::after {\n            content: '';\n            position: absolute;\n            width: 30px;\n            height: 30px;\n            border-color: #ff00ff; /* 品红色 */\n            border-style: solid;\n        }\n        .slide-container::before { top: 20px; left: 20px; border-width: 2px 0 0 2px; }\n        .slide-container::after { bottom: 20px; right: 20px; border-width: 0 2px 2px 0; }\n        \n        .slide-header {\n            padding-bottom: 20px;\n            position: relative;\n        }\n        \n        .slide-title {\n            font-family: 'Orbitron', sans-serif; /* 科技感标题字体 */\n            font-size: clamp(3rem, 5vw, 4.5rem);\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0;\n            text-transform: uppercase; /* 大写 */\n            text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff;\n            position: relative;\n        }\n\n        /* 标题下的数字分割线 */\n        .slide-header::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: 0;\n            width: 40%;\n            height: 2px;\n            background: linear-gradient(90deg, #00ffff, transparent);\n        }\n        \n        .slide-content {\n            flex: 1;\n            padding-top: 20px;\n            display: flex;\n            flex-direction: column;\n            overflow: auto;\n            scrollbar-width: thin;\n            scrollbar-color: #00ffff #0a041a;\n        }\n        \n        .content-main {\n            font-size: clamp(1.1rem, 2vw, 1.3rem);\n            line-height: 1.8;\n            color: #a7d1d9; /* 淡青色 */\n        }\n        \n        .content-points {\n            list-style: none;\n            padding: 0;\n            margin: 20px 0;\n        }\n        \n        .content-points li {\n            margin-bottom: 12px;\n            padding-left: 30px;\n            position: relative;\n            font-size: clamp(1.1rem, 2vw, 1.25rem);\n        }\n        \n        /* 列表项标记替换为终端提示符 */\n        .content-points li:before {\n            content: \">>\";\n            position: absolute;\n            left: 0;\n            top: 0.05em;\n            color: #00ffff; /* 赛博蓝 */\n            font-weight: bold;\n        }\n        \n        /* 页脚改为系统信息风格 */\n        .slide-footer {\n            position: absolute;\n            bottom: 20px;\n            left: 20px;\n            color: #ff00ff;\n            font-size: 14px;\n            text-shadow: 0 0 3px #ff00ff;\n        }\n        \n        .chart-container {\n            margin: 20px 0;\n            padding: 15px;\n            background: rgba(0, 255, 255, 0.05);\n            border: 1px solid rgba(0, 255, 255, 0.2);\n        }\n        \n        /* 重点内容框：全息显示面板 */\n        .highlight-box {\n            background: rgba(255, 0, 255, 0.05);\n            border: 1px solid rgba(255, 0, 255, 0.3);\n            padding: 20px;\n            margin: 20px 0;\n            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);\n        }\n        \n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin: 20px 0;\n        }\n        \n        /* 数据卡片：切角UI元素 */\n        .stat-card {\n            background: rgba(0, 0, 0, 0.3);\n            padding: 20px;\n            text-align: center;\n            border: 1px solid rgba(0, 255, 255, 0.4);\n            clip-path: polygon(0 15px, 15px 0, 100% 0, 100% 100%, 0 100%);\n            transition: all 0.3s ease;\n        }\n        .stat-card:hover { background: rgba(0, 255, 255, 0.1); box-shadow: 0 0 15px rgba(0, 255, 255, 0.5); }\n        \n        .stat-number {\n            font-size: 2.8rem;\n            font-weight: bold;\n            color: #00ffff; /* 赛博蓝 */\n            display: block;\n            text-shadow: 0 0 5px #00ffff;\n            font-family: 'Orbitron', sans-serif;\n        }\n        \n        .stat-label {\n            font-size: 1rem;\n            color: #a7d1d9;\n            margin-top: 5px;\n            text-transform: uppercase;\n        }\n        \n        @media (max-width: 1280px) {\n            body { width: 100vw; height: 56.25vw; max-height: 100vh; border: none; }\n        }\n\n        /* Chart.js 图表颜色适配 (赛博朋克风格) */\n        /*\n        const options = {\n            scales: {\n                y: {\n                    beginAtZero: true,\n                    grid: { color: 'rgba(0, 255, 255, 0.15)' },\n                    ticks: { color: '#a7d1d9' }\n                },\n                x: {\n                   grid: { display: false },\n                   ticks: { color: '#a7d1d9' }\n                }\n            },\n            plugins: {\n                legend: { labels: { color: '#e0e0e0' } }\n            }\n        };\n        */\n    </style>\n</head>\n<body>\n    <div class=\"slide-container\">\n        <div class=\"slide-header\">\n            <h1 class=\"slide-title\">{{ main_heading }}</h1>\n        </div>\n        \n        <div class=\"slide-content\">\n            <div class=\"content-main\">\n                <!-- 示例：普通文本 -->\n                <p>数据洪流冲刷着霓虹浸染的街道。在巨型企业投下的阴影中，信息就是武器，而我们在边缘地带求生。</p>\n\n                <!-- 示例：高亮框 -->\n                <div class=\"highlight-box\">\n                    // 系统警报: 检测到未授权的数据接入。防火墙协议 3.2 已激活。\n                </div>\n\n                <!-- 示例：列表 -->\n                <ul class=\"content-points\">\n                    <li>升级你的义体，否则就会被淘汰。</li>\n                    <li>永远不要相信公司给出的承诺。</li>\n                    <li>在暗网中寻找真相的碎片。</li>\n                </ul>\n\n                <!-- 示例：数据统计 -->\n                <div class=\"stats-grid\">\n                    <div class=\"stat-card\">\n                        <span class=\"stat-number\">1.337</span>\n                        <span class=\"stat-label\">TB Data Heist</span>\n                    </div>\n                    <div class=\"stat-card\">\n                        <span class=\"stat-number\">2077</span>\n                        <span class=\"stat-label\">Active Bounties</span>\n                    </div>\n                    <div class=\"stat-card\">\n                        <span class=\"stat-number\">LVL 9</span>\n                        <span class=\"stat-label\">Street Cred</span>\n                    </div>\n                </div>\n\n                 <!-- \n                    您可以取消这里的注释来展示一个图表\n                    <div class=\"chart-container\">\n                        <canvas id=\"myChart\"></canvas>\n                    </div> \n                -->\n\n            </div>\n        </div>\n        \n        <div class=\"slide-footer\">\n            SYS_STATUS: ONLINE | CONN: SECURE | PAGE: {{ current_page_number }}/{{ total_page_count }}\n        </div>\n    </div>\n\n    <!-- \n    <script>\n        // 如果您使用图表，请在这里初始化\n        const ctx = document.getElementById('myChart');\n        if (ctx) {\n            new Chart(ctx, {\n                type: 'line', // or 'bar'\n                data: {\n                    labels: ['23:00', '00:00', '01:00', '02:00', '03:00', '04:00'],\n                    datasets: [{\n                        label: '网络流量波动',\n                        data: [12, 19, 23, 35, 42, 33],\n                        backgroundColor: 'rgba(255, 0, 255, 0.2)',\n                        borderColor: 'rgba(255, 0, 255, 1)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#fff',\n                        pointBorderColor: '#ff00ff',\n                        tension: 0.4,\n                        fill: true\n                    }]\n                },\n                options: {\n                    scales: {\n                        y: {\n                            beginAtZero: false,\n                            grid: { color: 'rgba(0, 255, 255, 0.15)' },\n                            ticks: { color: '#a7d1d9' }\n                        },\n                        x: {\n                           grid: { display: false },\n                           ticks: { color: '#a7d1d9' }\n                        }\n                    },\n                    plugins: {\n                        legend: {\n                            labels: {\n                                color: '#e0e0e0',\n                                font: { family: \"'Share Tech Mono', monospace\" }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n    </script>\n    -->\n</body>\n</html>",
+  "tags": [
+    "赛博朋克",
+    "未来",
+    "科技",
+    "霓虹"
+  ],
+  "is_default": false,
+  "export_info": {
+    "exported_at": "2025-10-04T06:52:37.700Z",
+    "original_id": 8,
+    "original_created_at": 1752914857.4903955
+  }
+}
\ No newline at end of file
