feat(frontend): 移动端底部导航与 Hero 插画及页脚浅色化

- MobileBottomNav.vue(新增): 三 Tab 底部导航栏（点歌/排期/我的）
  lg 1024px 以上隐藏；iOS safe-area 兼容；点击平滑滚动或跳转 /account
- HeroIllustration.vue(新增): 纯 SVG 广播园艺六花瓣+麦克风插画
  紫粉蓝三色渐变花瓣+花蕊麦克风+三层虚线装饰环；viewBox 400×400
- SiteFooter.vue: 改浅色适配（白底+薄边+紫强调色 hover）
- index.vue: Hero 插图槽替换为 HeroIllustration；集成 MobileBottomNav；
  新增 handleMobileNav 响应底部导航点击事件

app/components/SiteFooter.vue

@@ -96,8 +96,9 @@ onMounted(() => {
   text-align: center;
   padding: 20px 0;
   margin-top: 30px;
-  border-top: 1px solid var(--border-primary);
+  border-top: 1px solid #E5E7EB;
   width: 100%;
+  background-color: #ffffff;
 }
 
 .footer-info {
@@ -109,7 +110,7 @@ onMounted(() => {
 }
 
 .footer-item {
-  color: var(--text-tertiary);
+  color: #374151;
   font-size: 12px;
   white-space: nowrap;
 }
@@ -117,7 +118,7 @@ onMounted(() => {
 .footer-item:not(:last-child)::after {
   content: ' | ';
   margin: 0 10px;
-  color: var(--text-quaternary);
+  color: #6B7280;
 }
 
 .footer-item a {
@@ -127,7 +128,7 @@ onMounted(() => {
 }
 
 .footer-item a:hover {
-  color: var(--text-secondary);
+  color: #7C3AED;
 }
 
 .icp-link,
@@ -139,7 +140,7 @@ onMounted(() => {
 
 .icp-link:hover,
 .voicehub-link:hover {
-  color: var(--text-secondary);
+  color: #7C3AED;
 }
 
 .netlify-badge {
@@ -150,7 +151,7 @@ onMounted(() => {
 
 .netlify-badge img {
   height: 16px;
-  opacity: 0.8;
+  opacity: 0.9;
   transition: opacity 0.2s ease;
 }