diff --git a/app/src/assets/scss/_dialog.scss b/app/src/assets/scss/_dialog.scss
index e72517c22..794e3255b 100644
--- a/app/src/assets/scss/_dialog.scss
+++ b/app/src/assets/scss/_dialog.scss
@@ -126,12 +126,8 @@
   }
 
   &__cardblock {
-    .protyle-wysiwyg {
-      padding: 16px;
-
-      [data-node-id][custom-riff-decks] {
-        box-shadow: none;
-      }
+    .protyle-wysiwyg [data-node-id][custom-riff-decks] {
+      box-shadow: none;
     }
 
     &--show span[data-type~=mark] {
diff --git a/app/src/card/openCard.ts b/app/src/card/openCard.ts
index 0af13201d..81462adab 100644
--- a/app/src/card/openCard.ts
+++ b/app/src/card/openCard.ts
@@ -51,14 +51,17 @@ export const openCard = () => {
                 render: {
                     background: false,
                     title: false,
-                    gutter: true,
+                    gutter: false,
                     breadcrumbDocName: true,
-                    breadcrumbContext: true,
                 },
                 typewriterMode: false
             });
             if (blocks.length > 0) {
-                fetchPost("/api/riff/renderRiffCard", {blockID: blocks[index].blockID}, (response) => {
+                fetchPost("/api/filetree/getDoc", {
+                    id: blocks[index].blockID,
+                    mode: 0,
+                    size: Constants.SIZE_GET_MAX
+                }, (response) => {
                     onGet(response, editor.protyle, [Constants.CB_GET_ALL, Constants.CB_GET_HTML]);
                 });
             }
@@ -76,7 +79,11 @@ export const openCard = () => {
                         editor.protyle.element.classList.remove("fn__none");
                         editor.protyle.element.nextElementSibling.classList.add("fn__none");
                         actionElement.classList.remove("fn__none");
-                        fetchPost("/api/riff/renderRiffCard", {blockID: blocks[index].blockID}, (response) => {
+                        fetchPost("/api/filetree/getDoc", {
+                            id: blocks[index].blockID,
+                            mode: 0,
+                            size: Constants.SIZE_GET_MAX
+                        }, (response) => {
                             onGet(response, editor.protyle, [Constants.CB_GET_ALL, Constants.CB_GET_HTML]);
                         });
                     } else {
@@ -132,7 +139,11 @@ export const openCard = () => {
                             return;
                         }
                         countElement.firstElementChild.innerHTML = (index + 1).toString();
-                        fetchPost("/api/riff/renderRiffCard", {blockID: blocks[index].blockID}, (response) => {
+                        fetchPost("/api/filetree/getDoc", {
+                            id: blocks[index].blockID,
+                            mode: 0,
+                            size: Constants.SIZE_GET_MAX
+                        }, (response) => {
                             onGet(response, editor.protyle, [Constants.CB_GET_ALL, Constants.CB_GET_HTML]);
                         });
                     });
diff --git a/app/src/mobile/util/touch.ts b/app/src/mobile/util/touch.ts
index e371f51da..97fd224e6 100644
--- a/app/src/mobile/util/touch.ts
+++ b/app/src/mobile/util/touch.ts
@@ -7,7 +7,10 @@ let yDiff: number;
 
 export const handleTouchEnd = () => {
     if (window.siyuan.mobileEditor) {
-        window.siyuan.mobileEditor.protyle.breadcrumb?.show();
+        document.querySelectorAll(".protyle-breadcrumb__bar--hide").forEach(item => {
+            item.classList.remove("protyle-breadcrumb__bar--hide")
+        })
+        window.siyuan.hideBreadcrumb = false;
     }
 
     if (!clientX || !clientY || navigator.userAgent.indexOf("iPhone") === -1) {
diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts
index 6fd8e9ce0..8d7b31805 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -359,6 +359,7 @@ export class Breadcrumb {
 <div class="fn__flex">${window.siyuan.languages.image}<span class="fn__space fn__flex-1"></span>${response.data.imageCount}</div>
 <div class="fn__flex">${window.siyuan.languages.ref}<span class="fn__space fn__flex-1"></span>${response.data.refCount}</div>`,
             }).element);
+            window.siyuan.menus.menu.element.style.zIndex = "310";
             window.siyuan.menus.menu.popup(position);
         });
     }
@@ -446,9 +447,4 @@ export class Breadcrumb {
         this.element.classList.add("protyle-breadcrumb__bar--hide");
         window.siyuan.hideBreadcrumb = true;
     }
-
-    public show() {
-        this.element.classList.remove("protyle-breadcrumb__bar--hide");
-        window.siyuan.hideBreadcrumb = false;
-    }
 }
diff --git a/app/src/util/globalShortcut.ts b/app/src/util/globalShortcut.ts
index 85b6d81a1..24b20d08b 100644
--- a/app/src/util/globalShortcut.ts
+++ b/app/src/util/globalShortcut.ts
@@ -85,14 +85,10 @@ const switchDialogEvent = (event: MouseEvent, switchDialog: Dialog) => {
 export const globalShortcut = () => {
     window.addEventListener("mousemove", (event) => {
         if (window.siyuan.hideBreadcrumb) {
-            getAllModels().editor.forEach(item => {
-                item.editor.protyle.breadcrumb.show();
-            });
-            window.siyuan.blockPanels.forEach(item => {
-                item.editors.forEach(edit => {
-                    edit.protyle.breadcrumb.show();
-                });
-            });
+            document.querySelectorAll(".protyle-breadcrumb__bar--hide").forEach(item => {
+                item.classList.remove("protyle-breadcrumb__bar--hide")
+            })
+            window.siyuan.hideBreadcrumb = false;
         }
 
         const eventPath0 = event.composedPath()[0] as HTMLElement;
@@ -540,6 +536,11 @@ export const globalShortcut = () => {
         }
         if (matchHotKey(window.siyuan.config.keymap.general.riffCard.custom, event)) {
             openCard();
+            if (target.classList.contains("protyle-wysiwyg") ||
+                target.classList.contains("protyle-title__input") ||
+                target.tagName === "INPUT" || target.tagName === "TEXTAREA") {
+                target.blur();
+            }
             event.preventDefault();
             return;
         }