-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproduct.html
More file actions
668 lines (616 loc) · 49 KB
/
Copy pathproduct.html
File metadata and controls
668 lines (616 loc) · 49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<!-- Google analytics tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-STGLQW4BJX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-STGLQW4BJX');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products - QuantaAlpha</title>
<meta name="description" content="Product pipelines from QuantaAlpha research across AI investment, agent infrastructure, and research automation.">
<meta name="keywords" content="AI Agent, CodeAgent, LLM, Deep Research, Self-Evolving, NeurIPS, AAAI, Machine Learning, Autonomous Intelligence">
<!-- Open Graph / Social Media -->
<meta property="og:type" content="website">
<meta property="og:title" content="QuantaAlpha - AI Agent Research Team">
<meta property="og:description" content="Elite AI Agent research team building the future of Autonomous Intelligence. 30+ publications at NeurIPS, AAAI, ACL, EMNLP.">
<meta property="og:image" content="images/logo.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="QuantaAlpha - AI Agent Research Team">
<meta name="twitter:description" content="Elite AI Agent research team building the future of Autonomous Intelligence.">
<!-- Favicon -->
<link rel="icon" type="image/jpeg" href="images/logo.png">
<link rel="shortcut icon" type="image/jpeg" href="images/logo.png">
<link rel="apple-touch-icon" href="images/logo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Orbitron:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
slate: {
950: '#020617', // Deepest background
},
brand: {
blue: '#38bdf8',
violet: '#818cf8',
}
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
tech: ['Orbitron', 'ui-sans-serif', 'system-ui', 'sans-serif'],
}
}
}
}
</script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- AOS Animation -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body class="mesh-bg-aurora min-h-screen selection:bg-brand-blue selection:text-white">
<!-- Flowing green aurora backdrop -->
<div class="aurora-backdrop" aria-hidden="true">
<div class="aurora-blob aurora-blob--cyan"></div>
<div class="aurora-blob aurora-blob--violet"></div>
<div class="aurora-blob aurora-blob--mint"></div>
<div class="aurora-band aurora-band--sheen"></div>
</div>
<!-- Navigation -->
<nav class="fixed w-full z-50 top-0 glass border-b border-white/5">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-4">
<div class="flex justify-between items-center h-20">
<!-- Logo -->
<div class="flex-shrink-0 flex items-center gap-3 cursor-pointer" onclick="window.location.href='index.html'">
<img class="h-10 w-10 rounded-lg shadow-lg shadow-brand-blue/20" src="images/logo.png" alt="QuantaAlpha">
<span class="font-bold text-xl tracking-tight text-white">QuantaAlpha</span>
</div>
<!-- Desktop Menu -->
<div class="hidden md:flex space-x-8 items-center">
<a href="index.html" class="text-sm font-medium text-slate-300 hover:text-white transition-colors">Research</a>
<a href="publications.html" class="text-sm font-medium text-slate-300 hover:text-white transition-colors">Publications</a>
<a href="product.html" class="text-sm font-medium text-slate-300 hover:text-white transition-colors">Products</a>
<a href="media.html" class="text-sm font-medium text-slate-300 hover:text-white transition-colors">Media</a>
<a href="people.html" class="text-sm font-medium text-slate-300 hover:text-white transition-colors">Team</a>
<a href="index.html#contact" class="px-4 py-2 text-sm font-semibold text-slate-950 bg-white rounded-full hover:bg-slate-200 transition-all shadow-lg shadow-white/10">
Join Us
</a>
</div>
<!-- Mobile Menu Button -->
<div class="md:hidden">
<button id="mobile-menu-btn" class="text-slate-300 hover:text-white p-2">
<i class="fas fa-bars text-xl"></i>
</button>
</div>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden glass border-t border-white/5 absolute w-full">
<div class="px-4 pt-2 pb-6 space-y-2">
<a href="index.html" class="block px-3 py-2 text-base font-medium text-slate-300 hover:text-white hover:bg-white/5 rounded-md">Research</a>
<a href="publications.html" class="block px-3 py-2 text-base font-medium text-slate-300 hover:text-white hover:bg-white/5 rounded-md">Publications</a>
<a href="product.html" class="block px-3 py-2 text-base font-medium text-slate-300 hover:text-white hover:bg-white/5 rounded-md">Products</a>
<a href="media.html" class="block px-3 py-2 text-base font-medium text-slate-300 hover:text-white hover:bg-white/5 rounded-md">Media</a>
<a href="people.html" class="block px-3 py-2 text-base font-medium text-slate-300 hover:text-white hover:bg-white/5 rounded-md">Team</a>
<a href="index.html#contact" class="block px-3 py-2 text-base font-medium text-white bg-brand-blue/20 rounded-md">Join Us</a>
</div>
</div>
</nav>
<!-- Products Section -->
<section id="commercialization" class="pt-32 md:pt-40 pb-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-8 mb-12" data-aos="fade-up">
<div class="max-w-3xl">
<div class="font-tech italic font-black text-xs sm:text-sm uppercase tracking-[0.28em] text-sky-600 mb-3">Products Pipeline</div>
<h2 class="text-3xl md:text-4xl font-bold text-white mb-4">From Frontier Papers to Deployable Agent Products</h2>
<p class="text-slate-400 text-sm md:text-base leading-relaxed">
QuantaAlpha turns research results into product-grade systems across AI investment, code agent infrastructure, research automation, and personal agent orchestration.
</p>
</div>
<div class="grid grid-cols-3 gap-3 w-full lg:w-auto">
<div class="glass-card rounded-xl px-5 py-4 text-center">
<div class="text-2xl font-bold text-white">4</div>
<div class="text-[11px] uppercase tracking-wider text-slate-500 mt-1">Product Lines</div>
</div>
<div class="glass-card rounded-xl px-5 py-4 text-center">
<div class="text-2xl font-bold text-white">1K+</div>
<div class="text-[11px] uppercase tracking-wider text-slate-500 mt-1">Plugin Users</div>
</div>
<div class="glass-card rounded-xl px-5 py-4 text-center">
<div class="text-2xl font-bold text-white">400+</div>
<div class="text-[11px] uppercase tracking-wider text-slate-500 mt-1">Weekly Active</div>
</div>
</div>
</div>
<div class="showcase-track scrollbar-hide mt-8" style="gap:28px;" data-aos="fade-up">
<a href="#quantaalpha" class="commercial-card glass-card rounded-2xl overflow-hidden block" style="width:min(82vw,380px);flex:0 0 auto;scroll-snap-align:start;">
<img src="images/products/product-quantaalpha-framework.webp" alt="QuantaAlpha framework diagram" style="width:100%;height:160px;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(255,255,255,0.08);">
<div class="p-4">
<div class="flex flex-wrap gap-2 mb-2">
<span class="px-2 py-1 bg-amber-500/10 text-amber-500 text-xs font-semibold rounded border border-amber-500/20">AI4Investment</span>
</div>
<h3 class="text-lg font-bold text-white mb-1">QuantaAlpha Alpha Mining</h3>
<p class="text-slate-400 text-xs leading-snug mb-3">Evolutionary LLM-driven alpha mining with trajectory-level mutation and crossover.</p>
<div class="flex items-center gap-1 text-sky-400 text-xs font-semibold">View demo & details <i class="fas fa-arrow-down text-[10px] ml-1"></i></div>
</div>
</a>
<a href="#epochx" class="commercial-card glass-card rounded-2xl overflow-hidden block" style="width:min(82vw,380px);flex:0 0 auto;scroll-snap-align:start;">
<img src="images/products/product-epochx-ecosystem.webp" alt="EpochX production network ecosystem" style="width:100%;height:160px;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(255,255,255,0.08);">
<div class="p-4">
<div class="flex flex-wrap gap-2 mb-2">
<span class="px-2 py-1 bg-purple-500/10 text-purple-400 text-xs font-semibold rounded border border-purple-500/20">Agent Economy</span>
</div>
<h3 class="text-lg font-bold text-white mb-1">EpochX Production Network</h3>
<p class="text-slate-400 text-xs leading-snug mb-3">Credits-native marketplace for human-agent networks with recursive task splitting.</p>
<div class="flex items-center gap-1 text-sky-400 text-xs font-semibold">View demo & details <i class="fas fa-arrow-down text-[10px] ml-1"></i></div>
</div>
</a>
<a href="#idea2paper" class="commercial-card glass-card rounded-2xl overflow-hidden block" style="width:min(82vw,380px);flex:0 0 auto;scroll-snap-align:start;">
<img src="images/products/product-idea2paper-hero.png" alt="Idea2Paper research narrative product" style="width:100%;height:160px;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(255,255,255,0.08);">
<div class="p-4">
<div class="flex flex-wrap gap-2 mb-2">
<span class="px-2 py-1 bg-emerald-500/10 text-emerald-400 text-xs font-semibold rounded border border-emerald-500/20">Research Automation</span>
</div>
<h3 class="text-lg font-bold text-white mb-1">Idea2Paper / Auto Research</h3>
<p class="text-slate-400 text-xs leading-snug mb-3">End-to-end research automation from literature to paper drafts, 400+ weekly active users.</p>
<div class="flex items-center gap-1 text-sky-400 text-xs font-semibold">View demo & details <i class="fas fa-arrow-down text-[10px] ml-1"></i></div>
</div>
</a>
<a href="#semacode" class="commercial-card glass-card rounded-2xl overflow-hidden block" style="width:min(82vw,380px);flex:0 0 auto;scroll-snap-align:start;">
<img src="images/products/product-repomaster-diagram.webp" alt="RepoMaster / Sema Code workflow diagram" style="width:100%;height:160px;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(255,255,255,0.08);">
<div class="p-4">
<div class="flex flex-wrap gap-2 mb-2">
<span class="px-2 py-1 bg-sky-500/10 text-sky-400 text-xs font-semibold rounded border border-sky-500/20">RepoMaster</span>
<span class="px-2 py-1 bg-pink-500/10 text-pink-400 text-xs font-semibold rounded border border-pink-500/20">Sema Code</span>
</div>
<h3 class="text-lg font-bold text-white mb-1">RepoMaster / Code Agents</h3>
<p class="text-slate-400 text-xs leading-snug mb-3">NeurIPS 2025 Spotlight. Explores large repos with hierarchical trees and pruned context.</p>
<div class="flex items-center gap-1 text-sky-400 text-xs font-semibold">View demo & details <i class="fas fa-arrow-down text-[10px] ml-1"></i></div>
</div>
</a>
</div>
<div class="text-center mt-6 mb-2" data-aos="fade-up" data-aos-delay="100">
<span class="text-slate-500 text-xs tracking-wider uppercase"><i class="fas fa-chevron-down mr-1 animate-bounce"></i> Scroll for product demos & details <i class="fas fa-chevron-down ml-1 animate-bounce"></i></span>
</div>
</div>
</section>
<!-- ========== QuantaAlpha Alpha Mining ========== -->
<section id="quantaalpha" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-7" data-aos="fade-up">
<div class="kicker mb-3">AI4Investment</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3" data-i18n-html="qaTitle">QuantaAlpha · 自进化因子挖掘引擎</h2>
<p class="text-slate-400 italic text-sm mb-8" data-i18n="qaSubtitle">An Evolutionary Framework for LLM-Driven Alpha Mining · 行业首个 LLM × 进化算法融合框架</p>
<div class="space-y-5">
<div class="flex gap-4">
<span class="font-mono text-3xl text-amber-500 font-bold leading-none">01</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="qaH1">核心定位</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="qaP1">把量化研究转写成<b class="text-slate-300">可审计的 Agent 工作流</b>：因子假设生成、表达式构造、代码实现、回测验证与迭代优化一体化流水线。多智能体协同完成因子发现、逻辑解释、风险过滤与因子入库。</p>
</div>
</div>
<div class="flex gap-4">
<span class="font-mono text-3xl text-amber-500 font-bold leading-none">02</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="qaH2">技术亮点</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="qaP2">通过<b class="text-slate-300">轨迹级变异/交叉</b>和定向逻辑修复，从随机试错升级为基于完整研究轨迹的可解释进化；引入复杂度、冗余度与 Rank IC 等约束，缓解因子拥挤和回测噪声。</p>
</div>
</div>
<div class="flex gap-4">
<span class="font-mono text-3xl text-amber-500 font-bold leading-none">03</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="qaH3">落地价值</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="qaP3">完整模拟人类专业量化研究员的工作流，AI 从"盲目试错生成代码"走向"<b class="text-slate-300">主动参与假设形成、失败诊断与经验复用</b>"的白盒化系统。CSI 300 上<b class="text-white">稳定优于所有基线</b>，因子跨市场迁移保持显著超额收益。<b class="text-slate-300">被腾讯新闻等媒体报道，被东方证券等多家证券及量化机构作为 AI 赋能量化投研的研究案例。</b></p>
</div>
</div>
</div>
<div class="mt-8 grid grid-cols-2 sm:grid-cols-4 gap-3">
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white" data-i18n="qaStat1">稳超基线</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider" data-i18n="qaStat1Sub">CSI 300</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white" data-i18n="qaStat2">零样本</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider" data-i18n="qaStat2Sub">跨市场迁移</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Auditable</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider" data-i18n="qaStat3Sub">Agent 工作流</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">9 Skills</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">Skill-Grounded</div>
</div>
</div>
<div class="mt-6 flex flex-wrap gap-2">
<a href="https://arxiv.org/abs/2602.07085" target="_blank" class="section-link"><i class="fas fa-file-pdf"></i> arXiv 2602.07085</a>
<a href="https://github.com/QuantaAlpha/QuantaAlpha" target="_blank" class="section-link"><i class="fab fa-github"></i> QuantaAlpha</a>
<span class="venue oral" data-i18n="qaMedia">东方证券 · 腾讯新闻报道</span>
</div>
</div>
<div class="lg:col-span-5" data-aos="fade-up" data-aos-delay="150">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'QuantaAlpha 自进化因子发现演示')"
data-src="videos/quantaalpha.mp4">
<video src="videos/quantaalpha.mp4" muted loop playsinline preload="metadata"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> Alpha Mining demo</span>
</div>
<div class="mt-4 glass-card rounded-xl p-4">
<div class="text-xs text-slate-500 uppercase tracking-wider mb-2" data-i18n="qaHarness">三层 Harness 架构</div>
<div class="space-y-2 text-sm">
<div class="flex items-center gap-2"><span class="venue" style="font-family: 'JetBrains Mono', monospace;">Lead</span><span class="text-slate-400" data-i18n="qaLead">规划研究方向</span></div>
<div class="flex items-center gap-2"><span class="venue" style="font-family: 'JetBrains Mono', monospace;">Reviewer</span><span class="text-slate-400" data-i18n="qaReviewer">跨方向审计 & 交叉推荐</span></div>
<div class="flex items-center gap-2"><span class="venue" style="font-family: 'JetBrains Mono', monospace;">N × Miner</span><span class="text-slate-400" data-i18n="qaMiner">并行探索</span></div>
</div>
<div class="mt-3 pt-3 border-t border-white/10 text-xs text-slate-400" data-i18n-html="qaWiki">
<i class="fas fa-circle-info text-sky-600 mr-1"></i> <b class="text-slate-300">Factor Wiki</b>：结构化因子知识库作为多 Agent 协作的共识介质，每个因子携带完整血统链 → 可溯源研究谱系图。
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Sema Code ========== -->
<section id="semacode" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-5" data-aos="fade-up">
<div class="space-y-4">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'Sema Code 宣传视频')"
data-src="videos/semacode-demo.mp4">
<video src="videos/semacode-demo.mp4" muted loop playsinline preload="metadata"
poster="images/products/product-semacode-demo.webp"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> Sema Code 宣传片</span>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">1K+</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">VSCode 用户</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">2026.01</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">插件上线</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Runtime</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">独立核心库</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Multi-end</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">IDE / IM / CLI</div>
</div>
</div>
</div>
</div>
<div class="lg:col-span-7" data-aos="fade-up" data-aos-delay="150">
<div class="kicker mb-3">Code Agent Infrastructure</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3">Sema Code · Programmable Coding Engine</h2>
<p class="text-slate-400 italic text-sm mb-8">把 Code Agent 从具体产品形态中解耦，沉淀为可编程、可嵌入的工业级运行时。</p>
<div class="space-y-4">
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-blue-500/15 text-brand-blue flex items-center justify-center"><i class="fas fa-microchip"></i></div>
<div class="text-white font-semibold">可编程内核</div>
</div>
<p class="text-slate-400 text-sm">将 Code Agent 核心能力从 IDE / CLI / Web 等形态中抽离，以独立核心库开放，像数据库或云服务一样接入不同业务场景。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-violet-500/15 text-brand-violet flex items-center justify-center"><i class="fas fa-toolbox"></i></div>
<div class="text-white font-semibold">工具执行与调度</div>
</div>
<p class="text-slate-400 text-sm">多 Agent 运行时，权限可控、调用可追溯，安全落地企业环境。通过 <b class="text-slate-200">FunctionCreate&Call</b> 实时生成并执行工具，融合预定义调用的可靠性与动态生成的灵活性。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-amber-500/15 text-amber-300 flex items-center justify-center"><i class="fas fa-share-nodes"></i></div>
<div class="text-white font-semibold">多渠道交付</div>
</div>
<p class="text-slate-400 text-sm">同一引擎驱动 <a href="https://open-vsx.org/extension/SemaCode/sema-vscode-extension" target="_blank" class="text-sky-300 hover:text-white">VS Code 插件</a>、IM 机器人、CLI，一次开发，多端交付。<b class="text-slate-200">2026.01</b> 上线，效果对标 Claude Code。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-emerald-500/15 text-emerald-300 flex items-center justify-center"><i class="fas fa-house-laptop"></i></div>
<div class="text-white font-semibold">业务落地</div>
</div>
<p class="text-slate-400 text-sm">已服务公司多个重点业务场景，并孵化 <a href="https://github.com/midea-ai/SemaClaw" target="_blank" class="text-sky-300 hover:text-white">SemaClaw</a> 作为智能家居场景下的 Jarvis 类型 AI 助手。</p>
</div>
</div>
<div class="mt-6 flex flex-wrap gap-2">
<span class="venue">1K+ VSCode 用户</span>
<span class="venue">工业代码智能体</span>
<a href="https://open-vsx.org/extension/SemaCode/sema-vscode-extension" target="_blank" class="section-link"><i class="fas fa-puzzle-piece"></i> VS Code Extension</a>
</div>
</div>
</div>
</div>
</section>
<!-- ========== EpochX ========== -->
<section id="epochx" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-7" data-aos="fade-up">
<div class="kicker mb-3">Agent Economy</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3" data-i18n-html="epTitle">EpochX · 人机协作的生产网络</h2>
<p class="text-slate-400 italic text-sm mb-8">EpochX: Infrastructure for an Emergent Agent Civilization</p>
<div class="space-y-5">
<div class="flex gap-4">
<span class="font-mono text-3xl text-sky-600 font-bold leading-none">01</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="epH1">核心定位</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="epP1">Credits-native 的人机协作市场 —— <b class="text-slate-300">人与 Agent 都是经济意义上的对等参与者</b>。首次将 Agent 任务市场、可复用技能生态、可验证交付流、执行轨迹记忆与 credits-native 激励层整合为统一生产协议。</p>
</div>
</div>
<div class="flex gap-4">
<span class="font-mono text-3xl text-sky-600 font-bold leading-none">02</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="epH2">运作机制</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="epP2">任务发布 → 递归分解 → 并行执行 → 验证结算 → 沉淀为可复用 Skill / Trace / Experience。Credits 完成赏金锁定、委托预算、验收结算和复用收益分配。</p>
</div>
</div>
<div class="flex gap-4">
<span class="font-mono text-3xl text-sky-600 font-bold leading-none">03</span>
<div>
<div class="text-white font-bold mb-1" data-i18n="epH3">差异价值</div>
<p class="text-slate-400 text-sm leading-relaxed" data-i18n-html="epP3">从一次性 demo 升级为<b class="text-slate-300">自我增强的经济体系</b>：执行、验证、沉淀均贡献复利。核心贡献在于把 Agentic AI 从工具调用升级为具备<b class="text-slate-300">组织协调、知识复利、经济闭环</b>的"智能体文明基础设施"。</p>
</div>
</div>
</div>
<div class="mt-8 flex flex-wrap gap-2">
<a href="https://epochx.cc/" target="_blank" class="section-link"><i class="fas fa-globe"></i> epochx.cc</a>
<a href="https://arxiv.org/abs/2603.27304" target="_blank" class="section-link">arXiv 2603.27304</a>
<span class="venue" data-i18n="epMedia">报道：科技行者 · HF Papers</span>
</div>
</div>
<div class="lg:col-span-5" data-aos="fade-up" data-aos-delay="150">
<div class="space-y-4">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'EpochX 任务发布演示')"
data-src="videos/epochx-step1-bounty.mp4">
<video src="videos/epochx-step1-bounty.mp4" muted loop playsinline preload="metadata"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> <span data-i18n="epDemo1">任务发布 demo</span></span>
</div>
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'EpochX Agent 执行演示')"
data-src="videos/epochx-step2-agent.mp4">
<video src="videos/epochx-step2-agent.mp4" muted loop playsinline preload="metadata"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> <span data-i18n="epDemo2">Agent 执行 demo</span></span>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Live</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider" data-i18n="epLive">epochx.cc 已上线</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">HF #15</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">Daily Papers</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========== RepoMaster ========== -->
<section id="repomaster" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-5" data-aos="fade-up">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'RepoMaster 仓库级 Code Agent 演示')"
data-src="videos/repomaster-demo.mp4">
<video src="videos/repomaster-demo.mp4" muted loop playsinline preload="metadata"
poster="images/RepoMaster.webp"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> RepoMaster demo</span>
</div>
</div>
<div class="lg:col-span-7" data-aos="fade-up" data-aos-delay="150">
<div class="kicker mb-3">Repo Agent Research</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3" data-i18n-html="rmTitle">RepoMaster · 仓库级自主探索Code Agent框架</h2>
<p class="text-slate-400 italic text-sm mb-8" data-i18n="rmSubtitle">独立研究成果：面向 10 万+ 文件级仓库的端到端理解、检索、定位与任务执行。</p>
<div class="grid sm:grid-cols-2 gap-4">
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-sky-500/15 text-sky-600 flex items-center justify-center"><i class="fas fa-folder-tree"></i></div>
<div class="text-white font-semibold" data-i18n="rmFeat1">仓库理解</div>
</div>
<p class="text-slate-400 text-sm" data-i18n="rmFeat1P">构建层级代码树、模块依赖图与函数调用图，面向超大仓库定位关键文件、类与函数。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-violet-500/15 text-violet-600 flex items-center justify-center"><i class="fas fa-route"></i></div>
<div class="text-white font-semibold" data-i18n="rmFeat2">自主探索</div>
</div>
<p class="text-slate-400 text-sm" data-i18n="rmFeat2P">通过搜索、依赖分析与 granular code view 支持 Agent 在真实 GitHub 仓库中探索并完成复杂任务。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-emerald-500/15 text-emerald-600 flex items-center justify-center"><i class="fas fa-chart-simple"></i></div>
<div class="text-white font-semibold" data-i18n="rmFeat3">实验结果</div>
</div>
<p class="text-slate-400 text-sm" data-i18n-html="rmFeat3P">复杂任务完成率 <b class="text-slate-300">24% → 62.96%</b>（vs OpenHands），Token 开销降低 <b class="text-slate-300">95%</b>。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="flex items-center gap-3 mb-1.5">
<div class="h-8 w-8 rounded-lg bg-amber-500/15 text-amber-600 flex items-center justify-center"><i class="fas fa-medal"></i></div>
<div class="text-white font-semibold" data-i18n="rmFeat4">论文与开源</div>
</div>
<p class="text-slate-400 text-sm" data-i18n-html="rmFeat4P"><b class="text-slate-300">NeurIPS 2025 Spotlight</b>。MLE-Bench Kaggle 任务 <b class="text-slate-300">22.7%</b> 获得金牌，远超开源 Code Agent SOTA。</p>
</div>
</div>
<div class="mt-6 flex flex-wrap gap-2">
<span class="venue spotlight">NeurIPS 2025 Spotlight</span>
<a href="https://arxiv.org/pdf/2505.21577" target="_blank" class="section-link"><i class="fas fa-file-pdf"></i> arXiv 2505.21577</a>
<a href="https://github.com/QuantaAlpha/RepoMaster" target="_blank" class="section-link"><i class="fab fa-github"></i> RepoMaster</a>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Financial Event Deep Research ========== -->
<section id="event-research" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-7" data-aos="fade-up">
<div class="kicker mb-3">Financial Event Deep Research</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3" data-i18n-html="erTitle">Event-Driven Research OS · 金融事件深度研究系统</h2>
<p class="text-slate-400 italic text-sm mb-8" data-i18n="erSubtitle">独立研究方向：把重大市场事件从一次性资讯处理，升级为可理解、可类比、可推演、可验证、可复用的研究资产。</p>
<p class="text-slate-400 text-sm leading-relaxed max-w-3xl" data-i18n-html="erBody">
系统以结构化 <b class="text-slate-300">Event</b> 为核心对象，而不是以新闻或研报文档为中心；通过 <b class="text-slate-300">Context / Event / Mechanism / Asset / Outcome</b> 组织事件链条，围绕机制相似性、宏观环境、市场 price-in 程度和历史反例做 Deep Research，并把输出收敛为可审计的 <b class="text-slate-300">Claim</b>，进入 T+1 / T+5 / T+20 等多窗口回测验证，从而区分检索错误、推理错误和市场已充分定价。
</p>
<div class="mt-6 flex flex-wrap gap-2">
<span class="venue" data-i18n="erTag1">事件理解 → 历史类比 → 机制推理</span>
<span class="venue">Hypothesis → Working Claim → Tradable Claim</span>
<span class="venue oral" data-i18n="inDevelopment">开发中...</span>
</div>
</div>
<div class="lg:col-span-5" data-aos="fade-up" data-aos-delay="150">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, '金融 Event Deep Research 演示')"
data-src="videos/event_auto_research.mp4">
<video src="videos/event_auto_research.mp4" muted loop playsinline preload="metadata"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> Event Deep Research demo</span>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Idea2Paper / ARK ========== -->
<section id="idea2paper" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-5" data-aos="fade-up">
<div class="glass-card rounded-xl overflow-hidden">
<img src="images/products/product-idea2paper-hero.png" alt="Idea2Paper research narrative product landing screenshot" class="w-full block">
</div>
<div class="mt-4 grid grid-cols-3 gap-3">
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">1000+</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">Papers Assisted</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">400+</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">WAU</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">7-stage</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">Research Loop</div>
</div>
</div>
</div>
<div class="lg:col-span-7" data-aos="fade-up" data-aos-delay="150">
<div class="kicker mb-3">Research Automation</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3" data-i18n-html="i2pTitle">Idea2Paper / ARK · 科研自动化</h2>
<p class="text-slate-400 italic text-sm mb-8">Research-assistant stack that turns rough ideas into structured narratives and paper drafts.</p>
<p class="text-slate-400 text-sm leading-relaxed max-w-3xl" data-i18n="i2pBody">
端到端科研自动化产品，将文献探索、方法规划、实验执行、结果解释、论文起草和审稿迭代连接成闭环。通过 ARK (idea2paper.org) 和 PaperBuild (paperbuild.cn) 对外服务，开源参考实现已发布在 GitHub。
</p>
<div class="mt-6 flex flex-wrap gap-2">
<a href="https://idea2paper.org/" target="_blank" class="section-link"><i class="fas fa-globe"></i> ARK</a>
<a href="https://paperbuild.cn/" target="_blank" class="section-link"><i class="fas fa-globe"></i> PaperBuild</a>
<a href="https://github.com/AgentAlphaAGI/Idea2Paper" target="_blank" class="section-link"><i class="fab fa-github"></i> Code</a>
</div>
</div>
</div>
</div>
</section>
<!-- ========== SemaClaw ========== -->
<section id="semaclaw" class="py-16 md:py-20 relative">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-10 items-start">
<div class="lg:col-span-7" data-aos="fade-up">
<div class="kicker mb-3">Personal AI Agent</div>
<h2 class="text-4xl md:text-5xl font-bold text-white mb-3">SemaClaw · 智能家居 Jarvis 助手</h2>
<p class="text-slate-400 italic text-sm mb-8">复用 Sema Code 内核，把代码智能体能力接入 IM、家庭设备与个人长期记忆。</p>
<div class="space-y-4">
<div class="glass-card rounded-xl p-5">
<div class="text-white font-bold mb-1.5"><i class="fas fa-comments text-brand-blue mr-2"></i>IM 消息网关</div>
<p class="text-slate-400 text-sm">把用户入口从 IDE / CLI 扩展到对话式消息界面，让家庭设备控制、任务编排和多轮确认进入自然交互流。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="text-white font-bold mb-1.5"><i class="fas fa-puzzle-piece text-brand-violet mr-2"></i>Harness Engineering</div>
<p class="text-slate-400 text-sm">通过 skill、memory 与权限边界组织可复用能力，承接 Sema Code 的工具执行与调度能力，同时适配个人助理场景。</p>
</div>
<div class="glass-card rounded-xl p-5">
<div class="text-white font-bold mb-1.5"><i class="fas fa-house-signal text-amber-300 mr-2"></i>智能家居落地</div>
<p class="text-slate-400 text-sm">作为首个智能家居场景下 Jarvis 类型 AI 助手，连接 HomeAgent 的设备控制能力与用户个性化需求，支撑家庭版 OpenClaw 的前瞻研究和落地。</p>
</div>
</div>
<div class="mt-6 flex flex-wrap gap-2">
<a href="https://github.com/midea-ai/SemaClaw" target="_blank" class="section-link"><i class="fab fa-github"></i> SemaClaw</a>
<a href="https://arxiv.org/abs/2604.11548" target="_blank" class="section-link"><i class="fas fa-file-pdf"></i> arXiv 2604.11548</a>
<span class="venue">General-Purpose Personal AI Agents</span>
</div>
</div>
<div class="lg:col-span-5" data-aos="fade-up" data-aos-delay="150">
<div class="video-card aspect-video" onclick="openVideo(this.dataset.src, 'SemaClaw 智能家居 AI 助手 demo')"
data-src="videos/semaclaw-demo.mp4">
<video src="videos/semaclaw-demo.mp4" muted loop playsinline preload="metadata"
poster="images/products/product-semaclaw-demo.webp"
onmouseover="this.play()" onmouseout="this.pause()"></video>
<span class="play-pill"><i class="fas fa-play"></i> SemaClaw demo</span>
</div>
<div class="mt-4 grid grid-cols-3 gap-3">
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">IM</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">消息网关</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Skill</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">可复用工具</div>
</div>
<div class="glass-card rounded-xl p-3 text-center">
<div class="text-2xl font-bold text-white">Memory</div>
<div class="text-[10px] text-slate-500 uppercase tracking-wider">个性化服务</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Video Modal -->
<div id="vmodal" role="dialog" aria-modal="true" onclick="if(event.target===this) closeVideo()">
<div class="frame">
<button class="close" onclick="closeVideo()" aria-label="Close">
<i class="fas fa-xmark"></i>
</button>
<video id="vmodal-video" controls playsinline></video>
</div>
</div>
<!-- Back to Top Button -->
<button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-brand-blue/20 hover:bg-brand-blue/40 backdrop-blur-sm rounded-full flex items-center justify-center text-white transition-all shadow-lg border border-brand-blue/30 opacity-0 invisible z-50" aria-label="Back to top">
<i class="fas fa-chevron-up"></i>
</button>
<!-- Footer -->
<footer class="border-t border-white/5 bg-slate-950 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6">
<div class="flex items-center gap-3">
<img src="images/logo.png" alt="Logo" class="h-8 w-8 opacity-80 grayscale hover:grayscale-0 transition-all">
<span class="text-slate-400 text-sm">© 2025-2026 QuantaAlpha Research.</span>
</div>
<div class="flex gap-6">
<a href="#" class="text-slate-500 hover:text-white transition-colors"><i class="fab fa-github text-xl"></i></a>
<a href="#" class="text-slate-500 hover:text-white transition-colors"><i class="fab fa-twitter text-xl"></i></a>
<a href="#" class="text-slate-500 hover:text-white transition-colors"><i class="fab fa-linkedin text-xl"></i></a>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="app.js"></script>
</body>
</html>