diff --git a/templates/1080x1920/blur_card.html b/templates/1080x1920/blur_card.html index c2df3b8..f61a35c 100644 --- a/templates/1080x1920/blur_card.html +++ b/templates/1080x1920/blur_card.html @@ -53,7 +53,11 @@ font-size: 92px; font-weight: 400; line-height: 1.2; - text-shadow: 0 6px 22px rgba(0,0,0,0.6); + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; /* 使用 Ma Shan Zheng 毛笔字体 */ font-family: 'Ma Shan Zheng', 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', cursive; letter-spacing: 4px; @@ -89,22 +93,16 @@ width: 96%; /* 稍微调整以适应全宽图片 */ text-align: center; font-size: 54px; - font-weight: 900; - line-height: 1.2; - color: #ffffff; + font-weight: 400; + /* line-height: 1.2; */ + color: #fff; font-family: 'ArtisticFont', 'Noto Serif SC', 'Noto Sans SC', 'PingFang SC', serif; letter-spacing: 1px; - text-shadow: 0 0 0 #000, - -3px -3px 0 #000, - 3px -3px 0 #000, - -3px 3px 0 #000, - 3px 3px 0 #000, - 0 10px 24px rgba(0,0,0,0.6); - } - - @media (max-width: 1080px) { - .title { font-size: 80px; } - .caption { font-size: 48px; } + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; } diff --git a/templates/1080x1920/full.html b/templates/1080x1920/full.html index c67a6a6..9ce96cc 100644 --- a/templates/1080x1920/full.html +++ b/templates/1080x1920/full.html @@ -38,12 +38,15 @@ width: 100%; text-align: center; font-size: 92px; - font-weight: 400; + font-weight: 800; line-height: 1.2; - text-shadow: 0 6px 22px rgba(0,0,0,0.6); + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; /* 使用 Ma Shan Zheng 毛笔字体 */ font-family: 'Ma Shan Zheng', 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', cursive; - -webkit-text-stroke: 1px #000; letter-spacing: 4px; } @@ -55,18 +58,16 @@ padding: 0 60px; text-align: center; font-size: 54px; - font-weight: 900; + font-weight: 400; line-height: 1.2; color: #ffffff; font-family: 'ArtisticFont', 'Noto Serif SC', 'Noto Sans SC', 'PingFang SC', serif; - -webkit-text-stroke: 1px #000; letter-spacing: 1px; - text-shadow: 0 0 0 #000, - -3px -3px 0 #000, - 3px -3px 0 #000, - -3px 3px 0 #000, - 3px 3px 0 #000, - 0 10px 24px rgba(0,0,0,0.6); + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; } @media (max-width: 1080px) { diff --git a/templates/1920x1080/film.html b/templates/1920x1080/film.html index 22e35b0..46d2843 100644 --- a/templates/1920x1080/film.html +++ b/templates/1920x1080/film.html @@ -28,40 +28,58 @@ align-items: center; } + .main { + width: 100%; + height: 1000px; + margin-bottom: 80px; + } + + .top { + width: 100%; + height: 15%; + display: flex; + justify-content: center; + align-items: center; + padding: 0 60px; + z-index: 1; + } + .title { - position: absolute; - top: -30px; - left: 50%; - transform: translate(-50%, -100%); - max-width: 90%; + width: 100%; /* 稍微调整以适应全宽图片 */ text-align: center; - font-size: 80px; + font-size: 70px; font-weight: 800; line-height: 1.2; text-shadow: 0 6px 22px rgba(0,0,0,0.6); letter-spacing: 4px; } - .main { - position: relative; + .middle { width: 100%; height: 70%; /*display: block;*/ } - .main img { - width: 100%; - height: 100%; + .middle img { + width: 100%; + height: 100%; object-fit: cover; /* 改为 cover 填满宽度 */ display: block; } + .bottom { + width: 100%; + height: 15%; + display: flex; + justify-content: center; + align-items: center; + padding: 0 60px; + z-index: 1; + } + .text { - position: absolute; - top: 102%; - left: 50%; - transform: translate(-50%, 0); - max-width: 90%; /* 稍微调整以适应全宽图片 */ + width: 100%; /* 稍微调整以适应全宽图片 */ + padding: 0 60px; text-align: center; font-size: 40px; font-weight: 400; @@ -74,15 +92,24 @@ -3px 3px 0 #000, 3px 3px 0 #000, 0 10px 24px rgba(0,0,0,0.6); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } -
-
{{title}}
- 内容图片 -
{{text}}
-
+
+
{{title}}
+
+
+ 内容图片 + +
+
+
{{text}}
+
+ \ No newline at end of file diff --git a/templates/1920x1080/full.html b/templates/1920x1080/full.html index 2db60f6..55a1cb0 100644 --- a/templates/1920x1080/full.html +++ b/templates/1920x1080/full.html @@ -19,6 +19,9 @@ color: #fff; position: relative; background: transparent; /* 移除黑色背景 */ + background-image: url("{{image}}"); + background-size: cover; + background-position: center; } /* 背景使用图片并做模糊处理,完全覆盖整个页面 */ @@ -32,53 +35,55 @@ z-index: 0; } + .main { + width: 100%; + height: 1080px; + } + .title { position: absolute; top: 160px; width: 100%; text-align: center; - font-size: 92px; - font-weight: 400; + font-size: 80px; + font-weight: 600; line-height: 1.2; - text-shadow: 0 6px 22px rgba(0,0,0,0.6); + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; /* 使用 Ma Shan Zheng 毛笔字体 */ font-family: 'Ma Shan Zheng', 'PingFang SC', 'Source Han Sans', 'Microsoft YaHei', cursive; - -webkit-text-stroke: 1px #000; letter-spacing: 4px; } /* 底部字幕覆盖在图片底部 */ .text { position: absolute; - bottom: 60px; + bottom: 170px; width: 100%; /* 稍微调整以适应全宽图片 */ padding: 0 60px; text-align: center; font-size: 54px; - font-weight: 900; - line-height: 1.2; + font-weight: 400; + /* line-height: 1.2; */ color: #ffffff; font-family: 'ArtisticFont', 'Noto Serif SC', 'Noto Sans SC', 'PingFang SC', serif; - -webkit-text-stroke: 1px #000; letter-spacing: 1px; - text-shadow: 0 0 0 #000, - -3px -3px 0 #000, - 3px -3px 0 #000, - -3px 3px 0 #000, - 3px 3px 0 #000, - 0 10px 24px rgba(0,0,0,0.6); - } - - @media (max-width: 1080px) { - .title { font-size: 80px; } - .text { font-size: 48px; } + text-shadow: 0 6px 22px rgba(0,0,0,0.6), + -2px -2px 0 #000, + 2px -2px 0 #000, + -2px 2px 0 #000, + 2px 2px 0 #000; } -
-
{{title}}
-
{{text}}
+ +
+
{{title}}
+
{{text}}
\ No newline at end of file