feat: refine website gateway os hero

website/app/page.tsx

@@ -8,24 +8,32 @@ const platformItems = [
     eyebrow: "Gateway",
     body: "OpenAI、Claude Messages、Gemini、方舟、图像、视频和语音接口统一到一套入口。",
     metric: "/v1",
+    signal: "Ingress",
+    port: "chat · messages · media",
   },
   {
     title: "智能模型路由",
     eyebrow: "Routing",
     body: "按站点、账号、令牌、模型能力和失败冷却自动调度，保留真实日志与计费口径。",
     metric: "Auto",
+    signal: "Routing",
+    port: "site · account · token",
   },
   {
     title: "Comfy 工作流",
     eyebrow: "Workflow",
     body: "保留完整版 ComfyUI 前端习惯，接入 Cloud、RunningHub、External 或 BoosAPI 执行器。",
     metric: "Canvas",
+    signal: "Studio",
+    port: "cloud · rh · external",
   },
   {
     title: "创作应用生产",
     eyebrow: "Studio",
     body: "生图助手、视频助手、数字人、短视频工厂和工作空间复用同一套模型资产。",
     metric: "Media",
+    signal: "Archive",
+    port: "image · video · voice",
   },
 ];
 
@@ -43,6 +51,19 @@ const routes = [
   { type: "Video", model: "doubao-seedance-2-0-260128", state: "视频队列", tone: "blue" },
 ];
 
+const systemSignals = [
+  { label: "Gateway", value: "online" },
+  { label: "Workflow", value: "synced" },
+  { label: "Ledger", value: "recording" },
+];
+
+const exchangeSteps = [
+  { label: "API Ingress", value: "/v1/*" },
+  { label: "Model Router", value: "auto" },
+  { label: "Creative Apps", value: "studio" },
+  { label: "Workspace", value: "archive" },
+];
+
 const consoleMetrics = [
   { label: "日志写入", value: "stream" },
   { label: "计费口径", value: "token + media" },
@@ -171,6 +192,20 @@ function BootScreen() {
   );
 }
 
+function HeroSystemStrip() {
+  return (
+    <div className="hero-system-strip" aria-label="BossAI 系统状态">
+      {systemSignals.map((signal) => (
+        <div data-motion="signal" key={signal.label}>
+          <span />
+          <strong>{signal.label}</strong>
+          <em>{signal.value}</em>
+        </div>
+      ))}
+    </div>
+  );
+}
+
 function FlowGlyph() {
   return (
     <svg className="flow-glyph" viewBox="0 0 520 360" aria-hidden="true">
@@ -223,6 +258,15 @@ function HeroConsole() {
         <span>Model Router</span>
         <strong>GPT-5.5 + Image 2 Ready</strong>
       </div>
+      <div className="exchange-chain" aria-label="BossAI 模型交换链路">
+        {exchangeSteps.map((step, index) => (
+          <div className="exchange-step" data-motion="exchange-step" key={step.label}>
+            <small>{String(index + 1).padStart(2, "0")}</small>
+            <strong>{step.label}</strong>
+            <span>{step.value}</span>
+          </div>
+        ))}
+      </div>
       <div className="route-list">
         {routes.map((route) => (
           <div
@@ -302,6 +346,7 @@ export default function Home() {
             <p>
               BossAI 把 API 网关、智能路由、Comfy 工作流、数字人和短视频工厂收进一个清晰的运营后台，让团队用一套系统完成接入、生产、计费和交付。
             </p>
+            <HeroSystemStrip />
             <div className="hero-actions">
               <Link className="primary-cta" href="/user/register">
                 开始使用
@@ -339,8 +384,15 @@ export default function Home() {
                   <span>{item.eyebrow}</span>
                   <strong>{item.metric}</strong>
                 </div>
+                <div className="card-signal" aria-hidden="true">
+                  <span />
+                  {item.signal}
+                </div>
                 <h3>{item.title}</h3>
                 <p>{item.body}</p>
+                <div className="card-port">
+                  <code>{item.port}</code>
+                </div>
               </article>
             ))}
           </div>