21 lines
8.2 KiB
JSON
21 lines
8.2 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 <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=Lobster&display=swap\" rel=\"stylesheet\">\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/all.min.js\"></script>\n <style>\n html, body {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #010410;\n overflow: hidden;\n }\n\n .background-canvas {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(135deg, #010410, #03102a, #0b2a54, #010410);\n z-index: 1;\n }\n\n .background-canvas::before, .background-canvas::after {\n content: '';\n position: absolute;\n left: 0; top: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 25%, #f9d71c, transparent 20%),\n radial-gradient(circle at 80% 75%, #4a90e2, transparent 25%);\n mix-blend-mode: color-dodge;\n animation: paint-swirl 20s ease-in-out infinite alternate;\n }\n\n .background-canvas::after {\n background: radial-gradient(circle at 50% 50%, #ffffff, transparent 15%),\n radial-gradient(circle at 10% 80%, #f9d71c, transparent 20%);\n animation-delay: -10s;\n mix-blend-mode: overlay;\n }\n\n #turbulence {\n position: absolute;\n width: 100%; height: 100%;\n filter: url(#paint-turbulence);\n opacity: 0.8;\n }\n\n @keyframes paint-swirl {\n from { transform: rotate(0deg) scale(1.5); opacity: 0.6; }\n to { transform: rotate(180deg) scale(1); opacity: 1; }\n }\n\n .slide-container {\n width: 1280px;\n height: 720px;\n display: flex;\n flex-direction: column;\n color: #e0e6f1;\n position: relative;\n z-index: 3; \n background: rgba(8, 23, 53, 0.4);\n backdrop-filter: blur(8px) brightness(1.1);\n -webkit-backdrop-filter: blur(8px) brightness(1.1);\n border: 1.5px solid rgba(137, 207, 240, 0.3);\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);\n clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px));\n }\n \n .slide-header {\n padding: 40px 60px 20px 60px;\n border-bottom: 1px solid transparent;\n border-image: linear-gradient(to right, rgba(255, 215, 0, 0.5), transparent) 1;\n }\n \n .slide-title {\n font-family: 'Lobster', 'Georgia', cursive;\n font-size: clamp(3rem, 5vw, 4.5rem);\n font-weight: 400;\n line-height: 1.2;\n text-align: left;\n color: #FFD700;\n }\n \n .slide-content {\n flex: 1;\n padding: 30px 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-height: 580px;\n overflow-y: auto;\n font-family: 'Helvetica Neue', 'Arial', sans-serif;\n }\n \n .content-main {\n font-size: clamp(1.1rem, 2.5vw, 1.4rem);\n line-height: 1.8; \n color: #d0d8e8;\n tex
|
||
|
|
"tags": [
|
||
|
|
"星空",
|
||
|
|
"梵高",
|
||
|
|
"艺术",
|
||
|
|
"油画",
|
||
|
|
"动态",
|
||
|
|
"梦幻",
|
||
|
|
"强烈"
|
||
|
|
],
|
||
|
|
"is_default": false,
|
||
|
|
"export_info": {
|
||
|
|
"exported_at": "2025-07-23T08:40:00.000Z",
|
||
|
|
"original_id": null,
|
||
|
|
"original_created_at": null
|
||
|
|
}
|
||
|
|
}
|