feat: 更新营销页面组件与交互优化

- 删除 .impeccable.md
- 新增 detail-swipe-nav, loading-state, skeleton, tooltip 组件
- 新增 use-keyboard-shortcuts, use-swipe-gesture hooks
- 更新 contact, news, products, services, solutions 等页面
- 优化 header, mobile-menu, input, page-transition 组件
- 添加 terms 与错误追踪测试页面

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useMemo, ChangeEvent } from 'react';
+import { useState, useMemo, ChangeEvent, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { useReducedMotion } from '@/hooks/use-reduced-motion';
 import { NEWS, COMPANY_INFO } from '@/lib/constants';
@@ -8,6 +8,7 @@ import { Badge } from '@/components/ui/badge';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { StaticLink } from '@/components/ui/static-link';
+import { LoadingState } from '@/components/ui/loading-state';
 import { Search, Calendar, ChevronLeft, ChevronRight, ArrowRight, Newspaper } from 'lucide-react';
 import { PageNav } from '@/components/layout/page-nav';
 
@@ -20,6 +21,12 @@ export default function NewsListPage() {
   const [selectedCategory, setSelectedCategory] = useState('全部');
   const [searchQuery, setSearchQuery] = useState('');
   const [currentPage, setCurrentPage] = useState(1);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const timer = setTimeout(() => setIsLoading(false), 600);
+    return () => clearTimeout(timer);
+  }, []);
 
   const filteredNews = useMemo(() => {
     return NEWS.filter((newsItem) => {
@@ -119,8 +126,9 @@ export default function NewsListPage() {
               <p className="text-lg text-[var(--color-text-muted)]">没有找到相关新闻</p>
             </div>
           ) : (
-            <>
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <LoadingState isLoading={isLoading} variant="list">
+              <>
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                 {paginatedNews.map((newsItem, index) => (
                   <motion.div
                     key={newsItem.id}
@@ -205,6 +213,7 @@ export default function NewsListPage() {
                 </div>
               )}
             </>
+            </LoadingState>
           )}
         </div>
       </section>