@yezack/dsh-remote-mobile 1.9.2 → 1.10.0

package/lib/styles/style-snippets.js

@@ -30,649 +30,649 @@ export const MAX_NAME_LENGTH = 80;
 /** 内置预设 id 保留前缀（自定义片段不得占用） */
 export const BUILTIN_ID_PREFIX = 'preset-';
 /** 侧边栏预设：抽屉式导航 + 整体布局（overscroll / 三栏 0 占位 / 悬浮把手） */
-const PRESET_SIDEBAR_CSS = `
-/* ===== dsh-remote-mobile · 侧边栏抽屉导航与整体布局 ===== */
-/* 注：窄屏媒体查询由注入层按端包裹（移动端包 @media (max-width:900px)，PC 端原样生效） */
-/* 0. 禁用浏览器原生橡皮筋下拉刷新与链式溢出滚动，彻底杜绝上下滑动误刷新页面 */
-  html,
-  body,
-  [class*="_frame"],
-  [role="dialog"],
-  [class*="_dialog"],
-  [class*="_modalContent"],
-  [class*="_overlay"],
-  [class*="_conversationArea"],
-  [class*="_centerCol"] {
-    overscroll-behavior-y: contain !important;
-    overscroll-behavior-x: none !important;
-  }
-
-  /* 1. 最外层三栏布局：在移动端主工作区占满 100% 全宽，消除侧边栏强制占位。
-     选择器全部基于官方 CSS Modules 稳定后缀（_frame/_sidebarCol/_centerCol，
-     前缀 hash 随机、后缀稳定），不依赖 @linxin666/dsh-web-ui-all 注入的
-     data-pane / data-dsh-frame 属性，安装与否均生效。
-     注意：_frame 后缀同样命中「提问卡片」(Mbwy4a_frame 等非三栏布局元素)，
-     故用 :has([class*="_sidebarCol"]) 把规则精确锁定到真正承载三栏布局的
-     外层 frame，避免提问弹窗被强制 100vw 撑满、被遮罩盖住。 */
-  [class*="_frame"]:has([class*="_sidebarCol"]) {
-    grid-template-columns: 0px minmax(0px, 1fr) 0px !important;
-    width: 100vw !important;
-    max-width: 100vw !important;
-    overflow-x: hidden !important;
-    position: relative !important;
-  }
-
-  /* 核心修复：显式将三列锁定到各自的 Grid 轨道！
-     官方 AppFrame 为三栏 CSS Grid 布局（sidebarCol + centerCol + rightbarCol）。
-     当 sidebarCol 设为 position: fixed 后脱离 Grid 自动流，会导致后续两列前移：
-     centerCol 移入第 1 列(0px)，rightbarCol 移入第 2 列(1fr 全宽) 并全屏覆盖在
-     对话区上方，其透明容器拦截全部点击与触摸手势（Issue #6）。
-     通过显式指定 grid-column，确保每列始终位于设计轨道，杜绝错位覆盖。 */
-  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_sidebarCol"] {
-    grid-column: 1 !important;
-  }
-
-  [class*="_frame"]:has([class*="_sidebarCol"]) [class*="_centerCol"],
-  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_centerCol"] {
-    grid-column: 2 !important;
-    width: 100vw !important;
-    max-width: 100vw !important;
-  }
-
-  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_rightbarCol"] {
-    grid-column: 3 !important;
-  }
-
-  /* 右侧栏折叠态穿透防御：折叠时宽度清零并禁用指针事件，杜绝透明层与边缘手柄拦截触摸 */
-  [class*="_frame"][data-rightbar-collapsed] [class*="_rightbarCol"],
-  [class*="_rightbarCol"]:not(:has([data-sidebar-right-open])) {
-    width: 0px !important;
-    min-width: 0px !important;
-    pointer-events: none !important;
-  }
-  [class*="_rightbarCol"]:has([data-sidebar-right-open]),
-  [class*="_frame"]:not([data-rightbar-collapsed]) [class*="_rightbarCol"] {
-    pointer-events: auto !important;
-  }
-
-  /* 2. 侧边栏最外层容器：作为整体抽屉浮层（阴影仅加在最外层，严禁污染内部列表） */
-  [class*="_sidebarCol"] {
-    position: fixed !important;
-    top: 0 !important;
-    bottom: 0 !important;
-    left: 0 !important;
-    height: 100vh !important;
-    height: 100dvh !important;
-    /* 层级守卫：抽屉必须低于官方弹层体系（模态弹窗 z=1000、下拉/弹出菜单 z=1100），
-       否则设置面板的操作菜单（portal 到 body）会被抽屉盖住无法交互。
-       官方内容区元素均在 100 层级以下，900 足以保证抽屉覆盖正文。
-       展开态宽度：装了 web-ui 时由它接管（min(88vw,320px)）；未装时沿用官方
-       内联 width（280px 左右），宽度差由下方内层铺满规则消除。 */
-    min-width: 0 !important;
-    z-index: 900 !important;
-    background: var(--dsw-alias-bg-layer-1, #ffffff) !important;
-    box-shadow: 6px 0 30px rgba(0, 0, 0, 0.25) !important;
-    border-right: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.15)) !important;
-    /* 关键守卫：官方会在侧边栏列上留下恒等 transform（matrix(1,0,0,1,0,0)），
-       任何 transform/filter 等都会把 position:fixed 后代的包含块「困」在本列内，
-       叠加官方 overflow:hidden 后，设置弹窗（内联渲染于侧边栏 DOM）会被裁剪成
-       抽屉宽度、表现为「弹窗出现在侧边栏里面」。显式清除全部包含块触发属性。 */
-    transform: none !important;
-    filter: none !important;
-    backdrop-filter: none !important;
-    perspective: none !important;
-    will-change: auto !important;
-  }
-
-  /* 遮罩：抽屉外全屏黑纱必须压在抽屉(900)之下，否则抽屉内容会被黑纱罩住并
-     拦截全部点击。压到 899：低于抽屉、仍高于正文(≤100)，「点抽屉外暗处
-     自动收回」的能力保留。
-     - 装了 web-ui 时：它生成 [data-dsh-frame]:not([data-sidebar-collapsed])::after
-       （z-index:1050），由下方 :has 锁定布局帧的 ::after 的 !important 统一压到 899。
-     - 未装 web-ui 时：官方无遮罩，由下方 :not([data-sidebar-collapsed]) 规则补齐。
-     遮罩必须挂在三栏布局帧上（:has([class*="_sidebarCol"])），否则 _frame 后缀
-     也会命中提问卡片等内层元素，把全屏黑纱盖到弹窗上面。 */
-  [class*="_frame"]:has([class*="_sidebarCol"])::after {
-    z-index: 899 !important;
-  }
-
-  [class*="_frame"]:has([class*="_sidebarCol"]):not([data-sidebar-collapsed])::after {
-    content: "";
-    position: fixed;
-    inset: 0;
-    z-index: 899;
-    background: rgb(0 0 0 / 24%);
-  }
-
-  /* 兜底防御：当左侧栏实际处于折叠状态（内部含 _collapsed 类，如官方仅收起内部但 frame
-     未及时打上 data-sidebar-collapsed）时，严禁渲染遮罩，彻底杜绝黑纱常驻与点击拦截 */
-  [class*="_frame"]:has([class*="_sidebarCol"]:has([class*="_collapsed"]))::after,
-  [class*="_frame"][data-sidebar-collapsed]::after {
-    content: none !important;
-    display: none !important;
-  }
-
-  /* 展开态自适应宽度：支持 360px 窄屏与大屏手机灵活伸缩，覆盖官方内联 280px */
-  [class*="_sidebarCol"]:not(:has([class*="_collapsed"])) {
-    width: min(85vw, 320px) !important;
-    max-width: 85vw !important;
-  }
-
-  /* 条目触控热区友好化：行高 44px + 次级操作按钮 36px，防误触相邻会话并易于点击更多操作 */
-  [class*="_sidebarCol"] [role="treeitem"],
-  [class*="_sidebarCol"] [data-dsh-part="sidebar-entry"] {
-    min-height: 44px !important;
-  }
-  [class*="_sidebarCol"] [role="treeitem"] button,
-  [class*="_sidebarCol"] [role="treeitem"] [role="button"] {
-    min-width: 36px !important;
-    min-height: 36px !important;
-  }
-
-  /* 触屏设备没有 hover：工作区/会话右侧操作按钮（更多操作 ⋯、新建会话 + 等）
-     在 PC 依赖鼠标悬停显现，移动端必须常显，保证触屏用户可随时直接交互 */
-  [class*="_sidebarCol"] [class*="_rowActions"] {
-    opacity: 1 !important;
-    visibility: visible !important;
-    display: flex !important;
-    align-items: center !important;
-    flex-shrink: 0 !important;
-  }
-
-  /* 标题容器弹性自适应并防文字挤出视野，超长文本自然截断不破坏按钮布局 */
-  [class*="_sidebarCol"] [class*="_projectText"],
-  [class*="_sidebarCol"] [class*="_sessionText"] {
-    min-width: 0 !important;
-    flex: 1 1 auto !important;
-  }
-
-  /* 内层根节点铺满抽屉：覆盖官方响应式脚本写入的内联 width，
-     消除「外层 ~320 / 内层内联 280」的宽度差与右缘空白条 */
-  [class*="_sidebarCol"] > [data-slot="sidebar"] > div {
-    width: 100% !important;
-    min-width: 0 !important;
-    max-width: none !important;
-    height: 100% !important;
-  }
-
-  /* 3. 折叠状态：侧边栏收起为 0px 并隐藏整体阴影和多余按钮。
-     data-sidebar-collapsed 属性与 _collapsed class 均由官方 sidebar 插件写入，
-     两种环境（装/不装 web-ui）行为一致，这里用无值匹配 [data-sidebar-collapsed]
-     保证属性不带值也能命中。 */
-  [class*="_sidebarCol"]:has([class*="_collapsed"]),
-  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] {
-    width: 0px !important;
-    min-width: 0px !important;
-    border: none !important;
-    box-shadow: none !important;
-    background: transparent !important;
-    pointer-events: none !important;
-  }
-
-  [class*="_sidebarCol"] [class*="_collapsed"] > :not([class*="_logoRow"]),
-  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] > div > div > :not([class*="_logoRow"]) {
-    display: none !important;
-  }
-
-  /* 折叠状态下，Logo 按钮悬浮在屏幕左上角作为展开把手（与 dsh-draggable-nav 拖拽脚本联动）
-     放大到 44px 触控尺寸，并避让刘海屏/灵动岛顶部安全区 */
-  [class*="_sidebarCol"] [class*="_collapsed"] [class*="_logoRow"],
-  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] [class*="_logoRow"] {
-    position: fixed !important;
-    top: max(12px, env(safe-area-inset-top)) !important;
-    left: 12px !important;
-    width: 44px !important;
-    height: 44px !important;
-    border-radius: 12px !important;
-    background: var(--dsw-alias-bg-layer-1, rgba(255, 255, 255, 0.95)) !important;
-    backdrop-filter: blur(12px) !important;
-    -webkit-backdrop-filter: blur(12px) !important;
-    border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2)) !important;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    pointer-events: auto !important;
-    /* 与抽屉(900)同层体系：高于正文内容，低于官方弹窗(1000)/菜单(1100) */
-    z-index: 901 !important;
-  }
-
-  /* 4. 触屏设备没有 hover：官方 Tooltip 气泡（黑底，如折叠把手的「收起侧边栏」）
-     显示依赖 mouseenter/focus，而消失只认 mouseleave/blur —— 触摸点击后这两个
-     事件永远不会到来，气泡会永久滞留在屏幕上。移动端 UA 下整体隐藏官方气泡
-     （按钮均保留 aria-label，可访问性不受影响）；PC 窄窗口仍保留悬停提示。 */
-  html[data-dsh-mobile="1"] [role="tooltip"] {
-    display: none !important;
-  }
-
-  /* 5. 窄屏隐藏官方详情（details）列：官方会把未折叠的详情面板做成全屏浮层
-     盖在 conversation 顶部（web-ui 窄屏折叠态也是 display:none），这里直接隐藏，
-     彻底杜绝缩小窗口时详情面板与顶部 header 重叠。 */
-  [class*="_detailsCol"] {
-    display: none !important;
-  }
-
-  /* 6. 已装 web-ui 时，其移动端 conversation-header 为折叠 rail 预留 60px 左内边距；
-     本插件折叠为 0px + 悬浮把手，header 无需让位，覆盖为 8px。
-     用更高特异性（(0,2,1) > web-ui 的 (0,2,0)）保证无论加载顺序都压过 web-ui；
-     仅在与 web-ui 相同的 ≤768px 断点生效，避免干扰 769-900px 的官方 header。 */
-  @media (max-width: 768px) {
-    [class*="_frame"] header[data-dsh-responsive-part="conversation-header"] {
-      padding-left: 8px !important;
-    }
-
-    /* 7. 覆盖 web-ui 给 session-utilities 按钮强制的 min-height: 44px（min-width 保留）。
-       该规则特异性与 web-ui 同为 (0,3,0)，故补一个重复属性选择器抬到 (0,4,0)
-       确保无论加载顺序都压过 web-ui；仅在同断点 ≤768px 生效。 */
-    [class*="_frame"] [data-dsh-responsive-part="session-utilities"][data-dsh-responsive-part] :is(button, [role="button"]) {
-      min-height: 0 !important;
-    }
-  }
-
-  /* 8. 兼容处理：隐藏生态插件中重复挂载的小鲸鱼悬浮按钮 (#dshRemoteWhale) 避免入口与手势冲突 */
-  #dshRemoteWhale,
-  button[id="dshRemoteWhale"],
-  [data-dsh-plugin="remote-web-ui"] {
-    display: none !important;
-    pointer-events: none !important;
-    visibility: hidden !important;
-  }
+const PRESET_SIDEBAR_CSS = `
+/* ===== dsh-remote-mobile · 侧边栏抽屉导航与整体布局 ===== */
+/* 注：窄屏媒体查询由注入层按端包裹（移动端包 @media (max-width:900px)，PC 端原样生效） */
+/* 0. 禁用浏览器原生橡皮筋下拉刷新与链式溢出滚动，彻底杜绝上下滑动误刷新页面 */
+  html,
+  body,
+  [class*="_frame"],
+  [role="dialog"],
+  [class*="_dialog"],
+  [class*="_modalContent"],
+  [class*="_overlay"],
+  [class*="_conversationArea"],
+  [class*="_centerCol"] {
+    overscroll-behavior-y: contain !important;
+    overscroll-behavior-x: none !important;
+  }
+
+  /* 1. 最外层三栏布局：在移动端主工作区占满 100% 全宽，消除侧边栏强制占位。
+     选择器全部基于官方 CSS Modules 稳定后缀（_frame/_sidebarCol/_centerCol，
+     前缀 hash 随机、后缀稳定），不依赖 @linxin666/dsh-web-ui-all 注入的
+     data-pane / data-dsh-frame 属性，安装与否均生效。
+     注意：_frame 后缀同样命中「提问卡片」(Mbwy4a_frame 等非三栏布局元素)，
+     故用 :has([class*="_sidebarCol"]) 把规则精确锁定到真正承载三栏布局的
+     外层 frame，避免提问弹窗被强制 100vw 撑满、被遮罩盖住。 */
+  [class*="_frame"]:has([class*="_sidebarCol"]) {
+    grid-template-columns: 0px minmax(0px, 1fr) 0px !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
+    overflow-x: hidden !important;
+    position: relative !important;
+  }
+
+  /* 核心修复：显式将三列锁定到各自的 Grid 轨道！
+     官方 AppFrame 为三栏 CSS Grid 布局（sidebarCol + centerCol + rightbarCol）。
+     当 sidebarCol 设为 position: fixed 后脱离 Grid 自动流，会导致后续两列前移：
+     centerCol 移入第 1 列(0px)，rightbarCol 移入第 2 列(1fr 全宽) 并全屏覆盖在
+     对话区上方，其透明容器拦截全部点击与触摸手势（Issue #6）。
+     通过显式指定 grid-column，确保每列始终位于设计轨道，杜绝错位覆盖。 */
+  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_sidebarCol"] {
+    grid-column: 1 !important;
+  }
+
+  [class*="_frame"]:has([class*="_sidebarCol"]) [class*="_centerCol"],
+  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_centerCol"] {
+    grid-column: 2 !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
+  }
+
+  [class*="_frame"]:has([class*="_sidebarCol"]) > [class*="_rightbarCol"] {
+    grid-column: 3 !important;
+  }
+
+  /* 右侧栏折叠态穿透防御：折叠时宽度清零并禁用指针事件，杜绝透明层与边缘手柄拦截触摸 */
+  [class*="_frame"][data-rightbar-collapsed] [class*="_rightbarCol"],
+  [class*="_rightbarCol"]:not(:has([data-sidebar-right-open])) {
+    width: 0px !important;
+    min-width: 0px !important;
+    pointer-events: none !important;
+  }
+  [class*="_rightbarCol"]:has([data-sidebar-right-open]),
+  [class*="_frame"]:not([data-rightbar-collapsed]) [class*="_rightbarCol"] {
+    pointer-events: auto !important;
+  }
+
+  /* 2. 侧边栏最外层容器：作为整体抽屉浮层（阴影仅加在最外层，严禁污染内部列表） */
+  [class*="_sidebarCol"] {
+    position: fixed !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    height: 100vh !important;
+    height: 100dvh !important;
+    /* 层级守卫：抽屉必须低于官方弹层体系（模态弹窗 z=1000、下拉/弹出菜单 z=1100），
+       否则设置面板的操作菜单（portal 到 body）会被抽屉盖住无法交互。
+       官方内容区元素均在 100 层级以下，900 足以保证抽屉覆盖正文。
+       展开态宽度：装了 web-ui 时由它接管（min(88vw,320px)）；未装时沿用官方
+       内联 width（280px 左右），宽度差由下方内层铺满规则消除。 */
+    min-width: 0 !important;
+    z-index: 900 !important;
+    background: var(--dsw-alias-bg-layer-1, #ffffff) !important;
+    box-shadow: 6px 0 30px rgba(0, 0, 0, 0.25) !important;
+    border-right: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.15)) !important;
+    /* 关键守卫：官方会在侧边栏列上留下恒等 transform（matrix(1,0,0,1,0,0)），
+       任何 transform/filter 等都会把 position:fixed 后代的包含块「困」在本列内，
+       叠加官方 overflow:hidden 后，设置弹窗（内联渲染于侧边栏 DOM）会被裁剪成
+       抽屉宽度、表现为「弹窗出现在侧边栏里面」。显式清除全部包含块触发属性。 */
+    transform: none !important;
+    filter: none !important;
+    backdrop-filter: none !important;
+    perspective: none !important;
+    will-change: auto !important;
+  }
+
+  /* 遮罩：抽屉外全屏黑纱必须压在抽屉(900)之下，否则抽屉内容会被黑纱罩住并
+     拦截全部点击。压到 899：低于抽屉、仍高于正文(≤100)，「点抽屉外暗处
+     自动收回」的能力保留。
+     - 装了 web-ui 时：它生成 [data-dsh-frame]:not([data-sidebar-collapsed])::after
+       （z-index:1050），由下方 :has 锁定布局帧的 ::after 的 !important 统一压到 899。
+     - 未装 web-ui 时：官方无遮罩，由下方 :not([data-sidebar-collapsed]) 规则补齐。
+     遮罩必须挂在三栏布局帧上（:has([class*="_sidebarCol"])），否则 _frame 后缀
+     也会命中提问卡片等内层元素，把全屏黑纱盖到弹窗上面。 */
+  [class*="_frame"]:has([class*="_sidebarCol"])::after {
+    z-index: 899 !important;
+  }
+
+  [class*="_frame"]:has([class*="_sidebarCol"]):not([data-sidebar-collapsed])::after {
+    content: "";
+    position: fixed;
+    inset: 0;
+    z-index: 899;
+    background: rgb(0 0 0 / 24%);
+  }
+
+  /* 兜底防御：当左侧栏实际处于折叠状态（内部含 _collapsed 类，如官方仅收起内部但 frame
+     未及时打上 data-sidebar-collapsed）时，严禁渲染遮罩，彻底杜绝黑纱常驻与点击拦截 */
+  [class*="_frame"]:has([class*="_sidebarCol"]:has([class*="_collapsed"]))::after,
+  [class*="_frame"][data-sidebar-collapsed]::after {
+    content: none !important;
+    display: none !important;
+  }
+
+  /* 展开态自适应宽度：支持 360px 窄屏与大屏手机灵活伸缩，覆盖官方内联 280px */
+  [class*="_sidebarCol"]:not(:has([class*="_collapsed"])) {
+    width: min(85vw, 320px) !important;
+    max-width: 85vw !important;
+  }
+
+  /* 条目触控热区友好化：行高 44px + 次级操作按钮 36px，防误触相邻会话并易于点击更多操作 */
+  [class*="_sidebarCol"] [role="treeitem"],
+  [class*="_sidebarCol"] [data-dsh-part="sidebar-entry"] {
+    min-height: 44px !important;
+  }
+  [class*="_sidebarCol"] [role="treeitem"] button,
+  [class*="_sidebarCol"] [role="treeitem"] [role="button"] {
+    min-width: 36px !important;
+    min-height: 36px !important;
+  }
+
+  /* 触屏设备没有 hover：工作区/会话右侧操作按钮（更多操作 ⋯、新建会话 + 等）
+     在 PC 依赖鼠标悬停显现，移动端必须常显，保证触屏用户可随时直接交互 */
+  [class*="_sidebarCol"] [class*="_rowActions"] {
+    opacity: 1 !important;
+    visibility: visible !important;
+    display: flex !important;
+    align-items: center !important;
+    flex-shrink: 0 !important;
+  }
+
+  /* 标题容器弹性自适应并防文字挤出视野，超长文本自然截断不破坏按钮布局 */
+  [class*="_sidebarCol"] [class*="_projectText"],
+  [class*="_sidebarCol"] [class*="_sessionText"] {
+    min-width: 0 !important;
+    flex: 1 1 auto !important;
+  }
+
+  /* 内层根节点铺满抽屉：覆盖官方响应式脚本写入的内联 width，
+     消除「外层 ~320 / 内层内联 280」的宽度差与右缘空白条 */
+  [class*="_sidebarCol"] > [data-slot="sidebar"] > div {
+    width: 100% !important;
+    min-width: 0 !important;
+    max-width: none !important;
+    height: 100% !important;
+  }
+
+  /* 3. 折叠状态：侧边栏收起为 0px 并隐藏整体阴影和多余按钮。
+     data-sidebar-collapsed 属性与 _collapsed class 均由官方 sidebar 插件写入，
+     两种环境（装/不装 web-ui）行为一致，这里用无值匹配 [data-sidebar-collapsed]
+     保证属性不带值也能命中。 */
+  [class*="_sidebarCol"]:has([class*="_collapsed"]),
+  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] {
+    width: 0px !important;
+    min-width: 0px !important;
+    border: none !important;
+    box-shadow: none !important;
+    background: transparent !important;
+    pointer-events: none !important;
+  }
+
+  [class*="_sidebarCol"] [class*="_collapsed"] > :not([class*="_logoRow"]),
+  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] > div > div > :not([class*="_logoRow"]) {
+    display: none !important;
+  }
+
+  /* 折叠状态下，Logo 按钮悬浮在屏幕左上角作为展开把手（与 dsh-draggable-nav 拖拽脚本联动）
+     放大到 44px 触控尺寸，并避让刘海屏/灵动岛顶部安全区 */
+  [class*="_sidebarCol"] [class*="_collapsed"] [class*="_logoRow"],
+  [class*="_frame"][data-sidebar-collapsed] [class*="_sidebarCol"] [class*="_logoRow"] {
+    position: fixed !important;
+    top: max(12px, env(safe-area-inset-top)) !important;
+    left: 12px !important;
+    width: 44px !important;
+    height: 44px !important;
+    border-radius: 12px !important;
+    background: var(--dsw-alias-bg-layer-1, rgba(255, 255, 255, 0.95)) !important;
+    backdrop-filter: blur(12px) !important;
+    -webkit-backdrop-filter: blur(12px) !important;
+    border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2)) !important;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    pointer-events: auto !important;
+    /* 与抽屉(900)同层体系：高于正文内容，低于官方弹窗(1000)/菜单(1100) */
+    z-index: 901 !important;
+  }
+
+  /* 4. 触屏设备没有 hover：官方 Tooltip 气泡（黑底，如折叠把手的「收起侧边栏」）
+     显示依赖 mouseenter/focus，而消失只认 mouseleave/blur —— 触摸点击后这两个
+     事件永远不会到来，气泡会永久滞留在屏幕上。移动端 UA 下整体隐藏官方气泡
+     （按钮均保留 aria-label，可访问性不受影响）；PC 窄窗口仍保留悬停提示。 */
+  html[data-dsh-mobile="1"] [role="tooltip"] {
+    display: none !important;
+  }
+
+  /* 5. 窄屏隐藏官方详情（details）列：官方会把未折叠的详情面板做成全屏浮层
+     盖在 conversation 顶部（web-ui 窄屏折叠态也是 display:none），这里直接隐藏，
+     彻底杜绝缩小窗口时详情面板与顶部 header 重叠。 */
+  [class*="_detailsCol"] {
+    display: none !important;
+  }
+
+  /* 6. 已装 web-ui 时，其移动端 conversation-header 为折叠 rail 预留 60px 左内边距；
+     本插件折叠为 0px + 悬浮把手，header 无需让位，覆盖为 8px。
+     用更高特异性（(0,2,1) > web-ui 的 (0,2,0)）保证无论加载顺序都压过 web-ui；
+     仅在与 web-ui 相同的 ≤768px 断点生效，避免干扰 769-900px 的官方 header。 */
+  @media (max-width: 768px) {
+    [class*="_frame"] header[data-dsh-responsive-part="conversation-header"] {
+      padding-left: 8px !important;
+    }
+
+    /* 7. 覆盖 web-ui 给 session-utilities 按钮强制的 min-height: 44px（min-width 保留）。
+       该规则特异性与 web-ui 同为 (0,3,0)，故补一个重复属性选择器抬到 (0,4,0)
+       确保无论加载顺序都压过 web-ui；仅在同断点 ≤768px 生效。 */
+    [class*="_frame"] [data-dsh-responsive-part="session-utilities"][data-dsh-responsive-part] :is(button, [role="button"]) {
+      min-height: 0 !important;
+    }
+  }
+
+  /* 8. 兼容处理：隐藏生态插件中重复挂载的小鲸鱼悬浮按钮 (#dshRemoteWhale) 避免入口与手势冲突 */
+  #dshRemoteWhale,
+  button[id="dshRemoteWhale"],
+  [data-dsh-plugin="remote-web-ui"] {
+    display: none !important;
+    pointer-events: none !important;
+    visibility: hidden !important;
+  }
 `;
 /** 设置面板预设：官方设置弹窗上下堆叠 + 顶部导航横滑 + 内容纵向自然滚览 */
-const PRESET_SETTINGS_CSS = `
-/* ===== dsh-remote-mobile · 设置面板适配 ===== */
-/* 注：窄屏媒体查询由注入层按端包裹 */
-/* 遮罩彻底锁死防漏底，弹窗整体居中 */
-  [data-slot*="overlay"]:has([role="dialog"]),
-  [class*="_overlay"]:has([role="dialog"]),
-  [class*="_modalWrapper"]:has([role="dialog"]) {
-    position: fixed !important;
-    inset: 0 !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    overflow: hidden !important;
-    z-index: 100005 !important;
-    background: rgba(0, 0, 0, 0.5) !important;
-    overscroll-behavior: contain !important;
-  }
-
-  /* 弹窗卡片：仅命中设置弹窗——外层 overlay 容器内含 role=dialog（设置弹窗由
-     data-slot overlay / overlay 类包裹）。内测声明等通用 Modal 直接挂在 body、
-     无 data-slot overlay，天然排除。卡片设为纵向滚动，取消横向滑动。 */
-  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"],
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"],
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"],
-  [class*="_overlay"]:has([role="dialog"]) [role="dialog"],
-  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"],
-  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"],
-  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"],
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"],
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"],
-  [class*="_settingsModal"] {
-    position: relative !important;
-    width: 96vw !important;
-    max-width: 96vw !important;
-    height: 86dvh !important;
-    max-height: 86dvh !important;
-    margin: auto !important;
-    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
-    border-radius: 14px !important;
-    background: var(--dsw-alias-bg-layer-1, #ffffff) !important;
-    overflow-x: hidden !important;
-    overflow-y: auto !important;
-    -webkit-overflow-scrolling: touch !important;
-    overscroll-behavior: contain !important;
-    font-size: 14px !important;
-  }
-
-  /* 取消 zoom 微缩，恢复正常比例 */
-  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"] > *,
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"] > *,
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"] > *,
-  [class*="_overlay"]:has([role="dialog"]) [role="dialog"] > *,
-  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"] > *,
-  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"] > *,
-  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"] > *,
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"] > *,
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"] > *,
-  [class*="_settingsModal"] > * {
-    zoom: 1 !important;
-  }
-
-  /* 取消 530px 定宽：主体内容 div 铺满宽度，高度自然自适应 */
-  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"] > div,
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"] > div,
-  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"] > div,
-  [class*="_overlay"]:has([role="dialog"]) [role="dialog"] > div,
-  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"] > div,
-  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"] > div,
-  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"] > div,
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"] > div,
-  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"] > div,
-  [class*="_settingsModal"] > div {
-    min-width: 0 !important;
-    width: 100% !important;
-    height: auto !important;
-  }
-
-  /* 上下堆叠：只命中带 nav 的设置类弹窗，通用 Modal 不受影响 */
-  [role="dialog"]:has(nav) {
-    flex-direction: column !important;
-  }
-  [role="dialog"]:has(nav) > nav {
-    width: 100% !important;
-    flex: none !important;
-  }
-  [role="dialog"] [class*="_navTitle"] {
-    display: none !important;
-  }
-  [role="dialog"] [class*="_navList"] {
-    display: flex !important;
-    flex-direction: row !important;
-    overflow-x: auto !important;
-    overflow-y: hidden !important;
-    gap: 4px !important;
-    padding: 4px 2px !important;
-    -webkit-overflow-scrolling: touch !important;
-  }
-  [role="dialog"] [class*="_navList"] > * {
-    flex: none !important;
-    white-space: nowrap !important;
-  }
-  /* 移动端收紧官方内容区的厚 padding（原 24px/32px），释放横向显示空间 */
-  [role="dialog"] [class*="_content"] {
-    width: 100% !important;
-    min-width: 0 !important;
-    flex: 1 1 auto !important;
-    padding: 10px 4px !important;
-  }
-
-  /* 重置插件市场等弹窗在窄屏隐藏左侧 nav 的行为：保持导航列表可见。
-     该插件规则（@media max-width:560px 隐藏）无 !important，
-     我们同选择器加 !important 即可稳压。 */
-  @media (max-width: 560px) {
-    [role="dialog"]:has([data-dsh-market-root]) > nav {
-      display: block !important;
-    }
-  }
+const PRESET_SETTINGS_CSS = `
+/* ===== dsh-remote-mobile · 设置面板适配 ===== */
+/* 注：窄屏媒体查询由注入层按端包裹 */
+/* 遮罩彻底锁死防漏底，弹窗整体居中 */
+  [data-slot*="overlay"]:has([role="dialog"]),
+  [class*="_overlay"]:has([role="dialog"]),
+  [class*="_modalWrapper"]:has([role="dialog"]) {
+    position: fixed !important;
+    inset: 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    overflow: hidden !important;
+    z-index: 100005 !important;
+    background: rgba(0, 0, 0, 0.5) !important;
+    overscroll-behavior: contain !important;
+  }
+
+  /* 弹窗卡片：仅命中设置弹窗——外层 overlay 容器内含 role=dialog（设置弹窗由
+     data-slot overlay / overlay 类包裹）。内测声明等通用 Modal 直接挂在 body、
+     无 data-slot overlay，天然排除。卡片设为纵向滚动，取消横向滑动。 */
+  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"],
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"],
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"],
+  [class*="_overlay"]:has([role="dialog"]) [role="dialog"],
+  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"],
+  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"],
+  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"],
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"],
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"],
+  [class*="_settingsModal"] {
+    position: relative !important;
+    width: 96vw !important;
+    max-width: 96vw !important;
+    height: 86dvh !important;
+    max-height: 86dvh !important;
+    margin: auto !important;
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
+    border-radius: 14px !important;
+    background: var(--dsw-alias-bg-layer-1, #ffffff) !important;
+    overflow-x: hidden !important;
+    overflow-y: auto !important;
+    -webkit-overflow-scrolling: touch !important;
+    overscroll-behavior: contain !important;
+    font-size: 14px !important;
+  }
+
+  /* 取消 zoom 微缩，恢复正常比例 */
+  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"] > *,
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"] > *,
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"] > *,
+  [class*="_overlay"]:has([role="dialog"]) [role="dialog"] > *,
+  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"] > *,
+  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"] > *,
+  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"] > *,
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"] > *,
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"] > *,
+  [class*="_settingsModal"] > * {
+    zoom: 1 !important;
+  }
+
+  /* 取消 530px 定宽：主体内容 div 铺满宽度，高度自然自适应 */
+  [data-slot*="overlay"]:has([role="dialog"]) [role="dialog"] > div,
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_dialog"] > div,
+  [data-slot*="overlay"]:has([role="dialog"]) [class*="_modalContent"] > div,
+  [class*="_overlay"]:has([role="dialog"]) [role="dialog"] > div,
+  [class*="_overlay"]:has([role="dialog"]) [class*="_dialog"] > div,
+  [class*="_overlay"]:has([role="dialog"]) [class*="_modalContent"] > div,
+  [class*="_modalWrapper"]:has([role="dialog"]) [role="dialog"] > div,
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_dialog"] > div,
+  [class*="_modalWrapper"]:has([role="dialog"]) [class*="_modalContent"] > div,
+  [class*="_settingsModal"] > div {
+    min-width: 0 !important;
+    width: 100% !important;
+    height: auto !important;
+  }
+
+  /* 上下堆叠：只命中带 nav 的设置类弹窗，通用 Modal 不受影响 */
+  [role="dialog"]:has(nav) {
+    flex-direction: column !important;
+  }
+  [role="dialog"]:has(nav) > nav {
+    width: 100% !important;
+    flex: none !important;
+  }
+  [role="dialog"] [class*="_navTitle"] {
+    display: none !important;
+  }
+  [role="dialog"] [class*="_navList"] {
+    display: flex !important;
+    flex-direction: row !important;
+    overflow-x: auto !important;
+    overflow-y: hidden !important;
+    gap: 4px !important;
+    padding: 4px 2px !important;
+    -webkit-overflow-scrolling: touch !important;
+  }
+  [role="dialog"] [class*="_navList"] > * {
+    flex: none !important;
+    white-space: nowrap !important;
+  }
+  /* 移动端收紧官方内容区的厚 padding（原 24px/32px），释放横向显示空间 */
+  [role="dialog"] [class*="_content"] {
+    width: 100% !important;
+    min-width: 0 !important;
+    flex: 1 1 auto !important;
+    padding: 10px 4px !important;
+  }
+
+  /* 重置插件市场等弹窗在窄屏隐藏左侧 nav 的行为：保持导航列表可见。
+     该插件规则（@media max-width:560px 隐藏）无 !important，
+     我们同选择器加 !important 即可稳压。 */
+  @media (max-width: 560px) {
+    [role="dialog"]:has([data-dsh-market-root]) > nav {
+      display: block !important;
+    }
+  }
 `;
 /** 正文预设：对话区紧凑高密度排版（小字号/紧凑行距/等宽代码/防溢出） */
-const PRESET_MAIN_CSS = `
-/* ===== dsh-remote-mobile · 对话正文高密度排版 ===== */
-/* 注：窄屏媒体查询由注入层按端包裹 */
-/* 目标：小字号 + 紧凑行距 + 收紧边距，让每行展示更多内容。
-   不做布局缩放（zoom 会挤压 1fr 网格轨道、产生右侧空白并使页面破版）；
-   字号规则主要基于稳定 HTML 元素（p/h1/li/pre/code 不随 hash 变化），
-   内容容器用 CSS Modules localName 后缀（只有前缀 hash 随机，后缀稳定）。 */
-
-/* 1. 消息内容容器：紧凑字号与行距 */
-[class*="_centerCol"],
-[data-slot^="conversation.chat"],
-[class*="_markdown"],
-[class*="_message"],
-[class*="_bubble"],
-[class*="_text"] {
-  font-size: 12.5px !important;
-  line-height: 1.45 !important;
-  letter-spacing: -0.01em !important;
-}
-
-/* 2. HTML 元素级（稳定）：段落与标题层级 */
-[class*="_centerCol"] p,
-[data-slot^="conversation.chat"] p,
-[class*="_markdown"] p,
-[class*="_message"] p,
-[class*="_bubble"] p {
-  font-size: 12.5px !important;
-  line-height: 1.45 !important;
-  margin: 0 0 0.4em 0 !important;
-}
-
-[class*="_centerCol"] h1,
-[class*="_centerCol"] h2,
-[class*="_centerCol"] h3,
-[class*="_centerCol"] h4,
-[data-slot^="conversation.chat"] h1,
-[data-slot^="conversation.chat"] h2,
-[data-slot^="conversation.chat"] h3,
-[class*="_markdown"] h1,
-[class*="_markdown"] h2,
-[class*="_markdown"] h3 {
-  font-size: 13.5px !important;
-  font-weight: 700 !important;
-  margin: 0.5em 0 0.25em 0 !important;
-  line-height: 1.3 !important;
-}
-
-[class*="_centerCol"] ul,
-[class*="_centerCol"] ol,
-[class*="_markdown"] ul,
-[class*="_markdown"] ol {
-  margin: 0.2em 0 0.4em 0 !important;
-  padding-left: 1.2em !important;
-}
-[class*="_centerCol"] li,
-[class*="_markdown"] li {
-  font-size: 12.5px !important;
-  line-height: 1.45 !important;
-  margin-bottom: 0.15em !important;
-}
-
-/* 3. 行内代码与代码块：小等宽 + 防横向溢出 */
-[class*="_centerCol"] code,
-[data-slot^="conversation.chat"] code,
-[class*="_markdown"] code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
-  font-size: 11.5px !important;
-}
-[class*="_centerCol"] pre,
-[data-slot^="conversation.chat"] pre,
-[class*="_markdown"] pre {
-  font-size: 11.5px !important;
-  line-height: 1.4 !important;
-  max-width: 100% !important;
-  overflow-x: auto !important;
-  -webkit-overflow-scrolling: touch !important;
-}
-
-/* 表格：紧凑字号/内边距 + 窄屏横向滚动防撑破（display:block 让表格宽度受容器约束） */
-[class*="_centerCol"] table,
-[data-slot^="conversation.chat"] table,
-[class*="_markdown"] table {
-  font-size: 11.5px !important;
-  line-height: 1.4 !important;
-  display: block !important;
-  max-width: 100% !important;
-  overflow-x: auto !important;
-  -webkit-overflow-scrolling: touch !important;
-}
-[class*="_centerCol"] table th,
-[class*="_centerCol"] table td,
-[data-slot^="conversation.chat"] table th,
-[data-slot^="conversation.chat"] table td,
-[class*="_markdown"] table th,
-[class*="_markdown"] table td {
-  font-size: 11.5px !important;
-  line-height: 1.4 !important;
-  padding: 3px 7px !important;
-}
-
-/* 3.5 可折叠披露行（data-disclosure-row，如“Code/思考”等行）：标题与摘要跟随紧凑字号 */
-[class*="_centerCol"] [data-disclosure-row],
-[data-slot^="conversation.chat"] [data-disclosure-row] {
-  font-size: 12.5px !important;
-  line-height: 1.45 !important;
-}
-[class*="_centerCol"] [data-disclosure-row] [class*="_title"],
-[class*="_centerCol"] [data-disclosure-row] [class*="_summary"],
-[data-slot^="conversation.chat"] [data-disclosure-row] [class*="_title"],
-[data-slot^="conversation.chat"] [data-disclosure-row] [class*="_summary"] {
-  font-size: 12.5px !important;
-  line-height: 1.45 !important;
-  letter-spacing: -0.01em !important;
-}
-
-/* 3.7 消息列表双层滚动容器（wSkVaW_scrollBody + Md3f7G_scroll）padding 叠加：
-   官方各带 12~16px（合计每侧最多 28px），统一每层压到 8px（每侧合计 16px）。
-   均排除输入区滚动容器，避免误伤 composer。 */
-[class*="_centerCol"] [class*="_scrollBody"],
-[class*="_centerCol"] [class*="_scroll"]:not([data-composer-card] [class*="_scroll"]) {
-  padding: 8px 8px !important;
-}
-
-/* 4. 消息操作条（时间戳/复制等）与内行图标：显式收敛（SVG 不随字号缩放，需显式尺寸） */
-[class*="_centerCol"] [class*="_actions"],
-[data-slot^="conversation.chat"] [class*="_actions"] {
-  font-size: 11px !important;
-  line-height: 1.2 !important;
-}
-[class*="_centerCol"] [class*="_actions"] [class*="_timeStart"],
-[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"],
-[class*="_centerCol"] [class*="_actions"] [class*="_time"],
-[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeStart"],
-[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"],
-[data-slot^="conversation.chat"] [class*="_actions"] [class*="_time"] {
-  font-size: 11px !important;
-}
-/* 用时统计内各指标/分隔点间距收紧（margin: 0） */
-[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"] span,
-[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"] span {
-  margin: 0 !important;
-}
-/* 统计行：单行优先，空间不足才折行（不再强制独占整行）；折行后与消息左缘对齐（margin-left 清零） */
-[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"],
-[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"] {
-  flex: 0 1 auto !important;
-  min-width: 0 !important;
-  height: auto !important;
-  white-space: normal !important;
-  overflow: visible !important;
-  text-overflow: clip !important;
-  padding-left: 6px !important; /* 折行时也保留 6px 缩进，与上方内容区分 */
-}
-[class*="_centerCol"] [class*="_actions"],
-[data-slot^="conversation.chat"] [class*="_actions"] {
-  flex-wrap: wrap !important;
-  height: auto !important;
-  overflow: visible !important;
-}
-[class*="_centerCol"] [class*="_actions"] svg,
-[data-slot^="conversation.chat"] [class*="_actions"] svg,
-[class*="_centerCol"] [class*="_leading"] svg,
-[data-slot^="conversation.chat"] [class*="_leading"] svg {
-  width: 13px !important;
-  height: 13px !important;
-  max-width: 13px !important;
-  max-height: 13px !important;
-  vertical-align: middle !important;
-  flex: none !important;
-}
-
-/* 5. 聊天输入区（composer）紧凑：ghost-textarea 三元件（backdrop 文字层 / input 输入层 / mirror 撑高层）
-   官方共用同一排版：card 16px/24px，三层皆 inherit，且官方 JS 读 mirror 的 lineHeight 做光标滚动定位。
-   因此必须整体改 card 一个基准让三层同步，绝不能只改其中一两层，否则光标随行数错位、高度不撑开。
-   注：插件已设 user-scalable=no，iOS 聚焦不会放大，14px 安全。 */
-[data-composer-card="true"] {
-  font-size: 14px !important;
-  line-height: 20px !important;
-}
-/* ghost-textarea 三件套（backdrop 文字层 / input 输入层 / mirror 撑高层）全参数锁定：
-   与官方共享样式基准一致（仅字号行高改小），根除继承链差异 → 光标/高度/滚动定位同步 */
-[data-composer-card="true"] textarea,
-[data-composer-card="true"] [data-dsh-part="composer-input"],
-[data-composer-card="true"] [data-input-mirror="true"],
-[data-composer-card="true"] [data-input-backdrop="true"] {
-  font-family: var(--dsw-font-family, inherit) !important;
-  font-size: 14px !important;
-  line-height: 20px !important;
-  letter-spacing: 0 !important;
-  white-space: pre-wrap !important;
-  word-break: break-word !important;
-  overflow-wrap: anywhere !important;
-  padding: 4px 12px 0 16px !important;
-}
-[data-composer-card="true"] button,
-[data-composer-card="true"] [role="button"],
-[data-composer-card="true"] [class*="_triggerLabel"] {
-  font-size: 13px !important;
-}
-/* 输入框整体加宽：composer 外层容器左右留白 16px → 8px（:has 精准定位 card 的直接父，避免误伤其它 _root） */
-[class*="_root"]:has(> [data-composer-card="true"]) {
-  padding: 0 8px 8px !important;
-}
-[data-composer-card="true"] svg {
-  width: 13px !important;
-  height: 13px !important;
-  max-width: 13px !important;
-  max-height: 13px !important;
-  flex: none !important;
-}
-/* composer 工具栏紧凑：保持两行布局不变，仅缩小控件尺寸。
-   以工具栏行（_row，即 uV2eYG_row）为锚点，避免误伤输入文本区内的
-   文本引用 / chip 等行内元素。特异性 (0,2,0)~ (0,3,0) 均高于官方单类 (0,1,0)。 */
-[data-composer-card="true"] [class*="_row"] {
-  gap: 6px !important;
-  padding: 2px 6px 4px !important;
-}
-[data-composer-card="true"] [class*="_row"] [class*="_tools"],
-[data-composer-card="true"] [class*="_row"] [class*="_modes"],
-[data-composer-card="true"] [class*="_row"] [class*="_trailing"] {
-  gap: 6px !important;
-}
-[data-composer-card="true"] [class*="_row"] [class*="_add"],
-[data-composer-card="true"] [class*="_row"] [class*="_trigger"] {
-  padding: 0 4px !important;
-  gap: 2px !important;
-}
-[data-composer-card="true"] [class*="_row"] [class*="_add"] {
-  width: 26px !important;
-  min-width: 26px !important;
-  height: 26px !important;
-  min-height: 26px !important;
-}
-[data-composer-card="true"] [class*="_row"] [class*="_triggerLabel"],
-[data-composer-card="true"] [class*="_row"] [class*="_triggerEffort"] {
-  font-size: 12px !important;
-  line-height: 16px !important;
-}
-[data-composer-card="true"] [class*="_row"] [class*="_primary"] {
-  width: 30px !important;
-  height: 30px !important;
-  min-width: 30px !important;
-  min-height: 30px !important;
-}
-[data-composer-card="true"] [class*="_row"] svg {
-  width: 12px !important;
-  height: 12px !important;
-  max-width: 12px !important;
-  max-height: 12px !important;
-  flex: none !important;
-}
-
-/* 6. 提问卡片（Mbwy4a_frame，data-question-key 为官方稳定属性锚点）：
-   收窄左右外边距（官方 padding: calc(composer-side-clearance + 16px) 偏大），
-   选项文案字号跟随正文（正文 12.5px，选项标题 13px、说明 12.5px），
-   行高同步收敛，保持卡片整体与对话紧凑排版一致。 */
-[data-question-key] {
-  padding-left: 8px !important;
-  padding-right: 8px !important;
-}
-
-[data-question-key] [class*="_optionLabel"] {
-  font-size: 13px !important;
-  line-height: 20px !important;
-}
-
-[data-question-key] [class*="_description"] {
-  font-size: 12.5px !important;
-  line-height: 20px !important;
-}
-
-[data-question-key] [class*="_title"] {
-  font-size: 15px !important;
-  line-height: 21px !important;
-}
+const PRESET_MAIN_CSS = `
+/* ===== dsh-remote-mobile · 对话正文高密度排版 ===== */
+/* 注：窄屏媒体查询由注入层按端包裹 */
+/* 目标：小字号 + 紧凑行距 + 收紧边距，让每行展示更多内容。
+   不做布局缩放（zoom 会挤压 1fr 网格轨道、产生右侧空白并使页面破版）；
+   字号规则主要基于稳定 HTML 元素（p/h1/li/pre/code 不随 hash 变化），
+   内容容器用 CSS Modules localName 后缀（只有前缀 hash 随机，后缀稳定）。 */
+
+/* 1. 消息内容容器：紧凑字号与行距 */
+[class*="_centerCol"],
+[data-slot^="conversation.chat"],
+[class*="_markdown"],
+[class*="_message"],
+[class*="_bubble"],
+[class*="_text"] {
+  font-size: 12.5px !important;
+  line-height: 1.45 !important;
+  letter-spacing: -0.01em !important;
+}
+
+/* 2. HTML 元素级（稳定）：段落与标题层级 */
+[class*="_centerCol"] p,
+[data-slot^="conversation.chat"] p,
+[class*="_markdown"] p,
+[class*="_message"] p,
+[class*="_bubble"] p {
+  font-size: 12.5px !important;
+  line-height: 1.45 !important;
+  margin: 0 0 0.4em 0 !important;
+}
+
+[class*="_centerCol"] h1,
+[class*="_centerCol"] h2,
+[class*="_centerCol"] h3,
+[class*="_centerCol"] h4,
+[data-slot^="conversation.chat"] h1,
+[data-slot^="conversation.chat"] h2,
+[data-slot^="conversation.chat"] h3,
+[class*="_markdown"] h1,
+[class*="_markdown"] h2,
+[class*="_markdown"] h3 {
+  font-size: 13.5px !important;
+  font-weight: 700 !important;
+  margin: 0.5em 0 0.25em 0 !important;
+  line-height: 1.3 !important;
+}
+
+[class*="_centerCol"] ul,
+[class*="_centerCol"] ol,
+[class*="_markdown"] ul,
+[class*="_markdown"] ol {
+  margin: 0.2em 0 0.4em 0 !important;
+  padding-left: 1.2em !important;
+}
+[class*="_centerCol"] li,
+[class*="_markdown"] li {
+  font-size: 12.5px !important;
+  line-height: 1.45 !important;
+  margin-bottom: 0.15em !important;
+}
+
+/* 3. 行内代码与代码块：小等宽 + 防横向溢出 */
+[class*="_centerCol"] code,
+[data-slot^="conversation.chat"] code,
+[class*="_markdown"] code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
+  font-size: 11.5px !important;
+}
+[class*="_centerCol"] pre,
+[data-slot^="conversation.chat"] pre,
+[class*="_markdown"] pre {
+  font-size: 11.5px !important;
+  line-height: 1.4 !important;
+  max-width: 100% !important;
+  overflow-x: auto !important;
+  -webkit-overflow-scrolling: touch !important;
+}
+
+/* 表格：紧凑字号/内边距 + 窄屏横向滚动防撑破（display:block 让表格宽度受容器约束） */
+[class*="_centerCol"] table,
+[data-slot^="conversation.chat"] table,
+[class*="_markdown"] table {
+  font-size: 11.5px !important;
+  line-height: 1.4 !important;
+  display: block !important;
+  max-width: 100% !important;
+  overflow-x: auto !important;
+  -webkit-overflow-scrolling: touch !important;
+}
+[class*="_centerCol"] table th,
+[class*="_centerCol"] table td,
+[data-slot^="conversation.chat"] table th,
+[data-slot^="conversation.chat"] table td,
+[class*="_markdown"] table th,
+[class*="_markdown"] table td {
+  font-size: 11.5px !important;
+  line-height: 1.4 !important;
+  padding: 3px 7px !important;
+}
+
+/* 3.5 可折叠披露行（data-disclosure-row，如“Code/思考”等行）：标题与摘要跟随紧凑字号 */
+[class*="_centerCol"] [data-disclosure-row],
+[data-slot^="conversation.chat"] [data-disclosure-row] {
+  font-size: 12.5px !important;
+  line-height: 1.45 !important;
+}
+[class*="_centerCol"] [data-disclosure-row] [class*="_title"],
+[class*="_centerCol"] [data-disclosure-row] [class*="_summary"],
+[data-slot^="conversation.chat"] [data-disclosure-row] [class*="_title"],
+[data-slot^="conversation.chat"] [data-disclosure-row] [class*="_summary"] {
+  font-size: 12.5px !important;
+  line-height: 1.45 !important;
+  letter-spacing: -0.01em !important;
+}
+
+/* 3.7 消息列表双层滚动容器（wSkVaW_scrollBody + Md3f7G_scroll）padding 叠加：
+   官方各带 12~16px（合计每侧最多 28px），统一每层压到 8px（每侧合计 16px）。
+   均排除输入区滚动容器，避免误伤 composer。 */
+[class*="_centerCol"] [class*="_scrollBody"],
+[class*="_centerCol"] [class*="_scroll"]:not([data-composer-card] [class*="_scroll"]) {
+  padding: 8px 8px !important;
+}
+
+/* 4. 消息操作条（时间戳/复制等）与内行图标：显式收敛（SVG 不随字号缩放，需显式尺寸） */
+[class*="_centerCol"] [class*="_actions"],
+[data-slot^="conversation.chat"] [class*="_actions"] {
+  font-size: 11px !important;
+  line-height: 1.2 !important;
+}
+[class*="_centerCol"] [class*="_actions"] [class*="_timeStart"],
+[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"],
+[class*="_centerCol"] [class*="_actions"] [class*="_time"],
+[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeStart"],
+[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"],
+[data-slot^="conversation.chat"] [class*="_actions"] [class*="_time"] {
+  font-size: 11px !important;
+}
+/* 用时统计内各指标/分隔点间距收紧（margin: 0） */
+[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"] span,
+[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"] span {
+  margin: 0 !important;
+}
+/* 统计行：单行优先，空间不足才折行（不再强制独占整行）；折行后与消息左缘对齐（margin-left 清零） */
+[class*="_centerCol"] [class*="_actions"] [class*="_timeEnd"],
+[data-slot^="conversation.chat"] [class*="_actions"] [class*="_timeEnd"] {
+  flex: 0 1 auto !important;
+  min-width: 0 !important;
+  height: auto !important;
+  white-space: normal !important;
+  overflow: visible !important;
+  text-overflow: clip !important;
+  padding-left: 6px !important; /* 折行时也保留 6px 缩进，与上方内容区分 */
+}
+[class*="_centerCol"] [class*="_actions"],
+[data-slot^="conversation.chat"] [class*="_actions"] {
+  flex-wrap: wrap !important;
+  height: auto !important;
+  overflow: visible !important;
+}
+[class*="_centerCol"] [class*="_actions"] svg,
+[data-slot^="conversation.chat"] [class*="_actions"] svg,
+[class*="_centerCol"] [class*="_leading"] svg,
+[data-slot^="conversation.chat"] [class*="_leading"] svg {
+  width: 13px !important;
+  height: 13px !important;
+  max-width: 13px !important;
+  max-height: 13px !important;
+  vertical-align: middle !important;
+  flex: none !important;
+}
+
+/* 5. 聊天输入区（composer）紧凑：ghost-textarea 三元件（backdrop 文字层 / input 输入层 / mirror 撑高层）
+   官方共用同一排版：card 16px/24px，三层皆 inherit，且官方 JS 读 mirror 的 lineHeight 做光标滚动定位。
+   因此必须整体改 card 一个基准让三层同步，绝不能只改其中一两层，否则光标随行数错位、高度不撑开。
+   注：插件已设 user-scalable=no，iOS 聚焦不会放大，14px 安全。 */
+[data-composer-card="true"] {
+  font-size: 14px !important;
+  line-height: 20px !important;
+}
+/* ghost-textarea 三件套（backdrop 文字层 / input 输入层 / mirror 撑高层）全参数锁定：
+   与官方共享样式基准一致（仅字号行高改小），根除继承链差异 → 光标/高度/滚动定位同步 */
+[data-composer-card="true"] textarea,
+[data-composer-card="true"] [data-dsh-part="composer-input"],
+[data-composer-card="true"] [data-input-mirror="true"],
+[data-composer-card="true"] [data-input-backdrop="true"] {
+  font-family: var(--dsw-font-family, inherit) !important;
+  font-size: 14px !important;
+  line-height: 20px !important;
+  letter-spacing: 0 !important;
+  white-space: pre-wrap !important;
+  word-break: break-word !important;
+  overflow-wrap: anywhere !important;
+  padding: 4px 12px 0 16px !important;
+}
+[data-composer-card="true"] button,
+[data-composer-card="true"] [role="button"],
+[data-composer-card="true"] [class*="_triggerLabel"] {
+  font-size: 13px !important;
+}
+/* 输入框整体加宽：composer 外层容器左右留白 16px → 8px（:has 精准定位 card 的直接父，避免误伤其它 _root） */
+[class*="_root"]:has(> [data-composer-card="true"]) {
+  padding: 0 8px 8px !important;
+}
+[data-composer-card="true"] svg {
+  width: 13px !important;
+  height: 13px !important;
+  max-width: 13px !important;
+  max-height: 13px !important;
+  flex: none !important;
+}
+/* composer 工具栏紧凑：保持两行布局不变，仅缩小控件尺寸。
+   以工具栏行（_row，即 uV2eYG_row）为锚点，避免误伤输入文本区内的
+   文本引用 / chip 等行内元素。特异性 (0,2,0)~ (0,3,0) 均高于官方单类 (0,1,0)。 */
+[data-composer-card="true"] [class*="_row"] {
+  gap: 6px !important;
+  padding: 2px 6px 4px !important;
+}
+[data-composer-card="true"] [class*="_row"] [class*="_tools"],
+[data-composer-card="true"] [class*="_row"] [class*="_modes"],
+[data-composer-card="true"] [class*="_row"] [class*="_trailing"] {
+  gap: 6px !important;
+}
+[data-composer-card="true"] [class*="_row"] [class*="_add"],
+[data-composer-card="true"] [class*="_row"] [class*="_trigger"] {
+  padding: 0 4px !important;
+  gap: 2px !important;
+}
+[data-composer-card="true"] [class*="_row"] [class*="_add"] {
+  width: 26px !important;
+  min-width: 26px !important;
+  height: 26px !important;
+  min-height: 26px !important;
+}
+[data-composer-card="true"] [class*="_row"] [class*="_triggerLabel"],
+[data-composer-card="true"] [class*="_row"] [class*="_triggerEffort"] {
+  font-size: 12px !important;
+  line-height: 16px !important;
+}
+[data-composer-card="true"] [class*="_row"] [class*="_primary"] {
+  width: 30px !important;
+  height: 30px !important;
+  min-width: 30px !important;
+  min-height: 30px !important;
+}
+[data-composer-card="true"] [class*="_row"] svg {
+  width: 12px !important;
+  height: 12px !important;
+  max-width: 12px !important;
+  max-height: 12px !important;
+  flex: none !important;
+}
+
+/* 6. 提问卡片（Mbwy4a_frame，data-question-key 为官方稳定属性锚点）：
+   收窄左右外边距（官方 padding: calc(composer-side-clearance + 16px) 偏大），
+   选项文案字号跟随正文（正文 12.5px，选项标题 13px、说明 12.5px），
+   行高同步收敛，保持卡片整体与对话紧凑排版一致。 */
+[data-question-key] {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
+
+[data-question-key] [class*="_optionLabel"] {
+  font-size: 13px !important;
+  line-height: 20px !important;
+}
+
+[data-question-key] [class*="_description"] {
+  font-size: 12.5px !important;
+  line-height: 20px !important;
+}
+
+[data-question-key] [class*="_title"] {
+  font-size: 15px !important;
+  line-height: 21px !important;
+}
 `;
 /**
  * 内置官方预设：按界面区域划分的三段预设。