feat(docs): Quantum Cobalt v4.0 - Disruptive redesign with modern architecture

## Architecture Improvements
- Split CSS tokens into separate files (colors, typography, spacing, motion)
- Added comprehensive OKLCH color system with semantic diagram colors
- Implemented motion system with reduced-motion support

## Visual Upgrades
- Created LandingHero component with smooth entrance animations
- Added grid background and gradient glow effects
- Implemented staggered reveal animations for hero content

## Mermaid Diagram Fixes
- Replaced hardcoded colors with CSS variable-based semantic classes
- Added diagram color classes: success, process, decision, warning, error, start
- Fixed dark/light mode contrast issues in all diagrams

## Academic Citation System
- Created Bibliography.vue component with APA/IEEE formatting
- Added citations.yaml data file with reference metadata
- Implemented BibTeX export functionality

## Components Added
- LandingHero.vue: Modern hero section with animations
- Bibliography.vue: Academic citation display and management
- tokens/*.css: Modular design token system

## Files Modified
- Updated index pages (en/zh) to use new LandingHero
- Fixed learning-path.md Mermaid diagrams (en/zh)
- Refactored style.css for better maintainability

Author: LessUp

docs/.vitepress/data/citations.yaml

@@ -0,0 +1,151 @@
+# Citation data for C++ High Performance Guide
+# Format: YAML
+
+citations:
+  # Performance Engineering
+  - id: "fog2015optimization"
+    type: "article"
+    authors:
+      - "Fog, Agner"
+    title: "Optimizing software in C++"
+    year: 2015
+    source: "Technical University of Denmark"
+    url: "https://www.agner.org/optimize/"
+    tags: ["cpp", "optimization", "performance"]
+
+  - id: "meyers2014effective"
+    type: "book"
+    authors:
+      - "Meyers, Scott"
+    title: "Effective Modern C++: 42 Specific Ways to Improve Your Use of C++11 and C++14"
+    year: 2014
+    publisher: "O'Reilly Media"
+    isbn: "978-1491903995"
+    tags: ["cpp", "modern-cpp", "best-practices"]
+
+  # Memory and Cache
+  - id: "hennessy2019architecture"
+    type: "book"
+    authors:
+      - "Hennessy, John L."
+      - "Patterson, David A."
+    title: "Computer Architecture: A Quantitative Approach"
+    year: 2019
+    edition: "6th"
+    publisher: "Morgan Kaufmann"
+    isbn: "978-0128119051"
+    tags: ["architecture", "memory", "cache"]
+
+  - id: "drepper2007memory"
+    type: "article"
+    authors:
+      - "Drepper, Ulrich"
+    title: "What Every Programmer Should Know About Memory"
+    year: 2007
+    source: "Red Hat, Inc."
+    url: "https://people.freebsd.org/~lstewart/articles/cpumemory.pdf"
+    tags: ["memory", "cache", "numa"]
+
+  # SIMD and Vectorization
+  - id: "intel2024intrinsics"
+    type: "online"
+    authors:
+      - "Intel Corporation"
+    title: "Intel Intrinsics Guide"
+    year: 2024
+    url: "https://www.intel.com/content/www/us/en/docs/intrinsics-guide/index.html"
+    accessed: "2024-01-15"
+    tags: ["simd", "avx", "intrinsics"]
+
+  - id: "fogel2014optimization"
+    type: "book"
+    authors:
+      - "Fogel, David B."
+    title: "Introduction to Evolutionary Computation"
+    year: 2014
+    publisher: "Springer"
+    doi: "10.1007/978-3-662-44874-8"
+    tags: ["algorithms", "optimization"]
+
+  # Concurrency
+  - id: "herlihy2012art"
+    type: "book"
+    authors:
+      - "Herlihy, Maurice"
+      - "Shavit, Nir"
+    title: "The Art of Multiprocessor Programming"
+    year: 2012
+    publisher: "Morgan Kaufmann"
+    isbn: "978-0123973375"
+    tags: ["concurrency", "lock-free", "multithreading"]
+
+  - id: "williams2012concurrency"
+    type: "book"
+    authors:
+      - "Williams, Anthony"
+    title: "C++ Concurrency in Action: Practical Multithreading"
+    year: 2012
+    publisher: "Manning Publications"
+    isbn: "978-1933988771"
+    tags: ["cpp", "concurrency", "multithreading"]
+
+  # Algorithms
+  - id: "knuth1997sorting"
+    type: "book"
+    authors:
+      - "Knuth, Donald E."
+    title: "The Art of Computer Programming, Volume 3: Sorting and Searching"
+    year: 1997
+    edition: "2nd"
+    publisher: "Addison-Wesley"
+    isbn: "978-0201896855"
+    tags: ["algorithms", "sorting", "searching"]
+
+  - id: "khuong2013array"
+    type: "conference"
+    authors:
+      - "Khuong, Paul-Virak"
+      - "Leroy, Patrice"
+    title: "Array Layouts for Comparison-Based Searching"
+    year: 2013
+    booktitle: "ACM SIGPLAN Notices"
+    volume: "48"
+    number: "6"
+    pages: "49-61"
+    doi: "10.1145/2499370.2462183"
+    tags: ["algorithms", "searching", "memory-layout"]
+
+  # Benchmarking
+  - id: "google2023benchmark"
+    type: "online"
+    authors:
+      - "Google"
+    title: "Google Benchmark - A microbenchmark support library"
+    year: 2023
+    url: "https://github.com/google/benchmark"
+    accessed: "2024-01-15"
+    tags: ["benchmarking", "performance"]
+
+  # Hash Tables
+  - id: "knuth1998hashing"
+    type: "book"
+    authors:
+      - "Knuth, Donald E."
+    title: "The Art of Computer Programming, Volume 3: Sorting and Searching"
+    year: 1998
+    publisher: "Addison-Wesley Professional"
+    pages: "547-563"
+    tags: ["algorithms", "hashing"]
+
+  - id: "kipkemaboy2022hashtable"
+    type: "online"
+    authors:
+      - "Kipkemaboy"
+    title: "Hash Table Analysis: Robin Hood vs Swiss Tables"
+    year: 2022
+    url: "https://github.com/kipkemaboy/hashtable_analysis"
+    accessed: "2024-01-15"
+    tags: ["algorithms", "hashing", "performance"]
+
+# Format styles supported: apa, ieee, acm
+default_style: "apa"

docs/.vitepress/theme/Bibliography.vue

@@ -0,0 +1,245 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Citation {
+  id: string
+  type: 'article' | 'book' | 'conference' | 'online'
+  authors: string[]
+  title: string
+  year: number
+  source?: string
+  publisher?: string
+  booktitle?: string
+  volume?: string
+  number?: string
+  pages?: string
+  doi?: string
+  url?: string
+  isbn?: string
+  edition?: string
+  accessed?: string
+  tags?: string[]
+}
+
+const props = defineProps<{
+  citations: Citation[]
+  style?: 'apa' | 'ieee' | 'acm'
+  title?: string
+}>()
+
+const sortedCitations = computed(() =>
+  [...props.citations].sort((a, b) => a.id.localeCompare(b.id))
+)
+
+const citationStyle = computed(() => props.style || 'apa')
+
+function formatAPA(citation: Citation): string {
+  const authors = citation.authors.length > 2
+    ? `${citation.authors[0]} et al.`
+    : citation.authors.join(' & ')
+
+  let result = `${authors} (${citation.year}). ${citation.title}.`
+
+  if (citation.type === 'article' && citation.source) {
+    result += ` *${citation.source}*`
+  } else if (citation.type === 'book' && citation.publisher) {
+    result += ` ${citation.publisher}`
+  } else if (citation.type === 'conference' && citation.booktitle) {
+    result += ` In *${citation.booktitle}*`
+    if (citation.pages) result += ` (pp. ${citation.pages})`
+  }
+
+  return result
+}
+
+function formatIEEE(citation: Citation): string {
+  const authors = citation.authors.join(', ')
+
+  let result = `${authors}, "${citation.title},"`
+
+  if (citation.type === 'book') {
+    if (citation.edition) result += ` ${citation.edition} ed.`
+    if (citation.publisher) result += ` ${citation.publisher},`
+  } else if (citation.type === 'conference' && citation.booktitle) {
+    result += ` in *${citation.booktitle}*`
+    if (citation.pages) result += `, pp. ${citation.pages},`
+  } else if (citation.type === 'article' && citation.source) {
+    result += ` *${citation.source}*`
+    if (citation.volume) result += `, vol. ${citation.volume}`
+    if (citation.number) result += `, no. ${citation.number}`
+  }
+
+  result += ` ${citation.year}.`
+
+  return result
+}
+
+function formatCitation(citation: Citation): string {
+  switch (citationStyle.value) {
+    case 'ieee':
+      return formatIEEE(citation)
+    case 'apa':
+    default:
+      return formatAPA(citation)
+  }
+}
+
+function generateBibTeX(citation: Citation): string {
+  const typeMap: Record<string, string> = {
+    article: 'article',
+    book: 'book',
+    conference: 'inproceedings',
+    online: 'misc'
+  }
+  const bibtexType = typeMap[citation.type] || 'misc'
+
+  let bibtex = `@${bibtexType}{${citation.id},\n`
+  bibtex += `  author = {${citation.authors.join(' and ')}},\n`
+  bibtex += `  title = {${citation.title}},\n`
+  bibtex += `  year = {${citation.year}},\n`
+
+  if (citation.publisher) bibtex += `  publisher = {${citation.publisher}},\n`
+  if (citation.booktitle) bibtex += `  booktitle = {${citation.booktitle}},\n`
+  if (citation.doi) bibtex += `  doi = {${citation.doi}},\n`
+  if (citation.url) bibtex += `  url = {${citation.url}},\n`
+  if (citation.isbn) bibtex += `  isbn = {${citation.isbn}},\n`
+  if (citation.pages) bibtex += `  pages = {${citation.pages}},\n`
+
+  bibtex += '}'
+  return bibtex
+}
+
+function copyBibTeX(citation: Citation) {
+  const bibtex = generateBibTeX(citation)
+  navigator.clipboard.writeText(bibtex)
+}
+</script>
+
+<template>
+  <section class="wp-bibliography">
+    <h2 v-if="title">{{ title }}</h2>
+    <ol class="wp-bibliography-list">
+      <li
+        v-for="citation in sortedCitations"
+        :key="citation.id"
+        class="wp-bibliography-item"
+      >
+        <span class="wp-bibliography-id">[{{ citation.id }}]</span>
+        <span class="wp-bibliography-text">
+          {{ formatCitation(citation) }}
+        </span>
+        <div class="wp-bibliography-actions">
+          <a
+            v-if="citation.doi"
+            :href="`https://doi.org/${citation.doi}`"
+            target="_blank"
+            rel="noopener"
+            class="wp-bibliography-link"
+          >
+            DOI
+          </a>
+          <a
+            v-if="citation.url"
+            :href="citation.url"
+            target="_blank"
+            rel="noopener"
+            class="wp-bibliography-link"
+          >
+            Link
+          </a>
+          <button
+            class="wp-bibliography-bibtex"
+            @click="copyBibTeX(citation)"
+            title="Copy BibTeX citation"
+          >
+            BibTeX
+          </button>
+        </div>
+      </li>
+    </ol>
+  </section>
+</template>
+
+<style scoped>
+.wp-bibliography {
+  margin: var(--wp-space-7) 0;
+  padding: var(--wp-space-5);
+  border: 1px solid var(--wp-line-1);
+  border-radius: var(--wp-radius-2);
+  background: var(--wp-surface-1);
+}
+
+.wp-bibliography h2 {
+  margin-top: 0;
+  margin-bottom: var(--wp-space-4);
+  color: var(--wp-ink-1);
+  font-size: 1.2rem;
+  font-weight: 700;
+}
+
+.wp-bibliography-list {
+  margin: 0;
+  padding-left: var(--wp-space-5);
+}
+
+.wp-bibliography-item {
+  margin-bottom: var(--wp-space-4);
+  color: var(--wp-ink-2);
+  font-size: 0.95rem;
+  line-height: 1.7;
+}
+
+.wp-bibliography-item:last-child {
+  margin-bottom: 0;
+}
+
+.wp-bibliography-id {
+  font-family: var(--wp-font-mono);
+  font-size: 0.85em;
+  color: var(--wp-accent-primary);
+  margin-right: var(--wp-space-2);
+}
+
+.wp-bibliography-text {
+  color: var(--wp-ink-2);
+}
+
+.wp-bibliography-actions {
+  display: inline-flex;
+  gap: var(--wp-space-2);
+  margin-left: var(--wp-space-3);
+}
+
+.wp-bibliography-link {
+  padding: 0.15rem 0.4rem;
+  border-radius: var(--wp-radius-1);
+  background: var(--wp-accent-soft);
+  color: var(--wp-accent-primary);
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-decoration: none;
+  transition: all var(--wp-transition-fast);
+}
+
+.wp-bibliography-link:hover {
+  background: var(--wp-accent-primary);
+  color: white;
+}
+
+.wp-bibliography-bibtex {
+  padding: 0.15rem 0.4rem;
+  border: 1px solid var(--wp-line-1);
+  border-radius: var(--wp-radius-1);
+  background: var(--wp-surface-2);
+  color: var(--wp-ink-3);
+  font-size: 0.75rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all var(--wp-transition-fast);
+}
+
+.wp-bibliography-bibtex:hover {
+  border-color: var(--wp-accent-primary);
+  color: var(--wp-accent-primary);
+}
+</style>