feat(diy-card): 4.0 头像开关 + 二维码四档外观/自定义尺寸/微调位移/提示开关

- common.js: QR_STYLES 四档枚举 + normalizeQrStyle(未知回落 card) +
  resolveQrSize(自定义 px×2>档位自动 rpx) + qrTransform(位移经
  translate, WXSS 不支持 calc)
- mini.vue 基件: 头像可隐藏(默认显示, 兼容历史配置); qrBlockStyle
  统一四档外观(plain 原图/card 白卡/theme 主题色/gradient 渐变,
  多彩只装饰外围衬底, 码黑白保可扫); cornerClearStyle 按实际尺寸
  反算让位(自定义大尺寸/关 tip 自动跟随); 扫码提示可关
- show/self: 6 新字段透传; ab-visual 测试 corner 断言改锚动态让位
- 新增 qr-style 契约测试 20 项(纯函数真值 + 基件 + 透传 + 两个
  design.html 面板控件绑定与预览消费 + 反例), 9 项变异验证全抓住
- 前端四测试文件共 66 项全绿; E2E 143 项; 三回归 79/41/56 全绿

components-diy/diy-card-common.js

@@ -166,3 +166,29 @@ export function normalizeQrPosition(v) {
 }
 /** 各档位的二维码边长(rpx): 头部右侧紧凑, 浮层带衬底, 行下/底部大图便于扫 */
 export const QR_SIZES = { rows: 180, head: 120, corner: 120, bottom: 180 };
+
+/**
+ * 二维码外观样式(四档): plain 原图 / card 白卡描边(默认) / theme 主题色底 /
+ *   gradient 渐变描边(码芯白底衬底, 保可扫)
+ * 多彩体现在装饰层(主题色/渐变), 码本身保持黑白 —— 可扫性优先
+ */
+export const QR_STYLES = ['plain', 'card', 'theme', 'gradient'];
+export function normalizeQrStyle(v) {
+    const s = String(v || '').trim();
+    return QR_STYLES.indexOf(s) >= 0 ? s : 'card';
+}
+
+/** 二维码边长: 自定义 > 0 时用自定义(px), 否则按档位自动(rpx) */
+export function resolveQrSize(position, custom) {
+    const n = Number(custom);
+    if (!isNaN(n) && n > 0) return n * 2;
+    return QR_SIZES[position] || QR_SIZES.rows;
+}
+
+/** 微调位移: 任一轴非零才输出 transform(WXSS 支持 translate; 不支持 calc) */
+export function qrTransform(offsetX, offsetY) {
+    const x = Number(offsetX) || 0;
+    const y = Number(offsetY) || 0;
+    if (x === 0 && y === 0) return '';
+    return 'translate(' + (x * 2) + 'rpx, ' + (y * 2) + 'rpx)';
+}