refactor(ui): 优化导航组件和页面布局

- 移除多个页面的面包屑导航组件
- 添加统一的返回按钮组件替代各页面独立实现
- 优化导航栏滚动检测逻辑和动画效果
- 更新常量类型定义和统计数据
- 调整动态导入的SSR配置为false
- 添加FlipClock组件展示公司运营时长
- 优化新闻列表页的类型安全和响应式设计

src/components/sections/news-section.tsx

@@ -2,16 +2,17 @@
 
 import { motion } from 'framer-motion';
 import { useInView } from 'framer-motion';
-import { useRef } from 'react';
+import { useRef, useMemo } from 'react';
 import Link from 'next/link';
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
-import { TouchSwipe } from '@/components/ui/touch-swipe';
 import { ArrowRight, Calendar } from 'lucide-react';
 import { NEWS } from '@/lib/constants';
 
 export function NewsSection() {
   const ref = useRef(null);
   const isInView = useInView(ref, { once: true, margin: '-100px' });
+  
+  const displayedNews = useMemo(() => NEWS.slice(0, 4), []);
 
   return (
     <section id="news" className="py-24 bg-[#F5F5F5]" ref={ref}>
@@ -19,7 +20,7 @@ export function NewsSection() {
         <motion.div 
           initial={{ opacity: 0, y: 20 }}
           animate={isInView ? { opacity: 1, y: 0 } : {}}
-          transition={{ duration: 0.6 }}
+          transition={{ duration: 0.5 }}
           className="text-center max-w-3xl mx-auto mb-16"
         >
           <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-[#1C1C1C] mb-6">
@@ -30,53 +31,43 @@ export function NewsSection() {
           </p>
         </motion.div>
 
-        <TouchSwipe
-          onSwipeLeft={() => {
-            // 切换到下一页新闻
-          }}
-          onSwipeRight={() => {
-            // 切换到上一页新闻
-          }}
-          className="md:hidden"
-        >
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
-            {NEWS.slice(0, 4).map((news, idx) => (
-              <motion.div
-                key={news.id}
-                initial={{ opacity: 0, y: 20 }}
-                animate={isInView ? { opacity: 1, y: 0 } : {}}
-                transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }}
-              >
-                <Card className="h-full flex flex-col group cursor-pointer border-[#E5E5E5] hover:border-[#1C1C1C]">
-                  <CardHeader>
-                    <div className="flex items-center gap-2 mb-3">
-                      <span className="inline-block px-2 py-0.5 rounded-full bg-[#F5F5F5] text-[#1C1C1C] text-xs font-medium">
-                        {news.category}
-                      </span>
-                      <span className="text-sm text-[#5C5C5C] flex items-center gap-1">
-                        <Calendar className="w-3 h-3" />
-                        {news.date}
-                      </span>
-                    </div>
-                    <CardTitle className="text-xl leading-tight">{news.title}</CardTitle>
-                  </CardHeader>
-                  <CardContent className="flex-1 flex flex-col">
-                    <CardDescription className="text-base leading-relaxed mb-6 flex-1">
-                      {news.excerpt}
-                    </CardDescription>
-                    <a
-                      href={`/news/${news.id}`}
-                      className="inline-flex items-center text-sm font-medium text-[#1C1C1C] hover:text-[#C41E3A] transition-colors group/link"
-                    >
-                      阅读更多
-                      <ArrowRight className="ml-1 w-4 h-4 transition-transform group-hover/link:translate-x-1" />
-                    </a>
-                  </CardContent>
-                </Card>
-              </motion.div>
-            ))}
-          </div>
-        </TouchSwipe>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
+          {displayedNews.map((news, idx) => (
+            <motion.div
+              key={news.id}
+              initial={{ opacity: 0, y: 20 }}
+              animate={isInView ? { opacity: 1, y: 0 } : {}}
+              transition={{ duration: 0.4, delay: idx * 0.08 }}
+            >
+              <Card className="h-full flex flex-col group cursor-pointer border-[#E5E5E5] hover:border-[#1C1C1C]">
+                <CardHeader>
+                  <div className="flex items-center gap-2 mb-3">
+                    <span className="inline-block px-2 py-0.5 rounded-full bg-[#F5F5F5] text-[#1C1C1C] text-xs font-medium">
+                      {news.category}
+                    </span>
+                    <span className="text-sm text-[#5C5C5C] flex items-center gap-1">
+                      <Calendar className="w-3 h-3" />
+                      {news.date}
+                    </span>
+                  </div>
+                  <CardTitle className="text-xl leading-tight">{news.title}</CardTitle>
+                </CardHeader>
+                <CardContent className="flex-1 flex flex-col">
+                  <CardDescription className="text-base leading-relaxed mb-6 flex-1">
+                    {news.excerpt}
+                  </CardDescription>
+                  <a
+                    href={`/news/${news.id}`}
+                    className="inline-flex items-center text-sm font-medium text-[#1C1C1C] hover:text-[#C41E3A] transition-colors group/link"
+                  >
+                    阅读更多
+                    <ArrowRight className="ml-1 w-4 h-4 transition-transform group-hover/link:translate-x-1" />
+                  </a>
+                </CardContent>
+              </Card>
+            </motion.div>
+          ))}
+        </div>
 
         <motion.div 
           initial={{ opacity: 0, y: 20 }}