diff --git a/app/static/css/style.css b/app/static/css/style.css index 935789e..7e3ab48 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -1962,8 +1962,8 @@ a.btn:hover { } .hero-carousel-kid .carousel-item { - height: 75vh; - min-height: 600px; + height: 60vh; + min-height: 450px; position: relative; } @@ -2000,7 +2000,7 @@ a.btn:hover { .kid-star { position: absolute; - font-size: 2rem; + font-size: 1.5rem; animation: kidStarFloat 4s ease-in-out infinite; } @@ -2029,7 +2029,7 @@ a.btn:hover { .kid-cloud { position: absolute; - font-size: 2.5rem; + font-size: 2rem; animation: kidCloudDrift 8s ease-in-out infinite; } @@ -2043,7 +2043,7 @@ a.btn:hover { .kid-balloon { position: absolute; - font-size: 2rem; + font-size: 1.5rem; animation: kidBalloonBob 3s ease-in-out infinite; } @@ -2069,7 +2069,7 @@ a.btn:hover { .music-note { position: absolute; - font-size: 1.8rem; + font-size: 1.4rem; animation: musicFloat 6s ease-in-out infinite; } @@ -2169,7 +2169,7 @@ a.btn:hover { } .hero-title-kid { - font-size: 4rem; + font-size: 3.2rem; font-weight: 900; line-height: 1.1; margin-bottom: 2rem; @@ -2223,7 +2223,7 @@ a.btn:hover { } .hero-subtitle-kid { - font-size: 1.4rem; + font-size: 1.2rem; line-height: 1.8; margin-bottom: 2.5rem; opacity: 0.95; @@ -4036,3 +4036,54 @@ a.btn:hover { } } + + +/* 轮播图尺寸优化 */ +.hero-carousel-kid { + max-height: 60vh; +} + +.hero-carousel-kid .carousel-item { + height: 60vh; + min-height: 450px; + max-height: 600px; +} + +.kid-caption { + bottom: 20%; +} + +/* 响应式轮播图优化 */ +@media (max-width: 768px) { + .hero-carousel-kid .carousel-item { + height: 50vh; + min-height: 400px; + } + + .hero-title-kid { + font-size: 2.5rem; + } + + .hero-subtitle-kid { + font-size: 1rem; + } + + .kid-caption { + bottom: 15%; + } +} + +@media (max-width: 576px) { + .hero-carousel-kid .carousel-item { + height: 45vh; + min-height: 350px; + } + + .hero-title-kid { + font-size: 2rem; + } + + .hero-subtitle-kid { + font-size: 0.9rem; + } +} diff --git a/app/templates/index.html b/app/templates/index.html index 1c779c7..2f4e955 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -150,164 +150,7 @@ - -
-
-
-

✨ 我们的神奇功能 ✨

-

🎯 专为3-6岁小朋友精心设计的语言学习体验

-
- - 💖 - -
-
- - -
-
-
-
-
👶
-
0
-
快乐小用户
-
-
-
-
-
💬
-
0
-
有趣对话
-
-
-
-
-
📈
-
0
-
%进步率
-
-
-
-
-
😊
-
0
-
%满意度
-
-
-
-
- - -
-
-
-
-
🎤
-

🪄 神奇语音克隆

-
-
-
-
-
-
-
-
-
-
-

只需3分钟录音,AI就能学会你的声音!

-
-
-
- 🎯 - 激发学习兴趣 -
-
- 🌟 - 提升自信心 -
-
- 🎉 - 个性化体验 -
-
- -
-
-
-
-
-
-
🤖
-

🧠 智能AI老师

-
-
-
-
- - - - - - 你好小朋友!今天想聊什么呢? -
-
- 我想和小兔子做朋友! -
-
-
-
📚 个性化教学
-
🎯 实时评估
-
🌈 情感理解
-
- -
-
-
-
- - -
-

🌟 学习就这么简单!

-
-
-
1
-
🎤
-
录制声音
-
录制3分钟声音样本
-
-
-
-
2
-
🎭
-
选择场景
-
挑选喜欢的对话场景
-
-
-
-
3
-
💬
-
快乐对话
-
和AI老师愉快聊天
-
-
-
-
4
-
📈
-
查看进步
-
获得专业评估反馈
-
-
-
-
-
- - +
@@ -531,6 +374,163 @@
+ +
+
+
+

✨ 我们的神奇功能 ✨

+

🎯 专为3-6岁小朋友精心设计的语言学习体验

+
+ + 💖 + +
+
+ + +
+
+
+
+
👶
+
0
+
快乐小用户
+
+
+
+
+
💬
+
0
+
有趣对话
+
+
+
+
+
📈
+
0
+
%进步率
+
+
+
+
+
😊
+
0
+
%满意度
+
+
+
+
+ + +
+
+
+
+
🎤
+

🪄 神奇语音克隆

+
+
+
+
+
+
+
+
+
+
+

只需3分钟录音,AI就能学会你的声音!

+
+
+
+ 🎯 + 激发学习兴趣 +
+
+ 🌟 + 提升自信心 +
+
+ 🎉 + 个性化体验 +
+
+ +
+
+
+
+
+
+
🤖
+

🧠 智能AI老师

+
+
+
+
+ + + + + + 你好小朋友!今天想聊什么呢? +
+
+ 我想和小兔子做朋友! +
+
+
+
📚 个性化教学
+
🎯 实时评估
+
🌈 情感理解
+
+ +
+
+
+
+ + +
+

🌟 学习就这么简单!

+
+
+
1
+
🎤
+
录制声音
+
录制3分钟声音样本
+
+
+
+
2
+
🎭
+
选择场景
+
挑选喜欢的对话场景
+
+
+
+
3
+
💬
+
快乐对话
+
和AI老师愉快聊天
+
+
+
+
4
+
📈
+
查看进步
+
获得专业评估反馈
+
+
+
+
+
+