style(home): prioritize upcoming schedule

Author: NewSunH

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

@@ -2,16 +2,9 @@
 import { withBase } from 'vitepress'
 import {
   calendarEvents,
-  sessions,
   topics
 } from '../../data/program'
 
-const facts = [
-  { label: '课程场次', value: `${sessions.length} 场系列研讨` },
-  { label: '主题方向', value: `${topics.length} 大主题方向` },
-  { label: '活动时间', value: '2026 暑期' }
-]
-
 const formatSteps = [
   {
     number: '01',
@@ -99,7 +92,7 @@ function scheduleHref(href?: string) {
 <template>
   <main class="home-shell">
     <header class="home-hero">
-      <p class="home-chip">北京大学学生 Linux 俱乐部 · 未名超算</p>
+      <p class="home-chip">北京大学学生 Linux 俱乐部 · 未名超算队</p>
       <h1>AI Infrastructure Seminars</h1>
       <p class="home-subtitle">从 GPU Kernel 到分布式训推系统的系列研讨</p>
       <p class="home-lead">
@@ -116,11 +109,36 @@ function scheduleHref(href?: string) {
       </div>
     </header>
 
-    <section class="home-facts" aria-label="课程概览">
-      <article v-for="fact in facts" :key="fact.label" class="home-fact-card">
-        <p>{{ fact.label }}</p>
-        <strong>{{ fact.value }}</strong>
-      </article>
+    <section class="home-section home-schedule-section" aria-labelledby="home-schedule-title">
+      <div class="home-section-heading home-section-heading-row">
+        <div>
+          <h2 id="home-schedule-title">近期安排</h2>
+        </div>
+        <a class="home-calendar-link" :href="withBase('/schedule')">打开完整日历 →</a>
+      </div>
+
+      <div v-if="schedulePreview.length" class="home-schedule-list">
+        <a
+          v-for="item in schedulePreview"
+          :key="item.key"
+          class="home-schedule-card"
+          :href="scheduleHref(item.href)"
+        >
+          <time :datetime="item.date">
+            <strong>{{ item.dateLabel }}</strong>
+            <span>{{ item.year }} 年</span>
+          </time>
+          <div>
+            <span class="home-schedule-kind">{{ item.label }}</span>
+            <h3>{{ item.title }}</h3>
+          </div>
+          <span class="home-schedule-arrow" aria-hidden="true">→</span>
+        </a>
+      </div>
+      <div v-else class="home-schedule-empty">
+        <strong>近期暂无公开安排</strong>
+        <span>飞书日历新增活动后会自动显示在这里。</span>
+      </div>
     </section>
 
     <section class="home-section" aria-labelledby="home-topics-title">
@@ -164,38 +182,6 @@ function scheduleHref(href?: string) {
       </ol>
     </section>
 
-    <section class="home-section home-schedule-section" aria-labelledby="home-schedule-title">
-      <div class="home-section-heading home-section-heading-row">
-        <div>
-          <h2 id="home-schedule-title">近期安排</h2>
-        </div>
-        <a class="home-calendar-link" :href="withBase('/schedule')">打开完整日历 →</a>
-      </div>
-
-      <div v-if="schedulePreview.length" class="home-schedule-list">
-        <a
-          v-for="item in schedulePreview"
-          :key="item.key"
-          class="home-schedule-card"
-          :href="scheduleHref(item.href)"
-        >
-          <time :datetime="item.date">
-            <strong>{{ item.dateLabel }}</strong>
-            <span>{{ item.year }} 年</span>
-          </time>
-          <div>
-            <span class="home-schedule-kind">{{ item.label }}</span>
-            <h3>{{ item.title }}</h3>
-          </div>
-          <span class="home-schedule-arrow" aria-hidden="true">→</span>
-        </a>
-      </div>
-      <div v-else class="home-schedule-empty">
-        <strong>近期暂无公开安排</strong>
-        <span>飞书日历新增活动后会自动显示在这里。</span>
-      </div>
-    </section>
-
     <section class="home-section home-sponsor-section" aria-labelledby="home-sponsor-title">
       <div class="home-section-heading">
         <h2 id="home-sponsor-title">感谢赞助商支持</h2>

docs/.vitepress/theme/style.css

@@ -401,14 +401,6 @@ a {
   color: var(--site-brand) !important;
 }
 
-.home-facts {
-  display: grid;
-  margin-top: 64px;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 12px;
-}
-
-.home-fact-card,
 .home-topic-card,
 .home-format-card,
 .home-schedule-card,
@@ -420,33 +412,15 @@ a {
   box-shadow: var(--site-shadow);
 }
 
-.home-fact-card {
-  padding: 17px 18px;
-}
-
-.home-fact-card p {
-  color: var(--site-text-3);
-  font-family: var(--vp-font-family-mono);
-  font-size: 16px;
-  font-weight: 650;
-  letter-spacing: 0.07em;
-  line-height: 1.45;
-}
-
-.home-fact-card strong {
-  display: block;
-  margin-top: 5px;
-  color: var(--site-text);
-  font-size: 16px;
-  font-weight: 680;
-  line-height: 1.5;
-}
-
 .home-section {
   margin-top: 80px;
   scroll-margin-top: 90px;
 }
 
+.home-schedule-section {
+  margin-top: 64px;
+}
+
 .home-section-heading {
   margin-bottom: 30px;
 }
@@ -803,7 +777,6 @@ a {
     width: 100%;
   }
 
-  .home-facts,
   .home-format-grid,
   .home-sponsor-grid {
     grid-template-columns: 1fr;