chore：前端名片样式和后台名片样式更改同步

pages_tool/card/detail.vue

@@ -44,6 +44,11 @@
 					<text class="ca-icon iconfont icon-shuaxin"></text>
 					<text>切换名片</text>
 				</view>
+				<view class="ca-divider"></view>
+				<!-- 预览名片: 打开本卡公开页(后端 wap 模板完整渲染画布, 永远跟后台一致) -->
+				<view class="ca-item" @tap="previewCard" v-if="shareUrl">
+					<text>预览名片</text>
+				</view>
 			</view>
 
 			<!-- 发名片: 微信小程序端必须用原生 <button open-type="share"> ——
@@ -494,6 +499,11 @@ export default {
 				}
 			});
 		},
+		// 预览名片: 打开本卡公开页(后端 wap 模板, 完整渲染画布设计, 永远跟后台最新保存一致)。
+		// 小/App 经 share.vue 的 web-view 中转; H5 直接 location。附 back_url 便于公开页返回本页。
+		previewCard() {
+			this.gotoPublic(this.withBackUrl(this.shareUrl));
+		},
 		/**
 		 * 按平台打开公开页: H5 直接 location; 小程序/鸿蒙/App 经 share.vue 的 web-view 中转。
 		 * 拿不到地址(老后端/网络异常)时降级报错, 禁止本地拼 URL。
@@ -904,7 +914,7 @@ export default {
 	}
 }
 
-// 卡下操作条: 三项等分, 无白底无边框, 项与项之间不加分隔线(对齐参考图)
+// 卡下操作条: 多项等分, 无白底无边框, 项与项之间浅灰竖线分隔(对齐参考图)
 .card-actions {
 	display: flex;
 	align-items: center;