tiptap-markdown-react 0.17.1 → 0.19.0

package/dist/style.css

@@ -3,14 +3,14 @@
 
 /* 编辑器最外层：查找替换浮动条的粘性范围就是它（超出编辑器范围后浮动条随之离场）。
    正文的滚动容器仍是 .editorScroll（宿主传的 className 依然落在它身上，契约不变）。 */
-._editorHost_1teg4_6 {
+._editorHost_yyqcs_6 {
   position: relative;
 }
 
 /* 浮动条的粘性锚点：高度 0，不占布局、不推挤正文；sticky 让浮动条在「最近的滚动容器」
    里粘住（宿主的外层滚动容器或页面本身），正文滚动时不会把条子卷上去。
    注意：锚点必须在 DOM 里排在正文之前——排在后面的话它的自然位置在正文底部，粘性范围就错了。 */
-._findBarAnchor_1teg4_13 {
+._findBarAnchor_yyqcs_13 {
   position: sticky;
   top: 0;
   height: 0;
@@ -18,16 +18,16 @@
 }
 
 /* 浮动条本体：绝对定位浮在正文之上，具体落点由 findBarOffset 决定（默认右上 4px） */
-._findBar_1teg4_13 {
+._findBar_yyqcs_13 {
   position: absolute;
 }
 
-._editorScroll_1teg4_5 {
+._editorScroll_yyqcs_5 {
   margin-top: 24px;
   position: relative;
 }
 
-._editorContent_1teg4_30 {
+._editorContent_yyqcs_30 {
   outline: none;
   padding: 0;
   font-family: var(
@@ -53,7 +53,7 @@
    属性由官方 Placeholder 扩展（组件里按 placeholder prop 注册）以节点装饰
    打在段落 / 标题本身上，故此处 attr(data-placeholder) 取得到值。
    不限定 p：空文档首块是空标题（敲 / 选 H1 后删空）时同样显示。 */
-._editorContent_1teg4_30 .is-editor-empty:first-child::before {
+._editorContent_yyqcs_30 .is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   float: left;
   height: 0;
@@ -61,7 +61,7 @@
   pointer-events: none;
 }
 
-._editorContent_1teg4_30 h1 {
+._editorContent_yyqcs_30 h1 {
   font-family: inherit;
   font-size: 1.55em;
   font-weight: 700;
@@ -69,7 +69,7 @@
   line-height: 1.3;
 }
 
-._editorContent_1teg4_30 h2 {
+._editorContent_yyqcs_30 h2 {
   font-family: inherit;
   font-size: 1.3em;
   font-weight: 700;
@@ -77,7 +77,7 @@
   line-height: 1.3;
 }
 
-._editorContent_1teg4_30 h3 {
+._editorContent_yyqcs_30 h3 {
   font-family: inherit;
   font-size: 1.12em;
   font-weight: 600;
@@ -85,21 +85,21 @@
 }
 
 /* h4-h6：延续 h1-h3 尺寸梯度递减；字号差变小后靠字重保持标题感，h6 字色稍弱。 */
-._editorContent_1teg4_30 h4 {
+._editorContent_yyqcs_30 h4 {
   font-family: inherit;
   font-size: 1.05em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_1teg4_30 h5 {
+._editorContent_yyqcs_30 h5 {
   font-family: inherit;
   font-size: 0.95em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_1teg4_30 h6 {
+._editorContent_yyqcs_30 h6 {
   font-family: inherit;
   font-size: 0.88em;
   font-weight: 600;
@@ -107,25 +107,25 @@
   color: var(--tmr-muted, #777777);
 }
 
-._editorContent_1teg4_30 p {
+._editorContent_yyqcs_30 p {
   margin: 0.7em 0;
 }
 
-._editorContent_1teg4_30 ul,
-._editorContent_1teg4_30 ol {
+._editorContent_yyqcs_30 ul,
+._editorContent_yyqcs_30 ol {
   padding-left: 1.5em;
   margin: 0.7em 0;
 }
 
-._editorContent_1teg4_30 ul {
+._editorContent_yyqcs_30 ul {
   list-style: disc;
 }
 
-._editorContent_1teg4_30 ol {
+._editorContent_yyqcs_30 ol {
   list-style: decimal;
 }
 
-._editorContent_1teg4_30 blockquote {
+._editorContent_yyqcs_30 blockquote {
   border-left: 3px solid var(--tmr-accent, #ff6719);
   padding-left: 1em;
   margin: 0.9em 0;
@@ -133,13 +133,13 @@
   font-style: italic;
 }
 
-._editorContent_1teg4_30 a {
+._editorContent_yyqcs_30 a {
   color: var(--tmr-accent, #ff6719);
   text-decoration: underline;
 }
 
 /* 仅行内代码加灰底；代码块内的 <code>（在 pre 内）由 NodeView 自管，排除掉 */
-._editorContent_1teg4_30 code:not(pre code) {
+._editorContent_yyqcs_30 code:not(pre code) {
   background: var(--tmr-code-bg, #f4f4f4);
   padding: 0.15em 0.4em;
   border-radius: 4px;
@@ -154,13 +154,13 @@
   );
 }
 
-._editorContent_1teg4_30 hr {
+._editorContent_yyqcs_30 hr {
   border: none;
   border-top: 1px solid var(--tmr-border, #e6e6e6);
   margin: 1.5em 0;
 }
 
-._editorContent_1teg4_30 img {
+._editorContent_yyqcs_30 img {
   max-width: 100%;
   height: auto;
   border-radius: 6px;
@@ -168,22 +168,201 @@
   display: block;
 }
 
-/* 选中的图片高亮 */
-._editorContent_1teg4_30 img.ProseMirror-selectednode {
+/* 选中的图片高亮。开缩放后图片被 NodeView 包着、选中类落在容器上；关缩放时类落在 img 上 */
+._editorContent_yyqcs_30 img.ProseMirror-selectednode,
+._editorContent_yyqcs_30 [data-resize-container].ProseMirror-selectednode img {
   outline: 2px solid var(--tmr-accent, #ff6719);
 }
 
+/* 图片对齐（data-align 由图片扩展渲染；属性名对齐官方 image-align-button 的约定）。
+   只读 / 预览里 img 是块级直系子元素，margin auto 推左右；编辑态 img 被缩放的 wrapper
+   包着、自身 margin 缩不动，改为对齐容器（flex）的 justify-content。 */
+._editorContent_yyqcs_30 img[data-align='left'] {
+  margin-left: 0;
+  margin-right: auto;
+}
+
+._editorContent_yyqcs_30 img[data-align='center'] {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+._editorContent_yyqcs_30 img[data-align='right'] {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+._editorContent_yyqcs_30 [data-resize-container]:has(img[data-align='left']) {
+  justify-content: flex-start;
+}
+
+._editorContent_yyqcs_30 [data-resize-container]:has(img[data-align='center']) {
+  justify-content: center;
+}
+
+._editorContent_yyqcs_30 [data-resize-container]:has(img[data-align='right']) {
+  justify-content: flex-end;
+}
+
+/* 编辑态（缩放 wrapper 内）的对齐完全交给上面的 justify-content：img 自己的
+   margin 在「wrapper 宽度收缩到图片宽」的布局里没有可分配空间，auto 值在不同
+   浏览器/布局下的固有尺寸计算还可能造出额外宽度——统一清零，防患于未然。 */
+._editorContent_yyqcs_30 [data-resize-wrapper] img[data-align] {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/* 编辑态：图片的上下 margin 挪到容器上（wrapper 内清零）。margin 若留在 img 上，
+   会与 wrapper 折叠——wrapper 的顶被推上去，手柄 top（相对 wrapper）的定位基准就偏了
+   （--tmr-image-h 的公式假设「wrapper 顶 = 图片顶」）。 */
+._editorContent_yyqcs_30 [data-resize-container] {
+  margin: 0.8em 0;
+}
+
+._editorContent_yyqcs_30 [data-resize-wrapper] img {
+  margin: 0;
+}
+
+/* 图注（图片描述）：**始终在图片底部居中**（不跟图片对齐方向走）。编辑态由 NodeView
+   的 wrapper 承载（宽度 = 图片宽）；只读 / 预览 / SSR 走 renderHTML 的
+   <figure><figcaption>（figure 是 fit-content 的 column flex，figcaption 与图片同宽）。 */
+._editorContent_yyqcs_30 .tmr-image-caption {
+  margin-top: 0.4em;
+  color: var(--tmr-muted, #6b6b6b);
+  font-size: 0.875em;
+  line-height: 1.5;
+  text-align: center;
+  user-select: text;
+}
+
+/* 预览 / SSR / 无缩放的编辑态：figure > img + figcaption 结构 */
+._editorContent_yyqcs_30 figure.tmr-image-figure {
+  display: flex;
+  flex-direction: column;
+  width: fit-content;
+  max-width: 100%;
+  margin: 0.8em 0;
+}
+
+._editorContent_yyqcs_30 figure.tmr-image-figure > img {
+  margin: 0;
+}
+
+._editorContent_yyqcs_30 figure.tmr-image-figure:has(img[data-align='center']) {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+._editorContent_yyqcs_30 figure.tmr-image-figure:has(img[data-align='right']) {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/* 图片缩放手柄。官方 ResizableNodeView 只给手柄内联定位（top/left/bottom/right），
+   没有视觉样式——尺寸与配色在这里定；拖动逻辑归 JS（mousedown→mousemove→commit）。
+   显示时机：仅鼠标悬浮图片时出现（拖拽中保持），移开即隐。 */
+._editorContent_yyqcs_30 [data-resize-handle] {
+  width: 12px;
+  height: 12px;
+  border: 2px solid #fff;
+  border-radius: 4px;
+  box-sizing: border-box;
+  background: var(--tmr-accent, #ff6719);
+  opacity: 0;
+  transition: opacity 0.15s ease;
+  touch-action: none;
+}
+
+._editorContent_yyqcs_30 [data-resize-container]:hover [data-resize-handle],
+._editorContent_yyqcs_30 [data-resize-container][data-resize-state='true'] [data-resize-handle] {
+  opacity: 1;
+}
+
+/* 默认四角手柄：中心压在图片角上（官方内联定位是贴角，用 transform 外移一半） */
+._editorContent_yyqcs_30 [data-resize-handle='top-left'] {
+  transform: translate(-50%, -50%);
+  cursor: nwse-resize;
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='top-right'] {
+  transform: translate(50%, -50%);
+  cursor: nesw-resize;
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='bottom-left'] {
+  transform: translate(-50%, 50%);
+  cursor: nesw-resize;
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='bottom-right'] {
+  transform: translate(50%, 50%);
+  cursor: nwse-resize;
+}
+
+/* 左右手柄（本库默认方向）：居中的圆角竖条、贴边内缩，对齐官方 demo 的形态。
+   官方内联定位把这些手柄撑满整条边（top:0;bottom:0），改回垂直居中需要 !important。 */
+._editorContent_yyqcs_30 [data-resize-handle='left'],
+._editorContent_yyqcs_30 [data-resize-handle='right'] {
+  top: 50% !important;
+  /* 有图注时 wrapper 会变高（图注在图片下方），手柄要相对**图片**垂直居中——
+     NodeView 包装把图片的真实高度写在 --tmr-image-h 上；变量缺失（图片未加载 /
+     无布局环境）时上一条 50% 生效（calc 引用未定义变量整条声明无效）。 */
+  top: calc(var(--tmr-image-h) / 2) !important;
+  bottom: auto !important;
+  width: 12px;
+  height: min(84px, 24%);
+  border: none;
+  border-radius: 999px;
+  cursor: ew-resize;
+}
+
+/* 拖拽中 wrapper 高度实时变（图片尺寸在变），--tmr-image-h 还是拖前的旧值——
+   继续用它手柄会「掉」到图片下方（拖小图时实测偏出 100px+，松手 update 后才复原）。
+   拖拽期间落回 50% 近似定位：无图注时即图片正中；有图注时偏半个图注高，可忽略。 */
+._editorContent_yyqcs_30 [data-resize-container][data-resize-state='true'] [data-resize-handle='left'],
+._editorContent_yyqcs_30 [data-resize-container][data-resize-state='true'] [data-resize-handle='right'] {
+  top: 50% !important;
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='left'] {
+  transform: translate(8px, -50%);
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='right'] {
+  transform: translate(-8px, -50%);
+}
+
+/* 上下边手柄（宿主显式开启 top/bottom 时）：同样的短条，横向 */
+._editorContent_yyqcs_30 [data-resize-handle='top'],
+._editorContent_yyqcs_30 [data-resize-handle='bottom'] {
+  left: 50% !important;
+  right: auto !important;
+  width: min(84px, 24%);
+  height: 12px;
+  border: none;
+  border-radius: 999px;
+  cursor: ns-resize;
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='top'] {
+  transform: translate(-50%, 8px);
+}
+
+._editorContent_yyqcs_30 [data-resize-handle='bottom'] {
+  transform: translate(-50%, -8px);
+}
+
 /* 表格：细边框、表头浅灰；外包 .tableWrapper（编辑器 NodeView + SSR renderWrapper）
  * 桌面：width:100% + 允许换行，整表落在阅读列内（与改前一致）
  * 窄屏：max-content + nowrap，避免列被挤扁，wrapper 内横滑 */
-._editorContent_1teg4_30 .tableWrapper {
+._editorContent_yyqcs_30 .tableWrapper {
   max-width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin: 1em 0;
 }
 
-._editorContent_1teg4_30 table {
+._editorContent_yyqcs_30 table {
   border-collapse: collapse;
   table-layout: auto;
   width: 100%;
@@ -193,12 +372,12 @@
 }
 
 /* 无 wrapper 的遗留 HTML（旧缓存）仍给一点外边距 */
-._editorContent_1teg4_30 :not(.tableWrapper) > table {
+._editorContent_yyqcs_30 :not(.tableWrapper) > table {
   margin: 1em 0;
 }
 
-._editorContent_1teg4_30 table td,
-._editorContent_1teg4_30 table th {
+._editorContent_yyqcs_30 table td,
+._editorContent_yyqcs_30 table th {
   border: 1px solid var(--tmr-border, #e6e6e6);
   padding: 8px 12px;
   vertical-align: top;
@@ -209,27 +388,27 @@
   word-break: break-word;
 }
 
-._editorContent_1teg4_30 table th {
+._editorContent_yyqcs_30 table th {
   background: var(--tmr-table-header-bg, #f7f7f7);
   font-weight: 600;
 }
 
 @media (max-width: 640px) {
-  ._editorContent_1teg4_30 table {
+  ._editorContent_yyqcs_30 table {
     width: max-content;
     min-width: 100%;
     max-width: none;
   }
 
-  ._editorContent_1teg4_30 table td,
-  ._editorContent_1teg4_30 table th {
+  ._editorContent_yyqcs_30 table td,
+  ._editorContent_yyqcs_30 table th {
     white-space: nowrap;
     word-break: normal;
   }
 }
 
 /* 选中的单元格高亮 */
-._editorContent_1teg4_30 table .selectedCell::after {
+._editorContent_yyqcs_30 table .selectedCell::after {
   content: '';
   position: absolute;
   inset: 0;
@@ -238,7 +417,7 @@
 }
 
 /* 列宽拖拽手柄 */
-._editorContent_1teg4_30 table .column-resize-handle {
+._editorContent_yyqcs_30 table .column-resize-handle {
   position: absolute;
   right: -2px;
   top: 0;
@@ -251,30 +430,30 @@
 /* 任务清单：复选框与首行文字在同一行高内垂直居中。
    li 是 flex 容器，项内段落的外边距不会塌到 li 外（不像普通 ul/ol），只会把正文往下推，
    所以项内段落清零外边距，项间距改由 li 按 ul/ol 的 0.7em 承担。 */
-._editorContent_1teg4_30 ul[data-type='taskList'] {
+._editorContent_yyqcs_30 ul[data-type='taskList'] {
   list-style: none;
   padding-left: 0.2em;
 }
 
-._editorContent_1teg4_30 ul[data-type='taskList'] li {
+._editorContent_yyqcs_30 ul[data-type='taskList'] li {
   display: flex;
   align-items: flex-start;
   gap: 0.5em;
   margin: 0.7em 0;
 }
 
-._editorContent_1teg4_30 ul[data-type='taskList'] li > div > p {
+._editorContent_yyqcs_30 ul[data-type='taskList'] li > div > p {
   margin: 0;
 }
 
 /* 项内第二段起保留半档间距，避免多段任务项的段落粘成一片（首段仍不带外边距） */
-._editorContent_1teg4_30 ul[data-type='taskList'] li > div > p + p {
+._editorContent_yyqcs_30 ul[data-type='taskList'] li > div > p + p {
   margin-top: 0.35em;
 }
 
 /* label 撑满一行行高并居中，框心落在首行文字中线上；
    1lh 即该元素当前行高，随 --tmr-line-height（数字或长度写法）一起变，不靠手调偏移。 */
-._editorContent_1teg4_30 ul[data-type='taskList'] li > label {
+._editorContent_yyqcs_30 ul[data-type='taskList'] li > label {
   display: flex;
   align-items: center;
   flex: 0 0 auto;
@@ -282,18 +461,18 @@
   user-select: none;
 }
 
-._editorContent_1teg4_30 ul[data-type='taskList'] li > div {
+._editorContent_yyqcs_30 ul[data-type='taskList'] li > div {
   flex: 1;
 }
 
-._editorContent_1teg4_30 ul[data-type='taskList'] input[type='checkbox'] {
+._editorContent_yyqcs_30 ul[data-type='taskList'] input[type='checkbox'] {
   margin: 0;
   accent-color: var(--tmr-accent, #ff6719);
   cursor: pointer;
 }
 
 /* 脚注/引文圆标：与正文字垂直居中；配色对齐工具栏 active（浅橙底 + accent 字） */
-._editorContent_1teg4_30 span.citation-ref {
+._editorContent_yyqcs_30 span.citation-ref {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -330,7 +509,7 @@
     border-color 0.15s ease;
 }
 
-._editorContent_1teg4_30 span.citation-ref a {
+._editorContent_yyqcs_30 span.citation-ref a {
   color: inherit;
   text-decoration: none;
   display: flex;
@@ -342,26 +521,26 @@
   pointer-events: none;
 }
 
-._editorContent_1teg4_30 span.citation-ref:hover,
-._editorContent_1teg4_30 span.citation-ref:focus-within,
-._editorContent_1teg4_30 span.citation-ref[data-tmr-citation-active] {
+._editorContent_yyqcs_30 span.citation-ref:hover,
+._editorContent_yyqcs_30 span.citation-ref:focus-within,
+._editorContent_yyqcs_30 span.citation-ref[data-tmr-citation-active] {
   background: var(--tmr-citation-bg-hover, var(--tmr-accent, #ff6719));
   border-color: var(--tmr-citation-bg-hover, var(--tmr-accent, #ff6719));
   color: var(--tmr-citation-fg-hover, #ffffff);
 }
 
-._editorContent_1teg4_30 .tiptap-mathematics-render[data-type='inline-math'] {
+._editorContent_yyqcs_30 .tiptap-mathematics-render[data-type='inline-math'] {
   display: inline;
 }
 
-._editorContent_1teg4_30 .tiptap-mathematics-render[data-type='block-math'] {
+._editorContent_yyqcs_30 .tiptap-mathematics-render[data-type='block-math'] {
   margin: 0.9em 0;
   overflow-x: auto;
   text-align: center;
 }
 
 /* 导入占位：进度写在光标处，不进 Markdown */
-._editorContent_1teg4_30 .tmr-import-placeholder {
+._editorContent_yyqcs_30 .tmr-import-placeholder {
   display: flex;
   align-items: center;
   gap: 0.5em;
@@ -371,16 +550,16 @@
   user-select: none;
 }
 
-._editorContent_1teg4_30 .tmr-import-placeholder-spin {
+._editorContent_yyqcs_30 .tmr-import-placeholder-spin {
   width: 0.7em;
   height: 0.7em;
   border: 1.5px solid var(--tmr-border, #e6e6e6);
   border-top-color: var(--tmr-accent, #ff6719);
   border-radius: 50%;
-  animation: _tmr-import-spin_1teg4_1 0.7s linear infinite;
+  animation: _tmr-import-spin_yyqcs_1 0.7s linear infinite;
 }
 
-@keyframes _tmr-import-spin_1teg4_1 {
+@keyframes _tmr-import-spin_yyqcs_1 {
   to {
     transform: rotate(360deg);
   }
@@ -388,7 +567,7 @@
 
 /* 快捷键抽屉的悬浮入口：sticky-bottom——自然位置在编辑器底部，
    内容滚动时保持悬浮在可视区右下；到内容末尾落位对齐右缘 */
-._shortcutFab_1teg4_391 {
+._shortcutFab_yyqcs_570 {
   position: sticky;
   bottom: 20px;
   z-index: 6;
@@ -409,14 +588,14 @@
   transition: box-shadow 0.15s, color 0.15s;
 }
 
-._shortcutFab_1teg4_391:hover {
+._shortcutFab_yyqcs_570:hover {
   color: var(--tmr-accent, #ff6719);
   box-shadow: 0 8px 24px rgb(0 0 0 / 16%);
 }
 
 /* 宿主容器模式的悬浮键：定位归宿主（如叠在「回到顶部」按钮上方），
    库只保留按钮本体视觉，不加粘性定位与右下角外边距 */
-._shortcutFabHosted_1teg4_419 {
+._shortcutFabHosted_yyqcs_598 {
   position: static;
   margin: 0;
 }
@@ -782,6 +961,266 @@
   font-size: 13px;
   white-space: nowrap;
 }
+/* 图片上传占位块（ImageUploadNode 的 NodeView）。配色走 --tmr-* 变量（与工具栏 / 查找条同一套），
+   宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：根节点 [data-image-upload]、
+   拖拽区 [data-image-upload-dropzone]、文件行 [data-image-upload-item]、移除按钮
+   [data-image-upload-remove]。 */
+
+._wrap_1k6n1_8 {
+  --iu-border: var(--tmr-toolbar-border, #ececec);
+  --iu-border-hover: var(--tmr-toolbar-muted, #6b6b6b);
+  --iu-muted: var(--tmr-toolbar-muted, #6b6b6b);
+  --iu-text: var(--tmr-text, #363737);
+  --iu-accent: var(--tmr-accent, #ff6719);
+
+  margin: 0.8em 0;
+}
+
+._wrap_1k6n1_8:focus-visible {
+  outline: none;
+}
+
+/* ── 空态：点击 / 拖拽区 ── */
+
+._dropzone_1k6n1_24 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1.25rem;
+  padding: 2rem 1.5rem;
+  border: 1.5px dashed var(--iu-border);
+  border-radius: 8px;
+  cursor: pointer;
+  transition:
+    border-color 0.2s ease,
+    background-color 0.2s ease;
+}
+
+._dropzone_1k6n1_24:hover {
+  border-color: var(--iu-border-hover);
+}
+
+._wrap_1k6n1_8:focus-visible ._dropzone_1k6n1_24,
+._dragActive_1k6n1_43 {
+  border-color: var(--iu-accent);
+}
+
+._dragActive_1k6n1_43 {
+  background-color: rgb(0 0 0 / 3%);
+}
+
+._dragOver_1k6n1_51 {
+  background-color: rgb(0 0 0 / 6%);
+}
+
+/* 文档形状：主体 + 折角 + 右下角的上传角标 */
+._fileShape_1k6n1_56 {
+  position: relative;
+  display: inline-flex;
+  width: 43px;
+  height: 57px;
+  flex: none;
+  color: var(--iu-border);
+}
+
+._fileShapeDoc_1k6n1_65 {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+._fileShapeCorner_1k6n1_71 {
+  position: absolute;
+  top: 0;
+  right: 2px;
+  color: var(--iu-border-hover);
+}
+
+._fileBadge_1k6n1_78 {
+  position: absolute;
+  right: -6px;
+  bottom: -2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 10px;
+  background: var(--iu-accent);
+  color: #fff;
+}
+
+._text_1k6n1_92 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  text-align: left;
+  user-select: none;
+}
+
+._textMain_1k6n1_100 {
+  color: var(--iu-text);
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: normal;
+}
+
+._textEm_1k6n1_107 {
+  font-style: normal;
+  text-decoration: underline;
+}
+
+._subtext_1k6n1_112 {
+  color: var(--iu-muted);
+  font-size: 0.75rem;
+  font-weight: 600;
+  line-height: normal;
+}
+
+/* ── 排队态：文件行列表 ── */
+
+._previews_1k6n1_121 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+._header_1k6n1_127 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--iu-border);
+  color: var(--iu-text);
+  font-size: 0.875rem;
+  font-weight: 500;
+  user-select: none;
+}
+
+._clearAll_1k6n1_139 {
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--iu-muted);
+  font: inherit;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+._clearAll_1k6n1_139:hover {
+  color: var(--iu-text);
+}
+
+._preview_1k6n1_121 {
+  position: relative;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* 进度层：绝对定位铺底的浅色带，宽度由内联 style 给 */
+._progress_1k6n1_161 {
+  position: absolute;
+  inset: 0 auto 0 0;
+  background: var(--iu-accent);
+  opacity: 0.12;
+  transition: width 0.3s ease-out;
+}
+
+._previewContent_1k6n1_169 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid var(--iu-border);
+  border-radius: 8px;
+}
+
+._fileInfo_1k6n1_180 {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  min-width: 0;
+}
+
+._fileIcon_1k6n1_187 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  flex: none;
+  border-radius: 10px;
+  background: var(--iu-accent);
+  color: #fff;
+}
+
+._details_1k6n1_199 {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+._fileName_1k6n1_205 {
+  overflow: hidden;
+  color: var(--iu-text);
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: normal;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._actions_1k6n1_215 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex: none;
+}
+
+._progressText_1k6n1_222 {
+  color: var(--iu-accent);
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+._remove_1k6n1_228 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background: none;
+  color: var(--iu-muted);
+  cursor: pointer;
+}
+
+._remove_1k6n1_228:hover {
+  background: rgb(0 0 0 / 5%);
+  color: var(--iu-text);
+}
+
+@media (max-width: 480px) {
+  ._dropzone_1k6n1_24 {
+    flex-direction: column;
+    padding: 1.5rem 1rem;
+  }
+
+  ._text_1k6n1_92 {
+    text-align: center;
+  }
+
+  ._previewContent_1k6n1_169 {
+    padding: 0.75rem;
+  }
+}
 /* 斜杠菜单弹层。样式对齐工具栏下拉菜单（toolbar.module.css 的 .menu/.menuItem）
    ——同一套面板（10px 圆角 + ring 阴影）、条目（6px 圆角 + #f3f3f3 悬停）、
    选中态（#fff3ec + 品牌色）、文字字形图标槽（26px，SF Pro Display 粗体）。
@@ -1369,7 +1808,7 @@ table.tmr-pending-anchor {
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_1f7fb_2 {
+._toolbar_vghdk_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -1382,19 +1821,27 @@ table.tmr-pending-anchor {
   z-index: 8;
 }
 
-._inner_1f7fb_15 {
+._inner_vghdk_15 {
   display: flex;
   align-items: center;
+  /* 溢出时 `safe` 让居中回退为起点对齐——否则两端内容会被裁掉且滚不到头 */
   justify-content: safe center;
+  /* 控件排满一行后横向滚动（2026-10-10 按用户要求从「换行」改为滚动）：
+     单行、不换行；macOS 的 overlay 滚动条平时隐藏，触控板 / Shift+滚轮 / 细滚动条可横向滚。 */
   flex-wrap: nowrap;
-  gap: 2px;
+  overflow-x: auto;
+  scrollbar-width: thin;
   max-width: 1100px;
   margin: 0 auto;
   padding: 8px 16px;
-  overflow-x: auto;
 }
 
-._btn_1f7fb_27 {
+/* 单行 + 溢出滚动时不允许把控件压扁（各控件本来就该保持自身宽度） */
+._inner_vghdk_15 > * {
+  flex-shrink: 0;
+}
+
+._btn_vghdk_35 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1412,96 +1859,36 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_1f7fb_27:hover:not(:disabled) {
+._btn_vghdk_35:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_1f7fb_50 {
+._btnActive_vghdk_58 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_1f7fb_50:hover {
+._btnActive_vghdk_58:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_1f7fb_27:disabled {
+._btn_vghdk_35:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-/* 表内右键菜单（portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_1f7fb_66 {
-  display: flex;
-  flex-direction: column;
-  min-width: 220px;
-  padding: 6px;
-  background: #fff;
-  border: 1px solid #ececec;
-  border-radius: 10px;
-  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
-}
-
-._tableMenuItem_1f7fb_77 {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  padding: 7px 10px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: #363737;
-  font-size: 14px;
-  line-height: 1.3;
-  text-align: left;
-  cursor: pointer;
-  user-select: none;
-}
-
-._tableMenuItem_1f7fb_77:hover:not(:disabled) {
-  background: #f3f3f3;
-}
-
-._tableMenuItem_1f7fb_77:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-
-._tableMenuItemIcon_1f7fb_103 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: 20px;
-  height: 20px;
-  color: #6b6b6b;
-}
-
-._tableMenuItemLabel_1f7fb_113 {
-  flex: 1;
-  min-width: 0;
-}
-
-._tableMenuDivider_1f7fb_118 {
-  height: 1px;
-  margin: 4px 8px;
-  background: #ececec;
-  flex-shrink: 0;
-}
-
-/* 文字型图标（引用等） */
-._txtIcon_1f7fb_126 {
-  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
-  font-size: 16px;
-  font-weight: 600;
-  letter-spacing: -0.02em;
+/* 文字型图标（引用等） */
+._txtIcon_vghdk_74 {
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.02em;
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_1f7fb_134 {
+._colorIcon_vghdk_82 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -1509,20 +1896,20 @@ table.tmr-pending-anchor {
   line-height: 1;
 }
 
-._colorIconGlyph_1f7fb_142 {
+._colorIconGlyph_vghdk_90 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_1f7fb_148 {
+._colorIconBar_vghdk_96 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_1f7fb_155 {
+._scriptTrigger_vghdk_103 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -1537,12 +1924,12 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_1f7fb_155:hover {
+._scriptTrigger_vghdk_103:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_1f7fb_175 {
+._scriptTriggerGlyph_vghdk_123 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -1550,7 +1937,7 @@ table.tmr-pending-anchor {
   text-underline-offset: 2px;
 }
 
-._divider_1f7fb_183 {
+._divider_vghdk_131 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -1559,7 +1946,7 @@ table.tmr-pending-anchor {
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_1f7fb_192 {
+._styleTrigger_vghdk_140 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1579,16 +1966,16 @@ table.tmr-pending-anchor {
   transition: background 0.15s;
 }
 
-._styleTrigger_1f7fb_192:hover:not(:disabled) {
+._styleTrigger_vghdk_140:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_1f7fb_192:disabled {
+._styleTrigger_vghdk_140:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_1f7fb_221 {
+._styleTriggerLabel_vghdk_169 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -1596,19 +1983,28 @@ table.tmr-pending-anchor {
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_1f7fb_229 {
+._styleTriggerCaret_vghdk_177 {
   color: var(--sb-muted);
   flex: none;
 }
 
+/* 图标型触发器（对齐 / 缩进 / 行高，与 .styleTrigger 合用）：Style / FontSize 那套是给
+   「文字 + 箭头」的——固定 76px 宽 + space-between，套在图标上会把图标与箭头撑到两端。 */
+._iconTrigger_vghdk_184 {
+  width: auto;
+  justify-content: center;
+  gap: 2px;
+  padding: 0 6px;
+}
+
 /* 下拉项：图标 + 文字 */
-._styleItem_1f7fb_235 {
+._styleItem_vghdk_192 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_1f7fb_241 {
+._styleIcon_vghdk_198 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -1618,19 +2014,19 @@ table.tmr-pending-anchor {
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_1f7fb_251 {
+._scriptGlyph_vghdk_208 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_1f7fb_251 sup,
-._scriptGlyph_1f7fb_251 sub {
+._scriptGlyph_vghdk_208 sup,
+._scriptGlyph_vghdk_208 sub {
   font-size: 0.7em;
 }
 
-/* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_1f7fb_263 {
+/* ── Radix 下拉菜单面板 ── */
+._menu_vghdk_220 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -1641,7 +2037,7 @@ table.tmr-pending-anchor {
   z-index: 1000;
 }
 
-._menuItem_1f7fb_274 {
+._menuItem_vghdk_231 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -1658,30 +2054,30 @@ table.tmr-pending-anchor {
   gap: 8px;
 }
 
-._menuItem_1f7fb_274:hover:not(:disabled) {
+._menuItem_vghdk_231:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_1f7fb_274:disabled {
+._menuItem_vghdk_231:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_1f7fb_301 {
+._menuItemSelected_vghdk_258 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1f7fb_301 ._styleIcon_1f7fb_241 {
+._menuItemSelected_vghdk_258 ._styleIcon_vghdk_198 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1f7fb_301:hover:not(:disabled) {
+._menuItemSelected_vghdk_258:hover:not(:disabled) {
   background: #ffe8da;
 }
 
-._tableInsertCaret_1f7fb_314 {
+._tableInsertCaret_vghdk_271 {
   margin-left: auto;
   color: var(--sb-muted);
   transform: rotate(-90deg);
@@ -1689,7 +2085,7 @@ table.tmr-pending-anchor {
 }
 
 /* 插入表格：行列网格选择器 */
-._tableSizePicker_1f7fb_322 {
+._tableSizePicker_vghdk_279 {
   padding: 10px;
   background: #fff;
   border-radius: 10px;
@@ -1699,12 +2095,12 @@ table.tmr-pending-anchor {
   z-index: 1001;
 }
 
-._tableSizeGrid_1f7fb_332 {
+._tableSizeGrid_vghdk_289 {
   display: grid;
   gap: 3px;
 }
 
-._tableSizeCell_1f7fb_337 {
+._tableSizeCell_vghdk_294 {
   width: 16px;
   height: 16px;
   padding: 0;
@@ -1714,12 +2110,12 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._tableSizeCellActive_1f7fb_347 {
+._tableSizeCellActive_vghdk_304 {
   border-color: var(--tmr-accent, #ff6719);
   background: #fff3ec;
 }
 
-._tableSizeLabel_1f7fb_352 {
+._tableSizeLabel_vghdk_309 {
   margin-top: 8px;
   text-align: center;
   font-size: 12px;
@@ -1728,28 +2124,28 @@ table.tmr-pending-anchor {
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_1f7fb_361 {
+._popoverContent_vghdk_318 {
   z-index: 1000;
 }
 
-._mathLayer_1f7fb_365 {
+._mathLayer_vghdk_322 {
   position: absolute;
   z-index: 6;
 }
 
-._mathStack_1f7fb_370 {
+._mathStack_vghdk_327 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_1f7fb_377 {
+._mathStackBlock_vghdk_334 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_1f7fb_382 {
+._mathHint_vghdk_339 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -1761,19 +2157,19 @@ table.tmr-pending-anchor {
   line-height: 1.4;
 }
 
-._mathHintBlock_1f7fb_394 {
+._mathHintBlock_vghdk_351 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_1f7fb_400 {
+._mathHintIcon_vghdk_357 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_1f7fb_406 {
+._mathPreviewInline_vghdk_363 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -1783,7 +2179,7 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1f7fb_416 {
+._mathPreviewBlock_vghdk_373 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -1794,11 +2190,11 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1f7fb_416 .katex-display {
+._mathPreviewBlock_vghdk_373 .katex-display {
   margin: 0;
 }
 
-._mathField_1f7fb_431 {
+._mathField_vghdk_388 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1810,14 +2206,14 @@ table.tmr-pending-anchor {
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_1f7fb_443 {
+._mathFieldBlock_vghdk_400 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_1f7fb_450 {
+._mathInput_vghdk_407 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -1831,11 +2227,11 @@ table.tmr-pending-anchor {
   resize: none;
 }
 
-._mathInput_1f7fb_450:focus {
+._mathInput_vghdk_407:focus {
   outline: none;
 }
 
-._mathDone_1f7fb_468 {
+._mathDone_vghdk_425 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1851,16 +2247,16 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._mathDone_1f7fb_468:hover:not(:disabled) {
+._mathDone_vghdk_425:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_1f7fb_468:disabled {
+._mathDone_vghdk_425:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_1f7fb_493 {
+._mathDoneKbd_vghdk_450 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;
@@ -1952,6 +2348,362 @@ table.tmr-pending-anchor {
   display: flex;
   gap: 6px;
 }
+/* 图片对齐工具条（悬停图片时浮出；与表格悬停手柄同一套交互：document 级 mousemove
+   追踪 + fixed 定位 + portal 到 body）。配色走 --tmr-* 变量，宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：根节点 [data-image-align]、
+   三个按钮 [data-image-align-action="left|center|right"]（当前方向 aria-pressed="true"）。 */
+
+._bar_mp2o5_7 {
+  position: fixed;
+  /* 表格悬停手柄是 8；图片可能出现在表格单元格里，压它一层 */
+  z-index: 9;
+  display: inline-flex;
+  align-items: center;
+  /* 描述输入行换到第二行（见 .captionRow） */
+  flex-wrap: wrap;
+  gap: 2px;
+  padding: 3px;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-toolbar-border, #ececec);
+  border-radius: 8px;
+  background: var(--tmr-popover-bg, #fff);
+  box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
+}
+
+._divider_mp2o5_24 {
+  width: 1px;
+  height: 16px;
+  margin: 0 2px;
+  flex: none;
+  background: var(--tmr-toolbar-border, #ececec);
+}
+
+/* 描述输入行：占满工具条第二行；min-width 撑开工具条本身（否则输入框只有几个字宽） */
+._captionRow_mp2o5_13 {
+  flex-basis: 100%;
+  min-width: 220px;
+  display: flex;
+  padding-top: 3px;
+}
+
+._captionInput_mp2o5_40 {
+  width: 100%;
+  height: 26px;
+  padding: 0 8px;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-toolbar-border, #ececec);
+  border-radius: 6px;
+  background: #fff;
+  color: var(--tmr-text, #363737);
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+
+._captionInput_mp2o5_40:focus {
+  border-color: var(--tmr-accent, #ff6719);
+}
+
+._btn_mp2o5_58 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background: none;
+  color: var(--tmr-text, #363737);
+  cursor: pointer;
+}
+
+._btn_mp2o5_58:hover {
+  background: rgb(0 0 0 / 5%);
+}
+
+._btnActive_mp2o5_76 {
+  color: var(--tmr-accent, #ff6719);
+  background: rgb(0 0 0 / 5%);
+}
+/* 链接编辑浮层。配色走 --tmr-* 变量（与工具栏 / 查找条同一套），宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：根节点 [data-link-popover]、
+   输入框 [data-link-field]、按钮 [data-link-action="apply|open|remove"]；
+   地址被编辑器判为非法时输入框带 [data-link-invalid]。 */
+
+._panel_qysb1_7 {
+  --lp-text: var(--tmr-text, #363737);
+  --lp-muted: var(--tmr-toolbar-muted, #6b6b6b);
+  --lp-border: var(--tmr-toolbar-border, #ececec);
+  --lp-accent: var(--tmr-accent, #ff6719);
+
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px;
+  box-sizing: border-box;
+  background: #fff;
+  border: 1px solid var(--lp-border);
+  border-radius: 10px;
+  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
+  color: var(--lp-text);
+  font: inherit;
+  font-size: 14px;
+  line-height: 1.3;
+}
+
+/* 输入框：与查找条的 .field 同一套尺寸（30px 高、6px 圆角），两个浮层看起来是一家 */
+._field_qysb1_28 {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  width: 216px;
+  height: 30px;
+  padding: 0 8px;
+  box-sizing: border-box;
+  border: 1px solid var(--lp-border);
+  border-radius: 6px;
+  background: #fff;
+}
+
+._field_qysb1_28:focus-within {
+  border-color: var(--lp-accent);
+}
+
+/* 地址被 setLink 的 isAllowedUri 拒了：边框转成危险色，title 里给一句解释 */
+._fieldInvalid_qysb1_47,
+._fieldInvalid_qysb1_47:focus-within {
+  border-color: var(--tmr-danger, #d4380d);
+}
+
+._input_qysb1_52 {
+  width: 100%;
+  min-width: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+
+/* 应用与其他两个动作之间的一道细线：前者是「落盘」，后者是「对已有链接动手」 */
+._divider_qysb1_63 {
+  flex: none;
+  width: 1px;
+  height: 20px;
+  margin: 0 2px;
+  background: var(--lp-border);
+}
+
+._btn_qysb1_71 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  height: 30px;
+  min-width: 30px;
+  padding: 0 6px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--lp-muted);
+  font: inherit;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+._btn_qysb1_71:hover:not(:disabled) {
+  background: #f3f3f3;
+  color: var(--lp-text);
+}
+
+._btn_qysb1_71:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+/* 应用是这一层的主动作，单独给强调色（其余两个是次要动作） */
+._apply_qysb1_99 {
+  color: var(--lp-accent);
+}
+/* 表格悬停手柄（Notion 式）+ 它的操作菜单。配色走 --tmr-* 变量，宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：行手柄 [data-table-handle="row"]、
+   列手柄 [data-table-handle="col"]、菜单根 [data-table-menu]。 */
+
+/* ── 手柄 ──────────────────────────────────────────────────────────────
+   固定定位（视口坐标）：手柄要贴在单元格的行/列边缘，而它渲染在 body 上的 portal 里，
+   没法用绝对定位跟着表格走。滚动 / 缩放时由组件收起，等下一次移动重新贴。 */
+._handle_qjreh_9 {
+  position: fixed;
+  z-index: 8;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-table-handle-border, #e8e8ea);
+  background: var(--tmr-table-handle-bg, #f1f1f3);
+  color: var(--tmr-table-handle-fg, #7a7a7a);
+  font-family: inherit;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, color 0.12s, border-color 0.12s;
+}
+
+/* 命中区补桥（行）：胶囊本体离表格留了 8px 视觉留白，那 8px 加一块看不见的命中区，
+   让「单元格 → 手柄」这段路上没有既非单元格也非手柄的空隙——否则指针走到一半手柄就收了。
+   伪元素也算宿主按钮的一部分，点它命中的是按钮本身。 */
+._handleRow_qjreh_30::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 100%;
+  width: 8px;
+}
+
+/* 命中区补桥（列）：同上，补在胶囊下方到表格上缘的 6px。 */
+._handleCol_qjreh_40::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  height: 6px;
+}
+
+/* 行手柄：贴在行左缘的竖胶囊。长度（height）由组件按行高给，这里只定粗细。 */
+._handleRow_qjreh_30 {
+  width: 18px;
+  border-radius: 999px;
+  font-size: 14px;
+}
+
+/* 列手柄：贴在表格上方的横胶囊。长度（width）由组件按列宽给，这里只定高度。 */
+._handleCol_qjreh_40 {
+  height: 16px;
+  border-radius: 999px;
+  font-size: 13px;
+}
+
+._handle_qjreh_9:hover {
+  background: var(--tmr-accent, #ff6719);
+  border-color: transparent;
+  color: #fff;
+}
+
+/* 末尾追加行列的 `+` 手柄：贴在表格右缘 / 下缘，长度跟着表格尺寸走（见组件里的 style）。
+   圆角与行 / 列手柄同款全圆胶囊（厚度 16px，两端即 8px 半圆）。 */
+._extend_qjreh_71 {
+  position: fixed;
+  z-index: 8;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-table-handle-border, #e8e8ea);
+  border-radius: 999px;
+  background: var(--tmr-table-handle-bg, #f1f1f3);
+  color: var(--tmr-table-handle-fg, #7a7a7a);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, color 0.12s, border-color 0.12s;
+}
+
+._extend_qjreh_71:hover {
+  background: var(--tmr-accent, #ff6719);
+  border-color: transparent;
+  color: #fff;
+}
+
+/* 命中区补桥：把命中区接到表格边缘（与行 / 列手柄同理，免得指针走过去时掉空档） */
+._extend_qjreh_71[data-table-extend='col']::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 100%;
+  width: 6px;
+}
+
+._extend_qjreh_71[data-table-extend='row']::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  height: 6px;
+}
+
+/* ── 操作菜单（portal 到 body，拿不到 .toolbar 变量，故写死配色） ── */
+._tableBubble_qjreh_117 {
+  position: fixed;
+  z-index: 12;
+  display: flex;
+  flex-direction: column;
+  min-width: 220px;
+  padding: 6px;
+  background: #fff;
+  border: 1px solid #ececec;
+  border-radius: 10px;
+  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
+}
+
+._tableMenuItem_qjreh_130 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 7px 10px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: #363737;
+  font-size: 14px;
+  line-height: 1.3;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+}
+
+._tableMenuItem_qjreh_130:hover:not(:disabled) {
+  background: #f3f3f3;
+}
+
+._tableMenuItem_qjreh_130:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+._tableMenuItemIcon_qjreh_156 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 20px;
+  height: 20px;
+  color: #6b6b6b;
+}
+
+._tableMenuItemLabel_qjreh_166 {
+  flex: 1;
+  min-width: 0;
+}
+
+._tableMenuDivider_qjreh_171 {
+  height: 1px;
+  margin: 4px 8px;
+  background: #ececec;
+  flex-shrink: 0;
+}
 /* 目录面板（阅读页 + 编辑页共用）。accent / 圆角 8px / 文字比正文小一档。 */
 
 ._desktop_euqdt_3 {