style: compact article card headers

src/components/ArticleListing.astro

@@ -6,7 +6,10 @@ const { items } = Astro.props;
 ---
 <div class="article-grid">
   {items.map((article, index) => <article class:list={["article-card", index === 0 && "article-card--featured"]}>
-    <a href={`/articles/${article.data.slug}/`} class="article-card__intro" aria-label={article.data.title}><span>{article.data.category}</span><strong>嘉运资讯</strong><small>NEWS {String(index + 1).padStart(2, "0")}</small></a>
+    <a href={`/articles/${article.data.slug}/`} class="article-card__intro" aria-label={article.data.title}>
+      <span>{article.data.category}</span>
+      <span class="article-card__series">嘉运资讯 <small>NEWS {String(index + 1).padStart(2, "0")}</small></span>
+    </a>
     <div class="article-card__body"><div class="article-meta"><time datetime={article.data.date.toISOString()}>{article.data.date.toISOString().slice(0, 10)}</time><span>{article.data.category}</span></div><h2><a href={`/articles/${article.data.slug}/`}>{article.data.title}</a></h2><p>{article.data.excerpt}</p><a class="text-link" href={`/articles/${article.data.slug}/`}>阅读全文 <Icon name="arrow" size={17} /></a></div>
   </article>)}
 </div>