style(theme): 更新网站主题色彩方案与字体配置

- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次
- 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等)
- 配置中文字体栈，添加 serif 字体支持
- 优化文本颜色梯度，提升可读性
- 调整边框颜色，统一水墨风格
- 添加 Google Search Console 验证码配置项
- 新增桌面应用架构专家代理配置文件
- 重构 E2E 测试等待策略，提升稳定性
- 添加回归测试脚本，增强质量保障

src/components/ui/product-card.tsx

@@ -12,21 +12,25 @@ interface ProductCardProps {
   status?: '研发中' | '内测中' | '已发布';
 }
 
-interface ProductStyleConfig {
-  icon: LucideIcon;
-  iconBgOpacity: number;
-}
-
 const productIcons: LucideIcon[] = [Database, Users, FileText, BarChart3, Truck, Building2];
 
-const productConfig: ProductStyleConfig[] = productIcons.map((icon, i) => ({
+const PRODUCT_COLORS = [
+  { bg: 'rgba(var(--color-brand-primary-rgb), 0.08)', text: 'var(--color-brand-primary)', border: 'rgba(var(--color-brand-primary-rgb), 0.12)' },
+  { bg: 'rgba(var(--color-accent-blue-rgb), 0.08)', text: 'var(--color-accent-blue)', border: 'rgba(var(--color-accent-blue-rgb), 0.12)' },
+  { bg: 'rgba(var(--color-accent-purple-rgb), 0.08)', text: 'var(--color-accent-purple)', border: 'rgba(var(--color-accent-purple-rgb), 0.12)' },
+  { bg: 'rgba(var(--color-accent-cyan-rgb), 0.08)', text: 'var(--color-accent-cyan)', border: 'rgba(var(--color-accent-cyan-rgb), 0.12)' },
+  { bg: 'rgba(var(--color-brand-primary-rgb), 0.08)', text: 'var(--color-brand-primary)', border: 'rgba(var(--color-brand-primary-rgb), 0.12)' },
+  { bg: 'rgba(var(--color-accent-blue-rgb), 0.08)', text: 'var(--color-accent-blue)', border: 'rgba(var(--color-accent-blue-rgb), 0.12)' },
+] as const;
+
+const productConfig: { icon: LucideIcon; color: { bg: string; text: string; border: string } }[] = productIcons.map((icon, i) => ({
   icon,
-  iconBgOpacity: 0.04 + i * 0.015,
+  color: PRODUCT_COLORS[i % PRODUCT_COLORS.length] ?? PRODUCT_COLORS[0],
 }));
 
-const defaultConfig: ProductStyleConfig = {
+const defaultConfig = {
   icon: Database,
-  iconBgOpacity: 0.06,
+  color: PRODUCT_COLORS[0],
 };
 
 const statusConfig = {
@@ -49,10 +53,11 @@ export function ProductCard({ title, description, href, index, status }: Product
         <div className="flex items-start justify-between mb-5">
           <div
             className="w-11 h-11 rounded-xl flex items-center justify-center"
-            style={{ backgroundColor: `rgba(var(--color-brand-primary-rgb), ${config.iconBgOpacity})` }}
+            style={{ backgroundColor: config.color.bg }}
           >
             <IconComponent
-              className="w-5 h-5 text-[var(--color-brand-primary)]"
+              className="w-5 h-5"
+              style={{ color: config.color.text }}
               strokeWidth={1.8}
             />
           </div>