fix: 亮暗色切换和向下箭头优化

- Hero 区移除 min-h-screen, 改用固定 padding
- 向下箭头更明显，延迟出现，添加提示文字
- 使用更明显的图标样式

Author: AIwork4me

docs/FIX_ISSUES_2026-03-23.md

@@ -0,0 +1,21 @@
+# 网站修复问题 - 2026-03-23
+
+## 问题分析
+
+### 问题 1: 亮暗色转换按钮
+**状态:** ✅ 代码已存在，需要确认是否正常工作
+
+### 问题 2: Hero 区向下箭头不明显
+**原因:**
+- 向下箭头使用 `animate-bounce` 类
+- 颜色可能太浅 (`text-on-surface-variant`)
+- 位置在按钮下方,但距离可能不够明显
+
+**修复方案:**
+1. 增强向下箭头的可见性
+2. 增加向下滚动的动画效果
+3. 跻加更明显的提示文字
+
+---
+
+## 立即修复

platform/src/app/[locale]/page.tsx

@@ -56,15 +56,16 @@ function Hero() {
           {t('cta')}
         </a>
 
-        {/* 向下滚动提示 */}
-        <div className="mt-12 animate-bounce">
+        {/* 向下滚动提示 - 增强可见性 */}
+        <div className="mt-16 animate-bounce">
           <a
             href="#outline"
-            className="text-on-surface-variant hover:text-primary transition-colors"
-            aria-label="Scroll down"
+            className="inline-flex items-center gap-2 text-on-surface-variant hover:text-primary transition-all group"
+            aria-label="向下浏览课程大纲"
           >
+            <span className="text-sm">查看课程大纲</span>
             <svg
-              className="w-8 h-8 mx-auto"
+              className="w-6 h-6"
               fill="none"
               stroke="currentColor"
               viewBox="0 0 24 24"