From fa56f4567507c5c0c7f7d697c2db754afd0acae3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Wed, 30 Sep 2026 16:23:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B8=B8=E6=88=8F=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=AE=A2=E6=88=B7=E7=AB=AF?=
 =?UTF-8?q?=E5=BC=95=E5=AF=BC=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../GamePublishClientGuide.tsx                | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/game-distribution/GamePublishClientGuide.tsx

diff --git a/src/components/game-distribution/GamePublishClientGuide.tsx b/src/components/game-distribution/GamePublishClientGuide.tsx
new file mode 100644
index 000000000..4894d7232
--- /dev/null
+++ b/src/components/game-distribution/GamePublishClientGuide.tsx
@@ -0,0 +1,35 @@
+import type { HTMLAttributes } from 'react';
+
+import { ClientDownloadEntry } from '../creation-home/ClientDownloadEntry';
+
+type GamePublishClientGuideProps = HTMLAttributes<HTMLElement>;
+
+/** 悬浮引导卡片：把还没有游戏包的作者引到客户端。 */
+export function GamePublishClientGuide({
+  className,
+  ...props
+}: GamePublishClientGuideProps) {
+  return (
+    <section
+      className={`flex w-fit max-w-full flex-none flex-col items-center gap-3
+        rounded-2xl border px-[1.15rem] py-[0.9rem] text-center
+        [background:linear-gradient(135deg,color-mix(in_srgb,var(--platform-action-accent,#c7653d)_11%,var(--platform-panel-fill))_0%,color-mix(in_srgb,var(--platform-action-accent,#c7653d)_4%,var(--platform-panel-fill))_100%)]
+        border-[color-mix(in_srgb,var(--platform-action-accent,#c7653d)_26%,transparent)]
+        [box-shadow:0_0.55rem_1.1rem_color-mix(in_srgb,var(--platform-action-accent,#c7653d)_12%,transparent)]
+        ${className ?? ''}`}
+      {...props}
+    >
+      <strong className="text-[0.82rem] text-(--platform-text-strong)">
+        还没有游戏包？
+      </strong>
+      <ClientDownloadEntry
+        label="下载客户端制作游戏"
+        tone="accentSoft"
+        size="sm"
+        iconOnlyOnNarrowScreens={false}
+      />
+    </section>
+  );
+}
+
+export default GamePublishClientGuide;