全局设置文档中的图片的边框和阴影，美化一下

文档中的图片，如果背景和文档背景或者软件背景一样的情况下，几乎看不出边界了，很不方便，全局统一给所有图片设置一个框架和一点点背景阴影，实践证明效果非常好，代码如下：

/* 思源笔记图片样式：边框 + 阴影 + 外边距 */
.b3-typography img:not(.emoji), 
.protyle-wysiwyg img:not(.emoji) {
    border: 1px solid #e0e0e0;       /* 边框 */
    border-radius: 4px;              /* 圆角 */
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); /* 阴影 */
    background: white;               /* 背景色 */
    margin: 8px 0;                   /* 上下边距 8px，左右边距 0 */
    display: block;                  /* 确保独占一行（避免行内图片拥挤） */
}

/* 暗色模式适配 */
[data-theme-mode="dark"] .protyle-wysiwyg img:not(.emoji) {
    border-color: #444;
    background: #1e1e1e;
}

/* 修复图片遮挡插入点和文字的问题 */
.protyle-wysiwyg [data-node-id] img:not(.emoji) {
    position: static !important; /* 强制取消所有定位 */
    display: inline-block;       /* 保持行内特性但避免文字重叠 */
    vertical-align: middle;      /* 垂直对齐方式 */
    max-width: 100%;             /* 防止图片溢出 */
    margin: 8px 0;               /* 增加上下边距 */
    z-index: 1 !important;       /* 限制图片层级 */
}

/* 强制插入点始终显示在最上层 */
.protyle-cursor {
    z-index: 9999 !important;    /* 插入点置顶 */
    position: relative;          /* 确保z-index生效 */
}

/* 修复图片后的空白区域点击问题 */
.protyle-wysiwyg [data-node-id] .img {
    position: relative !important;
}
​

粘贴到“外观”中的“代码片段”就可以用了，非常简单。