From: wang.yu <wang.yu@advantech.com>
Date: Mon, 17 Aug 2026 07:49:34 +0000 (+0800)
Subject: feat: 将 AI 问答入口图标替换为机器人头像，裁剪为圆形
X-Git-Url: http://acesimba.cloud/gitweb/?a=commitdiff_plain;h=987b5dbf525a59b33abbe5942a4b3919891f6f9b;p=StationBuilder.git

feat: 将 AI 问答入口图标替换为机器人头像，裁剪为圆形

- 新增 public/ai-icon.png（AI 机器人头像）
- 右下角 AI-FAB 中的 SVG 图标替换为 <img> 引用 /ai-icon.png
- globals.css 将 AI-FAB 背景设为透明，图片以 54×54 圆形展示
---

diff --git a/app/globals.css b/app/globals.css
index 2c307ad..55010a5 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -25,7 +25,7 @@
 @media(max-width:1100px){.app-shell{padding-left:42px}.side-nav{display:none}.workspace{min-width:900px}.sticky-actions{left:42px}.top-actions small{display:none}.result-layout{grid-template-columns:1fr}.preview-main{grid-template-columns:1fr 260px}.mu-grid{grid-template-columns:repeat(2,1fr)}}
 
 /* 右下角浮动 AI 会话 */
-.ai-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;border:0;background:linear-gradient(135deg,#6d5ee9,#0aa5e8);color:#fff;font-size:22px;box-shadow:0 8px 22px #0a85c355;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none}
+.ai-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;border:0;background:transparent;box-shadow:0 8px 22px #0a85c355;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none}.ai-fab-icon{width:54px;height:54px;border-radius:50%;object-fit:cover}
 .ai-fab:active{cursor:grabbing}
 .ai-fab:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0a85c366}
 .ai-dialog{position:fixed;right:22px;bottom:88px;z-index:81;width:25vw;min-width:320px;height:70vh;min-height:420px;background:#fff;border:1px solid #d2d6d9;border-radius:10px;box-shadow:0 18px 48px #0003;display:flex;flex-direction:column;overflow:hidden}
diff --git a/app/page.tsx b/app/page.tsx
index a70abbe..6b15187 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -409,14 +409,7 @@ export default function Home(){
     {!aiOpen&&<button ref={fabRef} className="ai-fab" title="AI 助手 · 拖动可移动位置，双击复位" aria-label="AI 助手"
       style={fabPos?{left:fabPos.x,top:fabPos.y,right:"auto",bottom:"auto"}:undefined}
       onPointerDown={onFabPointerDown} onPointerMove={onFabPointerMove} onPointerUp={onFabPointerUp} onDoubleClick={resetFab}>
-      <svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
-        <rect x="4" y="8" width="16" height="11" rx="3"/>
-        <path d="M12 8V4"/>
-        <circle cx="12" cy="3" r="1.4" fill="currentColor" stroke="none"/>
-        <circle cx="9" cy="13" r="1.3" fill="currentColor" stroke="none"/>
-        <circle cx="15" cy="13" r="1.3" fill="currentColor" stroke="none"/>
-        <path d="M9.5 16h5"/>
-      </svg>
+      <img src="/ai-icon.png" alt="AI 助手" className="ai-fab-icon" />
     </button>}
     {aiOpen&&<div className="ai-dialog">
       <header><span className="ai-dialog-logo">✦</span><div className="ai-dialog-title"><b>StationBuilder AI</b><small>模型 · {model}</small></div><button className="ai-close" onClick={()=>setAiOpen(false)}>×</button></header>
diff --git a/public/ai-icon.png b/public/ai-icon.png
new file mode 100644
index 0000000..f1bf03b
Binary files /dev/null and b/public/ai-icon.png differ