fix: 挂件面板位置联动——bottom-left溢出屏幕/top模式向上溢出(线上实测x=-183.78根因:面板硬编码right:0未随position翻转)

容器挂pos-<position>类+CSS联动规则,无效position归一化;静态测试锁定。

Co-Authored-By: Claude Code <noreply@anthropic.com>

static/widget.js

@@ -138,6 +138,9 @@
     };
 
     var c = colors[theme] || colors.light;
+    // 无效 position 归一化(防 "pos-垃圾" class 与查表错位)
+    if (!positionStyles[position]) position = "bottom-right";
+
     var pos = (isMobile ? positionStylesMobile : positionStyles)[position]
            || (isMobile ? positionStylesMobile : positionStyles)["bottom-right"];
 
@@ -176,6 +179,11 @@
         // Chat panel
         ".chat-panel { position:absolute; bottom:80px; right:0; width:400px; height:540px; background:" + c.bg + "; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,0.15); display:none; flex-direction:column; overflow:hidden; }",
         ".chat-panel.open { display:flex; }",
+        // 位置联动(2026-09-30 修复): 面板对齐随 data-position 翻转,默认 right:0
+        // 只适配 bottom-right——左侧模式溢出屏幕、顶部模式向上溢出
+        ".widget-container.pos-bottom-left .chat-panel { left:0; right:auto; }",
+        ".widget-container.pos-top-right .chat-panel { top:0; bottom:auto; }",
+        ".widget-container.pos-top-left .chat-panel { left:0; right:auto; top:0; bottom:auto; }",
 
         // Panel header
         ".panel-header { display:flex; align-items:center; gap:12px; padding:14px 18px; background:var(--w-primary); color:white; }",
@@ -286,7 +294,7 @@
 
     // Build DOM
     var container = document.createElement("div");
-    container.className = "widget-container" + (isMobile ? " mobile-host" : "");
+    container.className = "widget-container pos-" + position + (isMobile ? " mobile-host" : "");
 
     var panel = document.createElement("div");
     panel.className = "chat-panel";