Add merged plugin entry preview banner

Author: 54895y

docs/intro.md

@@ -8,6 +8,9 @@ title: 插件 Wiki
   <p class="matrix-hub-lead">
     这里是 Matrix 系列插件的统一文档站点。当前首页已经覆盖共享前置、认证、烹饪、交易与仓储五条主线，并把发布说明、开发者 API 和 bStats 入口集中到一个面板里。
   </p>
+  <figure class="matrix-hub-visual">
+    <img src="/img/screenshots/matrix-plugin-hub-combined.webp" alt="Matrix 系列插件入口合并预览图" />
+  </figure>
 </section>
 
 ## 当前已收录

docs/plugins.mdx

@@ -14,6 +14,9 @@ description: Matrix 系列插件统一文档入口
   <p className="matrix-hub-lead">
     这里集中展示 Matrix 系列插件的最新版本、稳定 API、bStats 面板和发布说明。你可以把它当作整个系列的总览控制台。
   </p>
+  <figure className="matrix-hub-visual">
+    <img src="/img/screenshots/matrix-plugin-hub-combined.webp" alt="Matrix 系列插件入口合并预览图" />
+  </figure>
 </section>
 
 <div className="matrix-plugin-grid">

src/css/custom.css

@@ -260,6 +260,18 @@ html[data-theme='dark'] .matrix-hub-hero {
   font-size: 1.05rem;
 }
 
+.matrix-hub-visual {
+  margin: 1.5rem 0 0;
+}
+
+.matrix-hub-visual img {
+  display: block;
+  width: 100%;
+  border-radius: 24px;
+  border: 1px solid var(--site-panel-border);
+  box-shadow: 0 24px 48px rgba(22, 64, 136, 0.12);
+}
+
 .matrix-quick-links {
   display: flex;
   flex-wrap: wrap;