fix: 添加ai生成水印

src/components/DownloadSection/index.css

@@ -72,7 +72,6 @@
 }
 
 .download-tip {
-  color: #fff;
   font-size: 24rpx;
   opacity: 0.8;
 }

src/components/TemplateCard/index.css

@@ -123,12 +123,14 @@
 /* 模板名称悬浮 - 图片底部 */
 .name-overlay {
   position: absolute;
-  bottom: 24rpx;
+  bottom: 12rpx;
   left: 24rpx;
   right: 24rpx;
   z-index: 4;
   display: flex;
+  flex-direction: column;
   justify-content: center;
+  align-items: center;
 }
 
 .name-badge {
@@ -143,6 +145,7 @@
   text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
   text-align: center;
   max-width: 90%;
+  width: fit-content;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -165,6 +168,8 @@
   object-fit: cover;
   display: block;
   border-radius: 32rpx;
+  position: relative;
+  z-index: 2;
   /* 性能优化：启用硬件加速 */
   transform: translateZ(0);
   /* 防止视频闪烁 */
@@ -183,10 +188,6 @@
   border-radius: 32rpx;
 }
 
-.single-video {
-  position: relative;
-  z-index: 2;
-}
 
 /* 视频样式 */
 .full-video {
@@ -201,3 +202,10 @@
   backface-visibility: hidden;
 }
 
+.watermark-text {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 20rpx;
+  font-weight: 400;
+  text-align: center;
+}
+

src/components/TemplateCard/index.tsx

@@ -105,6 +105,7 @@ export default function TemplateCard({ template, onClick }: TemplateCardProps) {
             <Text className='name-badge'>
               {template.name}
             </Text>
+            <Text className='watermark-text'>内容由AI生成</Text>
           </View>
         </View>
       ) : (
@@ -175,6 +176,7 @@ export default function TemplateCard({ template, onClick }: TemplateCardProps) {
               <Text className='name-badge'>
                 {template.name}
               </Text>
+              <Text className='watermark-text'>内容由AI生成</Text>
             </View>
           </View>
         </View>

src/pages/result/index.css

@@ -1,7 +1,7 @@
 .result-page {
   width: 100%;
   height: 100vh;
-  background: black;
+  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
   display: flex;
   flex-direction: column;
 }

src/pages/result/index.tsx

@@ -336,7 +336,7 @@ const ResultPage: React.FC = () => {
         onImageToVideo={handleImageToVideo}
         loading={adLoading}
         adAvailable={adAvailable}
-        showImageToVideo={mediaType === 'image'}
+        showImageToVideo={false}
         imageToVideoLoading={loading}
       />
     </View>