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

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

src/components/sections/hero-section-v2.tsx

@@ -93,7 +93,7 @@ export function HeroSectionV2() {
 
             <motion.div
               {...fadeUp(0.35)}
-              className="flex flex-col sm:flex-row items-start gap-4"
+              className="flex flex-col sm:flex-row items-start gap-4 mb-10"
             >
               <Button size="lg" asChild className="min-h-[52px] px-8 text-base font-semibold shadow-lg shadow-[var(--color-brand-primary)]/20">
                 <StaticLink href="/contact">
@@ -105,24 +105,6 @@ export function HeroSectionV2() {
                 <StaticLink href="/products">探索产品</StaticLink>
               </Button>
             </motion.div>
-
-            <motion.div
-              {...fadeUp(0.45)}
-              className="flex flex-wrap gap-2 sm:gap-3 mt-8"
-            >
-              {CAPABILITIES.map((cap) => {
-                const Icon = cap.icon;
-                return (
-                  <div
-                    key={cap.label}
-                    className="flex items-center gap-2 px-3 py-2 rounded-lg bg-[var(--color-bg-section)] border border-[var(--color-border-primary)]"
-                  >
-                    <Icon className="w-4 h-4 text-[var(--color-brand-primary)]" strokeWidth={2.2} />
-                    <span className="text-xs font-medium text-[var(--color-text-primary)]">{cap.label}</span>
-                  </div>
-                );
-              })}
-            </motion.div>
           </div>
 
           <motion.div
@@ -132,7 +114,7 @@ export function HeroSectionV2() {
           >
             <div
               ref={cardRef}
-              className="relative ink-glow-border rounded-2xl"
+              className="relative ink-glow-border rounded-2xl lg:opacity-95"
               style={
                 {
                   '--glow-start': 'var(--color-brand-primary)',
@@ -163,7 +145,7 @@ export function HeroSectionV2() {
                   四步合作流程，确保每个项目科学推进、高效交付
                 </p>
 
-                <div className="grid grid-cols-2 gap-3 lg:gap-4 lg:space-y-0 lg:block lg:space-y-4">
+                <div className="grid grid-cols-2 gap-3 lg:gap-4 lg:block lg:space-y-4">
                   {JOURNEY_STEPS.map((step, idx) => {
                     const Icon = step.icon;
                     return (
@@ -185,6 +167,32 @@ export function HeroSectionV2() {
                     );
                   })}
                 </div>
+
+                {/* Integrated capabilities */}
+                <div className="mt-4 pt-4 border-t border-[var(--color-border-primary)]/50">
+                  <div className="flex flex-wrap gap-1.5">
+                    {CAPABILITIES.map((cap, idx) => {
+                      const Icon = cap.icon;
+                      return (
+                        <div
+                          key={cap.label}
+                          className="flex items-center gap-2 px-3 py-2 rounded-lg border transition-colors duration-200"
+                          style={{
+                            backgroundColor: idx === 0 ? 'var(--color-brand-primary-bg)' : idx === 1 ? 'rgba(var(--color-accent-blue-rgb), 0.06)' : idx === 2 ? 'rgba(var(--color-accent-purple-rgb), 0.06)' : 'rgba(var(--color-accent-cyan-rgb), 0.06)',
+                            borderColor: idx === 0 ? 'rgba(var(--color-brand-primary-rgb), 0.15)' : 'var(--color-border-primary)',
+                          }}
+                        >
+                          <Icon
+                            className="w-4 h-4"
+                            style={{ color: idx === 0 ? 'var(--color-brand-primary)' : idx === 1 ? 'var(--color-accent-blue)' : idx === 2 ? 'var(--color-accent-purple)' : 'var(--color-accent-cyan)' }}
+                            strokeWidth={2.2}
+                          />
+                          <span className="text-xs font-medium text-[var(--color-text-primary)]">{cap.label}</span>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
               </div>
             </div>
           </motion.div>