iter(g10): 新增 statistic 统计数值组件

packages/skin/ui/ui.css

@@ -1880,3 +1880,45 @@ button.ua-step-dot:hover {
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+/* —— 统计数值：大号等宽数字 + 前后缀 + 环比趋势，涨红跌绿 —— */
+.ua-stat {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.ua-stat-title {
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+}
+.ua-stat-value {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 3px;
+}
+.ua-stat-num {
+  color: var(--ua-color-text);
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 1.2;
+  font-variant-numeric: tabular-nums;
+}
+.ua-stat-affix {
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+}
+.ua-stat-trend {
+  font-size: var(--ua-font-size-sm);
+  margin-left: 2px;
+}
+.ua-stat-trend.is-up {
+  color: var(--ua-color-danger);
+}
+.ua-stat-trend.is-down {
+  color: var(--ua-color-success);
+}
+@media (prefers-reduced-motion: reduce) {
+  .ua-stat-num {
+    transition: none !important;
+  }
+}