diff --git a/templates/1080x1920/blur_card.html b/templates/1080x1920/blur_card.html index f61a35c..a4c67f8 100644 --- a/templates/1080x1920/blur_card.html +++ b/templates/1080x1920/blur_card.html @@ -92,17 +92,90 @@ transform: translateX(-50%); width: 96%; /* 稍微调整以适应全宽图片 */ text-align: center; - font-size: 54px; + font-size: 48px; font-weight: 400; /* line-height: 1.2; */ color: #fff; font-family: 'ArtisticFont', 'Noto Serif SC', 'Noto Sans SC', 'PingFang SC', serif; - letter-spacing: 1px; + letter-spacing: 2px; 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; + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + } + + /* Footer */ + .footer { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 25px 20px 0 20px; + position: absolute; + bottom: 100px; + color: #fff; + text-shadow: -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + } + + .author { + display: flex; + flex-direction: column; + gap: 6px; + letter-spacing: 2px; + } + + .author-name { + font-size: 30px; + font-weight: 600; + display: flex; + align-items: center; + gap: 10px; + } + + .author-mark { + width: 8px; + height: 8px; + /* border-radius: 50%; */ + /* background: rgba(149, 165, 166, 0.7); */ + } + + .author-desc { + font-size: 22px; + /* color: #5d6d7e; */ + line-height: 1.3; + font-weight: 400; + } + + .logo-section { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + } + + .logo { + font-size: 24px; + font-weight: 500; + } + + .logo-marks { + display: flex; + gap: 5px; + } + + .logo-mark { + width: 6px; + height: 6px; + border-radius: 50%; + background: rgba(149, 165, 166, 0.45); + } + + .logo-mark.active { + background: rgba(149, 165, 166, 0.75); } @@ -118,5 +191,23 @@
{{text}}
+ diff --git a/templates/1080x1920/full.html b/templates/1080x1920/full.html index 9ce96cc..b468484 100644 --- a/templates/1080x1920/full.html +++ b/templates/1080x1920/full.html @@ -53,26 +53,94 @@ /* 底部字幕覆盖在图片底部 */ .text { position: absolute; - bottom: 160px; + bottom: 300px; width: 100%; /* 稍微调整以适应全宽图片 */ padding: 0 60px; text-align: center; - font-size: 54px; + font-size: 40px; font-weight: 400; line-height: 1.2; color: #ffffff; font-family: 'ArtisticFont', 'Noto Serif SC', 'Noto Sans SC', 'PingFang SC', serif; - letter-spacing: 1px; + letter-spacing: 2px; 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; + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; } - @media (max-width: 1080px) { - .title { font-size: 80px; } - .text { font-size: 48px; } + /* Footer */ + .footer { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 25px 20px 0 20px; + position: absolute; + bottom: 100px; + color: #fff; + text-shadow: -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + } + + .author { + display: flex; + flex-direction: column; + gap: 6px; + letter-spacing: 2px; + } + + .author-name { + font-size: 30px; + font-weight: 600; + display: flex; + align-items: center; + gap: 10px; + } + + .author-mark { + width: 8px; + height: 8px; + /* border-radius: 50%; */ + /* background: rgba(149, 165, 166, 0.7); */ + } + + .author-desc { + font-size: 22px; + /* color: #5d6d7e; */ + line-height: 1.3; + font-weight: 400; + } + + .logo-section { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + } + + .logo { + font-size: 24px; + font-weight: 500; + } + + .logo-marks { + display: flex; + gap: 5px; + } + + .logo-mark { + width: 6px; + height: 6px; + border-radius: 50%; + background: rgba(149, 165, 166, 0.45); + } + + .logo-mark.active { + background: rgba(149, 165, 166, 0.75); } @@ -81,5 +149,23 @@
{{title}}
{{text}}
+ \ No newline at end of file diff --git a/templates/1920x1080/film.html b/templates/1920x1080/film.html index 46d2843..dcf5e4d 100644 --- a/templates/1920x1080/film.html +++ b/templates/1920x1080/film.html @@ -96,6 +96,79 @@ overflow: hidden; text-overflow: ellipsis; } + + /* Footer */ + .footer { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 25px 20px 0 20px; + position: absolute; + bottom: 260px; + color: #fff; + text-shadow: -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + } + + .author { + display: flex; + flex-direction: column; + gap: 6px; + letter-spacing: 2px; + } + + .author-name { + font-size: 30px; + font-weight: 600; + display: flex; + align-items: center; + gap: 10px; + } + + .author-mark { + width: 8px; + height: 8px; + /* border-radius: 50%; */ + /* background: rgba(149, 165, 166, 0.7); */ + } + + .author-desc { + font-size: 22px; + /* color: #5d6d7e; */ + line-height: 1.3; + font-weight: 400; + } + + .logo-section { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + } + + .logo { + font-size: 24px; + font-weight: 500; + } + + .logo-marks { + display: flex; + gap: 5px; + } + + .logo-mark { + width: 6px; + height: 6px; + border-radius: 50%; + background: rgba(149, 165, 166, 0.45); + } + + .logo-mark.active { + background: rgba(149, 165, 166, 0.75); + } @@ -111,5 +184,23 @@
{{text}}
+ \ No newline at end of file diff --git a/templates/1920x1080/full.html b/templates/1920x1080/full.html index 55a1cb0..849c9ff 100644 --- a/templates/1920x1080/full.html +++ b/templates/1920x1080/full.html @@ -77,6 +77,78 @@ -2px 2px 0 #000, 2px 2px 0 #000; } + /* Footer */ + .footer { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + padding: 25px 20px 0 20px; + position: absolute; + bottom: 100px; + color: #fff; + text-shadow: -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + } + + .author { + display: flex; + flex-direction: column; + gap: 6px; + letter-spacing: 2px; + } + + .author-name { + font-size: 30px; + font-weight: 600; + display: flex; + align-items: center; + gap: 10px; + } + + .author-mark { + width: 8px; + height: 8px; + /* border-radius: 50%; */ + /* background: rgba(149, 165, 166, 0.7); */ + } + + .author-desc { + font-size: 22px; + /* color: #5d6d7e; */ + line-height: 1.3; + font-weight: 400; + } + + .logo-section { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8px; + } + + .logo { + font-size: 24px; + font-weight: 500; + } + + .logo-marks { + display: flex; + gap: 5px; + } + + .logo-mark { + width: 6px; + height: 6px; + border-radius: 50%; + background: rgba(149, 165, 166, 0.45); + } + + .logo-mark.active { + background: rgba(149, 165, 166, 0.75); + } @@ -85,5 +157,23 @@
{{title}}
{{text}}
+ \ No newline at end of file