diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index e2c1ebe37..46492dbfc 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -316,6 +316,11 @@
       text-decoration: underline var(--b3-border-color);
     }
 
+    &--ref {
+      text-decoration: underline var(--b3-border-color);
+      color: var(--b3-theme-on-surface);
+    }
+
     & > .av__cellicon {
       margin: 0 5px;
       height: 10px;
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 38e7c2ffc..46bbb18f4 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -150,7 +150,7 @@ style="width: ${column.width || "200px"}">${getCalcValue(column) || '<svg><use x
                             }
                             text = `<span class="av__celltext av__celltext--url" data-type="${cell.valueType}"${urlAttr}>${urlContent}</span>`;
                         } else if (cell.valueType === "block") {
-                            text = `<span class="av__celltext">${cell.value.block.content || ""}</span>`;
+                            text = `<span class="av__celltext${cell.value?.isDetached ? "" : " av__celltext--ref"}">${cell.value.block.content || ""}</span>`;
                             if (cell.value?.isDetached) {
                                 text += `<span class="b3-chip b3-chip--info b3-chip--small" data-type="block-more" >${window.siyuan.languages.more}</span>`;
                             } else {