chore：名片上方的距离删除

components-diy/diy-card-mini.vue

@@ -24,7 +24,7 @@
 		</view>
 
 		<!-- 名片卡(精品名片 show 同款版式: 蓝底顶带 + 白卡压边; 角标压在左上) -->
-		<view v-else class="mini-card-wrap">
+		<view v-else class="mini-card-wrap" :class="{ 'no-band': !bandShow }">
 			<view v-if="bandShow" class="mini-band" :style="bandStyle"></view>
 			<view class="mini-card fade-up" :style="wrapStyle" :class="{ 'qr-at-corner': qrPos === 'corner' }">
 			<!-- 角标插槽(如 self 组件的「我的名片」) -->
@@ -1145,6 +1145,11 @@ export default {
 		.mini-card-wrap {
 			position: relative;
 			margin-top: 40rpx;
+
+			/* 未开启顶部色带时无需 40rpx 露沿空间, 归零避免导航栏下留白(2026-10-26, H5/小程序同一套 WXSS) */
+			&.no-band {
+				margin-top: 0;
+			}
 		}
 
 		/* 主题色顶带: 从露沿处拉伸, 底端距白卡底 88rpx; 顶部直角, 底部 28rpx 小圆弧 */

components-diy/diy-card-show.vue

@@ -23,7 +23,8 @@ export default {
 	data() {
 		return {
 			card: null,
-			loading: false,
+			// 首帧先走骨架屏, 避免数据回来前闪一下「商家还未选择名片」空态
+			loading: true,
 		};
 	},
 	computed: {
@@ -141,6 +142,7 @@ export default {
 		fetchData() {
 			const cardId = String((this.value || {}).cardId || '').trim();
 			if (cardId === '') {
+				this.loading = false;
 				this.card = null;
 				return;
 			}