Match EgoHumanoid footer with project wordmark and navigation

Author: JinChen0056

public/EgoHumanoid-V2/index.html

@@ -16,7 +16,7 @@
 <link as="font" crossorigin="" href="assets/fonts/manrope.woff2" rel="preload" type="font/woff2"/>
 <link as="font" crossorigin="" href="assets/fonts/dm-sans.woff2" rel="preload" type="font/woff2"/>
 <link as="image" fetchpriority="high" href="assets/images/deployment-fridge.jpg" rel="preload"/>
-<link href="styles.css?v=20260929-logo-fix" rel="stylesheet"/>
+<link href="styles.css?v=20260929-footer" rel="stylesheet"/>
 <script defer="" src="app.js"></script>
 </head>
 <body>
@@ -156,7 +156,7 @@ <h1 id="paper-title"><span class="hero-project">EgoHumanoid-V2:</span> <span cla
 </div>
 </div></section>
 </main>
-<footer class="footer"><div class="wrap footer-inner"><a class="wordmark" href="#introduction"><img alt="" aria-hidden="true" class="brand-icon" height="32" src="favicon.svg" width="32"/>EgoHumanoid<span>–V2</span></a><p>EgoHumanoid-V2 · OpenDriveLab</p><a class="back-top" href="#introduction">Back to top ↑</a></div></footer>
+<footer class="footer"><div class="wrap footer-inner"><a class="footer-brand" href="#introduction">EGOHUMANOID-V2</a><nav class="footer-nav" aria-label="Footer navigation"><a href="#introduction">Demo</a><a href="#demonstrations">Tasks</a><a href="#results">Results</a><a href="#overview">Summary</a><a href="#visual-alignment">Method</a></nav></div></footer>
 <dialog class="figure-dialog" aria-label="Enlarged research figure"><div class="figure-dialog-toolbar"><p id="figure-dialog-caption"></p><div class="figure-dialog-actions"><a class="button small" id="figure-fullsize" href="assets/figures/framework.webp" target="_blank" rel="noopener">Full size ↗</a><button class="button small" id="close-figure" type="button">Close <span aria-hidden="true">×</span></button></div></div><img id="figure-dialog-image" alt=""/></dialog>
 <div aria-live="polite" class="visually-hidden" id="announcement" role="status"></div>
 <noscript><div class="noscript-note">Enable JavaScript to switch videos, or <a href="assets/documents/supplementary-videos.zip">download the collection</a>.</div></noscript>

public/EgoHumanoid-V2/styles.css

@@ -411,3 +411,11 @@ thead th { font-weight: 600; color: var(--color-muted); }
 .hero-actions [aria-disabled="true"] { cursor: default; }
 
 .hero-bottom .scroll-cue { color: var(--color-ink); }
+
+.footer { padding: 64px 0; }
+.footer-inner { justify-content: space-between; text-align: left; gap: 28px; }
+.footer-brand { color: var(--color-accent); font-family: var(--font-display); font-size: 24px; font-weight: 800; letter-spacing: -.035em; }
+.footer-nav { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
+.footer-nav a { color: var(--color-muted); font-size: 14px; }
+.footer-nav a:hover { color: var(--color-accent); }
+@media (max-width: 600px) { .footer { padding-block: 40px; } .footer-inner { flex-direction: column; align-items: flex-start; } .footer-nav { gap: 16px 24px; } }