From 757b6269eeb371e4d55c19371c20d572903a76a8 Mon Sep 17 00:00:00 2001
From: "wang.yu" <wang.yu@advantech.com>
Date: Tue, 18 Aug 2026 09:08:18 +0800
Subject: [PATCH] =?utf8?q?fix:=20=E4=BF=AE=E5=A4=8D=20AI=20=E6=82=AC?=
 =?utf8?q?=E6=B5=AE=E6=8C=89=E9=92=AE=E6=8B=96=E5=8A=A8=E6=97=B6=E5=B8=B8?=
 =?utf8?q?=E5=A4=B1=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

图标改为不可原生拖拽(draggable=false)并让事件直接落在按钮上(pointer-events:none)，
避免浏览器图片拖拽劫持 Pointer 拖拽手势；按下拖动时移除 1px 移位。
---
 app/globals.css        | 4 ++--
 app/page.tsx           | 2 +-
 public/design-doc.html | 8 +++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 509b512..49e8d15 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -27,9 +27,9 @@
 @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:transparent;box-shadow:0 8px 22px #0a85c355;display:grid;place-items:center;cursor:pointer;touch-action:none;user-select:none}.ai-fab-icon{width:54px;height:54px;border-radius:50%;object-fit:cover}
+.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:pointer;touch-action:none;user-select:none}.ai-fab-icon{width:54px;height:54px;border-radius:50%;object-fit:cover;-webkit-user-drag:none;user-drag:none;user-select:none;pointer-events:none}
 .ai-fab:active{cursor:grabbing}
-.ai-fab:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0a85c366}
+.ai-fab:hover:not(:active){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}
 .ai-dialog header{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #eceef0;background:linear-gradient(135deg,#6d5ee9,#0aa5e8);color:#fff}
 .ai-dialog .ai-dialog-logo{width:28px;height:28px;border-radius:7px;background:#ffffff33;display:grid;place-items:center;font-size:15px}
diff --git a/app/page.tsx b/app/page.tsx
index bbad49e..407b109 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -442,7 +442,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}>
-      <img src="/ai-icon.png" alt="AI 助手" className="ai-fab-icon" />
+      <img src="/ai-icon.png" alt="AI 助手" className="ai-fab-icon" draggable={false} />
     </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/design-doc.html b/public/design-doc.html
index d8a5c0c..b899343 100644
--- a/public/design-doc.html
+++ b/public/design-doc.html
@@ -73,7 +73,7 @@
   <nav class="doc-nav"><div class="doc-nav-inner" id="toc"></div></nav>
 
 <main id="doc">
-  <p class="muted">文档版本：v0.3　最后更新：2026-08-17　状态：开发中（演示数据已标注）</p>
+  <p class="muted">文档版本：v0.3　最后更新：2026-08-18　状态：开发中（演示数据已标注）</p>
   <h1>StationBuilder 产品与交互设计方案</h1>
 
   <h2>1. 文档说明</h2>
@@ -347,6 +347,12 @@
   </ul>
 
   <h2>11. 维护与导出说明</h2>
+
+  <h3>11.1 更新记录</h3>
+  <ul>
+    <li>2026-08-18　修复右下角 AI 悬浮按钮拖动时常失效的问题：图标改为不可原生拖拽、事件直接落在按钮上，避免浏览器图片拖拽劫持 Pointer 拖拽手势；按下拖动时不再有 1px 移位。</li>
+  </ul>
+
   <ul>
     <li>功能变更后请同步更新本文档对应章节，未实现项持续标注 <span class="todo">尚未实现</span>，落地后移除。</li>
     <li><b>下载 PDF</b>：调用浏览器打印，请在打印对话框选择「另存为 PDF」。</li>
-- 
2.43.0