feat(home): add vLLM partnership

Author: NewSunH

docs/.vitepress/theme/components/HomePage.vue

@@ -50,6 +50,14 @@ const sponsors = [
   }
 ]
 
+const partners = [
+  {
+    name: 'vLLM',
+    logo: '/partners/vllm.svg',
+    href: 'https://vllm.ai/'
+  }
+]
+
 interface SchedulePreviewItem {
   key: string
   date: string
@@ -214,5 +222,30 @@ function scheduleHref(href?: string) {
         </article>
       </div>
     </section>
+
+    <section class="home-section home-partner-section" aria-labelledby="home-partner-title">
+      <div class="home-section-heading">
+        <p class="home-chip">合作支持</p>
+        <h2 id="home-partner-title">合作伙伴</h2>
+      </div>
+
+      <div class="home-partner-list">
+        <a
+          v-for="partner in partners"
+          :key="partner.name"
+          class="home-partner-card"
+          :href="partner.href"
+          target="_blank"
+          rel="noopener noreferrer"
+          :aria-label="`访问 ${partner.name} 官网`"
+        >
+          <img
+            :src="withBase(partner.logo)"
+            :alt="`${partner.name}标志`"
+            loading="lazy"
+          >
+        </a>
+      </div>
+    </section>
   </main>
 </template>

docs/.vitepress/theme/style.css

@@ -412,7 +412,8 @@ a {
 .home-topic-card,
 .home-format-card,
 .home-schedule-card,
-.home-sponsor-card {
+.home-sponsor-card,
+.home-partner-card {
   border: 1px solid var(--site-line);
   border-radius: 16px;
   background: var(--site-surface);
@@ -489,7 +490,8 @@ a {
 
 .home-topic-card:hover,
 .home-format-card:hover,
-.home-schedule-card:hover {
+.home-schedule-card:hover,
+.home-partner-card:hover {
   border-color: color-mix(in srgb, var(--home-topic-color, var(--site-brand)) 42%, var(--site-line));
   transform: translateY(-2px);
 }
@@ -744,6 +746,30 @@ a {
   line-height: 1.85;
 }
 
+.home-partner-list {
+  display: flex;
+}
+
+.home-partner-card {
+  display: flex;
+  width: min(560px, 100%);
+  min-height: 190px;
+  padding: 20px 40px;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff;
+  transition:
+    border-color 160ms ease,
+    transform 160ms ease;
+}
+
+.home-partner-card img {
+  display: block;
+  width: min(100%, 360px);
+  height: 150px;
+  object-fit: contain;
+}
+
 @media (max-width: 900px) {
   .home-topic-card {
     grid-template-columns: 64px minmax(0, 1fr);
@@ -824,13 +850,23 @@ a {
   .home-sponsor-card > p {
     padding: 20px;
   }
+
+  .home-partner-card {
+    min-height: 160px;
+    padding: 18px 28px;
+  }
+
+  .home-partner-card img {
+    height: 124px;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
   .home-button,
   .home-topic-card,
   .home-format-card,
-  .home-schedule-card {
+  .home-schedule-card,
+  .home-partner-card {
     transition: none;
   }
 }