iter(g271): 新增手写签名板组件

packages/skin/ui/ui.css

@@ -5685,3 +5685,58 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 .ua-code-line:hover {
   background: var(--ua-color-tint-accent-weak);
 }
+
+/* ---- 签名板：画布边框只一道，手写区留白不压内距（笔迹要贴边才好签） ---- */
+.ua-sign {
+  overflow: hidden;
+  border: 1px solid var(--ua-border-subtle);
+  border-radius: var(--ua-radius-md);
+  background: var(--ua-color-surface);
+  color: var(--ua-color-text);
+}
+
+.ua-sign.is-disabled {
+  opacity: 0.6; /* 禁用态整块降权：单个控件灰掉就够，不给画布加遮罩 */
+}
+
+.ua-sign-canvas {
+  display: block;
+  width: 100%;
+  border-bottom: 1px solid var(--ua-border-subtle);
+  cursor: crosshair;
+  touch-action: none; /* 关掉浏览器手势：手写要独占指针，否则移动端会滚页面 */
+}
+
+.ua-sign-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ua-space-2);
+  padding: var(--ua-space-2) var(--ua-space-3);
+}
+
+.ua-sign-hint {
+  color: var(--ua-color-text-faint);
+  font-size: var(--ua-font-size-xs);
+}
+
+.ua-sign-clear {
+  padding: var(--ua-space-1) var(--ua-space-2);
+  border: 1px solid var(--ua-color-border);
+  border-radius: var(--ua-radius-sm);
+  background: transparent;
+  color: var(--ua-color-text-secondary);
+  font-size: var(--ua-font-size-xs);
+  cursor: pointer;
+  transition: color var(--ua-duration-fast) var(--ua-ease), border-color var(--ua-duration-fast) var(--ua-ease);
+}
+
+.ua-sign-clear:hover:not(:disabled) {
+  border-color: var(--ua-color-accent);
+  color: var(--ua-color-accent);
+}
+
+.ua-sign-clear:disabled {
+  color: var(--ua-color-text-faint);
+  cursor: not-allowed;
+}