feat: 完成网站功能开发与优化

- 完善产品页面布局与交互
- 优化服务详情页用户体验
- 增强新闻模块内容展示
- 改进团队页面设计
- 优化全局样式和响应式布局
- 添加分页组件支持
- 提升性能与SEO优化
- 修复已知问题与改进代码质量

src/app/(marketing)/news/page.tsx

@@ -8,9 +8,10 @@ import { Badge } from '@/components/ui/badge';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { PageHeader } from '@/components/ui/page-header';
-import { Search, Calendar, Filter, ChevronLeft, ChevronRight, ArrowRight } from 'lucide-react';
+import { Search, Calendar, Filter, ArrowRight, SearchX } from 'lucide-react';
 import { StaticLink } from '@/components/ui/static-link';
 import { motion } from 'framer-motion';
+import { Pagination } from '@/components/ui/pagination';
 
 const categories = ['全部', '公司新闻', '产品发布', '研发动态'];
 const ITEMS_PER_PAGE = 9;
@@ -40,7 +41,6 @@ export default function NewsListPage() {
 
   const handlePageChange = (page: number) => {
     setCurrentPage(page);
-    window.scrollTo({ top: 0, behavior: 'smooth' });
   };
 
   const handleCategoryChange = (category: string) => {
@@ -60,7 +60,7 @@ export default function NewsListPage() {
         description="了解睿新致远最新动态，把握行业发展脉搏"
       />
 
-      <div className="container-wide relative z-10 py-12" ref={contentRef}>
+      <div className="container-wide relative z-10 py-12" ref={contentRef} id="page-content">
 <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={isContentInView ? { opacity: 1, y: 0 } : {}}
@@ -80,7 +80,7 @@ export default function NewsListPage() {
                   onClick={() => handleCategoryChange(category)}
                   className={
                     selectedCategory === category
-                      ? 'bg-[#C41E3A] hover:bg-[#A01830] text-white'
+                      ? 'bg-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary-hover)] text-white'
                       : ''
                   }
                 >
@@ -105,7 +105,16 @@ export default function NewsListPage() {
 
         {paginatedNews.length === 0 ? (
           <div className="text-center py-20">
-            <p className="text-xl text-[#5C5C5C]">没有找到相关新闻</p>
+            <div className="w-16 h-16 mx-auto mb-4 rounded-full bg-[#F5F5F5] flex items-center justify-center">
+              <SearchX className="w-8 h-8 text-[#5C5C5C]" />
+            </div>
+            <p className="text-lg text-[#5C5C5C] mb-4">没有找到相关新闻</p>
+            <button
+              onClick={() => { setSearchQuery(''); setSelectedCategory('全部'); setCurrentPage(1); }}
+              className="text-sm text-[var(--color-brand-primary)] hover:text-[var(--color-brand-primary-hover)] font-medium transition-colors"
+            >
+              清除筛选条件
+            </button>
           </div>
         ) : (
           <>
@@ -118,7 +127,7 @@ export default function NewsListPage() {
                   transition={{ duration: 0.5, delay: 0.2 + index * 0.1 }}
                 >
                   <StaticLink href={`/news/${newsItem.id}`}>
-                    <Card className="h-full hover:shadow-lg transition-shadow cursor-pointer border-[#E5E5E5] hover:border-[#C41E3A]">
+                    <Card className="h-full hover:shadow-lg transition-shadow cursor-pointer border-[#E5E5E5] hover:border-[var(--color-brand-primary)]">
                       <CardContent className="p-0">
                         {newsItem.image ? (
                           <div className="aspect-video bg-gray-100 overflow-hidden">
@@ -129,7 +138,7 @@ export default function NewsListPage() {
                             />
                           </div>
                         ) : (
-                          <div className="aspect-video bg-gradient-to-br from-[#C41E3A]/10 to-[#1C1C1C]/10 flex items-center justify-center mb-4">
+                          <div className="aspect-video bg-gradient-to-br from-[var(--color-brand-primary)]/10 to-[#1C1C1C]/10 flex items-center justify-center mb-4">
                             <span className="text-4xl">📰</span>
                           </div>
                         )}
@@ -147,7 +156,7 @@ export default function NewsListPage() {
                           <p className="text-[#5C5C5C] text-sm line-clamp-3 mb-4">
                             {newsItem.excerpt}
                           </p>
-                          <div className="flex items-center text-[#C41E3A] text-sm font-medium group">
+                          <div className="flex items-center text-[var(--color-brand-primary)] text-sm font-medium group">
                             阅读更多
                             <ArrowRight className="ml-1 w-4 h-4" />
                           </div>
@@ -159,49 +168,29 @@ export default function NewsListPage() {
               ))}
             </div>
 
-            {totalPages > 1 && (
-              <div className="flex justify-center items-center gap-2 mt-8">
-                <Button
-                  variant="outline"
-                  size="icon"
-                  onClick={() => handlePageChange(currentPage - 1)}
-                  disabled={currentPage === 1}
-                >
-                  <ChevronLeft className="w-4 h-4" />
-                </Button>
-                
-                {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (
-                  <Button
-                    key={page}
-                    variant={currentPage === page ? 'default' : 'outline'}
-                    size="icon"
-                    onClick={() => handlePageChange(page)}
-                    className={
-                      currentPage === page
-                        ? 'bg-[#C41E3A] hover:bg-[#A01830] text-white'
-                        : ''
-                    }
-                  >
-                    {page}
-                  </Button>
-                ))}
-                
-                <Button
-                  variant="outline"
-                  size="icon"
-                  onClick={() => handlePageChange(currentPage + 1)}
-                  disabled={currentPage === totalPages}
-                >
-                  <ChevronRight className="w-4 h-4" />
-                </Button>
-              </div>
-            )}
+            <Pagination currentPage={currentPage} totalPages={totalPages} onPageChange={handlePageChange} scrollTargetId="page-content" />
 
             <div className="text-center mt-4 text-[#5C5C5C] text-sm">
               显示 {paginatedNews.length} 条，共 {filteredNews.length} 条新闻
             </div>
           </>
         )}
+
+        {/* Bottom CTA */}
+        <div className="mt-12 text-center py-16 bg-[#F5F5F5] rounded-2xl">
+          <h3 className="text-xl md:text-2xl font-semibold text-[#1C1C1C] mb-3">
+            想获取最新行业资讯？
+          </h3>
+          <p className="text-[#5C5C5C] mb-6 max-w-lg mx-auto">
+            关注我们的公众号，第一时间了解数字化转型趋势和公司动态
+          </p>
+          <Button size="lg" className="bg-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary-hover)] text-white" asChild>
+            <StaticLink href="/contact">
+              联系我们
+              <ArrowRight className="ml-2 w-4 h-4" />
+            </StaticLink>
+          </Button>
+        </div>
       </div>
     </div>
   );