{
  "template_name": "科技风",
  "description": "科技风",
  "html_template": "<!DOCTYPE html>\n<html lang=\"zh-CN\" style=\"margin: 0; padding: 0; height: 100%;\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>科技风PPT母版模板</title>\n\n    <!-- 字体：Google Fonts \"Orbitron\" (科技/游戏感字体) -->\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n    <link href=\"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n    <!-- 图标：Font Awesome (确保您拥有有效的使用许可) -->\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\">\n\n    <!-- 图表库CDN：根据需要选择使用 -->\n    <!-- Chart.js -->\n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n    <!-- ECharts.js -->\n    <script src=\"https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js\"></script>\n    <!-- D3.js -->\n    <script src=\"https://d3js.org/d3.v7.min.js\"></script>\n</head>\n<body style=\"margin: 0; padding: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; overflow: hidden;\">\n\n    <!-- 响应式比例容器：确保内容始终保持16:9 -->\n    <div id=\"presentation-wrapper\" style=\"width: 100%; max-width: 1280px; aspect-ratio: 16 / 9; position: relative;\">\n\n        <!-- 幻灯片主体 (1280x720固定设计尺寸) -->\n        <!-- 所有内容和样式都应用于此容器内，以保证设计的像素级精确性 -->\n        <div id=\"slide-container\" style=\"\n            width: 100%; \n            height: 100%; \n            position: absolute;\n            top: 0;\n            left: 0;\n            background: radial-gradient(circle, #1a2035 0%, #0a0c14 100%);\n            color: #e0e0e0;\n            font-family: 'Orbitron', sans-serif;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden; /* 核心要求：绝对禁止滚动条 */\n            border: 1px solid rgba(0, 255, 255, 0.2);\n            box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);\n        \">\n\n            <!-- HUD风格边角装饰 -->\n            <div class=\"corner-decorator\" style=\"position: absolute; top: 20px; left: 20px; width: 40px; height: 40px; border-top: 3px solid #00ffff; border-left: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n            <div class=\"corner-decorator\" style=\"position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-top: 3px solid #00ffff; border-right: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n            <div class=\"corner-decorator\" style=\"position: absolute; bottom: 20px; left: 20px; width: 40px; height: 40px; border-bottom: 3px solid #00ffff; border-left: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n            <div class=\"corner-decorator\" style=\"position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; border-bottom: 3px solid #00ffff; border-right: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n\n            <!-- 页面头部区域 -->\n            <header style=\"padding: 30px 50px 20px 50px; flex-shrink: 0; display: flex; align-items: center;\">\n                <h1 style=\"margin: 0; font-size: 36px; color: #00ffff; text-shadow: 0 0 8px #00ffff, 0 0 12px #00ffff; font-weight: 700; letter-spacing: 2px;\">\n                    <!-- 占位符: 页面标题 -->\n                    <i class=\"fas fa-gamepad\" style=\"margin-right: 15px; font-size: 32px; vertical-align: middle;\"></i>{{ page_title }}\n                </h1>\n            </header>\n\n            <!-- 页面主要内容区域 -->\n            <main style=\"flex-grow: 1; padding: 10px 60px 20px 60px; display: flex; flex-direction: column; min-height: 0;\">\n                <!-- 占位符: 页面内容 -->\n                <!-- 使用说明: 将您的文本、图片、图表等放入此div中 -->\n                <!-- 图表示例: <canvas id=\"myChart\" style=\"max-width: 100%; max-height: 100%;\"></canvas> -->\n                <div style=\"width: 100%; height: 100%; font-size: 18px; line-height: 1.8; color: #c0c0d0;\">\n                    {{ page_content }}\n                </div>\n            </main>\n\n            <!-- 页面底部区域 -->\n            <footer style=\"padding: 20px 50px; flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center;\">\n                <div style=\"font-size: 18px; color: #a0a0a0; letter-spacing: 1px;\">\n                    <!-- 占位符: 当前页码 / 总页数 -->\n                    <span>{{ current_page_number }}</span> / <span>{{ total_page_count }}</span>\n                </div>\n            </footer>\n\n        </div>\n    </div>\n\n</body>\n</html>",
  "tags": [
    "科技风"
  ],
  "is_default": false,
  "export_info": {
    "exported_at": "2025-10-04T06:54:24.814Z",
    "original_id": 14,
    "original_created_at": 1755855138.9754753
  }
}