-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
482 lines (443 loc) · 26.9 KB
/
index.html
File metadata and controls
482 lines (443 loc) · 26.9 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LabVLA</title>
<meta name="description" content="LabVLA project page for vision-language-action research." />
<!-- Open Graph / Twitter Card -->
<meta property="og:title" content="LabVLA" />
<meta property="og:description" content="LabVLA project page for vision-language-action research." />
<meta property="og:image" content="assets/images/og-cover.jpg" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<!-- Fonts -->
<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=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
<link rel="preload" as="image" href="assets/media/posters/01.jpg" fetchpriority="high" />
<link rel="preload" as="image" href="assets/media/posters/02.jpg" fetchpriority="high" />
<link rel="preload" as="image" href="assets/media/posters/03.jpg" fetchpriority="high" />
<link rel="preload" as="image" href="assets/media/posters/04.jpg" fetchpriority="high" />
<link rel="preload" as="image" href="assets/media/mosaic/hero-preview.jpg" fetchpriority="high" />
<!-- Tailwind (CDN, 零构建) -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
display: ['"Space Grotesk"', 'Inter', 'sans-serif'],
mono: ['"JetBrains Mono"', 'monospace'],
},
colors: {
ink: { 950: '#06070A', 900: '#0B0D12', 800: '#11141B', 700: '#1A1E27' },
accent: { DEFAULT: '#7C5CFF', soft: '#A78BFA', cyan: '#22D3EE', lime: '#A3E635' },
},
boxShadow: {
glow: '0 0 60px -10px rgba(124,92,255,0.45)',
},
},
},
};
</script>
<link rel="stylesheet" href="assets/css/style.css?v=20260522-i18n" />
</head>
<body class="bg-ink-950 text-slate-200 antialiased font-sans selection:bg-accent/40 selection:text-white">
<!-- 背景装饰：星点 + 渐变光斑 -->
<div class="bg-decor" aria-hidden="true">
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
<div class="grid-mask"></div>
</div>
<!-- ======================= 顶部导航 ======================= -->
<header class="nav fixed inset-x-0 top-0 z-50">
<div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
<a href="#top" class="flex items-center gap-2 group">
<span class="logo-mark"></span>
<span class="font-display font-semibold tracking-tight text-white">
LabVLA
</span>
</a>
<nav class="hidden md:flex items-center gap-8 text-sm text-slate-300">
<a href="#features" class="nav-link" data-i18n="nav.features">Highlights</a>
<a href="#stats" class="nav-link" data-i18n="nav.dataset">Dataset</a>
<a href="#method" class="nav-link" data-i18n="nav.method">Method</a>
<a href="#results" class="nav-link" data-i18n="nav.results">Results</a>
<a href="#sim2real" class="nav-link" data-i18n="nav.sim2real">Sim-to-Real</a>
<a href="#bibtex" class="nav-link" data-i18n="nav.bibtex">Citation</a>
<a href="#team" class="nav-link" data-i18n="nav.team">Team</a>
</nav>
<div class="flex items-center gap-2">
<button type="button" class="lang-toggle" id="langToggle" data-i18n="lang.toggle" data-i18n-aria="lang.aria">中文</button>
<a href="https://cn.bing.com/search?q=%E8%B1%86%E5%8C%85&gs_lcrp=EgRlZGdlKgcIAhBFGMIDMgcIABBFGLABMgcIARBFGMIDMgcIAhBFGMIDMgcIAxBFGMIDMgcIBBBFGMIDMgcIBRBFGMIDMgoIBhBFGMIDGPoHMgcIBxBFGMID0gELMzUyMDQyMmowajeoAgiwAgE&FORM=ANNTA1&adppc=EDGEESS&PC=SCOODB" target="_blank" rel="noopener noreferrer" class="btn-ghost hidden sm:inline-flex" data-i18n="link.paper">Paper</a>
<a href="#" class="btn-primary">GitHub</a>
</div>
</div>
</header>
<main id="top">
<!-- ======================= Hero (Mosaic) ======================= -->
<!--
视频墙说明：
· 外圈小图通过 JS 自动生成，数量与样式见 assets/js/main.js 中的 HERO_SMALL_VIDEOS
· 中央 2×2 大视频通过 .big-tile 元素填充，见 HERO_BIG_VIDEOS
· 暂无视频时显示"动态彩色占位"，给视频路径后自动替换为 <video>
-->
<section class="hero-mosaic">
<!-- 外圈关键帧墙（JS 自动注入 .tile） -->
<div class="mosaic-bg" id="mosaicBg" aria-hidden="true"></div>
<!-- 中央 2×2 大动图（4 个 GIF 循环播放） -->
<div class="mosaic-center" id="mosaicCenter">
<div class="big-tile" data-big="0"></div>
<div class="big-tile" data-big="1"></div>
<div class="big-tile" data-big="2"></div>
<div class="big-tile" data-big="3"></div>
</div>
<!-- 暗角 -->
<div class="hero-overlay" aria-hidden="true"></div>
<!-- 中心文字（叠加在 4 个 GIF 之上） -->
<div class="hero-content">
<h1 class="font-display font-bold tracking-tight text-5xl md:text-7xl leading-[1.05] text-white drop-shadow-2xl">
LabVLA
</h1>
<div class="mt-10 flex flex-wrap items-center justify-center gap-3">
<a href="https://cn.bing.com/search?q=%E8%B1%86%E5%8C%85&gs_lcrp=EgRlZGdlKgcIAhBFGMIDMgcIABBFGLABMgcIARBFGMIDMgcIAhBFGMIDMgcIAxBFGMIDMgcIBBBFGMIDMgcIBRBFGMIDMgoIBhBFGMIDGPoHMgcIBxBFGMID0gELMzUyMDQyMmowajeoAgiwAgE&FORM=ANNTA1&adppc=EDGEESS&PC=SCOODB" target="_blank" rel="noopener noreferrer" class="cta-btn"><span>📄</span> <span data-i18n="link.paper">Paper</span></a>
<a href="#" class="cta-btn"><span>📦</span> arXiv</a>
<a href="#" class="cta-btn"><span>💻</span> <span data-i18n="link.code">Code</span></a>
<a href="#" class="cta-btn"><span>🤗</span> <span data-i18n="link.dataset">Dataset</span></a>
<a href="#" class="cta-btn"><span>🎬</span> <span data-i18n="link.demo">Demo Video</span></a>
</div>
</div>
</section>
<!-- ======================= 作者 + 链接条（已隐藏） =======================
<section class="px-6 pb-12">
<div class="max-w-5xl mx-auto text-center">
<div class="text-slate-300 text-sm md:text-base flex flex-wrap items-center justify-center gap-x-3 gap-y-2">
<a href="#" class="author">【作者一】<sup>1</sup></a>
<span>·</span>
<a href="#" class="author">【作者二】<sup>1,2</sup></a>
<span>·</span>
<a href="#" class="author">【作者三】<sup>2</sup></a>
<span>·</span>
<a href="#" class="author">【作者四】<sup>1</sup></a>
</div>
<div class="mt-3 text-slate-500 text-xs md:text-sm">
<sup>1</sup> 【单位一】 · <sup>2</sup> 【单位二】
</div>
<div class="mt-8 flex flex-wrap items-center justify-center gap-3">
<a href="#" class="cta-btn"><span>📄</span> 论文</a>
<a href="#" class="cta-btn"><span>📦</span> arXiv</a>
<a href="#" class="cta-btn"><span>💻</span> 代码</a>
<a href="#" class="cta-btn"><span>🤗</span> 数据集</a>
<a href="#" class="cta-btn"><span>🎬</span> 演示视频</a>
</div>
</div>
</section>
-->
<!-- ======================= Highlights / Features ======================= -->
<section id="features" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="features.title">Highlights</h2>
<p class="section-sub">
<span data-i18n="features.subtitle">Add a concise summary of the project's key differentiators here.</span>
</p>
</div>
<div class="grid md:grid-cols-3 gap-6 mt-12">
<article class="feature-card">
<div class="feature-card__media">
<div class="placeholder">
<span class="placeholder-tag" data-i18n="placeholder.demo_square">Demo · 1:1</span>
<span class="placeholder-text" data-i18n="features.demo1">Highlight 1 demo video/image</span>
</div>
</div>
<h3 class="feature-card__title" data-i18n="features.card1.title">Highlight 1 Title</h3>
<p class="feature-card__desc" data-i18n="features.card1.desc">Add a one-sentence description of highlight 1.</p>
</article>
<article class="feature-card">
<div class="feature-card__media">
<div class="placeholder">
<span class="placeholder-tag" data-i18n="placeholder.demo_square">Demo · 1:1</span>
<span class="placeholder-text" data-i18n="features.demo2">Highlight 2 demo video/image</span>
</div>
</div>
<h3 class="feature-card__title" data-i18n="features.card2.title">Highlight 2 Title</h3>
<p class="feature-card__desc" data-i18n="features.card2.desc">Add a one-sentence description of highlight 2.</p>
</article>
<article class="feature-card">
<div class="feature-card__media">
<div class="placeholder">
<span class="placeholder-tag" data-i18n="placeholder.demo_square">Demo · 1:1</span>
<span class="placeholder-text" data-i18n="features.demo3">Highlight 3 demo video/image</span>
</div>
</div>
<h3 class="feature-card__title" data-i18n="features.card3.title">Highlight 3 Title</h3>
<p class="feature-card__desc" data-i18n="features.card3.desc">Add a one-sentence description of highlight 3.</p>
</article>
</div>
</div>
</section>
<!-- ======================= Dataset Overview / Stats ======================= -->
<section id="stats" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="dataset.title">Dataset Overview</h2>
<p class="section-sub">
<span data-i18n="dataset.subtitle">Add a one-sentence overview of dataset scale, diversity, and composition.</span>
</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mt-12">
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric1">Metric 1</div></div>
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric2">Metric 2</div></div>
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric3">Metric 3</div></div>
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric4">Metric 4</div></div>
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric5">Metric 5</div></div>
<div class="stat-card"><div class="stat-num" data-i18n="stat.number">Number</div><div class="stat-label" data-i18n="dataset.metric6">Metric 6</div></div>
</div>
<div class="mt-12 panel">
<div class="placeholder aspect-[16/7]">
<span class="placeholder-tag" data-i18n="placeholder.figure_16_7">Figure · 16:7</span>
<span class="placeholder-text" data-i18n="dataset.chart">Dataset statistics figure (task/object/embodiment distributions)</span>
</div>
<p class="mt-4 text-sm text-slate-400 text-center" data-i18n="dataset.caption">Figure: add caption here.</p>
</div>
</div>
</section>
<!-- ======================= Method ======================= -->
<section id="method" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="method.title">Method</h2>
<p class="section-sub" data-i18n="method.subtitle">Add a concise subtitle for the method section.</p>
</div>
<div class="grid lg:grid-cols-5 gap-8 mt-12 items-center">
<div class="lg:col-span-3 panel">
<div class="placeholder aspect-[16/9]">
<span class="placeholder-tag" data-i18n="placeholder.figure_16_9">Figure · 16:9</span>
<span class="placeholder-text" data-i18n="method.figure">Method / pipeline architecture figure</span>
</div>
</div>
<div class="lg:col-span-2 space-y-5">
<h3 class="text-2xl font-display font-semibold text-white" data-i18n="method.subhead">Method Subheading</h3>
<p class="text-slate-300 leading-relaxed">
<span data-i18n="method.desc">Add a 3-5 line method description covering the core idea, inputs/outputs, and key innovations.</span>
</p>
<ul class="bullet-list">
<li data-i18n="method.point1">Key point 1</li>
<li data-i18n="method.point2">Key point 2</li>
<li data-i18n="method.point3">Key point 3</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ======================= Qualitative Results ======================= -->
<section id="results" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="results.title">Qualitative Results</h2>
<p class="section-sub" data-i18n="results.subtitle">Add representative rollouts across tasks and embodiments.</p>
</div>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mt-12">
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video1">Task video 1</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task1">Task name 1</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video2">Task video 2</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task2">Task name 2</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video3">Task video 3</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task3">Task name 3</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video4">Task video 4</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task4">Task name 4</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video5">Task video 5</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task5">Task name 5</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="placeholder.video">Video</span><span class="placeholder-text" data-i18n="results.video6">Task video 6</span></div>
<figcaption><span class="tag" data-i18n="label.task">Task</span><span data-i18n="results.task6">Task name 6</span></figcaption>
</figure>
</div>
<div class="mt-16">
<h3 class="text-2xl font-display font-semibold text-white text-center" data-i18n="results.quant">Quantitative Comparison</h3>
<div class="panel mt-6 overflow-x-auto">
<table class="result-table">
<thead>
<tr>
<th data-i18n="table.method">Method</th>
<th data-i18n="table.metric1">Metric 1</th>
<th data-i18n="table.metric2">Metric 2</th>
<th data-i18n="table.metric3">Metric 3</th>
<th data-i18n="table.avg">Average</th>
</tr>
</thead>
<tbody>
<tr><td data-i18n="table.baseline1">Baseline 1</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td></tr>
<tr><td data-i18n="table.baseline2">Baseline 2</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td><td data-i18n="table.value">Value</td></tr>
<tr class="ours"><td data-i18n="table.ours">Ours</td><td class="best" data-i18n="table.value">Value</td><td class="best" data-i18n="table.value">Value</td><td class="best" data-i18n="table.value">Value</td><td class="best" data-i18n="table.value">Value</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- ======================= Sim-to-Real ======================= -->
<section id="sim2real" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="sim.title">Sim-to-Real Transfer</h2>
<p class="section-sub" data-i18n="sim.subtitle">Add a summary of training with simulation data and deploying directly in the real world.</p>
</div>
<div class="space-y-8 mt-12">
<div class="grid md:grid-cols-2 gap-5">
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="label.sim">Simulation</span><span class="placeholder-text" data-i18n="sim.video1">Simulation training video 1</span></div>
<figcaption><span class="tag tag-cyan" data-i18n="label.sim">Simulation</span><span data-i18n="label.task_name">Task name</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="label.real">Real</span><span class="placeholder-text" data-i18n="sim.real1">Real-world execution video 1</span></div>
<figcaption><span class="tag tag-lime" data-i18n="label.real">Real</span><span data-i18n="label.task_name">Task name</span></figcaption>
</figure>
</div>
<div class="grid md:grid-cols-2 gap-5">
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="label.sim">Simulation</span><span class="placeholder-text" data-i18n="sim.video2">Simulation training video 2</span></div>
<figcaption><span class="tag tag-cyan" data-i18n="label.sim">Simulation</span><span data-i18n="label.task_name">Task name</span></figcaption>
</figure>
<figure class="result-tile">
<div class="placeholder aspect-video"><span class="placeholder-tag" data-i18n="label.real">Real</span><span class="placeholder-text" data-i18n="sim.real2">Real-world execution video 2</span></div>
<figcaption><span class="tag tag-lime" data-i18n="label.real">Real</span><span data-i18n="label.task_name">Task name</span></figcaption>
</figure>
</div>
</div>
</div>
</section>
<!-- ======================= BibTeX ======================= -->
<section id="bibtex" class="section">
<div class="max-w-4xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="bib.title">Citation</h2>
<p class="section-sub" data-i18n="bib.subtitle">If this work is useful to you, please consider citing it.</p>
</div>
<div class="bibtex-wrap mt-10">
<button class="copy-btn" data-copy-target="#bibtex-code" aria-label="Copy BibTeX" data-i18n-aria="bib.copy_aria">
<span class="copy-default" data-i18n="bib.copy">Copy</span>
<span class="copy-done" data-i18n="bib.copied">Copied</span>
</button>
<pre id="bibtex-code"><code data-i18n="bib.code">@article{labvla2026,
title = {Paper Title},
author = {Author List},
journal = {arXiv preprint arXiv:2026.xxxxx},
year = {2026}
}</code></pre>
</div>
</div>
</section>
<!-- ======================= Team ======================= -->
<section id="team" class="section">
<div class="max-w-7xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="team.title">Team</h2>
<p class="section-sub" data-i18n="team.subtitle">Core contributors and advisors.</p>
</div>
<h3 class="team-subhead" data-i18n="team.contributors">Core Contributors</h3>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6 mt-6">
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor1">Contributor 1</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor2">Contributor 2</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor3">Contributor 3</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor4">Contributor 4</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor5">Contributor 5</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.contributor6">Contributor 6</div>
</a>
</div>
<h3 class="team-subhead mt-14" data-i18n="team.advisors">Advisors</h3>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6 mt-6">
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.advisor1">Advisor 1</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.advisor2">Advisor 2</div>
</a>
<a href="#" class="member-card">
<div class="avatar"><div class="placeholder"><span class="placeholder-text" data-i18n="team.avatar">Avatar</span></div></div>
<div class="member-name" data-i18n="team.advisor3">Advisor 3</div>
</a>
</div>
</div>
</section>
<!-- ======================= Acknowledgements ======================= -->
<section class="section">
<div class="max-w-4xl mx-auto px-6">
<div class="section-head">
<h2 class="section-title" data-i18n="ack.title">Acknowledgements</h2>
</div>
<p class="mt-8 text-slate-300 leading-relaxed text-center" data-i18n="ack.text">
Add acknowledgements here, including funding, collaborators, and template credits.
</p>
</div>
</section>
</main>
<!-- ======================= Footer ======================= -->
<footer class="footer">
<div class="max-w-7xl mx-auto px-6 py-12 grid md:grid-cols-3 gap-8 items-start">
<div>
<div class="flex items-center gap-2">
<span class="logo-mark"></span>
<span class="font-display font-semibold text-white">LabVLA</span>
</div>
<p class="mt-3 text-sm text-slate-400 max-w-xs" data-i18n="footer.desc">Add a concise project description here.</p>
</div>
<div>
<h4 class="footer-h" data-i18n="footer.links">Links</h4>
<ul class="footer-list">
<li><a href="https://cn.bing.com/search?q=%E8%B1%86%E5%8C%85&gs_lcrp=EgRlZGdlKgcIAhBFGMIDMgcIABBFGLABMgcIARBFGMIDMgcIAhBFGMIDMgcIAxBFGMIDMgcIBBBFGMIDMgcIBRBFGMIDMgoIBhBFGMIDGPoHMgcIBxBFGMID0gELMzUyMDQyMmowajeoAgiwAgE&FORM=ANNTA1&adppc=EDGEESS&PC=SCOODB" target="_blank" rel="noopener noreferrer" data-i18n="link.paper">Paper</a></li>
<li><a href="#">arXiv</a></li>
<li><a href="#" data-i18n="link.code">Code</a></li>
<li><a href="#" data-i18n="link.dataset">Dataset</a></li>
</ul>
</div>
<div>
<h4 class="footer-h" data-i18n="footer.contact">Contact</h4>
<ul class="footer-list">
<li><a href="mailto:#" data-i18n="footer.email">Contact Email</a></li>
<li><a href="#" data-i18n="footer.social">Twitter / Weibo</a></li>
</ul>
</div>
</div>
<div class="border-t border-white/5">
<div class="max-w-7xl mx-auto px-6 py-6 text-xs text-slate-500 flex flex-wrap justify-between gap-2">
<span>© <span id="year"></span> <span data-i18n="footer.rights">LabVLA. All rights reserved.</span></span>
<span data-i18n="footer.note">Replace placeholders before release.</span>
</div>
</div>
</footer>
<script src="assets/js/main.js?v=20260522-i18n"></script>
</body>
</html>