17 lines
12 KiB
JSON
17 lines
12 KiB
JSON
|
{
|
||
|
|
"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: co
|
||
|
|
"tags": [
|
||
|
|
"赛博朋克",
|
||
|
|
"未来",
|
||
|
|
"科技",
|
||
|
|
"霓虹"
|
||
|
|
],
|
||
|
|
"is_default": false,
|
||
|
|
"export_info": {
|
||
|
|
"exported_at": "2025-10-04T06:52:37.700Z",
|
||
|
|
"original_id": 8,
|
||
|
|
"original_created_at": 1752914857.4903955
|
||
|
|
}
|
||
|
|
}
|