tiptap-markdown-react 0.1.0

package/dist/style.css

@@ -0,0 +1,904 @@
+/* 规范正文样式（编辑器 / 只读预览 / SSR 阅读三处共用同一个类，保证所见即所得、
+   发布后一致）。配色/字体全部走可被消费方覆盖的 CSS 变量（--tmr-*，带默认值）。 */
+
+._editorScroll_fahhq_4 {
+  margin-top: 24px;
+}
+
+._editorContent_fahhq_8 {
+  outline: none;
+  padding: 0;
+  font-family: var(
+    --tmr-body-font,
+    Spectral,
+    serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif
+  );
+  font-size: var(--tmr-font-size, 19px);
+  line-height: var(--tmr-line-height, 1.7);
+  color: var(--tmr-text, #363737);
+  min-height: var(--tmr-min-height, 420px);
+}
+
+/* placeholder：空文档第一段显示占位符 */
+._editorContent_fahhq_8 p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  color: var(--tmr-placeholder, #b7b7b7);
+  pointer-events: none;
+}
+
+._editorContent_fahhq_8 h1 {
+  font-family: inherit;
+  font-size: 1.55em;
+  font-weight: 700;
+  margin: 1em 0 0.4em;
+  line-height: 1.3;
+}
+
+._editorContent_fahhq_8 h2 {
+  font-family: inherit;
+  font-size: 1.3em;
+  font-weight: 700;
+  margin: 0.9em 0 0.4em;
+  line-height: 1.3;
+}
+
+._editorContent_fahhq_8 h3 {
+  font-family: inherit;
+  font-size: 1.12em;
+  font-weight: 600;
+  margin: 0.8em 0 0.35em;
+}
+
+/* h4-h6：延续 h1-h3 尺寸梯度递减；字号差变小后靠字重保持标题感，h6 字色稍弱。 */
+._editorContent_fahhq_8 h4 {
+  font-family: inherit;
+  font-size: 1.05em;
+  font-weight: 600;
+  margin: 0.7em 0 0.3em;
+}
+
+._editorContent_fahhq_8 h5 {
+  font-family: inherit;
+  font-size: 0.95em;
+  font-weight: 600;
+  margin: 0.7em 0 0.3em;
+}
+
+._editorContent_fahhq_8 h6 {
+  font-family: inherit;
+  font-size: 0.88em;
+  font-weight: 600;
+  margin: 0.7em 0 0.3em;
+  color: var(--tmr-muted, #777777);
+}
+
+._editorContent_fahhq_8 p {
+  margin: 0.7em 0;
+}
+
+._editorContent_fahhq_8 ul,
+._editorContent_fahhq_8 ol {
+  padding-left: 1.5em;
+  margin: 0.7em 0;
+}
+
+._editorContent_fahhq_8 ul {
+  list-style: disc;
+}
+
+._editorContent_fahhq_8 ol {
+  list-style: decimal;
+}
+
+._editorContent_fahhq_8 blockquote {
+  border-left: 3px solid var(--tmr-accent, #ff6719);
+  padding-left: 1em;
+  margin: 0.9em 0;
+  color: var(--tmr-muted, #777777);
+  font-style: italic;
+}
+
+._editorContent_fahhq_8 a {
+  color: var(--tmr-accent, #ff6719);
+  text-decoration: underline;
+}
+
+/* 仅行内代码加灰底；代码块内的 <code>（在 pre 内）由 NodeView 自管，排除掉 */
+._editorContent_fahhq_8 code:not(pre code) {
+  background: var(--tmr-code-bg, #f4f4f4);
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+  font-size: 0.85em;
+  font-family: var(
+    --tmr-mono-font,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Consolas,
+    monospace
+  );
+}
+
+._editorContent_fahhq_8 hr {
+  border: none;
+  border-top: 1px solid var(--tmr-border, #e6e6e6);
+  margin: 1.5em 0;
+}
+
+._editorContent_fahhq_8 img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 6px;
+  margin: 0.8em 0;
+  display: block;
+}
+
+/* 选中的图片高亮 */
+._editorContent_fahhq_8 img.ProseMirror-selectednode {
+  outline: 2px solid var(--tmr-accent, #ff6719);
+}
+
+/* 表格：细边框、表头浅灰、可拖拽列宽 */
+._editorContent_fahhq_8 table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  margin: 1em 0;
+  overflow: hidden;
+  font-size: 0.92em;
+}
+
+._editorContent_fahhq_8 table td,
+._editorContent_fahhq_8 table th {
+  border: 1px solid var(--tmr-border, #e6e6e6);
+  padding: 8px 12px;
+  vertical-align: top;
+  text-align: left;
+  position: relative;
+  min-width: 60px;
+}
+
+._editorContent_fahhq_8 table th {
+  background: var(--tmr-table-header-bg, #f7f7f7);
+  font-weight: 600;
+}
+
+/* 选中的单元格高亮 */
+._editorContent_fahhq_8 table .selectedCell::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: var(--tmr-cell-selection, rgba(255, 103, 25, 0.12));
+  pointer-events: none;
+}
+
+/* 列宽拖拽手柄 */
+._editorContent_fahhq_8 table .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  background: var(--tmr-accent, #ff6719);
+  cursor: col-resize;
+}
+
+._editorContent_fahhq_8 .tableWrapper {
+  overflow-x: auto;
+}
+
+/* 任务清单 */
+._editorContent_fahhq_8 ul[data-type='taskList'] {
+  list-style: none;
+  padding-left: 0.2em;
+}
+
+._editorContent_fahhq_8 ul[data-type='taskList'] li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5em;
+  margin: 0.3em 0;
+}
+
+._editorContent_fahhq_8 ul[data-type='taskList'] li > label {
+  margin-top: 0.35em;
+  user-select: none;
+}
+
+._editorContent_fahhq_8 ul[data-type='taskList'] li > div {
+  flex: 1;
+}
+
+._editorContent_fahhq_8 ul[data-type='taskList'] input[type='checkbox'] {
+  accent-color: var(--tmr-accent, #ff6719);
+  cursor: pointer;
+}
+/* 代码块 NodeView：白底、细边框、顶部 header 放语言选择（原生 select）+ 删除。 */
+._wrapper_6ikds_2 {
+  position: relative;
+  margin: 0.9em 0;
+  border: 1px solid #e8e8e8;
+  border-radius: 10px;
+  background: #fff;
+  overflow: hidden;
+}
+
+/* 选中整个代码块时（NodeSelection）：accent 边框高亮，作为删除前的二次确认提示 */
+._wrapper_6ikds_2.ProseMirror-selectednode,
+.ProseMirror-selectednode > ._wrapper_6ikds_2 {
+  border-color: var(--tmr-accent, #ff6719);
+  box-shadow: 0 0 0 1px var(--tmr-accent, #ff6719);
+}
+
+._header_6ikds_18 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+  padding: 8px 12px;
+  border-bottom: 1px solid #efefef;
+}
+
+/* 原生语言选择器：无边框胶囊，hover 出灰底 */
+._langSelect_6ikds_28 {
+  appearance: none;
+  -webkit-appearance: none;
+  border: none;
+  outline: none;
+  background: transparent;
+  border-radius: 8px;
+  padding: 3px 24px 3px 10px;
+  color: #1f2937;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  cursor: pointer;
+  transition: background 0.15s;
+  /* 自绘下拉箭头 */
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 8px center;
+}
+
+._langSelect_6ikds_28:hover {
+  background-color: #f0f0f0;
+}
+
+._deleteBtn_6ikds_52 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: #8a8a8a;
+  font-size: 15px;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+._deleteBtn_6ikds_52:hover {
+  background: #f4f4f4;
+  color: #d4380d;
+}
+
+._pre_6ikds_72 {
+  margin: 0;
+  padding: 16px 18px;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  overflow-x: auto;
+  font-size: 0.9em;
+  line-height: 1.65;
+}
+
+._pre_6ikds_72 code {
+  display: block;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  color: #24292e;
+  background: transparent;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  white-space: pre;
+}
+
+/* 语法高亮配色（lowlight / highlight.js token，GitHub 浅色主题） */
+._pre_6ikds_72 .hljs-comment,
+._pre_6ikds_72 .hljs-quote {
+  color: #6a737d;
+  font-style: italic;
+}
+
+._pre_6ikds_72 .hljs-keyword,
+._pre_6ikds_72 .hljs-selector-tag,
+._pre_6ikds_72 .hljs-literal,
+._pre_6ikds_72 .hljs-type {
+  color: #d73a49;
+}
+
+._pre_6ikds_72 .hljs-string,
+._pre_6ikds_72 .hljs-meta .hljs-string,
+._pre_6ikds_72 .hljs-regexp {
+  color: #032f62;
+}
+
+._pre_6ikds_72 .hljs-number,
+._pre_6ikds_72 .hljs-built_in,
+._pre_6ikds_72 .hljs-builtin-name {
+  color: #005cc5;
+}
+
+._pre_6ikds_72 .hljs-title,
+._pre_6ikds_72 .hljs-function .hljs-title,
+._pre_6ikds_72 .hljs-section {
+  color: #6f42c1;
+}
+
+._pre_6ikds_72 .hljs-attr,
+._pre_6ikds_72 .hljs-attribute,
+._pre_6ikds_72 .hljs-variable,
+._pre_6ikds_72 .hljs-template-variable {
+  color: #e36209;
+}
+
+._pre_6ikds_72 .hljs-tag {
+  color: #22863a;
+}
+/* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
+._toolbar_i2emf_2 {
+  --sb-accent: var(--tmr-accent, #ff6719);
+  --sb-text: var(--tmr-text, #363737);
+  --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
+  --sb-border: var(--tmr-toolbar-border, #ececec);
+
+  width: 100%;
+  flex: none;
+  border-bottom: 1px solid var(--sb-border);
+  background: #fff;
+  z-index: 8;
+}
+
+._inner_i2emf_15 {
+  display: flex;
+  align-items: center;
+  justify-content: safe center;
+  flex-wrap: nowrap;
+  gap: 2px;
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 8px 16px;
+  overflow-x: auto;
+}
+
+._btn_i2emf_27 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 34px;
+  height: 34px;
+  padding: 0 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--sb-muted);
+  font-size: 17px;
+  line-height: 1;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.15s, color 0.15s;
+}
+
+._btn_i2emf_27:hover:not(:disabled) {
+  background: #f3f3f3;
+  color: var(--sb-text);
+}
+
+._btnActive_i2emf_50 {
+  color: var(--sb-accent);
+  background: #fff3ec;
+}
+
+._btnActive_i2emf_50:hover {
+  color: var(--sb-accent);
+  background: #ffe8da;
+}
+
+._btn_i2emf_27:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+/* 表内浮动工具条（BubbleMenu portal 到 body，拿不到 .toolbar 变量，故写死配色） */
+._tableBubble_i2emf_66 {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 4px;
+  background: #fff;
+  border: 1px solid #ececec;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
+}
+
+/* 文字型图标（引用等） */
+._txtIcon_i2emf_78 {
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.02em;
+}
+
+/* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
+._colorIcon_i2emf_86 {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  line-height: 1;
+}
+
+._colorIconGlyph_i2emf_94 {
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 15px;
+  font-weight: 600;
+}
+
+._colorIconBar_i2emf_100 {
+  width: 16px;
+  height: 3px;
+  border-radius: 1.5px;
+}
+
+/* A▾ 上标/下标下拉触发器 */
+._scriptTrigger_i2emf_107 {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  height: 34px;
+  padding: 0 6px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--sb-muted);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.15s, color 0.15s;
+}
+
+._scriptTrigger_i2emf_107:hover {
+  background: #f3f3f3;
+  color: var(--sb-text);
+}
+
+._scriptTriggerGlyph_i2emf_127 {
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+._divider_i2emf_135 {
+  width: 1px;
+  height: 20px;
+  margin: 0 8px;
+  background: var(--sb-border);
+  flex-shrink: 0;
+}
+
+/* ── Style / Size / More 下拉触发器 ── */
+._styleTrigger_i2emf_144 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  width: 76px;
+  height: 34px;
+  padding: 0 10px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--sb-text);
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.15s;
+}
+
+._styleTrigger_i2emf_144:hover:not(:disabled) {
+  background: #f3f3f3;
+}
+
+._styleTrigger_i2emf_144:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+._styleTriggerLabel_i2emf_173 {
+  flex: 1;
+  text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+._styleTriggerCaret_i2emf_181 {
+  color: var(--sb-muted);
+  flex: none;
+}
+
+/* 下拉项：图标 + 文字 */
+._styleItem_i2emf_187 {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+}
+
+._styleIcon_i2emf_193 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 26px;
+  font-weight: 700;
+  color: var(--sb-text);
+}
+
+/* 上标 / 下标图标 */
+._scriptGlyph_i2emf_203 {
+  display: inline-block;
+  text-align: center;
+  font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+._scriptGlyph_i2emf_203 sup,
+._scriptGlyph_i2emf_203 sub {
+  font-size: 0.7em;
+}
+
+/* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
+._menu_i2emf_215 {
+  min-width: 200px;
+  padding: 6px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow:
+    0 6px 24px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.06);
+  z-index: 1000;
+}
+
+._menuItem_i2emf_226 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 7px 10px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  font-size: 14px;
+  color: var(--sb-text);
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+}
+
+._menuItem_i2emf_226:hover:not(:disabled) {
+  background: #f3f3f3;
+}
+
+._menuItem_i2emf_226:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+/* 选中态：品牌色高亮 */
+._menuItemSelected_i2emf_252 {
+  background: #fff3ec;
+  color: var(--sb-accent);
+}
+
+._menuItemSelected_i2emf_252 ._styleIcon_i2emf_193 {
+  color: var(--sb-accent);
+}
+
+._menuItemSelected_i2emf_252:hover:not(:disabled) {
+  background: #ffe8da;
+}
+
+/* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
+._popoverContent_i2emf_266 {
+  z-index: 1000;
+}
+/* 颜色面板：None 清除行 + 10×6 色板 + THEME 品牌色 */
+._palette_x5lrq_2 {
+  padding: 14px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow:
+    0 6px 24px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+
+._noneRow_x5lrq_11 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 6px 6px 12px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+
+/* 红色斜线圆圈，表示「无颜色」 */
+._noneIcon_x5lrq_23 {
+  position: relative;
+  width: 22px;
+  height: 22px;
+  border: 1.5px solid #d0d0d0;
+  border-radius: 50%;
+}
+
+._noneIcon_x5lrq_23::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 1px;
+  right: 1px;
+  height: 1.5px;
+  background: #ff3b30;
+  transform: rotate(-45deg);
+  transform-origin: center;
+}
+
+._noneLabel_x5lrq_43 {
+  font-size: 15px;
+  color: #1f2937;
+}
+
+._grid_x5lrq_48 {
+  display: grid;
+  grid-template-columns: repeat(10, 1fr);
+  gap: 6px;
+}
+
+._swatch_x5lrq_54 {
+  width: 26px;
+  height: 26px;
+  border: none;
+  border-radius: 6px;
+  padding: 0;
+  cursor: pointer;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+  transition: transform 0.1s;
+}
+
+._swatch_x5lrq_54:hover {
+  transform: scale(1.12);
+}
+
+/* 选中态：外圈描边 */
+._swatchActive_x5lrq_70 {
+  box-shadow:
+    0 0 0 2px #fff,
+    0 0 0 3.5px #1f2937;
+}
+
+._themeLabel_x5lrq_76 {
+  margin: 16px 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  color: #9ca3af;
+}
+
+._themeRow_x5lrq_84 {
+  display: flex;
+  gap: 6px;
+}
+/* 目录面板（阅读页 + 编辑页共用）。accent / 圆角 8px / 文字比正文小一档。 */
+
+._desktop_euqdt_3 {
+  --toc-accent: var(--tmr-accent, #ff6719);
+  --toc-text: var(--tmr-text, #363737);
+  --toc-muted: var(--tmr-muted, #777);
+  --toc-border: var(--tmr-border, #e6e6e6);
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Helvetica, Arial, sans-serif;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+._desktop_euqdt_3::-webkit-scrollbar {
+  display: none;
+}
+
+._header_euqdt_19 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  padding-left: 12px;
+}
+
+._headerTitle_euqdt_27 {
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--toc-muted);
+}
+
+._collapseBtn_euqdt_35 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--toc-muted);
+  font-size: 14px;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+._collapseBtn_euqdt_35:hover {
+  background: #f2f2f2;
+  color: var(--toc-text);
+}
+
+._collapsedRail_euqdt_55 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: 1px solid var(--tmr-border, #e6e6e6);
+  border-radius: 8px;
+  background: #fff;
+  color: #777;
+  font-size: 16px;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+}
+
+._collapsedRail_euqdt_55:hover {
+  border-color: var(--tmr-accent, #ff6719);
+  color: var(--tmr-accent, #ff6719);
+}
+
+._list_euqdt_75 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._item_euqdt_81 {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-right: 8px;
+  border-left: 2px solid transparent;
+  font-size: 14px;
+  line-height: 1.4;
+  color: var(--tmr-muted, #777);
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
+}
+
+._item_euqdt_81:hover {
+  color: var(--tmr-text, #363737);
+  background: #fff7f3;
+}
+
+._itemText_euqdt_102 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._active_euqdt_109 {
+  border-left-color: var(--tmr-accent, #ff6719);
+  color: var(--tmr-text, #363737);
+  font-weight: 600;
+  background: #fff7f3;
+}
+
+._locked_euqdt_116 {
+  color: #bbb;
+  cursor: not-allowed;
+}
+
+._locked_euqdt_116:hover {
+  color: #bbb;
+  background: transparent;
+}
+
+._lockIcon_euqdt_126 {
+  flex: none;
+  font-size: 11px;
+  color: #bbb;
+}
+
+/* ── 移动端：顶部可折叠 ── */
+._mobile_euqdt_133 {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Helvetica, Arial, sans-serif;
+}
+
+._mobileBar_euqdt_138 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-height: 44px;
+  padding: 0 16px;
+  border: 1px solid #e6e6e6;
+  border-radius: 8px;
+  background: #fafafa;
+  color: #363737;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+._mobileBarIcon_euqdt_154 {
+  font-size: 14px;
+  color: #777;
+}
+
+._chevron_euqdt_159 {
+  margin-left: auto;
+  color: #777;
+  display: inline-flex;
+  transition: transform 0.2s ease-out;
+}
+
+._chevronUp_euqdt_166 {
+  transform: rotate(180deg);
+}
+
+._mobilePanel_euqdt_170 {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.25s ease-out;
+}
+
+._mobilePanelOpen_euqdt_176 {
+  max-height: 60vh;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  margin-top: 6px;
+  background: #fff;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._mobilePanel_euqdt_170,
+  ._chevron_euqdt_159 {
+    transition: none;
+  }
+}