fix(notes): 修复表格/任务列表样式失效（TipTap v3 补 tiptap 类 + --kb-border 变量）

Author: Aparencia

client/src/features/notes/components/CornellLayout.tsx

@@ -35,6 +35,8 @@ function useCornellEditor(
       Placeholder.configure({ placeholder }),
     ],
     content: initialContent,
+    // TipTap v3 需显式声明 tiptap 类以启用 index.css 的 .tiptap 样式
+    editorProps: { attributes: { class: 'tiptap' } },
     onUpdate: ({ editor: e }) => {
       onChangeRef.current(e.getJSON());
     },

client/src/features/notes/components/FreeTextBlock.tsx

@@ -61,6 +61,8 @@ export default function FreeTextBlock({
     extensions: [StarterKit],
     content: initialContent,
     immediatelyRender: false,
+    // TipTap v3 需显式声明 tiptap 类以启用 index.css 的 .tiptap 样式
+    editorProps: { attributes: { class: 'tiptap' } },
     onFocus: () => onSelect(block.id, false),
     onUpdate: ({ editor: e }) => {
       const json = e.getJSON();

client/src/features/notes/hooks/useNoteEditor.ts

@@ -105,6 +105,9 @@ export function useNoteEditor({ noteId, rawContent, noteKey, updateNote }: UseNo
       TextStyle,
     ],
     content: initialContent,
+    // TipTap v3 不再自动给编辑元素加 tiptap 类（v2 会自动加），
+    // 需显式声明，否则 index.css 中 .tiptap 前缀的表格/任务列表/图片等样式全部失效。
+    editorProps: { attributes: { class: 'tiptap' } },
     onUpdate: ({ editor: e }) => {
       // 传入 getter 而非预序列化字符串：getJSON/stringify 延迟到防抖回调内执行
       debouncedSave(() => JSON.stringify(e.getJSON()));

client/src/index.css

@@ -133,7 +133,7 @@ body {
 
 .tiptap hr {
   border: none;
-  border-top: 1px solid var(--kb-border);
+  border-top: 1px solid var(--kb-border-default);
   margin: 1.5rem 0;
 }
 
@@ -160,7 +160,7 @@ body {
 .tiptap table td,
 .tiptap table th {
   min-width: 1em;
-  border: 1px solid var(--kb-border);
+  border: 1px solid var(--kb-border-default);
   padding: 0.375rem 0.5rem;
   vertical-align: top;
   box-sizing: border-box;