fix: make image note dialog fully opaque

components/canvas/nodes/ImageNode.tsx

@@ -2343,7 +2343,10 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
 
       {/* 图片备注对话框 */}
       <Dialog open={notePanelOpen} onOpenChange={setNotePanelOpen}>
-        <DialogContent className="sm:max-w-[560px] max-h-[85vh] overflow-y-auto">
+        <DialogContent
+          overlayClassName="bg-black"
+          className="sm:max-w-[560px] max-h-[85vh] overflow-y-auto border-slate-200 bg-white opacity-100 shadow-2xl backdrop-blur-none dark:border-slate-700 dark:bg-slate-950"
+        >
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
               <StickyNote className="h-5 w-5" />
@@ -2356,7 +2359,7 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
               onChange={(e) => setDraftNote(e.target.value)}
               placeholder="记录这张图的想法、待办或交付要求..."
               rows={8}
-              className="resize-y min-h-[180px]"
+              className="resize-y min-h-[180px] border-slate-300 bg-white opacity-100 dark:border-slate-700 dark:bg-slate-950"
             />
             <p className="text-xs text-muted-foreground">
               备注仅在你点开时显示，不会直接覆盖在画面上。