Optimize site: performance, SEO, accessibility, image weight

Homepage / SPA:
- Remove render-blocking Font Awesome CDN; replace with inline SVG icons
- Add SEO/social metadata (Open Graph, Twitter cards, JSON-LD Organization,
  canonical, theme-color), robots.txt, sitemap.xml, noscript fallback;
  set document.title per route + language
- Lazy-load member photos; defer scripts
- Accessibility: semantic <button>s for in-page nav, :focus-visible,
  aria-current on active nav
- Compress homepage highlight thumbnails to WebP (887K -> 252K)

Blog:
- Remove Font Awesome CDN from all 27 posts + shared chrome
  (inline SVG footer icons in blog-chrome.js/css)
- Convert hero + heavy figures to WebP; downscale oversized figures
  (some 6000-12700px wide) -> blog image weight 59.7MB -> 35.2MB
- Lazy-load 110 below-the-fold figures

Cleanup / tooling:
- Delete 16 unreferenced orphan images (2.4MB), each verified safe
- Add reproducible tooling under scripts/ (image optimization,
  sitemap generation, blog-ref validation)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: xpqiu

assets/css/style.css

@@ -113,6 +113,15 @@ a:focus {
   text-decoration: underline;
 }
 
+/* Visible keyboard focus for interactive elements (mouse clicks unaffected) */
+a:focus-visible,
+button:focus-visible,
+[tabindex]:focus-visible {
+  outline: 2px solid var(--fudan-blue);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
 ul {
   margin: 0 0 16px 20px;
   padding: 0;
@@ -327,6 +336,8 @@ nav.navbar {
   font-weight: 500;
   border-radius: 24px;
   border: 2px solid transparent;
+  background: transparent;
+  cursor: pointer;
   transition: all 0.2s ease;
 }
 
@@ -1862,18 +1873,27 @@ html[lang="zh-CN"] .footer-grid {
   gap: 4px;
 }
 
-.toc-links a {
+.toc-links a,
+.toc-links .toc-link {
   display: block;
+  width: 100%;
   text-align: left;
   padding: 8px 12px;
   color: var(--fudan-blue);
   font-weight: 400;
   font-size: 14px;
+  font-family: inherit;
+  line-height: 1.5;
+  background: none;
+  border: none;
   border-radius: 6px;
+  cursor: pointer;
   transition: all 0.2s ease;
 }
 
-.toc-links a:hover {
+.toc-links a:hover,
+.toc-links .toc-link:hover,
+.toc-links .toc-link:focus-visible {
   background: var(--mist);
   text-decoration: none;
   padding-left: 16px;
@@ -2028,12 +2048,40 @@ h3.year-badge {
 }
 
 .why-join-icon {
-  font-size: 26px;
   margin-bottom: 16px;
   line-height: 1;
   color: var(--fudan-blue);
 }
 
+.why-join-icon svg {
+  width: 30px;
+  height: 30px;
+  display: block;
+}
+
+/* Footer contact links: inline SVG icon (replaces Font Awesome) */
+.footer-contact-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer-contact-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  color: var(--fudan-blue);
+}
+
+.footer-contact-icon svg {
+  width: 16px;
+  height: 16px;
+  display: block;
+}
+
+.footer-contact-link:hover .footer-contact-icon {
+  color: var(--fudan-blue-80);
+}
+
 .why-join-card h4 {
   font-size: 18px;
   font-weight: 600;
@@ -2066,7 +2114,11 @@ h3.year-badge {
   }
 
   .why-join-icon {
-    font-size: 24px;
     margin-bottom: 14px;
   }
+
+  .why-join-icon svg {
+    width: 27px;
+    height: 27px;
+  }
 }

assets/highlights.md

@@ -21,7 +21,7 @@ title: Organizational Intelligence: Governing Agentic AI at the Level of the Org
 desc: As AI moves from capable models to autonomous agents, the binding constraint shifts from the model to the organization around it. This essay argues the organization—not the isolated model or task—is the right unit for designing, evaluating, and governing agentic AI, with an eight-element state formalization, three nested feedback loops, and a governance-as-entry-condition L0–L5 maturity model.
 标签: AI4AI, 智能体
 tags: AI4AI, Agents
-图: assets/img/highlights/organizational-intelligence.png
+图: assets/img/highlights/organizational-intelligence.webp
 链接: /blog/en/organizational-intelligence/
 
 ---
@@ -33,7 +33,7 @@ title: Thinking with Video: Video Generation as a Promising Multimodal Reasoning
 desc: A “Thinking with Video” paradigm—video-generation models like Sora-2 reason over generated video frames as a unified medium, capturing the dynamic processes that text/image “thinking” cannot. On the new VideoThinkBench it rivals top VLMs and surpasses GPT-5 on visual puzzles.
 标签: 多模态, 视频
 tags: Multimodal, Video
-图: assets/img/highlights/thinking-with-video.png
+图: assets/img/highlights/thinking-with-video.webp
 链接: /blog/cn/thinking-with-video/
 
 ---
@@ -45,7 +45,7 @@ title: MOSS-TTS Technical Report
 desc: A scalable speech-generation foundation model supporting zero-shot voice cloning, duration and pronunciation control, smooth code-switching, and stable long-form generation.
 标签: 语音
 tags: Speech
-图: assets/img/highlights/moss-tts.png
+图: assets/img/highlights/moss-tts.webp
 链接: /blog/cn/moss-tts/
 
 ---
@@ -57,7 +57,7 @@ title: AI Can Learn Scientific Taste
 desc: Introduces Reinforcement Learning from Community Feedback (RLCF): a "Scientific Judge" trained on large-scale citation signals to assess idea quality, and a "Scientific Thinker" aligned to propose high-impact research ideas—surpassing frontier models like GPT-5.2 and Gemini 3 Pro.
 标签: AI4AI
 tags: AI4AI
-图: assets/img/highlights/scientific-taste.png
+图: assets/img/highlights/scientific-taste.webp
 链接: /blog/cn/scientific-taste/
 
 ---
@@ -69,7 +69,7 @@ title: MOVA: Towards Scalable and Synchronized Video-Audio Generation
 desc: An open-source joint video-audio generation model producing high-quality, synchronized visuals and audio—lip-synced speech, environment-aware sound effects, and content-aligned music—built on a MoE architecture (32B total / 18B active).
 标签: 视频, 语音
 tags: Video, Speech
-图: assets/img/highlights/mova.jpg
+图: assets/img/highlights/mova.webp
 链接: /blog/cn/mova/
 
 ---
@@ -81,7 +81,7 @@ title: MOSS-Speech: True Speech-to-Speech Generation
 desc: Native end-to-end speech interaction without any intermediate text guidance
 标签: 语音
 tags: Speech
-图: assets/img/highlights/moss-speech.png
+图: assets/img/highlights/moss-speech.webp
 链接: https://arxiv.org/abs/2510.00499
 
 ---
@@ -93,5 +93,5 @@ title: XY-Tokenizer: Low-Bitrate Unified Acoustic-Semantic Encoding
 desc: State-of-the-art 1kbps unified acoustic-semantic encoding and discretization tool
 标签: 语音
 tags: Speech
-图: assets/img/highlights/xy-tokenizer.png
+图: assets/img/highlights/xy-tokenizer.webp
 链接: https://arxiv.org/abs/2506.23325