From 363fbfa0a85642a4b00adf0a73c6099afda3563a Mon Sep 17 00:00:00 2001
From: puke <1129090915@qq.com>
Date: Fri, 7 Nov 2025 19:00:20 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B2=BE=E7=AE=80=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/1080x1080/magazine_cover.html |  128 --
 templates/1080x1080/vibrant_circle.html |  151 ---
 templates/1080x1920/book_banner.html    |   94 --
 templates/1080x1920/fresh.html          |  408 ------
 templates/1080x1920/life_insights.html  |    2 +-
 templates/1080x1920/minimal.html        |  341 -----
 templates/1080x1920/modernize.html      | 1596 -----------------------
 templates/1080x1920/tcm.html            |  747 -----------
 8 files changed, 1 insertion(+), 3466 deletions(-)
 delete mode 100644 templates/1080x1080/magazine_cover.html
 delete mode 100644 templates/1080x1080/vibrant_circle.html
 delete mode 100644 templates/1080x1920/book_banner.html
 delete mode 100644 templates/1080x1920/fresh.html
 delete mode 100644 templates/1080x1920/minimal.html
 delete mode 100644 templates/1080x1920/modernize.html
 delete mode 100644 templates/1080x1920/tcm.html
diff --git a/templates/1080x1080/magazine_cover.html b/templates/1080x1080/magazine_cover.html
deleted file mode 100644
index 812c661..0000000
--- a/templates/1080x1080/magazine_cover.html
+++ /dev/null
@@ -1,128 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1080">
-    <title>杂志封面风格 - 1080x1080</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-
-        html, body { width: 1080px; height: 1080px; overflow: hidden; }
-
-        body {
-            font-family: 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;
-            background: #ffffff;
-            color: #1a1a1a;
-            display: flex;
-            flex-direction: column;
-            padding: 50px 50px 40px;
-            position: relative;
-            height: 100%;
-            min-height: 0;
-        }
-
-        /* 顶部标题区 - 超大字号 */
-        .header {
-            text-align: center;
-            margin-bottom: 15px;
-            position: relative;
-            z-index: 3;
-            flex-shrink: 0;
-            flex-grow: 0;
-        }
-
-        .title {
-            font-size: 88px;
-            font-weight: 900;
-            line-height: 1.1;
-            color: #1a1a1a;
-            letter-spacing: -1px;
-            text-transform: uppercase;
-            text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
-        }
-
-        /* 装饰线条 */
-        .header::after {
-            content: '';
-            display: block;
-            width: 200px;
-            height: 5px;
-            background: linear-gradient(90deg, transparent, #e63946, transparent);
-            margin: 15px auto 0;
-        }
-
-        /* 图片区域 - 占据大部分空间 */
-        .image-section {
-            flex: 1 1 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin: 10px 0;
-            position: relative;
-            min-height: 0;
-            overflow: hidden;
-        }
-
-        .image-container {
-            width: 100%;
-            height: 100%;
-            max-height: 100%;
-            position: relative;
-            border: 8px solid #000;
-            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
-        }
-
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            display: block;
-        }
-
-        /* 底部文字区 - 小字号，杂志风格 */
-        .footer {
-            text-align: center;
-            margin-top: 10px;
-            padding-top: 15px;
-            padding-bottom: 5px;
-            border-top: 3px solid #000;
-            position: relative;
-            z-index: 3;
-            flex-shrink: 0;
-            flex-grow: 0;
-            min-height: 60px;
-        }
-
-        .text {
-            font-size: 32px;
-            font-weight: 600;
-            line-height: 1.5;
-            color: #2d3436;
-            letter-spacing: 0.5px;
-            text-transform: uppercase;
-            max-width: 900px;
-            margin: 0 auto;
-        }
-
-        @media (max-width: 1080px) { 
-            .title { font-size: 78px; } 
-            .text { font-size: 28px; } 
-        }
-    </style>
-</head>
-<body>
-    <div class="header">
-        <div class="title">{{title}}</div>
-    </div>
-
-    <div class="image-section">
-        <div class="image-container">
-            <img src="{{image}}" alt="内容图片">
-        </div>
-    </div>
-
-    <div class="footer">
-        <div class="text">{{text}}</div>
-    </div>
-</body>
-</html>
diff --git a/templates/1080x1080/vibrant_circle.html b/templates/1080x1080/vibrant_circle.html
deleted file mode 100644
index f562e09..0000000
--- a/templates/1080x1080/vibrant_circle.html
+++ /dev/null
@@ -1,151 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1080">
-    <title>活力圆形风格 - 1080x1080</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-
-        html, body { width: 1080px; height: 1080px; overflow: hidden; }
-
-        body {
-            font-family: 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 80px 60px;
-        }
-
-        /* 装饰圆形 */
-        .deco-circle {
-            position: absolute;
-            border-radius: 50%;
-            opacity: 0.3;
-            z-index: 1;
-        }
-
-        .deco-circle-1 {
-            width: 200px;
-            height: 200px;
-            background: #ff6b6b;
-            top: 10%;
-            left: 10%;
-        }
-
-        .deco-circle-2 {
-            width: 150px;
-            height: 150px;
-            background: #4ecdc4;
-            top: 15%;
-            right: 15%;
-        }
-
-        .deco-circle-3 {
-            width: 180px;
-            height: 180px;
-            background: #ffe66d;
-            bottom: 15%;
-            left: 15%;
-        }
-
-        .deco-circle-4 {
-            width: 120px;
-            height: 120px;
-            background: #a8e6cf;
-            bottom: 10%;
-            right: 10%;
-        }
-
-        /* 标题 */
-        .header {
-            text-align: center;
-            margin-bottom: 50px;
-            z-index: 3;
-        }
-
-        .title {
-            font-size: 68px;
-            font-weight: 900;
-            line-height: 1.2;
-            color: #ffffff;
-            text-shadow: 0 4px 20px rgba(0,0,0,0.3);
-            letter-spacing: 2px;
-        }
-
-        /* 圆形图片容器 */
-        .image-section {
-            width: 580px;
-            height: 580px;
-            position: relative;
-            z-index: 2;
-            margin: 20px 0;
-        }
-
-        .image-container {
-            width: 100%;
-            height: 100%;
-            border-radius: 50%;
-            overflow: hidden;
-            border: 12px solid #ffffff;
-            box-shadow: 
-                0 20px 60px rgba(0,0,0,0.3),
-                0 0 0 8px rgba(255,255,255,0.5);
-            background: #fff;
-        }
-
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            display: block;
-        }
-
-        /* 文字 */
-        .footer {
-            text-align: center;
-            margin-top: 40px;
-            z-index: 3;
-        }
-
-        .text {
-            font-size: 38px;
-            font-weight: 700;
-            line-height: 1.4;
-            color: #ffffff;
-            text-shadow: 0 2px 12px rgba(0,0,0,0.3);
-            max-width: 800px;
-            margin: 0 auto;
-        }
-
-        @media (max-width: 1080px) { 
-            .title { font-size: 60px; } 
-            .text { font-size: 34px; }
-            .image-section { width: 520px; height: 520px; }
-        }
-    </style>
-</head>
-<body>
-    <div class="deco-circle deco-circle-1"></div>
-    <div class="deco-circle deco-circle-2"></div>
-    <div class="deco-circle deco-circle-3"></div>
-    <div class="deco-circle deco-circle-4"></div>
-
-    <div class="header">
-        <div class="title">{{title}}</div>
-    </div>
-
-    <div class="image-section">
-        <div class="image-container">
-            <img src="{{image}}" alt="内容图片">
-        </div>
-    </div>
-
-    <div class="footer">
-        <div class="text">{{text}}</div>
-    </div>
-</body>
-</html>
diff --git a/templates/1080x1920/book_banner.html b/templates/1080x1920/book_banner.html
deleted file mode 100644
index 5e0fb7d..0000000
--- a/templates/1080x1920/book_banner.html
+++ /dev/null
@@ -1,94 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1920">
-    <title>书封横幅风 - 1080x1920</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-
-        html, body { width: 1080px; height: 1920px; overflow: hidden; }
-
-        body {
-            font-family: 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;
-            background: #0f2b4e;
-            display: flex;
-            flex-direction: column;
-            color: #fff;
-        }
-
-        /* 顶部标题区 */
-        .top {
-            height: 28%;
-            background: #0f2b4e; /* 深蓝 */
-            padding: 80px 70px 40px 70px;
-            position: relative;
-            display: flex;
-            align-items: flex-end;
-            justify-content: center;
-            text-align: center;
-        }
-
-        .headline-main {
-            font-weight: 900;
-            font-size: 84px;
-            color: #ffffff;
-            text-shadow: 0 4px 18px rgba(0,0,0,0.35);
-        }
-
-        /* 顶部分隔线 */
-        .divider { height: 8px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25); }
-
-        /* 中部图片区 */
-        .middle {
-            height: 56%;
-            background: #0c0f16;
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            overflow: hidden;
-        }
-
-        .image-frame { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
-
-        .image-mask { position: absolute; inset: 0; padding: 28px 28px 100px 28px; }
-
-        .image-mask > .img { width: 100%; height: 100%; overflow: hidden; background: #121620; box-shadow: 0 24px 60px rgba(0,0,0,0.45); }
-
-        .image-mask > .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
-
-        /* 播放按钮装饰（可选视觉元素） */
-        .play { position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,0.08); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,0.35), inset 0 0 0 2px rgba(255,255,255,0.15); }
-        .play:before { content: ''; width: 0; height: 0; border-left: 58px solid rgba(255,255,255,0.95); border-top: 38px solid transparent; border-bottom: 38px solid transparent; margin-left: 8px; }
-
-        /* 底部字幕条（仅 text 占位符）*/
-        .caption-wrap { position: absolute; left: 0; right: 0; bottom: 22px; display: flex; justify-content: center; padding: 0 32px; pointer-events: none; }
-        .caption { display: inline-block; max-width: 96%; font-size: 56px; font-weight: 900; line-height: 1.2; color: #ffffff; text-align: center; text-shadow: 0 0 0 #000, -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000, 0 8px 20px rgba(0,0,0,0.65); }
-
-        /* 底部留白区（不再显示品牌/其他占位符） */
-        .bottom { height: 16%; background: #0f2b4e; }
-
-        @media (max-width: 1080px) { .headline-main { font-size: 72px; } .caption { font-size: 48px; } }
-    </style>
-</head>
-<body>
-    <div class="top">
-        <div class="headline-main">{{title}}</div>
-    </div>
-
-    <div class="divider"></div>
-
-    <div class="middle">
-        <div class="image-frame">
-            <div class="image-mask">
-                <div class="img"><img src="{{image}}" alt="内容图片"></div>
-            </div>
-            <div class="play" aria-hidden="true"></div>
-            <div class="caption-wrap"><div class="caption">{{text}}</div></div>
-        </div>
-    </div>
-
-    <div class="bottom"></div>
-</body>
-</html>
diff --git a/templates/1080x1920/fresh.html b/templates/1080x1920/fresh.html
deleted file mode 100644
index 3a005c9..0000000
--- a/templates/1080x1920/fresh.html
+++ /dev/null
@@ -1,408 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1920">
-    <title>视频模板 - 自然清新风格</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        html, body {
-            width: 1080px;
-            height: 1920px;
-            overflow: hidden;
-        }
-        
-        body {
-            background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #d1fae5 100%);
-            font-family: 'Inter', 'PingFang SC', 'Source Han Sans', sans-serif;
-            display: flex;
-            position: relative;
-            color: #065f46;
-        }
-        
-        /* 背景装饰 */
-        .bg-decoration {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            z-index: 1;
-        }
-        
-        /* 清新光晕 */
-        .fresh-glow {
-            position: absolute;
-            border-radius: 50%;
-            filter: blur(90px);
-        }
-        
-        .glow-1 {
-            width: 750px;
-            height: 750px;
-            background: radial-gradient(circle, rgba(52, 211, 153, 0.25), transparent);
-            top: -300px;
-            left: -200px;
-        }
-        
-        .glow-2 {
-            width: 650px;
-            height: 650px;
-            background: radial-gradient(circle, rgba(99, 240, 206, 0.2), transparent);
-            bottom: 150px;
-            right: -150px;
-        }
-        
-        .glow-3 {
-            width: 550px;
-            height: 550px;
-            background: radial-gradient(circle, rgba(209, 250, 229, 0.3), transparent);
-            top: 45%;
-            right: 150px;
-        }
-        
-        /* 装饰叶子形状 */
-        .leaf {
-            position: absolute;
-            width: 120px;
-            height: 120px;
-            background: rgba(52, 211, 153, 0.15);
-            border-radius: 60% 0 60% 0;
-            transform: rotate(45deg);
-        }
-        
-        .leaf-1 {
-            top: 20%;
-            right: 100px;
-            box-shadow: 0 0 30px rgba(52, 211, 153, 0.2);
-        }
-        
-        .leaf-2 {
-            bottom: 30%;
-            left: 80px;
-            transform: rotate(-30deg);
-            box-shadow: 0 0 30px rgba(99, 240, 206, 0.2);
-        }
-        
-        /* 装饰圆形 */
-        .circle-deco {
-            position: absolute;
-            border-radius: 50%;
-            border: 3px solid rgba(52, 211, 153, 0.25);
-            background: transparent;
-        }
-        
-        .circle-1 {
-            width: 150px;
-            height: 150px;
-            top: 15%;
-            right: 150px;
-            box-shadow: 0 0 40px rgba(52, 211, 153, 0.15);
-        }
-        
-        .circle-2 {
-            width: 120px;
-            height: 120px;
-            bottom: 25%;
-            left: 120px;
-            box-shadow: 0 0 40px rgba(99, 240, 206, 0.15);
-        }
-        
-        /* 装饰线条 */
-        .wave-line {
-            position: absolute;
-            height: 3px;
-            background: linear-gradient(90deg, transparent, rgba(52, 211, 153, 0.4), transparent);
-            border-radius: 15px;
-        }
-        
-        .wave-1 {
-            width: 400px;
-            top: 22%;
-            left: 60px;
-            transform: rotate(-10deg) scaleY(1.5);
-        }
-        
-        .wave-2 {
-            width: 350px;
-            top: 62%;
-            right: 100px;
-            transform: rotate(15deg) scaleY(1.5);
-        }
-        
-        /* 装饰点 */
-        .dot {
-            position: absolute;
-            border-radius: 50%;
-            background: rgba(52, 211, 153, 0.4);
-        }
-        
-        .dot-1 {
-            width: 16px;
-            height: 16px;
-            top: 18%;
-            left: 200px;
-            box-shadow: 0 0 20px rgba(52, 211, 153, 0.5);
-        }
-        
-        .dot-2 {
-            width: 12px;
-            height: 12px;
-            top: 58%;
-            right: 180px;
-            box-shadow: 0 0 20px rgba(99, 240, 206, 0.5);
-        }
-        
-        .dot-3 {
-            width: 14px;
-            height: 14px;
-            bottom: 22%;
-            left: 150px;
-            box-shadow: 0 0 20px rgba(52, 211, 153, 0.5);
-        }
-        
-        /* 主容器 */
-        .container {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            height: 100%;
-            padding: 80px 60px 70px;
-            position: relative;
-            z-index: 2;
-        }
-        
-        /* 标题区域 */
-        .header {
-            margin-bottom: 70px;
-            text-align: center;
-            position: relative;
-        }
-        
-        .title-badge {
-            display: inline-block;
-            padding: 8px 24px;
-            background: rgba(52, 211, 153, 0.15);
-            border: 2px solid rgba(52, 211, 153, 0.4);
-            border-radius: 30px;
-            font-size: 22px;
-            color: #059669;
-            margin-bottom: 18px;
-            font-weight: 600;
-            letter-spacing: 1px;
-        }
-        
-        .title {
-            font-size: 78px;
-            font-weight: 800;
-            line-height: 1.1;
-            color: #064e3b;
-            letter-spacing: -1px;
-            margin-bottom: 0;
-            position: relative;
-            display: inline-block;
-            text-shadow: 0 2px 10px rgba(52, 211, 153, 0.2);
-        }
-        
-        .title::before,
-        .title::after {
-            content: '🌿';
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            font-size: 40px;
-            opacity: 0.6;
-        }
-        
-        .title::before {
-            left: -70px;
-        }
-        
-        .title::after {
-            right: -70px;
-        }
-        
-        /* 图片区域 */
-        .image-section {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            position: relative;
-            margin: 40px 0;
-        }
-        
-        .image-container {
-            width: 900px;
-            height: 900px;
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: #ffffff;
-            border-radius: 32px;
-            overflow: hidden;
-            border: 4px solid rgba(52, 211, 153, 0.2);
-            box-shadow: 
-                0 25px 80px rgba(52, 211, 153, 0.15),
-                0 10px 30px rgba(0, 0, 0, 0.06),
-                inset 0 0 0 1px rgba(52, 211, 153, 0.1);
-        }
-        
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        
-        /* 装饰角标 */
-        .corner-leaf {
-            position: absolute;
-            width: 60px;
-            height: 60px;
-            background: rgba(52, 211, 153, 0.2);
-            border-radius: 0 100% 0 100%;
-            z-index: 10;
-        }
-        
-        .corner-leaf.top-left {
-            top: 20px;
-            left: 20px;
-        }
-        
-        .corner-leaf.bottom-right {
-            bottom: 20px;
-            right: 20px;
-            border-radius: 100% 0 100% 0;
-            background: rgba(99, 240, 206, 0.2);
-        }
-        
-        /* 内容区域 */
-        .content-section {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-            padding: 0;
-            position: relative;
-        }
-        
-        .content-text {
-            font-size: 42px;
-            font-weight: 500;
-            line-height: 1.8;
-            color: #065f46;
-            max-width: 88%;
-            position: relative;
-            padding: 50px 60px;
-            background: rgba(255, 255, 255, 0.7);
-            border-radius: 30px;
-            border: 2px solid rgba(52, 211, 153, 0.25);
-            box-shadow: 
-                0 20px 50px rgba(52, 211, 153, 0.12),
-                0 5px 15px rgba(0, 0, 0, 0.05);
-            backdrop-filter: blur(10px);
-        }
-        
-        /* 底部装饰 */
-        .footer {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 20px 0 0;
-            margin-top: auto;
-            gap: 12px;
-        }
-        
-        .accent-circle {
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, #10b981, #34d399);
-            box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
-        }
-        
-        .accent-circle:nth-child(1) { width: 14px; height: 14px; }
-        .accent-circle:nth-child(2) { width: 10px; height: 10px; }
-        .accent-circle:nth-child(3) { width: 12px; height: 12px; }
-        
-        /* 响应式 */
-        @media (max-width: 1080px) {
-            .container {
-                padding: 70px 50px 60px;
-            }
-            
-            .title {
-                font-size: 66px;
-            }
-            
-            .image-container {
-                width: 800px;
-                height: 800px;
-            }
-            
-            .content-text {
-                font-size: 36px;
-                padding: 40px 50px;
-            }
-        }
-    </style>
-</head>
-<body>
-    <!-- 背景装饰 -->
-    <div class="bg-decoration">
-        <div class="fresh-glow glow-1"></div>
-        <div class="fresh-glow glow-2"></div>
-        <div class="fresh-glow glow-3"></div>
-        
-        <div class="leaf leaf-1"></div>
-        <div class="leaf leaf-2"></div>
-        
-        <div class="circle-deco circle-1"></div>
-        <div class="circle-deco circle-2"></div>
-        
-        <div class="wave-line wave-1"></div>
-        <div class="wave-line wave-2"></div>
-        
-        <div class="dot dot-1"></div>
-        <div class="dot dot-2"></div>
-        <div class="dot dot-3"></div>
-    </div>
-    
-    <!-- 主要内容容器 -->
-    <div class="container">
-        <!-- 标题区域 -->
-        <div class="header">
-            <div class="title-badge">NATURE</div>
-            <div class="title">{{title}}</div>
-        </div>
-        
-        <!-- 图片区域 -->
-        <div class="image-section">
-            <div class="image-container">
-                <img src="{{image}}" alt="内容图片">
-                <div class="corner-leaf top-left"></div>
-                <div class="corner-leaf bottom-right"></div>
-            </div>
-        </div>
-        
-        <!-- 内容区域 -->
-        <div class="content-section">
-            <div class="content-text">{{text}}</div>
-        </div>
-        
-        <!-- 底部装饰条 -->
-        <div class="footer">
-            <div class="accent-circle"></div>
-            <div class="accent-circle"></div>
-            <div class="accent-circle"></div>
-        </div>
-    </div>
-</body>
-</html>
-
diff --git a/templates/1080x1920/life_insights.html b/templates/1080x1920/life_insights.html
index 78c485b..98b1aa0 100644
--- a/templates/1080x1920/life_insights.html
+++ b/templates/1080x1920/life_insights.html
@@ -113,7 +113,7 @@
         /* 人生感悟 - 大红色粗体 */
         .highlight-text {
             font-size: 80px;
-            color: #FF0000;
+            color: #FFFFFF;
             font-weight: 400;
             letter-spacing: 3px;
             text-align: center;
diff --git a/templates/1080x1920/minimal.html b/templates/1080x1920/minimal.html
deleted file mode 100644
index 33e7a86..0000000
--- a/templates/1080x1920/minimal.html
+++ /dev/null
@@ -1,341 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1920">
-    <title>视频模板 - 极简现代风格</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        html, body {
-            width: 1080px;
-            height: 1920px;
-            overflow: hidden;
-        }
-        
-        body {
-            background: #ffffff;
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
-            display: flex;
-            position: relative;
-            color: #000000;
-        }
-        
-        /* 背景装饰 */
-        .bg-decoration {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            z-index: 1;
-        }
-        
-        /* 极简线条 */
-        .minimal-line {
-            position: absolute;
-            background: linear-gradient(90deg, transparent, #000000, transparent);
-            opacity: 0.03;
-        }
-        
-        .line-1 {
-            width: 600px;
-            height: 1px;
-            top: 20%;
-            right: 50px;
-            transform: rotate(-5deg);
-        }
-        
-        .line-2 {
-            width: 500px;
-            height: 1px;
-            top: 60%;
-            left: 80px;
-            transform: rotate(8deg);
-        }
-        
-        .line-3 {
-            width: 400px;
-            height: 1px;
-            bottom: 20%;
-            right: 100px;
-            transform: rotate(-3deg);
-        }
-        
-        /* 极简圆形 */
-        .circle {
-            position: absolute;
-            border-radius: 50%;
-            border: 1px solid #000000;
-            opacity: 0.04;
-        }
-        
-        .circle-1 {
-            width: 400px;
-            height: 400px;
-            top: -150px;
-            right: -100px;
-        }
-        
-        .circle-2 {
-            width: 300px;
-            height: 300px;
-            bottom: 150px;
-            left: -80px;
-        }
-        
-        .circle-3 {
-            width: 200px;
-            height: 200px;
-            top: 50%;
-            left: 150px;
-        }
-        
-        /* 装饰点 */
-        .dot {
-            position: absolute;
-            border-radius: 50%;
-            background: #000000;
-            opacity: 0.06;
-        }
-        
-        .dot-1 {
-            width: 120px;
-            height: 120px;
-            top: 15%;
-            left: 100px;
-        }
-        
-        .dot-2 {
-            width: 80px;
-            height: 80px;
-            bottom: 25%;
-            right: 120px;
-        }
-        
-        /* 主容器 */
-        .container {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            height: 100%;
-            padding: 100px 80px 90px;
-            position: relative;
-            z-index: 2;
-        }
-        
-        /* 标题区域 */
-        .header {
-            margin-bottom: 100px;
-            text-align: center;
-            position: relative;
-        }
-        
-        .title-accent {
-            font-size: 14px;
-            color: #000000;
-            letter-spacing: 8px;
-            margin-bottom: 20px;
-            font-weight: 300;
-            opacity: 0.4;
-            text-transform: uppercase;
-        }
-        
-        .title {
-            font-size: 86px;
-            font-weight: 300;
-            line-height: 1.1;
-            color: #000000;
-            letter-spacing: -3px;
-            margin-bottom: 0;
-            position: relative;
-            display: inline-block;
-        }
-        
-        .title-underline {
-            margin-top: 30px;
-            height: 2px;
-            width: 100px;
-            background: #000000;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        
-        /* 图片区域 */
-        .image-section {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            position: relative;
-            margin: 50px 0;
-        }
-        
-        .image-container {
-            width: 900px;
-            height: 900px;
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: transparent;
-            border-radius: 8px;
-            overflow: hidden;
-            border: 1px solid rgba(0, 0, 0, 0.05);
-        }
-        
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        
-        /* 极简装饰点 */
-        .minimal-dot {
-            position: absolute;
-            width: 6px;
-            height: 6px;
-            background: #000000;
-            opacity: 0.2;
-        }
-        
-        .minimal-dot.top-left {
-            top: 40px;
-            left: 40px;
-        }
-        
-        .minimal-dot.top-right {
-            top: 40px;
-            right: 40px;
-        }
-        
-        .minimal-dot.bottom-left {
-            bottom: 40px;
-            left: 40px;
-        }
-        
-        .minimal-dot.bottom-right {
-            bottom: 40px;
-            right: 40px;
-        }
-        
-        /* 内容区域 */
-        .content-section {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-            padding: 0;
-            position: relative;
-        }
-        
-        .content-text {
-            font-size: 40px;
-            font-weight: 300;
-            line-height: 1.9;
-            color: #000000;
-            max-width: 90%;
-            position: relative;
-            padding: 60px 80px;
-            background: transparent;
-            border: 1px solid rgba(0, 0, 0, 0.05);
-            border-radius: 4px;
-            letter-spacing: 1px;
-        }
-        
-        /* 底部装饰 */
-        .footer {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 30px 0 0;
-            margin-top: auto;
-            gap: 8px;
-        }
-        
-        .accent-line {
-            height: 2px;
-            background: #000000;
-            opacity: 0.3;
-        }
-        
-        .accent-line:nth-child(1) { width: 80px; }
-        .accent-line:nth-child(2) { width: 40px; }
-        .accent-line:nth-child(3) { width: 60px; }
-        
-        /* 响应式 */
-        @media (max-width: 1080px) {
-            .container {
-                padding: 80px 60px 70px;
-            }
-            
-            .title {
-                font-size: 72px;
-            }
-            
-            .image-container {
-                width: 800px;
-                height: 800px;
-            }
-            
-            .content-text {
-                font-size: 34px;
-                padding: 50px 60px;
-            }
-        }
-    </style>
-</head>
-<body>
-    <!-- 背景装饰 -->
-    <div class="bg-decoration">
-        <div class="minimal-line line-1"></div>
-        <div class="minimal-line line-2"></div>
-        <div class="minimal-line line-3"></div>
-        
-        <div class="circle circle-1"></div>
-        <div class="circle circle-2"></div>
-        <div class="circle circle-3"></div>
-        
-        <div class="dot dot-1"></div>
-        <div class="dot dot-2"></div>
-    </div>
-    
-    <!-- 主要内容容器 -->
-    <div class="container">
-        <!-- 标题区域 -->
-        <div class="header">
-            <div class="title-accent">SIMPLE</div>
-            <div class="title">{{title}}</div>
-            <div class="title-underline"></div>
-        </div>
-        
-        <!-- 图片区域 -->
-        <div class="image-section">
-            <div class="image-container">
-                <img src="{{image}}" alt="内容图片">
-                <div class="minimal-dot top-left"></div>
-                <div class="minimal-dot top-right"></div>
-                <div class="minimal-dot bottom-left"></div>
-                <div class="minimal-dot bottom-right"></div>
-            </div>
-        </div>
-        
-        <!-- 内容区域 -->
-        <div class="content-section">
-            <div class="content-text">{{text}}</div>
-        </div>
-        
-        <!-- 底部装饰条 -->
-        <div class="footer">
-            <div class="accent-line"></div>
-            <div class="accent-line"></div>
-            <div class="accent-line"></div>
-        </div>
-    </div>
-</body>
-</html>
-
diff --git a/templates/1080x1920/modernize.html b/templates/1080x1920/modernize.html
deleted file mode 100644
index c0a4f3d..0000000
--- a/templates/1080x1920/modernize.html
+++ /dev/null
@@ -1,1596 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1080, height=1920">
-    <title>视频模板 - 明亮现代风格</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        html, body {
-            width: 1080px;
-            height: 1920px;
-            overflow: hidden;
-        }
-        
-        body {
-            background: #0a0e27;
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
-            display: flex;
-            position: relative;
-            color: #ffffff;
-            animation: subtle-glow 8s ease-in-out infinite;
-        }
-        
-        @keyframes subtle-glow {
-            0%, 100% { background: #0a0e27; }
-            50% { background: #0d1230; }
-        }
-        
-        /* 几何装饰背景 - 增强版 */
-        .bg-decoration {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            z-index: 1;
-        }
-        
-        .geometric-shape {
-            position: absolute;
-            opacity: 0.2;
-            filter: blur(0px);
-            transition: all 0.3s ease;
-        }
-        
-        .shape-1 {
-            width: 400px;
-            height: 400px;
-            background: #00d4ff;
-            top: -100px;
-            right: -100px;
-            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-            animation: rotate-glow 30s linear infinite;
-            box-shadow: 
-                0 0 60px rgba(0, 212, 255, 0.4),
-                0 0 120px rgba(0, 212, 255, 0.2),
-                inset 0 0 40px rgba(0, 212, 255, 0.3);
-        }
-        
-        .shape-2 {
-            width: 300px;
-            height: 300px;
-            background: #7c3aed;
-            bottom: 200px;
-            left: -80px;
-            clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-            animation: rotate-pulse 25s ease-in-out infinite;
-            box-shadow: 
-                0 0 50px rgba(124, 58, 237, 0.5),
-                0 0 100px rgba(124, 58, 237, 0.3),
-                inset 0 0 30px rgba(124, 58, 237, 0.4);
-        }
-        
-        .shape-3 {
-            width: 200px;
-            height: 200px;
-            background: #f97316;
-            top: 50%;
-            right: 50px;
-            clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-            animation: float-glow 20s ease-in-out infinite;
-            box-shadow: 
-                0 0 40px rgba(249, 115, 22, 0.6),
-                0 0 80px rgba(249, 115, 22, 0.3),
-                inset 0 0 25px rgba(249, 115, 22, 0.4);
-        }
-        
-        /* 新增几何装饰元素 */
-        .shape-4 {
-            width: 150px;
-            height: 150px;
-            background: #10b981;
-            top: 25%;
-            left: 100px;
-            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-            animation: spin-glow 35s linear infinite;
-            box-shadow: 
-                0 0 45px rgba(16, 185, 129, 0.5),
-                0 0 90px rgba(16, 185, 129, 0.25);
-        }
-        
-        .shape-5 {
-            width: 180px;
-            height: 180px;
-            background: #ec4899;
-            bottom: 30%;
-            right: 120px;
-            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
-            animation: pulse-float 28s ease-in-out infinite;
-            box-shadow: 
-                0 0 55px rgba(236, 72, 153, 0.5),
-                0 0 110px rgba(236, 72, 153, 0.25);
-        }
-        
-        /* 粒子装饰 */
-        .particle {
-            position: absolute;
-            width: 4px;
-            height: 4px;
-            background: #fff;
-            border-radius: 50%;
-            box-shadow: 
-                0 0 10px rgba(255, 255, 255, 0.8),
-                0 0 20px rgba(0, 212, 255, 0.5);
-            animation: float-particle 15s ease-in-out infinite;
-        }
-        
-        .particle-1 { 
-            top: 20%; 
-            left: 15%; 
-            animation-delay: 0s;
-            background: #00d4ff;
-            box-shadow: 
-                0 0 15px rgba(0, 212, 255, 0.9),
-                0 0 30px rgba(0, 212, 255, 0.5);
-        }
-        .particle-2 { 
-            top: 40%; 
-            right: 20%; 
-            animation-delay: 2s;
-            background: #7c3aed;
-            box-shadow: 
-                0 0 15px rgba(124, 58, 237, 0.9),
-                0 0 30px rgba(124, 58, 237, 0.5);
-        }
-        .particle-3 { 
-            bottom: 30%; 
-            left: 25%; 
-            animation-delay: 4s;
-            background: #f97316;
-            box-shadow: 
-                0 0 15px rgba(249, 115, 22, 0.9),
-                0 0 30px rgba(249, 115, 22, 0.5);
-        }
-        .particle-4 { 
-            top: 60%; 
-            right: 15%; 
-            animation-delay: 6s;
-            background: #10b981;
-            box-shadow: 
-                0 0 15px rgba(16, 185, 129, 0.9),
-                0 0 30px rgba(16, 185, 129, 0.5);
-        }
-        .particle-5 { 
-            bottom: 45%; 
-            left: 40%; 
-            animation-delay: 8s;
-            background: #ec4899;
-            box-shadow: 
-                0 0 15px rgba(236, 72, 153, 0.9),
-                0 0 30px rgba(236, 72, 153, 0.5);
-        }
-        
-        /* 装饰点簇 - 借鉴elegant.html */
-        .dot-cluster {
-            position: absolute;
-            display: flex;
-            gap: 12px;
-            z-index: 1;
-        }
-        
-        .dot-cluster-1 {
-            top: 10%;
-            left: 8%;
-            flex-direction: column;
-        }
-        
-        .dot-cluster-2 {
-            top: 15%;
-            right: 10%;
-            flex-direction: row;
-        }
-        
-        .dot-cluster-3 {
-            bottom: 12%;
-            left: 12%;
-            flex-direction: row;
-        }
-        
-        .dot-cluster-4 {
-            bottom: 18%;
-            right: 8%;
-            flex-direction: column;
-        }
-        
-        .cluster-dot {
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background: #00d4ff;
-            box-shadow: 0 0 12px rgba(0, 212, 255, 0.7);
-            animation: cluster-dot-pulse 3s ease-in-out infinite;
-        }
-        
-        .cluster-dot:nth-child(1) { animation-delay: 0s; }
-        .cluster-dot:nth-child(2) { animation-delay: 0.5s; background: #7c3aed; box-shadow: 0 0 12px rgba(124, 58, 237, 0.7); }
-        .cluster-dot:nth-child(3) { animation-delay: 1s; background: #f97316; box-shadow: 0 0 12px rgba(249, 115, 22, 0.7); }
-        
-        @keyframes cluster-dot-pulse {
-            0%, 100% {
-                transform: scale(1);
-                opacity: 0.6;
-                box-shadow: 0 0 12px currentColor;
-            }
-            50% {
-                transform: scale(1.4);
-                opacity: 1;
-                box-shadow: 0 0 20px currentColor;
-            }
-        }
-        
-        /* 小型装饰圆环 */
-        .ring-decoration {
-            position: absolute;
-            border-radius: 50%;
-            border: 2px solid;
-            z-index: 1;
-            animation: ring-rotate 20s linear infinite;
-        }
-        
-        .ring-1 {
-            width: 80px;
-            height: 80px;
-            top: 8%;
-            right: 15%;
-            border-color: rgba(0, 212, 255, 0.4);
-            box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-        }
-        
-        .ring-2 {
-            width: 60px;
-            height: 60px;
-            bottom: 10%;
-            left: 18%;
-            border-color: rgba(124, 58, 237, 0.4);
-            box-shadow: 0 0 20px rgba(124, 58, 237, 0.3);
-            animation-delay: 5s;
-        }
-        
-        .ring-3 {
-            width: 100px;
-            height: 100px;
-            top: 70%;
-            left: 5%;
-            border-color: rgba(249, 115, 22, 0.3);
-            box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
-            animation-delay: 10s;
-        }
-        
-        @keyframes ring-rotate {
-            0% {
-                transform: rotate(0deg) scale(1);
-                opacity: 0.4;
-            }
-            50% {
-                transform: rotate(180deg) scale(1.1);
-                opacity: 0.7;
-            }
-            100% {
-                transform: rotate(360deg) scale(1);
-                opacity: 0.4;
-            }
-        }
-        
-        /* 装饰性小方块 */
-        .square-deco {
-            position: absolute;
-            width: 10px;
-            height: 10px;
-            background: rgba(0, 212, 255, 0.5);
-            z-index: 1;
-            animation: square-float 5s ease-in-out infinite;
-        }
-        
-        .square-1 {
-            top: 12%;
-            left: 5%;
-            transform: rotate(45deg);
-            box-shadow: 0 0 15px rgba(0, 212, 255, 0.6);
-        }
-        
-        .square-2 {
-            top: 65%;
-            right: 8%;
-            transform: rotate(25deg);
-            background: rgba(124, 58, 237, 0.5);
-            box-shadow: 0 0 15px rgba(124, 58, 237, 0.6);
-            animation-delay: 1.5s;
-        }
-        
-        .square-3 {
-            bottom: 8%;
-            right: 12%;
-            transform: rotate(60deg);
-            background: rgba(249, 115, 22, 0.5);
-            box-shadow: 0 0 15px rgba(249, 115, 22, 0.6);
-            animation-delay: 3s;
-        }
-        
-        @keyframes square-float {
-            0%, 100% {
-                transform: translateY(0) rotate(45deg);
-                opacity: 0.5;
-            }
-            50% {
-                transform: translateY(-15px) rotate(225deg);
-                opacity: 0.8;
-            }
-        }
-        
-        /* 装饰性三角形 */
-        .triangle-deco {
-            position: absolute;
-            width: 0;
-            height: 0;
-            border-style: solid;
-            z-index: 1;
-            filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.6));
-            animation: triangle-spin 15s linear infinite;
-        }
-        
-        .triangle-1 {
-            top: 18%;
-            left: 12%;
-            border-width: 0 8px 14px 8px;
-            border-color: transparent transparent rgba(0, 212, 255, 0.5) transparent;
-        }
-        
-        .triangle-2 {
-            bottom: 25%;
-            right: 10%;
-            border-width: 14px 8px 0 8px;
-            border-color: rgba(236, 72, 153, 0.5) transparent transparent transparent;
-            filter: drop-shadow(0 0 10px rgba(236, 72, 153, 0.6));
-            animation-delay: 7s;
-        }
-        
-        @keyframes triangle-spin {
-            0% {
-                transform: rotate(0deg);
-                opacity: 0.5;
-            }
-            50% {
-                transform: rotate(180deg);
-                opacity: 0.8;
-            }
-            100% {
-                transform: rotate(360deg);
-                opacity: 0.5;
-            }
-        }
-        
-        /* 装饰性波浪线 - 借鉴elegant.html */
-        .wave-line {
-            position: absolute;
-            height: 2px;
-            border-radius: 10px;
-            z-index: 1;
-            opacity: 0.4;
-            animation: wave-flow 6s ease-in-out infinite;
-        }
-        
-        .wave-1 {
-            width: 300px;
-            top: 22%;
-            left: 5%;
-            background: rgba(0, 212, 255, 0.5);
-            box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
-            transform: rotate(-5deg);
-        }
-        
-        .wave-2 {
-            width: 250px;
-            top: 68%;
-            right: 5%;
-            background: rgba(124, 58, 237, 0.5);
-            box-shadow: 0 0 15px rgba(124, 58, 237, 0.4);
-            transform: rotate(8deg);
-            animation-delay: 2s;
-        }
-        
-        .wave-3 {
-            width: 200px;
-            bottom: 15%;
-            left: 8%;
-            background: rgba(249, 115, 22, 0.4);
-            box-shadow: 0 0 15px rgba(249, 115, 22, 0.3);
-            transform: rotate(-3deg);
-            animation-delay: 4s;
-        }
-        
-        @keyframes wave-flow {
-            0%, 100% {
-                opacity: 0.3;
-                transform: translateX(0) rotate(var(--rotate, 0deg));
-            }
-            50% {
-                opacity: 0.6;
-                transform: translateX(20px) rotate(var(--rotate, 0deg));
-            }
-        }
-        
-        /* 星形装饰 */
-        .star-deco {
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            z-index: 1;
-            animation: star-twinkle 4s ease-in-out infinite;
-        }
-        
-        .star-deco::before,
-        .star-deco::after {
-            content: '';
-            position: absolute;
-            background: rgba(255, 255, 255, 0.6);
-            box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
-        }
-        
-        .star-deco::before {
-            width: 2px;
-            height: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-        
-        .star-deco::after {
-            width: 100%;
-            height: 2px;
-            top: 50%;
-            transform: translateY(-50%);
-        }
-        
-        .star-1 {
-            top: 14%;
-            right: 8%;
-            filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.8));
-        }
-        
-        .star-2 {
-            top: 72%;
-            left: 7%;
-            filter: drop-shadow(0 0 10px rgba(236, 72, 153, 0.8));
-            animation-delay: 2s;
-        }
-        
-        .star-3 {
-            bottom: 20%;
-            right: 15%;
-            width: 15px;
-            height: 15px;
-            filter: drop-shadow(0 0 10px rgba(249, 115, 22, 0.8));
-            animation-delay: 3s;
-        }
-        
-        @keyframes star-twinkle {
-            0%, 100% {
-                transform: scale(1) rotate(0deg);
-                opacity: 0.6;
-            }
-            50% {
-                transform: scale(1.3) rotate(90deg);
-                opacity: 1;
-            }
-        }
-        
-        /* 小型发光点 */
-        .glow-dot {
-            position: absolute;
-            width: 5px;
-            height: 5px;
-            border-radius: 50%;
-            z-index: 1;
-            animation: glow-pulse 3s ease-in-out infinite;
-        }
-        
-        .glow-1 {
-            top: 25%;
-            left: 4%;
-            background: rgba(0, 212, 255, 0.7);
-            box-shadow: 0 0 15px rgba(0, 212, 255, 0.9);
-        }
-        
-        .glow-2 {
-            top: 35%;
-            right: 6%;
-            background: rgba(124, 58, 237, 0.7);
-            box-shadow: 0 0 15px rgba(124, 58, 237, 0.9);
-            animation-delay: 1s;
-        }
-        
-        .glow-3 {
-            top: 55%;
-            left: 3%;
-            background: rgba(16, 185, 129, 0.7);
-            box-shadow: 0 0 15px rgba(16, 185, 129, 0.9);
-            animation-delay: 2s;
-        }
-        
-        .glow-4 {
-            bottom: 28%;
-            right: 4%;
-            background: rgba(249, 115, 22, 0.7);
-            box-shadow: 0 0 15px rgba(249, 115, 22, 0.9);
-            animation-delay: 1.5s;
-        }
-        
-        .glow-5 {
-            bottom: 35%;
-            left: 6%;
-            background: rgba(236, 72, 153, 0.7);
-            box-shadow: 0 0 15px rgba(236, 72, 153, 0.9);
-            animation-delay: 2.5s;
-        }
-        
-        @keyframes glow-pulse {
-            0%, 100% {
-                transform: scale(1);
-                opacity: 0.5;
-                box-shadow: 0 0 15px currentColor;
-            }
-            50% {
-                transform: scale(1.6);
-                opacity: 1;
-                box-shadow: 0 0 25px currentColor;
-            }
-        }
-        
-        /* 十字装饰 */
-        .cross-deco {
-            position: absolute;
-            width: 12px;
-            height: 12px;
-            z-index: 1;
-            animation: cross-rotate 10s linear infinite;
-        }
-        
-        .cross-deco::before,
-        .cross-deco::after {
-            content: '';
-            position: absolute;
-            background: rgba(0, 212, 255, 0.5);
-            box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);
-        }
-        
-        .cross-deco::before {
-            width: 2px;
-            height: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-        
-        .cross-deco::after {
-            width: 100%;
-            height: 2px;
-            top: 50%;
-            transform: translateY(-50%);
-        }
-        
-        .cross-1 {
-            top: 30%;
-            left: 10%;
-        }
-        
-        .cross-2 {
-            top: 50%;
-            right: 12%;
-        }
-        
-        .cross-2::before,
-        .cross-2::after {
-            background: rgba(124, 58, 237, 0.5);
-            box-shadow: 0 0 10px rgba(124, 58, 237, 0.6);
-        }
-        
-        @keyframes cross-rotate {
-            0% {
-                transform: rotate(0deg);
-                opacity: 0.4;
-            }
-            50% {
-                transform: rotate(180deg);
-                opacity: 0.7;
-            }
-            100% {
-                transform: rotate(360deg);
-                opacity: 0.4;
-            }
-        }
-        
-        /* 弧形装饰线 */
-        .arc-deco {
-            position: absolute;
-            border: 2px solid;
-            border-radius: 50%;
-            z-index: 1;
-            animation: arc-breathe 5s ease-in-out infinite;
-        }
-        
-        .arc-1 {
-            width: 120px;
-            height: 120px;
-            top: 8%;
-            left: 15%;
-            border-color: transparent rgba(0, 212, 255, 0.4) transparent transparent;
-            transform: rotate(45deg);
-        }
-        
-        .arc-2 {
-            width: 90px;
-            height: 90px;
-            bottom: 12%;
-            right: 18%;
-            border-color: transparent transparent rgba(124, 58, 237, 0.4) transparent;
-            transform: rotate(-30deg);
-            animation-delay: 1.5s;
-        }
-        
-        .arc-3 {
-            width: 70px;
-            height: 70px;
-            top: 75%;
-            right: 5%;
-            border-color: transparent transparent transparent rgba(249, 115, 22, 0.4);
-            transform: rotate(120deg);
-            animation-delay: 3s;
-        }
-        
-        @keyframes arc-breathe {
-            0%, 100% {
-                opacity: 0.3;
-                transform: rotate(var(--base-rotate, 0deg)) scale(1);
-            }
-            50% {
-                opacity: 0.6;
-                transform: rotate(var(--base-rotate, 0deg)) scale(1.15);
-            }
-        }
-        
-        /* 微小装饰点 */
-        .micro-dot {
-            position: absolute;
-            width: 3px;
-            height: 3px;
-            border-radius: 50%;
-            background: rgba(255, 255, 255, 0.6);
-            box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
-            z-index: 1;
-            animation: micro-twinkle 4s ease-in-out infinite;
-        }
-        
-        .micro-1 { top: 17%; left: 20%; animation-delay: 0s; }
-        .micro-2 { top: 28%; right: 25%; animation-delay: 0.5s; }
-        .micro-3 { top: 45%; left: 8%; animation-delay: 1s; }
-        .micro-4 { top: 62%; right: 20%; animation-delay: 1.5s; }
-        .micro-5 { bottom: 22%; left: 15%; animation-delay: 2s; }
-        .micro-6 { bottom: 32%; right: 8%; animation-delay: 2.5s; }
-        .micro-7 { top: 38%; left: 12%; animation-delay: 3s; }
-        .micro-8 { bottom: 40%; right: 18%; animation-delay: 3.5s; }
-        
-        @keyframes micro-twinkle {
-            0%, 100% {
-                opacity: 0.3;
-                transform: scale(0.8);
-            }
-            50% {
-                opacity: 1;
-                transform: scale(1.5);
-            }
-        }
-        
-        /* 虚线装饰边框 */
-        .dashed-border {
-            position: absolute;
-            border: 1px dashed;
-            border-radius: 10px;
-            z-index: 1;
-            opacity: 0.3;
-            animation: border-flow 8s linear infinite;
-        }
-        
-        .dash-1 {
-            width: 150px;
-            height: 100px;
-            top: 20%;
-            right: 10%;
-            border-color: rgba(0, 212, 255, 0.4);
-            transform: rotate(15deg);
-        }
-        
-        .dash-2 {
-            width: 120px;
-            height: 80px;
-            bottom: 18%;
-            left: 10%;
-            border-color: rgba(236, 72, 153, 0.4);
-            transform: rotate(-20deg);
-            animation-delay: 4s;
-        }
-        
-        @keyframes border-flow {
-            0% {
-                opacity: 0.2;
-                border-color: currentColor;
-            }
-            50% {
-                opacity: 0.5;
-                border-color: currentColor;
-            }
-            100% {
-                opacity: 0.2;
-                border-color: currentColor;
-            }
-        }
-        
-        /* 菱形装饰 */
-        .diamond-deco {
-            position: absolute;
-            width: 15px;
-            height: 15px;
-            background: rgba(0, 212, 255, 0.4);
-            transform: rotate(45deg);
-            z-index: 1;
-            box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
-            animation: diamond-spin 6s ease-in-out infinite;
-        }
-        
-        .diamond-1 {
-            top: 32%;
-            left: 7%;
-        }
-        
-        .diamond-2 {
-            top: 58%;
-            right: 9%;
-            background: rgba(124, 58, 237, 0.4);
-            box-shadow: 0 0 15px rgba(124, 58, 237, 0.5);
-            animation-delay: 2s;
-        }
-        
-        .diamond-3 {
-            bottom: 24%;
-            left: 20%;
-            width: 12px;
-            height: 12px;
-            background: rgba(16, 185, 129, 0.4);
-            box-shadow: 0 0 15px rgba(16, 185, 129, 0.5);
-            animation-delay: 4s;
-        }
-        
-        @keyframes diamond-spin {
-            0%, 100% {
-                transform: rotate(45deg) scale(1);
-                opacity: 0.5;
-            }
-            50% {
-                transform: rotate(225deg) scale(1.2);
-                opacity: 0.8;
-            }
-        }
-        
-        @keyframes rotate-glow {
-            0% { transform: rotate(0deg); box-shadow: 0 0 60px rgba(0, 212, 255, 0.4), 0 0 120px rgba(0, 212, 255, 0.2); }
-            50% { transform: rotate(180deg); box-shadow: 0 0 80px rgba(0, 212, 255, 0.6), 0 0 160px rgba(0, 212, 255, 0.3); }
-            100% { transform: rotate(360deg); box-shadow: 0 0 60px rgba(0, 212, 255, 0.4), 0 0 120px rgba(0, 212, 255, 0.2); }
-        }
-        
-        @keyframes rotate-pulse {
-            0% { transform: rotate(360deg) scale(1); opacity: 0.2; }
-            50% { transform: rotate(180deg) scale(1.1); opacity: 0.3; }
-            100% { transform: rotate(0deg) scale(1); opacity: 0.2; }
-        }
-        
-        @keyframes float-glow {
-            0%, 100% { 
-                transform: translateY(0) rotate(0deg); 
-                box-shadow: 0 0 40px rgba(249, 115, 22, 0.6), 0 0 80px rgba(249, 115, 22, 0.3);
-            }
-            50% { 
-                transform: translateY(-30px) rotate(180deg); 
-                box-shadow: 0 0 60px rgba(249, 115, 22, 0.8), 0 0 120px rgba(249, 115, 22, 0.4);
-            }
-        }
-        
-        @keyframes spin-glow {
-            0% { transform: rotate(0deg); opacity: 0.2; }
-            50% { transform: rotate(180deg); opacity: 0.35; }
-            100% { transform: rotate(360deg); opacity: 0.2; }
-        }
-        
-        @keyframes pulse-float {
-            0%, 100% { 
-                transform: translateY(0) scale(1);
-                box-shadow: 0 0 55px rgba(236, 72, 153, 0.5), 0 0 110px rgba(236, 72, 153, 0.25);
-            }
-            50% { 
-                transform: translateY(-20px) scale(1.08);
-                box-shadow: 0 0 75px rgba(236, 72, 153, 0.7), 0 0 150px rgba(236, 72, 153, 0.35);
-            }
-        }
-        
-        @keyframes float-particle {
-            0%, 100% { transform: translateY(0) translateX(0); opacity: 0.3; }
-            25% { transform: translateY(-30px) translateX(20px); opacity: 0.8; }
-            50% { transform: translateY(-50px) translateX(-10px); opacity: 1; }
-            75% { transform: translateY(-30px) translateX(15px); opacity: 0.6; }
-        }
-        
-        /* 边缘装饰线条 */
-        .edge-line {
-            position: absolute;
-            background: rgba(0, 212, 255, 0.3);
-            z-index: 1;
-            box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
-        }
-        
-        .edge-line-top {
-            top: 50px;
-            left: 50px;
-            width: 200px;
-            height: 2px;
-            animation: line-slide-h 4s ease-in-out infinite;
-        }
-        
-        .edge-line-bottom {
-            bottom: 50px;
-            right: 50px;
-            width: 200px;
-            height: 2px;
-            animation: line-slide-h 4s ease-in-out infinite;
-            animation-delay: 2s;
-        }
-        
-        .edge-line-left {
-            top: 50px;
-            left: 50px;
-            width: 2px;
-            height: 200px;
-            background: rgba(124, 58, 237, 0.3);
-            animation: line-slide-v 4s ease-in-out infinite;
-            animation-delay: 1s;
-        }
-        
-        .edge-line-right {
-            bottom: 50px;
-            right: 50px;
-            width: 2px;
-            height: 200px;
-            background: rgba(249, 115, 22, 0.3);
-            animation: line-slide-v-alt 4s ease-in-out infinite;
-            animation-delay: 3s;
-        }
-        
-        @keyframes line-slide-h {
-            0%, 100% {
-                opacity: 0.5;
-                width: 200px;
-                box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
-                background: rgba(0, 212, 255, 0.3);
-            }
-            50% {
-                opacity: 1;
-                width: 280px;
-                box-shadow: 0 0 25px rgba(0, 212, 255, 0.8);
-                background: rgba(0, 212, 255, 0.5);
-            }
-        }
-        
-        @keyframes line-slide-v {
-            0%, 100% {
-                opacity: 0.5;
-                height: 200px;
-                box-shadow: 0 0 15px rgba(124, 58, 237, 0.5);
-                background: rgba(124, 58, 237, 0.3);
-            }
-            50% {
-                opacity: 1;
-                height: 280px;
-                box-shadow: 0 0 25px rgba(124, 58, 237, 0.8);
-                background: rgba(124, 58, 237, 0.5);
-            }
-        }
-        
-        @keyframes line-slide-v-alt {
-            0%, 100% {
-                opacity: 0.5;
-                height: 200px;
-                box-shadow: 0 0 15px rgba(249, 115, 22, 0.5);
-                background: rgba(249, 115, 22, 0.3);
-            }
-            50% {
-                opacity: 1;
-                height: 280px;
-                box-shadow: 0 0 25px rgba(249, 115, 22, 0.8);
-                background: rgba(249, 115, 22, 0.5);
-            }
-        }
-        
-        /* 主容器 */
-        .container {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            height: 100%;
-            padding: 80px 60px 60px;
-            position: relative;
-            z-index: 2;
-        }
-        
-        /* 顶部标题区域 */
-        .header {
-            margin-bottom: 100px;
-            text-align: center;
-            position: relative;
-        }
-        
-        .header::before,
-        .header::after {
-            content: '';
-            position: absolute;
-            width: 100px;
-            height: 100px;
-            border-radius: 50%;
-            opacity: 0.15;
-            animation: header-orb 5s ease-in-out infinite;
-        }
-        
-        .header::before {
-            top: -30px;
-            left: 10%;
-            background: #7c3aed;
-            box-shadow: 0 0 60px rgba(124, 58, 237, 0.5);
-            animation-delay: 0s;
-        }
-        
-        .header::after {
-            top: -20px;
-            right: 10%;
-            background: #f97316;
-            box-shadow: 0 0 60px rgba(249, 115, 22, 0.5);
-            animation-delay: 2.5s;
-        }
-        
-        @keyframes header-orb {
-            0%, 100% {
-                transform: translateY(0) scale(1);
-                opacity: 0.15;
-            }
-            50% {
-                transform: translateY(-20px) scale(1.2);
-                opacity: 0.25;
-            }
-        }
-        
-        .title {
-            font-size: 88px;
-            font-weight: 900;
-            line-height: 1.1;
-            color: #ffffff;
-            letter-spacing: -2px;
-            margin-bottom: 0;
-            position: relative;
-            display: inline-block;
-            text-shadow: 
-                0 0 40px rgba(0, 212, 255, 0.5),
-                0 0 80px rgba(0, 212, 255, 0.3),
-                0 5px 15px rgba(0, 0, 0, 0.5);
-            animation: title-glow 4s ease-in-out infinite;
-        }
-        
-        @keyframes title-glow {
-            0%, 100% { 
-                text-shadow: 
-                    0 0 40px rgba(0, 212, 255, 0.5),
-                    0 0 80px rgba(0, 212, 255, 0.3),
-                    0 5px 15px rgba(0, 0, 0, 0.5);
-            }
-            50% { 
-                text-shadow: 
-                    0 0 60px rgba(0, 212, 255, 0.7),
-                    0 0 120px rgba(0, 212, 255, 0.4),
-                    0 8px 20px rgba(0, 0, 0, 0.6);
-            }
-        }
-        
-        .title::before {
-            content: '';
-            position: absolute;
-            top: -20px;
-            left: -30px;
-            width: 80px;
-            height: 80px;
-            background: #00d4ff;
-            opacity: 0.25;
-            z-index: -1;
-            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-            animation: shape-pulse 3s ease-in-out infinite;
-            box-shadow: 0 0 30px rgba(0, 212, 255, 0.6);
-        }
-        
-        @keyframes shape-pulse {
-            0%, 100% { 
-                transform: scale(1) rotate(0deg);
-                opacity: 0.25;
-                box-shadow: 0 0 30px rgba(0, 212, 255, 0.6);
-            }
-            50% { 
-                transform: scale(1.15) rotate(45deg);
-                opacity: 0.4;
-                box-shadow: 0 0 50px rgba(0, 212, 255, 0.8);
-            }
-        }
-        
-        .title::after {
-            content: '';
-            position: absolute;
-            bottom: -15px;
-            left: 0;
-            width: 100%;
-            height: 4px;
-            background: #00d4ff;
-            box-shadow: 
-                0 0 20px rgba(0, 212, 255, 0.8),
-                0 0 40px rgba(0, 212, 255, 0.5);
-            animation: line-glow 3s ease-in-out infinite;
-        }
-        
-        @keyframes line-glow {
-            0%, 100% { 
-                box-shadow: 
-                    0 0 20px rgba(0, 212, 255, 0.8),
-                    0 0 40px rgba(0, 212, 255, 0.5);
-            }
-            50% { 
-                box-shadow: 
-                    0 0 35px rgba(0, 212, 255, 1),
-                    0 0 70px rgba(0, 212, 255, 0.7);
-            }
-        }
-        
-        /* 图片区域 */
-        .image-section {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            position: relative;
-        }
-        
-        /* 图片周围的光环装饰 */
-        .image-section::before,
-        .image-section::after {
-            content: '';
-            position: absolute;
-            border-radius: 50%;
-            pointer-events: none;
-            animation: orbit-glow 8s linear infinite;
-        }
-        
-        .image-section::before {
-            width: 1000px;
-            height: 1000px;
-            border: 1px solid rgba(0, 212, 255, 0.15);
-            box-shadow: 
-                0 0 40px rgba(0, 212, 255, 0.1),
-                inset 0 0 40px rgba(0, 212, 255, 0.05);
-        }
-        
-        .image-section::after {
-            width: 1100px;
-            height: 1100px;
-            border: 1px solid rgba(124, 58, 237, 0.1);
-            box-shadow: 
-                0 0 50px rgba(124, 58, 237, 0.08),
-                inset 0 0 50px rgba(124, 58, 237, 0.04);
-            animation-delay: 4s;
-        }
-        
-        @keyframes orbit-glow {
-            0%, 100% {
-                opacity: 0.3;
-                transform: rotate(0deg) scale(1);
-            }
-            50% {
-                opacity: 0.6;
-                transform: rotate(180deg) scale(1.02);
-            }
-        }
-        
-        .image-container {
-            width: 900px;
-            height: 900px;
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: #151936;
-            border-radius: 30px;
-            overflow: hidden;
-            border: 2px solid rgba(0, 212, 255, 0.4);
-            box-shadow: 
-                0 0 0 1px rgba(255, 255, 255, 0.1),
-                0 30px 60px rgba(0, 0, 0, 0.5),
-                0 0 100px rgba(0, 212, 255, 0.3),
-                0 0 150px rgba(124, 58, 237, 0.2),
-                inset 0 0 50px rgba(0, 212, 255, 0.05);
-            animation: image-container-glow 5s ease-in-out infinite;
-        }
-        
-        @keyframes image-container-glow {
-            0%, 100% { 
-                box-shadow: 
-                    0 0 0 1px rgba(255, 255, 255, 0.1),
-                    0 30px 60px rgba(0, 0, 0, 0.5),
-                    0 0 100px rgba(0, 212, 255, 0.3),
-                    0 0 150px rgba(124, 58, 237, 0.2),
-                    inset 0 0 50px rgba(0, 212, 255, 0.05);
-                transform: scale(1);
-            }
-            50% { 
-                box-shadow: 
-                    0 0 0 1px rgba(255, 255, 255, 0.15),
-                    0 35px 70px rgba(0, 0, 0, 0.6),
-                    0 0 140px rgba(0, 212, 255, 0.5),
-                    0 0 200px rgba(124, 58, 237, 0.3),
-                    inset 0 0 60px rgba(0, 212, 255, 0.08);
-                transform: scale(1.01);
-            }
-        }
-        
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        
-        /* 图片装饰角标 - 增强动态效果 */
-        .image-container::before,
-        .image-container::after {
-            content: '';
-            position: absolute;
-            width: 60px;
-            height: 60px;
-            border: 3px solid #00d4ff;
-            z-index: 10;
-            box-shadow: 
-                0 0 20px rgba(0, 212, 255, 0.6),
-                inset 0 0 10px rgba(0, 212, 255, 0.3);
-            animation: corner-glow 3s ease-in-out infinite;
-        }
-        
-        @keyframes corner-glow {
-            0%, 100% {
-                border-color: #00d4ff;
-                box-shadow: 
-                    0 0 20px rgba(0, 212, 255, 0.6),
-                    inset 0 0 10px rgba(0, 212, 255, 0.3);
-            }
-            33% {
-                border-color: #7c3aed;
-                box-shadow: 
-                    0 0 25px rgba(124, 58, 237, 0.7),
-                    inset 0 0 12px rgba(124, 58, 237, 0.4);
-            }
-            66% {
-                border-color: #f97316;
-                box-shadow: 
-                    0 0 25px rgba(249, 115, 22, 0.7),
-                    inset 0 0 12px rgba(249, 115, 22, 0.4);
-            }
-        }
-        
-        .image-container::before {
-            top: 20px;
-            left: 20px;
-            border-right: none;
-            border-bottom: none;
-            border-radius: 8px 0 0 0;
-            animation-delay: 0s;
-        }
-        
-        .image-container::after {
-            bottom: 20px;
-            right: 20px;
-            border-left: none;
-            border-top: none;
-            border-radius: 0 0 8px 0;
-            animation-delay: 1.5s;
-        }
-        
-        /* 内容区域 */
-        .content-section {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-            padding: 0;
-            position: relative;
-        }
-        
-        /* 内容区域装饰圆点 */
-        .content-section::before,
-        .content-section::after {
-            content: '';
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            animation: dot-pulse 3s ease-in-out infinite;
-        }
-        
-        .content-section::before {
-            top: 30%;
-            left: 5%;
-            background: #00d4ff;
-            box-shadow: 
-                0 0 20px rgba(0, 212, 255, 0.8),
-                0 0 40px rgba(0, 212, 255, 0.4);
-        }
-        
-        .content-section::after {
-            bottom: 30%;
-            right: 5%;
-            background: #7c3aed;
-            box-shadow: 
-                0 0 20px rgba(124, 58, 237, 0.8),
-                0 0 40px rgba(124, 58, 237, 0.4);
-            animation-delay: 1.5s;
-        }
-        
-        @keyframes dot-pulse {
-            0%, 100% {
-                transform: scale(1);
-                opacity: 0.6;
-            }
-            50% {
-                transform: scale(1.5);
-                opacity: 1;
-            }
-        }
-        
-        .content-text {
-            font-size: 46px;
-            font-weight: 600;
-            line-height: 1.6;
-            color: #e2e8f0;
-            max-width: 90%;
-            position: relative;
-            padding: 50px 60px;
-            background: rgba(21, 25, 54, 0.85);
-            border-radius: 24px;
-            border: 1px solid rgba(0, 212, 255, 0.2);
-            box-shadow: 
-                0 20px 40px rgba(0, 0, 0, 0.4),
-                0 0 60px rgba(0, 212, 255, 0.15),
-                0 0 100px rgba(124, 58, 237, 0.1),
-                inset 0 1px 0 rgba(255, 255, 255, 0.1),
-                inset 0 0 30px rgba(0, 212, 255, 0.05);
-            backdrop-filter: blur(15px);
-            animation: content-glow 6s ease-in-out infinite;
-        }
-        
-        @keyframes content-glow {
-            0%, 100% {
-                box-shadow: 
-                    0 20px 40px rgba(0, 0, 0, 0.4),
-                    0 0 60px rgba(0, 212, 255, 0.15),
-                    0 0 100px rgba(124, 58, 237, 0.1),
-                    inset 0 1px 0 rgba(255, 255, 255, 0.1),
-                    inset 0 0 30px rgba(0, 212, 255, 0.05);
-                border-color: rgba(0, 212, 255, 0.2);
-            }
-            50% {
-                box-shadow: 
-                    0 25px 50px rgba(0, 0, 0, 0.5),
-                    0 0 80px rgba(0, 212, 255, 0.25),
-                    0 0 140px rgba(124, 58, 237, 0.15),
-                    inset 0 1px 0 rgba(255, 255, 255, 0.15),
-                    inset 0 0 40px rgba(0, 212, 255, 0.08);
-                border-color: rgba(124, 58, 237, 0.3);
-            }
-        }
-        
-        .content-text::before {
-            content: '"';
-            position: absolute;
-            top: 10px;
-            left: 30px;
-            font-size: 120px;
-            color: #00d4ff;
-            opacity: 0.25;
-            font-family: Georgia, serif;
-            line-height: 1;
-            text-shadow: 0 0 30px rgba(0, 212, 255, 0.6);
-            animation: quote-pulse 4s ease-in-out infinite;
-        }
-        
-        @keyframes quote-pulse {
-            0%, 100% {
-                opacity: 0.25;
-                text-shadow: 0 0 30px rgba(0, 212, 255, 0.6);
-            }
-            50% {
-                opacity: 0.35;
-                text-shadow: 0 0 45px rgba(0, 212, 255, 0.8);
-            }
-        }
-        
-        /* 底部装饰条 */
-        .footer {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 20px 0 0;
-            margin-top: auto;
-            gap: 15px;
-        }
-        
-        .accent-bar {
-            height: 6px;
-            border-radius: 3px;
-            animation: bar-pulse-glow 3s ease-in-out infinite;
-            position: relative;
-        }
-        
-        .accent-bar::after {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            border-radius: 3px;
-            animation: bar-shimmer 2s ease-in-out infinite;
-        }
-        
-        .bar-1 {
-            width: 120px;
-            background: #00d4ff;
-            box-shadow: 
-                0 0 20px rgba(0, 212, 255, 0.6),
-                0 0 40px rgba(0, 212, 255, 0.3);
-            animation-delay: 0s;
-        }
-        
-        .bar-1::after {
-            background: rgba(255, 255, 255, 0.3);
-            animation-delay: 0s;
-        }
-        
-        .bar-2 {
-            width: 80px;
-            background: #7c3aed;
-            box-shadow: 
-                0 0 20px rgba(124, 58, 237, 0.6),
-                0 0 40px rgba(124, 58, 237, 0.3);
-            animation-delay: 0.4s;
-        }
-        
-        .bar-2::after {
-            background: rgba(255, 255, 255, 0.3);
-            animation-delay: 0.4s;
-        }
-        
-        .bar-3 {
-            width: 100px;
-            background: #f97316;
-            box-shadow: 
-                0 0 20px rgba(249, 115, 22, 0.6),
-                0 0 40px rgba(249, 115, 22, 0.3);
-            animation-delay: 0.8s;
-        }
-        
-        .bar-3::after {
-            background: rgba(255, 255, 255, 0.3);
-            animation-delay: 0.8s;
-        }
-        
-        @keyframes bar-pulse-glow {
-            0%, 100% {
-                opacity: 1;
-                transform: scaleX(1) scaleY(1);
-            }
-            50% {
-                opacity: 0.8;
-                transform: scaleX(1.1) scaleY(1.3);
-            }
-        }
-        
-        @keyframes bar-shimmer {
-            0% {
-                transform: translateX(-100%);
-                opacity: 0;
-            }
-            50% {
-                opacity: 1;
-            }
-            100% {
-                transform: translateX(100%);
-                opacity: 0;
-            }
-        }
-        
-        /* 网格线装饰 */
-        .grid-overlay {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            background-image: 
-                linear-align(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
-                linear-align(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
-            background-size: 50px 50px;
-            z-index: 0;
-            opacity: 0.5;
-        }
-        
-        /* 响应式微调 */
-        @media (max-width: 1080px) {
-            .container {
-                padding: 60px 40px 40px;
-            }
-            
-            .title {
-                font-size: 72px;
-            }
-            
-            .image-container {
-                width: 800px;
-                height: 800px;
-            }
-            
-            .content-text {
-                font-size: 38px;
-                padding: 40px 50px;
-            }
-        }
-    </style>
-</head>
-<body>
-    <!-- 几何装饰背景 - 增强版 -->
-    <div class="bg-decoration">
-        <!-- 大型几何形状 -->
-        <div class="geometric-shape shape-1"></div>
-        <div class="geometric-shape shape-2"></div>
-        <div class="geometric-shape shape-3"></div>
-        <div class="geometric-shape shape-4"></div>
-        <div class="geometric-shape shape-5"></div>
-        
-        <!-- 粒子装饰 -->
-        <div class="particle particle-1"></div>
-        <div class="particle particle-2"></div>
-        <div class="particle particle-3"></div>
-        <div class="particle particle-4"></div>
-        <div class="particle particle-5"></div>
-        
-        <!-- 边缘装饰线条 -->
-        <div class="edge-line edge-line-top"></div>
-        <div class="edge-line edge-line-bottom"></div>
-        <div class="edge-line edge-line-left"></div>
-        <div class="edge-line edge-line-right"></div>
-        
-        <!-- 装饰点簇 -->
-        <div class="dot-cluster dot-cluster-1">
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-        </div>
-        <div class="dot-cluster dot-cluster-2">
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-        </div>
-        <div class="dot-cluster dot-cluster-3">
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-        </div>
-        <div class="dot-cluster dot-cluster-4">
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-            <div class="cluster-dot"></div>
-        </div>
-        
-        <!-- 装饰圆环 -->
-        <div class="ring-decoration ring-1"></div>
-        <div class="ring-decoration ring-2"></div>
-        <div class="ring-decoration ring-3"></div>
-        
-        <!-- 装饰方块 -->
-        <div class="square-deco square-1"></div>
-        <div class="square-deco square-2"></div>
-        <div class="square-deco square-3"></div>
-        
-        <!-- 装饰三角形 -->
-        <div class="triangle-deco triangle-1"></div>
-        <div class="triangle-deco triangle-2"></div>
-        
-        <!-- 装饰波浪线 -->
-        <div class="wave-line wave-1"></div>
-        <div class="wave-line wave-2"></div>
-        <div class="wave-line wave-3"></div>
-        
-        <!-- 星形装饰 -->
-        <div class="star-deco star-1"></div>
-        <div class="star-deco star-2"></div>
-        <div class="star-deco star-3"></div>
-        
-        <!-- 发光点装饰 -->
-        <div class="glow-dot glow-1"></div>
-        <div class="glow-dot glow-2"></div>
-        <div class="glow-dot glow-3"></div>
-        <div class="glow-dot glow-4"></div>
-        <div class="glow-dot glow-5"></div>
-        
-        <!-- 十字装饰 -->
-        <div class="cross-deco cross-1"></div>
-        <div class="cross-deco cross-2"></div>
-        
-        <!-- 弧形装饰线 -->
-        <div class="arc-deco arc-1"></div>
-        <div class="arc-deco arc-2"></div>
-        <div class="arc-deco arc-3"></div>
-        
-        <!-- 微小装饰点 -->
-        <div class="micro-dot micro-1"></div>
-        <div class="micro-dot micro-2"></div>
-        <div class="micro-dot micro-3"></div>
-        <div class="micro-dot micro-4"></div>
-        <div class="micro-dot micro-5"></div>
-        <div class="micro-dot micro-6"></div>
-        <div class="micro-dot micro-7"></div>
-        <div class="micro-dot micro-8"></div>
-        
-        <!-- 虚线装饰边框 -->
-        <div class="dashed-border dash-1"></div>
-        <div class="dashed-border dash-2"></div>
-        
-        <!-- 菱形装饰 -->
-        <div class="diamond-deco diamond-1"></div>
-        <div class="diamond-deco diamond-2"></div>
-        <div class="diamond-deco diamond-3"></div>
-    </div>
-    
-    <!-- 主要内容容器 -->
-    <div class="container">
-        <!-- 标题区域 -->
-        <div class="header">
-            <div class="title">{{title}}</div>
-        </div>
-        
-        <!-- 图片区域 -->
-        <div class="image-section">
-            <div class="image-container">
-                <img src="{{image}}" alt="内容图片">
-            </div>
-        </div>
-        
-        <!-- 内容区域 -->
-        <div class="content-section">
-            <div class="content-text">{{text}}</div>
-        </div>
-        
-        <!-- 底部装饰条 -->
-        <div class="footer">
-            <div class="accent-bar bar-1"></div>
-            <div class="accent-bar bar-2"></div>
-            <div class="accent-bar bar-3"></div>
-        </div>
-    </div>
-</body>
-</html>
\ No newline at end of file
diff --git a/templates/1080x1920/tcm.html b/templates/1080x1920/tcm.html
deleted file mode 100644
index fa93fce..0000000
--- a/templates/1080x1920/tcm.html
+++ /dev/null
@@ -1,747 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <style>
-        html {
-            margin: 0;
-            padding: 0;
-        }
-        
-        body {
-            margin: 0;
-            padding: 0;
-            width: 1080px;
-            background:#e9ecef 50%;
-            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .page-container {
-            width: 1080px;
-            height: 1920px;
-            padding: 80px 70px 75px 70px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            position: relative;
-            z-index: 1;
-        }
-        
-        /* 优雅纹理 */
-        .elegant-texture {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            opacity: 0.04;
-            background-image: 
-                radial-gradient(circle at 25% 30%, rgba(45, 55, 72, 0.08) 1px, transparent 1px),
-                radial-gradient(circle at 75% 70%, rgba(45, 55, 72, 0.06) 1px, transparent 1px);
-            background-size: 90px 90px, 120px 120px;
-            z-index: 0;
-        }
-        
-        /* 背景装饰 */
-        .bg-decoration {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            z-index: 0;
-            overflow: hidden;
-            pointer-events: none;
-        }
-        
-        /* 对称圆环装饰 */
-        .zen-circle {
-            position: absolute;
-            border-radius: 50%;
-            border: 2px solid;
-        }
-        
-        .circle-1 {
-            width: 400px;
-            height: 400px;
-            top: 12%;
-            left: -120px;
-            border-color: rgba(45, 55, 72, 0.08);
-        }
-        
-        .circle-2 {
-            width: 350px;
-            height: 350px;
-            top: 45%;
-            right: -100px;
-            border-color: rgba(74, 85, 104, 0.06);
-        }
-        
-        .circle-3 {
-            width: 300px;
-            height: 300px;
-            bottom: 18%;
-            left: -80px;
-            border-color: rgba(45, 55, 72, 0.07);
-        }
-        
-        /* 渐变光晕 */
-        .soft-glow {
-            position: absolute;
-            border-radius: 50%;
-            filter: blur(60px);
-        }
-        
-        .glow-1 {
-            width: 450px;
-            height: 450px;
-            top: -120px;
-            right: -120px;
-            background: radial-gradient(circle, rgba(99, 102, 241, 0.06), transparent 70%);
-        }
-        
-        .glow-2 {
-            width: 400px;
-            height: 400px;
-            bottom: -80px;
-            left: -80px;
-            background: radial-gradient(circle, rgba(79, 70, 229, 0.05), transparent 70%);
-        }
-        
-        /* 标题区域 */
-        .topic-wrapper {
-            position: relative;
-            text-align: center;
-            padding: 35px 0;
-        }
-        
-        /* 顶部优雅分界线 */
-        .top-divider {
-            position: absolute;
-            top: 0;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 420px;
-            height: 3px;
-            background: linear-gradient(90deg, 
-                transparent 0%, 
-                rgba(45, 55, 72, 0.15) 15%,
-                rgba(74, 85, 104, 0.25) 35%,
-                rgba(99, 102, 241, 0.3) 50%,
-                rgba(74, 85, 104, 0.25) 65%,
-                rgba(45, 55, 72, 0.15) 85%,
-                transparent 100%);
-            border-radius: 2px;
-        }
-        
-        /* 对称装饰点 */
-        .top-divider::before,
-        .top-divider::after {
-            content: '';
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            background: radial-gradient(circle at 35% 35%, rgba(99, 102, 241, 0.5), rgba(79, 70, 229, 0.4));
-            box-shadow: 0 0 12px rgba(99, 102, 241, 0.3);
-        }
-        
-        .top-divider::before {
-            left: 20%;
-        }
-        
-        .top-divider::after {
-            right: 20%;
-        }
-        
-        .topic {
-            font-size: 82px;
-            font-weight: 800;
-            background: linear-gradient(135deg, 
-                #1e293b 0%, 
-                #334155 25%, 
-                #475569 45%,
-                #6366f1 55%,
-                #475569 70%,
-                #334155 85%,
-                #1e293b 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            line-height: 1.25;
-            letter-spacing: 4px;
-            padding: 30px 0;
-            position: relative;
-            display: inline-block;
-            filter: drop-shadow(0 2px 12px rgba(99, 102, 241, 0.15));
-        }
-        
-        /* 标题对称装饰点 */
-        .title-accent {
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(79, 70, 229, 0.5));
-            box-shadow: 0 0 15px rgba(99, 102, 241, 0.4);
-        }
-        
-        .title-accent.left {
-            left: -25px;
-        }
-        
-        .title-accent.right {
-            right: -25px;
-        }
-        
-        /* 图片区域 */
-        .image-wrapper {
-            position: relative;
-            padding: 25px;
-        }
-        
-        .image-frame-bg {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(135deg, 
-                rgba(255, 255, 255, 0.95) 0%, 
-                rgba(255, 255, 255, 0.98) 50%, 
-                rgba(255, 255, 255, 0.95) 100%);
-            border-radius: 30px;
-            border: 1px solid rgba(99, 102, 241, 0.12);
-            box-shadow: 
-                0 0 0 1px rgba(255, 255, 255, 0.8),
-                0 20px 60px rgba(99, 102, 241, 0.08),
-                0 8px 25px rgba(79, 70, 229, 0.05),
-                inset 0 1px 2px rgba(255, 255, 255, 0.9);
-            z-index: 0;
-        }
-        
-        .image-container {
-            width: 100%;
-            height: 900px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            position: relative;
-            z-index: 1;
-        }
-        
-        .image-container img {
-            width: 100%;
-            height: 100%;
-            border-radius: 25px;
-            object-fit: cover;
-            box-shadow: 
-                0 15px 45px rgba(45, 55, 72, 0.08),
-                0 5px 15px rgba(99, 102, 241, 0.05);
-        }
-        
-        /* 四角对称L型装饰 */
-        .corner-zen {
-            position: absolute;
-            z-index: 2;
-        }
-        
-        .corner-zen::before,
-        .corner-zen::after {
-            content: '';
-            position: absolute;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.35), rgba(79, 70, 229, 0.3));
-            border-radius: 2px;
-        }
-        
-        .corner-zen.tl {
-            top: 12px;
-            left: 12px;
-            width: 45px;
-            height: 45px;
-        }
-        
-        .corner-zen.tl::before {
-            width: 45px;
-            height: 3px;
-            top: 0;
-            left: 0;
-        }
-        
-        .corner-zen.tl::after {
-            width: 3px;
-            height: 45px;
-            top: 0;
-            left: 0;
-        }
-        
-        .corner-zen.tr {
-            top: 12px;
-            right: 12px;
-            width: 45px;
-            height: 45px;
-        }
-        
-        .corner-zen.tr::before {
-            width: 45px;
-            height: 3px;
-            top: 0;
-            right: 0;
-        }
-        
-        .corner-zen.tr::after {
-            width: 3px;
-            height: 45px;
-            top: 0;
-            right: 0;
-        }
-        
-        .corner-zen.bl {
-            bottom: 12px;
-            left: 12px;
-            width: 45px;
-            height: 45px;
-        }
-        
-        .corner-zen.bl::before {
-            width: 45px;
-            height: 3px;
-            bottom: 0;
-            left: 0;
-        }
-        
-        .corner-zen.bl::after {
-            width: 3px;
-            height: 45px;
-            bottom: 0;
-            left: 0;
-        }
-        
-        .corner-zen.br {
-            bottom: 12px;
-            right: 12px;
-            width: 45px;
-            height: 45px;
-        }
-        
-        .corner-zen.br::before {
-            width: 45px;
-            height: 3px;
-            bottom: 0;
-            right: 0;
-        }
-        
-        .corner-zen.br::after {
-            width: 3px;
-            height: 45px;
-            bottom: 0;
-            right: 0;
-        }
-        
-        /* 侧边对称点装饰 */
-        .side-dots {
-            position: absolute;
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-            z-index: 2;
-        }
-        
-        .side-dots.left {
-            left: -2px;
-            top: 50%;
-            transform: translateY(-50%);
-        }
-        
-        .side-dots.right {
-            right: -2px;
-            top: 50%;
-            transform: translateY(-50%);
-        }
-        
-        .zen-dot {
-            width: 7px;
-            height: 7px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.5), rgba(79, 70, 229, 0.4));
-            box-shadow: 0 0 10px rgba(99, 102, 241, 0.3);
-        }
-        
-        .zen-dot.large {
-            width: 11px;
-            height: 11px;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.7), rgba(79, 70, 229, 0.6));
-            box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
-        }
-        
-        /* 文字区域 */
-        .text-wrapper {
-            position: relative;
-            padding: 45px 0;
-        }
-        
-        .text-bg {
-            position: absolute;
-            top: 0;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 92%;
-            height: 100%;
-            background: linear-gradient(135deg, 
-                rgba(255, 255, 255, 0.92) 0%, 
-                rgba(255, 255, 255, 0.95) 50%,
-                rgba(255, 255, 255, 0.92) 100%);
-            border-radius: 25px;
-            border: 1px solid rgba(99, 102, 241, 0.1);
-            box-shadow: 
-                0 0 0 1px rgba(255, 255, 255, 0.7),
-                0 15px 45px rgba(99, 102, 241, 0.06),
-                0 5px 15px rgba(79, 70, 229, 0.04),
-                inset 0 1px 2px rgba(255, 255, 255, 0.8);
-            z-index: 0;
-        }
-        
-        .text {
-            font-size: 48px;
-            color: #2d3748;
-            text-align: center;
-            line-height: 1.75;
-            padding: 40px 85px;
-            position: relative;
-            height: 237.6px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            z-index: 1;
-            letter-spacing: 1px;
-            font-weight: 500;
-        }
-        
-        /* 引号装饰 */
-        .quote-mark {
-            position: absolute;
-            font-size: 70px;
-            font-weight: 300;
-            font-family: Georgia, serif;
-            opacity: 0.1;
-            z-index: 0;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.8), rgba(79, 70, 229, 0.7));
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-        
-        .quote-mark.open {
-            top: 20px;
-            left: 65px;
-        }
-        
-        .quote-mark.close {
-            bottom: 20px;
-            right: 65px;
-        }
-        
-        /* 侧边对称线条 */
-        .side-line {
-            position: absolute;
-            width: 2px;
-            height: 150px;
-            top: 50%;
-            transform: translateY(-50%);
-            background: linear-gradient(180deg, 
-                transparent 0%,
-                rgba(99, 102, 241, 0.2) 15%,
-                rgba(79, 70, 229, 0.25) 50%,
-                rgba(99, 102, 241, 0.2) 85%,
-                transparent 100%);
-            border-radius: 2px;
-            z-index: 1;
-        }
-        
-        .side-line.left {
-            left: 50px;
-        }
-        
-        .side-line.right {
-            right: 50px;
-        }
-        
-        /* 对称圆点组 */
-        .side-line::before,
-        .side-line::after {
-            content: '';
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.5), rgba(79, 70, 229, 0.4));
-            box-shadow: 0 0 10px rgba(99, 102, 241, 0.3);
-        }
-        
-        .side-line::before {
-            top: -3px;
-        }
-        
-        .side-line::after {
-            bottom: -3px;
-        }
-        
-        /* 页脚 */
-        .footer {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 32px 15px;
-            position: relative;
-        }
-        
-        /* 对称分隔线 */
-        .footer::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 2px;
-            background: linear-gradient(90deg, 
-                transparent 0%, 
-                rgba(99, 102, 241, 0.2) 15%,
-                rgba(79, 70, 229, 0.25) 35%,
-                rgba(99, 102, 241, 0.3) 50%,
-                rgba(79, 70, 229, 0.25) 65%,
-                rgba(99, 102, 241, 0.2) 85%,
-                transparent 100%);
-            border-radius: 2px;
-        }
-        
-        .footer::after {
-            content: '';
-            position: absolute;
-            top: -5px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 120px;
-            height: 12px;
-            background: radial-gradient(ellipse, 
-                rgba(99, 102, 241, 0.15) 0%, 
-                transparent 70%);
-            border-radius: 50%;
-        }
-        
-        .author {
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-        }
-        
-        .author-name {
-            font-size: 38px;
-            font-weight: 700;
-            background: linear-gradient(135deg, 
-                #1e293b 0%, 
-                #334155 40%,
-                #6366f1 60%,
-                #334155 80%,
-                #1e293b 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            display: flex;
-            align-items: center;
-            gap: 12px;
-        }
-        
-        /* 作者装饰点组 */
-        .author-dots {
-            display: flex;
-            gap: 6px;
-            align-items: center;
-        }
-        
-        .author-dot {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(79, 70, 229, 0.5));
-        }
-        
-        .author-dot.large {
-            width: 12px;
-            height: 12px;
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.8), rgba(79, 70, 229, 0.7));
-            box-shadow: 0 0 12px rgba(99, 102, 241, 0.4);
-        }
-        
-        .author-desc {
-            font-size: 27px;
-            color: #718096;
-            line-height: 1.4;
-            font-weight: 400;
-        }
-        
-        /* Logo区域 */
-        .logo-wrapper {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-            gap: 10px;
-        }
-        
-        .logo {
-            font-size: 30px;
-            font-weight: 700;
-            background: linear-gradient(135deg, 
-                #6366f1 0%, 
-                #4f46e5 50%,
-                #6366f1 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            letter-spacing: 1.5px;
-            position: relative;
-            padding-right: 28px;
-        }
-        
-        .logo::after {
-            content: '';
-            position: absolute;
-            right: 0;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 16px;
-            height: 16px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, #6366f1, #4f46e5);
-            box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
-        }
-        
-        /* 对称指示条 */
-        .zen-bars {
-            display: flex;
-            gap: 6px;
-            align-items: center;
-        }
-        
-        .zen-bar {
-            height: 3px;
-            border-radius: 2px;
-        }
-        
-        .zen-bar:nth-child(1) {
-            width: 38px;
-            background: linear-gradient(90deg, 
-                rgba(99, 102, 241, 0.6), 
-                rgba(79, 70, 229, 0.5));
-        }
-        
-        .zen-bar:nth-child(2) {
-            width: 28px;
-            background: linear-gradient(90deg, 
-                rgba(99, 102, 241, 0.5), 
-                rgba(79, 70, 229, 0.4));
-            opacity: 0.8;
-        }
-        
-        .zen-bar:nth-child(3) {
-            width: 18px;
-            background: linear-gradient(90deg, 
-                rgba(99, 102, 241, 0.4), 
-                rgba(79, 70, 229, 0.35));
-            opacity: 0.6;
-        }
-        
-    </style>
-</head>
-<body>
-    <!-- 优雅纹理 -->
-    <div class="elegant-texture"></div>
-    
-    <!-- 背景装饰元素 -->
-    <div class="bg-decoration">
-        <!-- 对称圆环 -->
-        <div class="zen-circle circle-1"></div>
-        <div class="zen-circle circle-2"></div>
-        <div class="zen-circle circle-3"></div>
-        
-        <!-- 渐变光晕 -->
-        <div class="soft-glow glow-1"></div>
-        <div class="soft-glow glow-2"></div>
-    </div>
-    
-    <div class="page-container">
-        <!-- 标题区域 -->
-        <div class="topic-wrapper">
-            <div class="top-divider"></div>
-            <div class="title-accent left"></div>
-            <div class="title-accent right"></div>
-            <div class="topic">{{title}}</div>
-        </div>
-        
-        <!-- 图片区域 -->
-        <div class="image-wrapper">
-            <div class="image-frame-bg"></div>
-            
-            <!-- 四角装饰 -->
-            <div class="corner-zen tl"></div>
-            <div class="corner-zen tr"></div>
-            <div class="corner-zen bl"></div>
-            <div class="corner-zen br"></div>
-            
-            <!-- 侧边对称点 -->
-            <div class="side-dots left">
-                <div class="zen-dot"></div>
-                <div class="zen-dot large"></div>
-                <div class="zen-dot"></div>
-            </div>
-            <div class="side-dots right">
-                <div class="zen-dot"></div>
-                <div class="zen-dot large"></div>
-                <div class="zen-dot"></div>
-            </div>
-            
-            <div class="image-container">
-                <img src="{{image}}" alt="Frame Image">
-            </div>
-        </div>
-        
-        <!-- 文字区域 -->
-        <div class="text-wrapper">
-            <div class="text-bg"></div>
-            <div class="quote-mark open">"</div>
-            <div class="quote-mark close">"</div>
-            <div class="side-line left"></div>
-            <div class="side-line right"></div>
-            <div class="text">{{text}}</div>
-        </div>
-        
-        <!-- 页脚区域 -->
-        <div class="footer">
-            <div class="author">
-                <div class="author-name">
-                    <div class="author-dots">
-                        <div class="author-dot"></div>
-                        <div class="author-dot large"></div>
-                        <div class="author-dot"></div>
-                    </div>
-                </div>
-            </div>
-            <div class="logo-wrapper">
-                <div class="zen-bars">
-                    <div class="zen-bar"></div>
-                    <div class="zen-bar"></div>
-                    <div class="zen-bar"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-</html>
