iter(g54): 新增 watermark 水印组件

apps/demo/main.ts

@@ -37,6 +37,7 @@ import {
   notification,
   result,
   upload,
+  watermark,
   menu,
   modal,
   pagination,
@@ -689,6 +690,23 @@ const content = h(
       button({ label: '错误（可关）', variant: 'danger', onClick: () => notification({ title: '保存失败', description: '服务端返回 500，请稍后重试', variant: 'danger' }) }),
     ),
   ),
+  section(
+    'sec-watermark',
+    '水印',
+    'watermark：canvas 生成平铺单元，颜色从 --ua-* 令牌解析成实色，覆盖层 pointer-events:none 不挡交互。',
+    h(
+      'div',
+      { class: 'row' },
+      watermark(
+        { text: 'UI-ARCH · 内部资料\n仅限内网查看', gap: 160, fontSize: 13 },
+        card(
+          { title: '受保护内容' },
+          h('p', { class: 'desc' }, '水印覆盖在内容之上、交互穿透到下方，适合内部系统防截图外传。颜色缺省取 --ua-color-text-muted，暗色主题下自动变浅。'),
+          h('div', { class: 'row' }, button({ label: '可点击（验证穿透）', variant: 'primary', onClick: () => toast.success('水印层没有挡住点击') })),
+        ),
+      ),
+    ),
+  ),
   section(
     'sec-tour',
     '引导漫游',