diff --git a/src/components/ui/GitHubCard.astro b/src/components/ui/GitHubCard.astro
index 98b7f29..18d451b 100644
--- a/src/components/ui/GitHubCard.astro
+++ b/src/components/ui/GitHubCard.astro
@@ -100,7 +100,7 @@
 
       if (!response.ok) {
         if (el.desc) {
-          el.desc.textContent = '⚠ Loading failed'
+          el.desc.textContent = '--'
         }
         return
       }
@@ -113,7 +113,7 @@
     } catch (error) {
       console.error(`Failed to fetch ${repo}:`, error)
       if (el.desc) {
-        el.desc.textContent = '⚠ Loading failed'
+        el.desc.textContent = '--'
       }
     }
   }
diff --git a/src/components/ui/LinkCard.astro b/src/components/ui/LinkCard.astro
index d60c5e6..27edbd9 100644
--- a/src/components/ui/LinkCard.astro
+++ b/src/components/ui/LinkCard.astro
@@ -207,6 +207,7 @@
     text-decoration: none;
     color: inherit;
     background: var(--astro-code-background);
+    min-height: 3.5rem;
     margin: 1.25rem 0 1.75rem 0;
     transition: background 0.2s ease-out;
   }
diff --git a/src/components/ui/NeoDBCard.astro b/src/components/ui/NeoDBCard.astro
new file mode 100644
index 0000000..69024df
--- /dev/null
+++ b/src/components/ui/NeoDBCard.astro
@@ -0,0 +1,379 @@
+<script is:inline>
+  // This script finds all NeoDB containers on the page and fetches data for each one.
+  document.addEventListener('DOMContentLoaded', () => {
+    const allContainers = document.querySelectorAll('.neodb-card-container')
+
+    allContainers.forEach((container) => {
+      if (!container.hasAttribute('data-url')) {
+        container.remove()
+      }
+    })
+
+    const containers = document.querySelectorAll('.neodb-card-container[data-url]')
+
+    if (containers.length === 0) {
+      return
+    }
+
+    const renderError = (elem) => {
+      elem.innerHTML = `<div class="neodb-card error"><p class="neodb-error">🔴&nbsp;&nbsp;Error</p></div>`
+    }
+
+    const renderCard = (elem, data, targetUrl) => {
+      const itemRating = data?.rating && data.rating > 0 ? parseFloat(data.rating) : null
+      const coverUrl = data.cover_image_url || data.cover_url
+      const category = data.category || ''
+
+      const getPreferredTitle = () => {
+        // Special handling for music/album types only
+        if (category === 'music' || category === 'album') {
+          if (Array.isArray(data.localized_title)) {
+            const nonZh = data.localized_title.find((t) => t.lang !== 'zh-cn' && t.text)
+            if (nonZh) return nonZh.text
+            const zh = data.localized_title.find((t) => t.lang === 'zh-cn' && t.text)
+            if (zh) return zh.text
+          }
+        }
+        return data.title || data.name || ''
+      }
+
+      const title = getPreferredTitle()
+
+      const isSquare = category === 'music' || category === 'podcast'
+      const coverClass = isSquare ? 'music' : 'other'
+      const cardHeightClass = isSquare ? 'compact' : 'standard'
+
+      // Round rating to the nearest half-star: 1 point = 0.5 star
+      const roundedRating = itemRating !== null ? Math.round(itemRating * 2) / 2 : null
+
+      // Build field info
+      const fieldInfo = []
+
+      if (category === 'movie' || category === 'tv' || category === 'tv/season') {
+        // Movie/TV: Director, Cast, Genre, Release Year
+        if (data.director && data.director.length > 0) {
+          const directors = Array.isArray(data.director) ? data.director.join(', ') : data.director
+          fieldInfo.push(`导演: ${directors}`)
+        }
+        if (data.actor && data.actor.length > 0) {
+          const actors = Array.isArray(data.actor) ? data.actor.join(', ') : data.actor
+          fieldInfo.push(`演员: ${actors}`)
+        }
+        if (data.genre && data.genre.length > 0) {
+          const genres = Array.isArray(data.genre) ? data.genre.join(', ') : data.genre
+          fieldInfo.push(`类型: ${genres}`)
+        }
+        // Add release year - "Release Date" for movies, "Premiere" for TV
+        if (data.year) {
+          const timeLabel = category === 'movie' ? '上映时间' : '首播'
+          fieldInfo.push(`${timeLabel}: ${data.year}`)
+        }
+      } else if (category === 'music' || category === 'album') {
+        // Music: Artist, Genre, Release Date
+        if (data.artist && data.artist.length > 0) {
+          // Only show the first artist for music/album
+          const artist = Array.isArray(data.artist) ? data.artist[0] : data.artist
+          fieldInfo.push(`艺术家: ${artist}`)
+        }
+        if (data.genre && data.genre.length > 0) {
+          const genres = Array.isArray(data.genre) ? data.genre.join(', ') : data.genre
+          fieldInfo.push(`流派: ${genres}`)
+        }
+        if (data.release_date) {
+          fieldInfo.push(`发行时间: ${data.release_date}`)
+        }
+      } else if (category === 'book') {
+        // Book: Author, Publisher
+        if (data.author && data.author.length > 0) {
+          const authors = Array.isArray(data.author) ? data.author.join(', ') : data.author
+          fieldInfo.push(`作者: ${authors}`)
+        }
+        // Check multiple possible publisher fields
+        const publisher = data.publisher || data.pub_house || data.company
+        if (publisher && (Array.isArray(publisher) ? publisher.length > 0 : publisher)) {
+          const publishers = Array.isArray(publisher) ? publisher.join(', ') : publisher
+          fieldInfo.push(`出版社: ${publishers}`)
+        }
+      } else if (category === 'game') {
+        // Game: Developer, Genre, Release Date
+        if (data.developer && data.developer.length > 0) {
+          const developers = Array.isArray(data.developer)
+            ? data.developer.join(', ')
+            : data.developer
+          fieldInfo.push(`开发者: ${developers}`)
+        }
+        if (data.genre && data.genre.length > 0) {
+          const genres = Array.isArray(data.genre) ? data.genre.join(', ') : data.genre
+          fieldInfo.push(`类型: ${genres}`)
+        }
+        if (data.release_date) {
+          fieldInfo.push(`发行时间: ${data.release_date}`)
+        }
+      } else if (category === 'podcast') {
+        // Podcast: Host, Genre
+        const host = data.host || data.artist || data.creator
+        if (host && (Array.isArray(host) ? host.length > 0 : host)) {
+          const hosts = Array.isArray(host) ? host.join(', ') : host
+          fieldInfo.push(`主播: ${hosts}`)
+        }
+        if (data.genre && data.genre.length > 0) {
+          const genres = Array.isArray(data.genre) ? data.genre.join(', ') : data.genre
+          fieldInfo.push(`类型: ${genres}`)
+        }
+      }
+
+      elem.innerHTML = `
+        <a class="neodb-card ${cardHeightClass}" href="${targetUrl}" target="_blank" rel="noopener noreferrer">
+          ${coverUrl ? `<img class="neodb-cover ${coverClass}" src="${coverUrl}" alt="${title || ''}" loading="lazy" />` : `<div class="neodb-cover ${coverClass}" style="background: #f3f4f6;"></div>`}
+          <div class="neodb-info">
+            <div class="neodb-title">${title || ''}</div>
+            ${
+              roundedRating !== null
+                ? `<div class="rating">
+              <span class="allstarbg">
+                <span class="allstarfg" style="width:${(roundedRating / 10) * 100}%"></span>
+              </span>
+              <span class="rating_nums">${itemRating.toFixed(1)}</span>
+            </div>`
+                : `<div class="rating">
+              <span class="allstargray"></span>
+            </div>`
+            }
+            ${fieldInfo
+              .map((info) => {
+                if (info.startsWith('<div class="neodb-desc">')) {
+                  return info
+                }
+                return `<div class="neodb-field">${info}</div>`
+              })
+              .join('')}
+          </div>
+        </a>
+      `
+    }
+
+    containers.forEach((container) => {
+      const url = container.getAttribute('data-url')
+
+      if (!url) return
+
+      let fetchUrl = ''
+      const neodbUrlPattern =
+        /neodb\.social\/(movie|book|music|album|game|tv\/season|tv|podcast)\/([\w-]+)/
+      const isNeoDbUrl = neodbUrlPattern.test(url)
+
+      if (isNeoDbUrl) {
+        const match = url.match(neodbUrlPattern)
+        let category = match ? match[1] : ''
+        const uuid = match ? match[2] : ''
+
+        if (category === 'tv/season') {
+          category = 'tv/season'
+        }
+
+        if (uuid && category) {
+          fetchUrl = `https://neodb.social/api/${category}/${uuid}`
+        }
+      } else {
+        fetchUrl = `https://neodb.social/api/catalog/fetch?url=${encodeURIComponent(url)}`
+      }
+
+      if (fetchUrl) {
+        fetch(fetchUrl, {
+          mode: 'cors',
+          headers: {
+            Accept: 'application/json'
+          }
+        })
+          .then((res) => {
+            if (!res.ok) throw new Error(`Response ${res.status}`)
+            return res.json()
+          })
+          .then((json) => {
+            const data = json.data ? json.data : json
+            renderCard(container, data, url)
+          })
+          .catch(() => {
+            renderError(container)
+          })
+      } else {
+        renderError(container)
+      }
+    })
+  })
+</script>
+
+<style is:inline>
+  .prose .neodb-card {
+    width: 100%;
+    height: 100%;
+    background: var(--astro-code-background);
+    color: var(--text-primary);
+    border-radius: 8px;
+    display: flex;
+    position: relative;
+    text-decoration: none !important;
+    transition: background 0.2s ease-out;
+    margin: 1.25rem 0 1.75rem 0;
+    overflow: hidden;
+  }
+
+  .prose .neodb-card.compact {
+    min-height: 6rem;
+  }
+
+  .prose .neodb-card.standard {
+    min-height: 9rem;
+  }
+
+  .prose .neodb-card:hover {
+    background: color-mix(in srgb, var(--selection) 75%, transparent);
+  }
+
+  .prose .neodb-card.error:hover {
+    background: var(--astro-code-background) !important;
+    cursor: default;
+  }
+
+  .prose .neodb-cover {
+    width: 96px !important;
+    border-radius: 6px;
+    margin: 1rem;
+  }
+
+  .prose .neodb-cover.music {
+    height: 96px !important; /* 1:1 for music */
+  }
+
+  .prose .neodb-cover.other {
+    height: 144px !important; /* 9:16 for other types */
+  }
+
+  .prose .neodb-info {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    margin: 1rem 1rem 1rem 0;
+  }
+
+  .prose .neodb-field {
+    font-size: var(--font-size-s);
+    color: var(--text-primary);
+    line-height: 1.4;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .prose .neodb-artist {
+    font-size: var(--font-size-s);
+    color: var(--text-primary);
+  }
+
+  .prose .no-rating {
+    font-size: var(--font-size-s);
+    color: var(--text-primary);
+    line-height: 1;
+    margin: 0 0 0.25rem 0;
+  }
+
+  .prose .neodb-title {
+    color: var(--text-primary);
+    font-weight: var(--font-weight-bold);
+    line-height: 1.35;
+    margin-bottom: 0.125rem;
+  }
+
+  .prose .neodb-title a {
+    text-decoration: none !important;
+  }
+
+  .prose .neodb-desc {
+    font-size: var(--font-size-s);
+    color: var(--text-primary);
+    margin-top: 0.25rem;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-wrap: break-word;
+    max-width: 100%;
+  }
+
+  .prose .rating {
+    margin: 0 0 0.25rem 0;
+    font-size: var(--font-size-s);
+    line-height: 1;
+    display: flex;
+    align-items: center;
+  }
+
+  .prose .rating .allstarbg {
+    position: relative;
+    color: #f99b01;
+    height: 1rem;
+    width: 5rem;
+    background-size: auto 100%;
+    margin-right: 0.25rem;
+    background-repeat: repeat;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6TTY2NC44IDU2MS42bDM2LjEgMjEwLjNMNTEyIDY3Mi43IDMyMy4xIDc3MmwzNi4xLTIxMC4zLTE1Mi44LTE0OUw0MTcuNiAzODIgNTEyIDE5MC43IDYwNi40IDM4MmwyMTEuMiAzMC43LTE1Mi44IDE0OC45eiIgZmlsbD0iI2Y5OWIwMSIvPjwvc3ZnPg==);
+  }
+
+  .prose .rating .allstarfg {
+    position: absolute;
+    left: 0;
+    color: #f99b01;
+    height: 1rem;
+    overflow: hidden;
+    background-size: auto 100%;
+    background-repeat: repeat;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6IiBmaWxsPSIjZjk5YjAxIi8+PC9zdmc+);
+  }
+
+  .prose .rating_nums {
+    font-size: var(--font-size-s);
+    color: var(--text-primary);
+  }
+
+  .prose .rating .allstargray {
+    position: relative;
+    height: 1rem;
+    width: 5rem;
+    margin-right: 8px;
+    background-color: var(--text-primary);
+    opacity: 0.15;
+    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+);
+    mask-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+);
+    -webkit-mask-size: auto 100%;
+    mask-size: auto 100%;
+    -webkit-mask-repeat: repeat;
+    mask-repeat: repeat;
+  }
+
+  /* Skeleton/Loading card styles */
+  .prose .neodb-loading.music {
+    min-height: 8rem !important;
+    background: var(--astro-code-background);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .prose .neodb-loading.other {
+    min-height: 11rem !important;
+    background: var(--astro-code-background);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .prose .neodb-error {
+    font-size: var(--font-size-m);
+    margin: 1.5rem;
+  }
+</style>
diff --git a/src/content/posts/embedded-content.md b/src/content/posts/embedded-content.md
index 5b2621a..a1599cb 100644
--- a/src/content/posts/embedded-content.md
+++ b/src/content/posts/embedded-content.md
@@ -6,17 +6,19 @@ pubDate: '2025-06-06'
 Use these directives to embed media:
 
 ```
-::link{url="https://xxxxx"}
+::link{url="https://xxxxx.xxx"}
 
-::spotify{url="https://open.spotify.com/type/xxxxxx"}
+::spotify{url="https://open.spotify.com/type/xxxxx"}
 
-::youtube{url="https://www.youtube.com/watch?v=xxxxxx"}
+::youtube{url="https://www.youtube.com/watch?v=xxxxx"}
 
-::bilibili{url="https://www.bilibili.com/video/xxxxxx"}
+::bilibili{url="https://www.bilibili.com/video/xxxxx"}
 
 ::github{repo="username/repo"}
 
-::x{url="https://x.com/username/status/xxxxxx"}
+::x{url="https://x.com/username/status/xxxxx"}
+
+::neodb{url="https://neodb.social/category/xxxxx"}
 ```
 
 ```
@@ -59,3 +61,13 @@ then you don't need to set adapter before building.
 ## X Post
 
 ::x{url="https://x.com/DAVID_LYNCH/status/1174367510893752321"}
+
+## NeoDB (CN Only)
+
+::neodb{url="https://neodb.social/album/5nD3R8gmnVlsoOBdyO8PA3"}
+
+::neodb{url="https://neodb.social/movie/1bhogjXkNnlWWM0bf6aj8P"}
+
+::neodb{url="https://neodb.social/book/4BqQ5mhfKMHPND3L6hf0Qh"}
+
+::neodb{url="https://neodb.social/game/1hl18l0qD5UN93k8ZkCZ7Q"}
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
index 0f86575..7d1f4c5 100644
--- a/src/layouts/PostLayout.astro
+++ b/src/layouts/PostLayout.astro
@@ -8,10 +8,11 @@ import Footer from '@/components/layout/Footer.astro'
 import BackButton from '@/components/ui/BackButton.astro'
 import TableOfContents from '@/components/ui/TableOfContents.astro'
 import GradientMask from '@/components/ui/GradientMask.astro'
+import ImageOptimizer from '@/components/ui/ImageOptimizer.astro'
 import ImageViewer from '@/components/ui/ImageViewer.astro'
 import GitHubCard from '@/components/ui/GitHubCard.astro'
 import LinkCard from '@/components/ui/LinkCard.astro'
-import ImageOptimizer from '@/components/ui/ImageOptimizer.astro'
+import NeoDBCard from '@/components/ui/NeoDBCard.astro'
 import XPOST from '@/components/ui/XPOST.astro'
 import CopyCode from '@/components/ui/CopyCode.astro'
 import BaseLayout from '@/layouts/BaseLayout.astro'
@@ -58,11 +59,12 @@ const ogImage = `/open-graph/${postSlug}.png`
         <slot />
       </div>
     </main>
+    <ImageOptimizer />
     <FootnoteScroll />
     <CopyCode />
     <GitHubCard />
     <XPOST />
-    <ImageOptimizer />
+    <NeoDBCard />
     {themeConfig.post.imageViewer && <ImageViewer />}
     {themeConfig.post.linkCard && <LinkCard />}
     {themeConfig.general.footer && <Footer />}
diff --git a/src/plugins/remark-embedded-media.mjs b/src/plugins/remark-embedded-media.mjs
index 7083e59..ad28527 100644
--- a/src/plugins/remark-embedded-media.mjs
+++ b/src/plugins/remark-embedded-media.mjs
@@ -173,7 +173,7 @@ const embedHandlers = {
             <path d="M12 1C5.9225 1 1 5.9225 1 12C1 16.8675 4.14875 20.9787 8.52125 22.4362C9.07125 22.5325 9.2775 22.2025 9.2775 21.9137C9.2775 21.6525 9.26375 20.7862 9.26375 19.865C6.5 20.3737 5.785 19.1912 5.565 18.5725C5.44125 18.2562 4.905 17.28 4.4375 17.0187C4.0525 16.8125 3.5025 16.3037 4.42375 16.29C5.29 16.2762 5.90875 17.0875 6.115 17.4175C7.105 19.0812 8.68625 18.6137 9.31875 18.325C9.415 17.61 9.70375 17.1287 10.02 16.8537C7.5725 16.5787 5.015 15.63 5.015 11.4225C5.015 10.2262 5.44125 9.23625 6.1425 8.46625C6.0325 8.19125 5.6475 7.06375 6.2525 5.55125C6.2525 5.55125 7.17375 5.2625 9.2775 6.67875C10.1575 6.43125 11.0925 6.3075 12.0275 6.3075C12.9625 6.3075 13.8975 6.43125 14.7775 6.67875C16.8813 5.24875 17.8025 5.55125 17.8025 5.55125C18.4075 7.06375 18.0225 8.19125 17.9125 8.46625C18.6138 9.23625 19.04 10.2125 19.04 11.4225C19.04 15.6437 16.4688 16.5787 14.0213 16.8537C14.42 17.1975 14.7638 17.8575 14.7638 18.8887C14.7638 20.36 14.75 21.5425 14.75 21.9137C14.75 22.2025 14.9563 22.5462 15.5063 22.4362C19.8513 20.9787 23 16.8537 23 12C23 5.9225 18.0775 1 12 1Z"></path>
           </svg>
         </div>
-        <p class="gc-repo-description">Loading...</p>
+        <p class="gc-repo-description">--</p>
         <div class="gc-info-bar">
           <svg class="gc-info-icon" height="16" width="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
             <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>
@@ -190,6 +190,27 @@ const embedHandlers = {
         </div>
       </a>
     `
+  },
+
+  // NeoDB Card
+  neodb: (node) => {
+    const url = node.attributes?.url ?? ''
+    if (!url) {
+      return false
+    }
+
+    const neodbUrlPattern =
+      /neodb\.social\/(movie|book|music|album|game|tv\/season|tv|podcast)\/([\w-]+)/
+    const match = url.match(neodbUrlPattern)
+    const category = match ? match[1] : 'other'
+
+    const isSquare = category === 'music' || category === 'album' || category === 'podcast'
+    const skeletonClass = isSquare ? 'music' : 'other'
+
+    return `<div class="neodb-card-container" data-url="${url}">
+  <div class="neodb-card neodb-loading ${skeletonClass}">
+  </div>
+</div>`
   }
 }