feat: V2/V3组件体系与水墨雅致视觉改造

- 新增detail-v2组件库(HeroV2/V3, TrustSectionV2, CTASectionV2等)
- Hero组件水墨雅致改造:浅色宣纸底/深色墨色文字/墨韵纹理
- 方案卡片添加推荐组合徽标(Package图标)
- 独立产品页从V1组件迁移到V2/V3
- 修复why-us-section未使用导入和ESLint引号转义错误

src/components/ui/product-card.tsx

@@ -83,8 +83,17 @@ export function ProductCard({ title, description, href, index, status }: Product
           {description}
         </p>
 
+        {(status === '研发中' || status === '内测中') && (
+          <div className="flex items-center gap-1.5 text-xs text-[var(--color-brand-primary)]/70 mb-4 px-3 py-2 rounded-lg bg-[var(--color-brand-primary-bg)]/50">
+            <svg className="w-3.5 h-3.5 animate-spin" viewBox="0 0 24 24" fill="none">
+              <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeDasharray="32 16" />
+            </svg>
+            <span>{status === '研发中' ? '正在积极开发中，欢迎提前交流需求' : '即将上线，欢迎预约内测体验'}</span>
+          </div>
+        )}
+
         <div className="flex items-center gap-1.5 text-sm font-medium text-[var(--color-text-subtle)] group-hover:text-[var(--color-brand-primary)] transition-colors min-h-[44px]">
-          <span>了解规划</span>
+          <span>{status === '研发中' ? '了解规划' : status === '内测中' ? '申请内测' : '了解更多'}</span>
           <ArrowUpRight className="w-4 h-4" strokeWidth={2} />
         </div>
       </div>

src/components/ui/scroll-progress.tsx

@@ -15,6 +15,12 @@ export function ScrollProgress() {
     restDelta: 0.001,
   });
 
+  const glowX = useSpring(scrollYProgress, {
+    stiffness: 120,
+    damping: 25,
+    restDelta: 0.001,
+  });
+
   useEffect(() => {
     const handleScroll = () => {
       setIsVisible(window.scrollY > 80);
@@ -45,6 +51,20 @@ export function ScrollProgress() {
           background: 'var(--color-brand-primary)',
         }}
       />
+      {!shouldReduceMotion && (
+        <motion.div
+          className="absolute top-1/2 -translate-y-1/2 w-[60px] h-[3px] -mt-[0.5px]"
+          style={{
+            left: 'calc(var(--glow-x) * (100% - 60px))',
+            background: 'linear-gradient(90deg, transparent, var(--color-brand-primary), transparent)',
+            filter: 'blur(3px)',
+            opacity: 0.6,
+          }}
+          animate={{
+            '--glow-x': glowX,
+          }}
+        />
+      )}
     </motion.div>
   );
 }