@icen.ai/ui 0.11.0 → 0.11.2

package/dist/tokens/typography.css

@@ -28,6 +28,33 @@
   --icen-line-height-body: 1.7;
   /* 独家定义（style-profiles.css 的 :root 不再重复；profile 差异化在各 .style-* 块覆盖） */
   --icen-line-height-heading: 1.2;
+
+  /* ── 内容排版尺度（模块比例 1.250 大三度，clamp 流体插值） ──
+     面向内容/文档排版（标题、正文、长文）；控件字号仍由 --icen-density-font-size-* 驱动，
+     两套尺度解耦：密度档只压缩控件，不挤压阅读。DTCG 无法表示 clamp() → 明示跳过。 */
+  --icen-type-ratio: 1.25;
+  --icen-type-xs: clamp(.6875rem, .66rem + .12vw, .75rem);
+  --icen-type-sm: clamp(.7813rem, .74rem + .18vw, .9rem);
+  --icen-type-md: clamp(.875rem, .82rem + .24vw, 1rem);
+  --icen-type-lg: clamp(1rem, .92rem + .36vw, 1.25rem);
+  --icen-type-xl: clamp(1.25rem, 1.1rem + .66vw, 1.5625rem);
+  --icen-type-2xl: clamp(1.5625rem, 1.32rem + 1.05vw, 1.9531rem);
+  --icen-type-3xl: clamp(1.9531rem, 1.56rem + 1.7vw, 2.4414rem);
+
+  /* ── 行高 / 字距 / 字重尺度（角色别名 --icen-line-height-body 等保留；本组供新组件与内容区） ── */
+  --icen-leading-tight: 1.3;   /* 大字号标题 */
+  --icen-leading-base: 1.6;    /* 正文：拉丁与 CJK 混排的安全下限 */
+  --icen-leading-loose: 1.8;   /* 长文/文档页 */
+  --icen-tracking-tight: -.02em;  /* 大号拉丁标题收紧；CJK 不用（CJK 字距一律 0） */
+  --icen-tracking-base: 0;
+  --icen-tracking-wide: .04em;    /* 眉标/小型大写 */
+  --icen-weight-regular: 400;
+  --icen-weight-medium: 500;
+  --icen-weight-semibold: 600;
+  --icen-weight-bold: 700;
+
+  /* ── 数据区 OpenType 特性（.icen-numeric / .icen-font-math 之外的增量入口） ── */
+  --icen-feature-data: "tnum" 1, "lnum" 1;
 }
 
 /* ── 全局排版 ── */
@@ -51,4 +78,10 @@ h1, h2, h3, h4, h5, h6 {
   font-variant-numeric: lining-nums tabular-nums;
 }
 
+/* ── CJK 标点挤压：渐进增强（text-spacing-trim，Chrome 123+）。
+     不支持时保持浏览器默认——不 polyfill，不猜不静默，此处是有意声明的可降级增强。 ── */
+@supports (text-spacing-trim: trim-start) {
+  body { text-spacing-trim: trim-start; }
+}
+
 }

package/dist/tokens.css

@@ -521,6 +521,33 @@
   --icen-line-height-body: 1.7;
   /* 独家定义（style-profiles.css 的 :root 不再重复；profile 差异化在各 .style-* 块覆盖） */
   --icen-line-height-heading: 1.2;
+
+  /* ── 内容排版尺度（模块比例 1.250 大三度，clamp 流体插值） ──
+     面向内容/文档排版（标题、正文、长文）；控件字号仍由 --icen-density-font-size-* 驱动，
+     两套尺度解耦：密度档只压缩控件，不挤压阅读。DTCG 无法表示 clamp() → 明示跳过。 */
+  --icen-type-ratio: 1.25;
+  --icen-type-xs: clamp(.6875rem, .66rem + .12vw, .75rem);
+  --icen-type-sm: clamp(.7813rem, .74rem + .18vw, .9rem);
+  --icen-type-md: clamp(.875rem, .82rem + .24vw, 1rem);
+  --icen-type-lg: clamp(1rem, .92rem + .36vw, 1.25rem);
+  --icen-type-xl: clamp(1.25rem, 1.1rem + .66vw, 1.5625rem);
+  --icen-type-2xl: clamp(1.5625rem, 1.32rem + 1.05vw, 1.9531rem);
+  --icen-type-3xl: clamp(1.9531rem, 1.56rem + 1.7vw, 2.4414rem);
+
+  /* ── 行高 / 字距 / 字重尺度（角色别名 --icen-line-height-body 等保留；本组供新组件与内容区） ── */
+  --icen-leading-tight: 1.3;   /* 大字号标题 */
+  --icen-leading-base: 1.6;    /* 正文：拉丁与 CJK 混排的安全下限 */
+  --icen-leading-loose: 1.8;   /* 长文/文档页 */
+  --icen-tracking-tight: -.02em;  /* 大号拉丁标题收紧；CJK 不用（CJK 字距一律 0） */
+  --icen-tracking-base: 0;
+  --icen-tracking-wide: .04em;    /* 眉标/小型大写 */
+  --icen-weight-regular: 400;
+  --icen-weight-medium: 500;
+  --icen-weight-semibold: 600;
+  --icen-weight-bold: 700;
+
+  /* ── 数据区 OpenType 特性（.icen-numeric / .icen-font-math 之外的增量入口） ── */
+  --icen-feature-data: "tnum" 1, "lnum" 1;
 }
 
 /* ── 全局排版 ── */
@@ -544,6 +571,63 @@ h1, h2, h3, h4, h5, h6 {
   font-variant-numeric: lining-nums tabular-nums;
 }
 
+/* ── CJK 标点挤压：渐进增强（text-spacing-trim，Chrome 123+）。
+     不支持时保持浏览器默认——不 polyfill，不猜不静默，此处是有意声明的可降级增强。 ── */
+@supports (text-spacing-trim: trim-start) {
+  body { text-spacing-trim: trim-start; }
+}
+
+
+/* ── tokens/motion.css ── */
+/*
+ * @icen.ai/ui — Motion Tokens（动效令牌层）
+ * 时长阶梯 / 缓动集 / 位移与缩放幅度 / 编排间隔。组件只消费令牌，不写死时长与曲线。
+ *
+ * 消费路径：
+ *   组件读语义别名 --icen-duration-* / --icen-ease-*（design.css 映射到本层 × --icen-design-motion）；
+ *   新组件可直接读 --icen-motion-*（绝对基值，不经缩放）。
+ * 降级链：prefers-reduced-motion 或 <html data-icen-motion="reduce"> → base.css 把
+ *   --icen-design-motion 归零（过渡瞬时完成，状态反馈保留）+ 循环动画单次瞬时 + 平滑滚动关闭；
+ *   data-icen-motion="full" 可强制恢复（演示机 / 用户显式选择）。
+ * 原语联动：pixel 原语把本层缓动全部改写为 steps(1, end)（点阵逐帧美学）。
+ * DTCG：duration / cubicBezier / dimension / number 各族经 scripts/dtcg.mjs 导出；
+ *   linear() / steps() / clamp() 超经典版规范，明示跳过（记录在 dtcg.json 的 ai.icen.skipped）。
+ */
+:root {
+  /* ── 时长阶梯（基值；语义别名经 --icen-design-motion 缩放） ── */
+  --icen-motion-duration-instant: 0ms;        /* 即时：无动画状态切换（像素原语全量） */
+  --icen-motion-duration-fast: 110ms;         /* 微反馈：hover / press / 焦点环 */
+  --icen-motion-duration-base: 180ms;         /* 常规：展开收起、淡入淡出、勾选 */
+  --icen-motion-duration-slow: 260ms;         /* 浮层进出、面板滑入、modal */
+  --icen-motion-duration-deliberate: 420ms;   /* 页面级转场、强调入场（克制使用） */
+
+  /* ── 缓动集 ── */
+  --icen-motion-ease-standard: cubic-bezier(.45, 0, .25, 1);    /* 持续类状态变化 */
+  --icen-motion-ease-enter: cubic-bezier(.16, 1, .3, 1);        /* 入场：快出慢归 */
+  --icen-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);           /* 离场：快进加速 */
+  --icen-motion-ease-emphasized: cubic-bezier(.22, .8, .24, 1); /* 强调：长减速弧 */
+  --icen-motion-ease-spring: cubic-bezier(.22, .8, .24, 1);     /* 弹簧近似；支持 linear() 时由下方覆盖 */
+
+  /* ── 幅度（位移/缩放令牌：编排一致的物理量） ── */
+  --icen-motion-shift-sm: 2px;   /* 行内微移（列表项 hover） */
+  --icen-motion-shift-md: 6px;   /* 浮层/气泡入场位移 */
+  --icen-motion-shift-lg: 12px;  /* 抽屉/面板入场位移 */
+  --icen-motion-scale-enter: .96;  /* 弹层入场起始缩放 */
+  --icen-motion-scale-press: .985; /* 按下形变 */
+
+  /* ── 编排（stagger：列表/卡片瀑布入场） ── */
+  --icen-motion-stagger-step: 24ms;    /* 相邻项延迟步长 */
+  --icen-motion-stagger-count: 5;      /* 最多级联项数（超出同拍，避免长尾等待） */
+}
+
+/* damped spring 近似（过冲 ≈8%）：linear() 停点语法（Chrome 113+ / Safari 17.2+ / FF 112+）。
+   不支持时保持上方 emphasized 回退——不猜不静默之外，这里是有意声明的可降级增强。 */
+@supports (transition-timing-function: linear(0, 1)) {
+  :root {
+    --icen-motion-ease-spring: linear(0, .42, .78, 1, 1.08, .96, 1.02, 1);
+  }
+}
+
 
 /* ── tokens/design.css ── */
 /* 现代 primitive: geometry, type, rhythm and lighting. Color palettes live in themes.json.
@@ -595,15 +679,18 @@ h1, h2, h3, h4, h5, h6 {
   --icen-letter-spacing-caption: .01em;
 
   /* Motion: one-shot state changes are short; spatial entrances use the enter
-   * curve. No bouncy physics for ordinary controls. */
-  --icen-duration-fast: calc(110ms * var(--icen-design-motion));
-  --icen-duration-normal: calc(180ms * var(--icen-design-motion));
-  --icen-duration-slow: calc(260ms * var(--icen-design-motion));
-  --icen-ease-out: cubic-bezier(.22, .8, .24, 1);
+   * curve. No bouncy physics for ordinary controls.
+   * 语义别名 → tokens/motion.css 基值 × --icen-design-motion（reduced-motion / pixel 原语归零）。 */
+  --icen-duration-instant: calc(var(--icen-motion-duration-instant) * var(--icen-design-motion));
+  --icen-duration-fast: calc(var(--icen-motion-duration-fast) * var(--icen-design-motion));
+  --icen-duration-normal: calc(var(--icen-motion-duration-base) * var(--icen-design-motion));
+  --icen-duration-slow: calc(var(--icen-motion-duration-slow) * var(--icen-design-motion));
+  --icen-duration-deliberate: calc(var(--icen-motion-duration-deliberate) * var(--icen-design-motion));
+  --icen-ease-out: var(--icen-motion-ease-emphasized);
   --icen-ease-in: cubic-bezier(.5, 0, .8, .2);
-  --icen-ease-in-out: cubic-bezier(.45, 0, .25, 1);
-  --icen-ease-enter: cubic-bezier(.16, 1, .3, 1);
-  --icen-ease-exit: cubic-bezier(.4, 0, 1, 1);
+  --icen-ease-in-out: var(--icen-motion-ease-standard);
+  --icen-ease-enter: var(--icen-motion-ease-enter);
+  --icen-ease-exit: var(--icen-motion-ease-exit);
   --icen-ease-bounce: var(--icen-ease-out);
   --icen-hover-border: var(--icen-token-line);
   --icen-hover-border-strong: var(--icen-token-line-strong);
@@ -749,9 +836,12 @@ h1, h2, h3, h4, h5, h6 {
     --icen-density-item-height: max(44px, calc(var(--icen-design-control-height) + var(--icen-design-density-offset) - 6px));
   }
 }
+/* reduced-motion：本原语时长乘数归零（唯一的变量开关点；base.css 负责动画/滚动压制）。
+   手动覆盖：data-icen-motion="full" 在系统降级时恢复；"reduce" 无需系统设置即降级。 */
 @media (prefers-reduced-motion: reduce) {
-  :root { --icen-design-motion: 0; }
+  :root:not([data-icen-motion="full"]) { --icen-design-motion: 0; }
 }
+:root[data-icen-motion="reduce"] { --icen-design-motion: 0; }
 
 
 /* ── tokens/chinese.css ── */
@@ -890,6 +980,13 @@ h1, h2, h3, h4, h5, h6 {
   /* shadow-inset 被本原语置 none，base.css 合成的 error 版会变成非法的「none, …」
      列表 → 整条 box-shadow 失效：像素原语自持一份硬边错误光环 */
   --icen-control-error-shadow: 0 0 0 2px var(--icen-token-error);
+  /* 点阵逐帧美学：动效令牌层全部改写为 steps（时长已由 --icen-design-motion: 0 归零，
+     缓动改写面向直接消费 --icen-motion-ease-* 的新组件，双保险） */
+  --icen-motion-ease-standard: steps(1, end);
+  --icen-motion-ease-enter: steps(1, end);
+  --icen-motion-ease-exit: steps(1, end);
+  --icen-motion-ease-emphasized: steps(1, end);
+  --icen-motion-ease-spring: steps(1, end);
   --icen-ease-out: steps(1, end);
   --icen-ease-bounce: steps(1, end);
 }
@@ -1136,7 +1233,7 @@ h1, h2, h3, h4, h5, h6 {
 /* 现代: small controls have a legible edge and a quiet, tactile surface. Keep
  * these optical refinements local to the default primitive; other primitives
  * supply their own surface physics without fighting a global component rule. */
-:root:where(:not([data-icen-style]),[data-icen-style="modern"]) .icen-btn:not(.icen-btn-ghost):not(.icen-btn-link) {
+:root:where(:not([data-icen-style]),[data-icen-style="modern"]) .icen-btn:where(:not(.icen-btn-ghost):not(.icen-btn-link)) {
   background-image: linear-gradient(
     to bottom,
     color-mix(in srgb, var(--icen-token-top-highlight) 32%, transparent),

package/dist/ui.css

@@ -521,6 +521,33 @@
   --icen-line-height-body: 1.7;
   /* 独家定义（style-profiles.css 的 :root 不再重复；profile 差异化在各 .style-* 块覆盖） */
   --icen-line-height-heading: 1.2;
+
+  /* ── 内容排版尺度（模块比例 1.250 大三度，clamp 流体插值） ──
+     面向内容/文档排版（标题、正文、长文）；控件字号仍由 --icen-density-font-size-* 驱动，
+     两套尺度解耦：密度档只压缩控件，不挤压阅读。DTCG 无法表示 clamp() → 明示跳过。 */
+  --icen-type-ratio: 1.25;
+  --icen-type-xs: clamp(.6875rem, .66rem + .12vw, .75rem);
+  --icen-type-sm: clamp(.7813rem, .74rem + .18vw, .9rem);
+  --icen-type-md: clamp(.875rem, .82rem + .24vw, 1rem);
+  --icen-type-lg: clamp(1rem, .92rem + .36vw, 1.25rem);
+  --icen-type-xl: clamp(1.25rem, 1.1rem + .66vw, 1.5625rem);
+  --icen-type-2xl: clamp(1.5625rem, 1.32rem + 1.05vw, 1.9531rem);
+  --icen-type-3xl: clamp(1.9531rem, 1.56rem + 1.7vw, 2.4414rem);
+
+  /* ── 行高 / 字距 / 字重尺度（角色别名 --icen-line-height-body 等保留；本组供新组件与内容区） ── */
+  --icen-leading-tight: 1.3;   /* 大字号标题 */
+  --icen-leading-base: 1.6;    /* 正文：拉丁与 CJK 混排的安全下限 */
+  --icen-leading-loose: 1.8;   /* 长文/文档页 */
+  --icen-tracking-tight: -.02em;  /* 大号拉丁标题收紧；CJK 不用（CJK 字距一律 0） */
+  --icen-tracking-base: 0;
+  --icen-tracking-wide: .04em;    /* 眉标/小型大写 */
+  --icen-weight-regular: 400;
+  --icen-weight-medium: 500;
+  --icen-weight-semibold: 600;
+  --icen-weight-bold: 700;
+
+  /* ── 数据区 OpenType 特性（.icen-numeric / .icen-font-math 之外的增量入口） ── */
+  --icen-feature-data: "tnum" 1, "lnum" 1;
 }
 
 /* ── 全局排版 ── */
@@ -544,6 +571,63 @@ h1, h2, h3, h4, h5, h6 {
   font-variant-numeric: lining-nums tabular-nums;
 }
 
+/* ── CJK 标点挤压：渐进增强（text-spacing-trim，Chrome 123+）。
+     不支持时保持浏览器默认——不 polyfill，不猜不静默，此处是有意声明的可降级增强。 ── */
+@supports (text-spacing-trim: trim-start) {
+  body { text-spacing-trim: trim-start; }
+}
+
+
+/* ── tokens/motion.css ── */
+/*
+ * @icen.ai/ui — Motion Tokens（动效令牌层）
+ * 时长阶梯 / 缓动集 / 位移与缩放幅度 / 编排间隔。组件只消费令牌，不写死时长与曲线。
+ *
+ * 消费路径：
+ *   组件读语义别名 --icen-duration-* / --icen-ease-*（design.css 映射到本层 × --icen-design-motion）；
+ *   新组件可直接读 --icen-motion-*（绝对基值，不经缩放）。
+ * 降级链：prefers-reduced-motion 或 <html data-icen-motion="reduce"> → base.css 把
+ *   --icen-design-motion 归零（过渡瞬时完成，状态反馈保留）+ 循环动画单次瞬时 + 平滑滚动关闭；
+ *   data-icen-motion="full" 可强制恢复（演示机 / 用户显式选择）。
+ * 原语联动：pixel 原语把本层缓动全部改写为 steps(1, end)（点阵逐帧美学）。
+ * DTCG：duration / cubicBezier / dimension / number 各族经 scripts/dtcg.mjs 导出；
+ *   linear() / steps() / clamp() 超经典版规范，明示跳过（记录在 dtcg.json 的 ai.icen.skipped）。
+ */
+:root {
+  /* ── 时长阶梯（基值；语义别名经 --icen-design-motion 缩放） ── */
+  --icen-motion-duration-instant: 0ms;        /* 即时：无动画状态切换（像素原语全量） */
+  --icen-motion-duration-fast: 110ms;         /* 微反馈：hover / press / 焦点环 */
+  --icen-motion-duration-base: 180ms;         /* 常规：展开收起、淡入淡出、勾选 */
+  --icen-motion-duration-slow: 260ms;         /* 浮层进出、面板滑入、modal */
+  --icen-motion-duration-deliberate: 420ms;   /* 页面级转场、强调入场（克制使用） */
+
+  /* ── 缓动集 ── */
+  --icen-motion-ease-standard: cubic-bezier(.45, 0, .25, 1);    /* 持续类状态变化 */
+  --icen-motion-ease-enter: cubic-bezier(.16, 1, .3, 1);        /* 入场：快出慢归 */
+  --icen-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);           /* 离场：快进加速 */
+  --icen-motion-ease-emphasized: cubic-bezier(.22, .8, .24, 1); /* 强调：长减速弧 */
+  --icen-motion-ease-spring: cubic-bezier(.22, .8, .24, 1);     /* 弹簧近似；支持 linear() 时由下方覆盖 */
+
+  /* ── 幅度（位移/缩放令牌：编排一致的物理量） ── */
+  --icen-motion-shift-sm: 2px;   /* 行内微移（列表项 hover） */
+  --icen-motion-shift-md: 6px;   /* 浮层/气泡入场位移 */
+  --icen-motion-shift-lg: 12px;  /* 抽屉/面板入场位移 */
+  --icen-motion-scale-enter: .96;  /* 弹层入场起始缩放 */
+  --icen-motion-scale-press: .985; /* 按下形变 */
+
+  /* ── 编排（stagger：列表/卡片瀑布入场） ── */
+  --icen-motion-stagger-step: 24ms;    /* 相邻项延迟步长 */
+  --icen-motion-stagger-count: 5;      /* 最多级联项数（超出同拍，避免长尾等待） */
+}
+
+/* damped spring 近似（过冲 ≈8%）：linear() 停点语法（Chrome 113+ / Safari 17.2+ / FF 112+）。
+   不支持时保持上方 emphasized 回退——不猜不静默之外，这里是有意声明的可降级增强。 */
+@supports (transition-timing-function: linear(0, 1)) {
+  :root {
+    --icen-motion-ease-spring: linear(0, .42, .78, 1, 1.08, .96, 1.02, 1);
+  }
+}
+
 
 /* ── tokens/design.css ── */
 /* 现代 primitive: geometry, type, rhythm and lighting. Color palettes live in themes.json.
@@ -595,15 +679,18 @@ h1, h2, h3, h4, h5, h6 {
   --icen-letter-spacing-caption: .01em;
 
   /* Motion: one-shot state changes are short; spatial entrances use the enter
-   * curve. No bouncy physics for ordinary controls. */
-  --icen-duration-fast: calc(110ms * var(--icen-design-motion));
-  --icen-duration-normal: calc(180ms * var(--icen-design-motion));
-  --icen-duration-slow: calc(260ms * var(--icen-design-motion));
-  --icen-ease-out: cubic-bezier(.22, .8, .24, 1);
+   * curve. No bouncy physics for ordinary controls.
+   * 语义别名 → tokens/motion.css 基值 × --icen-design-motion（reduced-motion / pixel 原语归零）。 */
+  --icen-duration-instant: calc(var(--icen-motion-duration-instant) * var(--icen-design-motion));
+  --icen-duration-fast: calc(var(--icen-motion-duration-fast) * var(--icen-design-motion));
+  --icen-duration-normal: calc(var(--icen-motion-duration-base) * var(--icen-design-motion));
+  --icen-duration-slow: calc(var(--icen-motion-duration-slow) * var(--icen-design-motion));
+  --icen-duration-deliberate: calc(var(--icen-motion-duration-deliberate) * var(--icen-design-motion));
+  --icen-ease-out: var(--icen-motion-ease-emphasized);
   --icen-ease-in: cubic-bezier(.5, 0, .8, .2);
-  --icen-ease-in-out: cubic-bezier(.45, 0, .25, 1);
-  --icen-ease-enter: cubic-bezier(.16, 1, .3, 1);
-  --icen-ease-exit: cubic-bezier(.4, 0, 1, 1);
+  --icen-ease-in-out: var(--icen-motion-ease-standard);
+  --icen-ease-enter: var(--icen-motion-ease-enter);
+  --icen-ease-exit: var(--icen-motion-ease-exit);
   --icen-ease-bounce: var(--icen-ease-out);
   --icen-hover-border: var(--icen-token-line);
   --icen-hover-border-strong: var(--icen-token-line-strong);
@@ -749,9 +836,12 @@ h1, h2, h3, h4, h5, h6 {
     --icen-density-item-height: max(44px, calc(var(--icen-design-control-height) + var(--icen-design-density-offset) - 6px));
   }
 }
+/* reduced-motion：本原语时长乘数归零（唯一的变量开关点；base.css 负责动画/滚动压制）。
+   手动覆盖：data-icen-motion="full" 在系统降级时恢复；"reduce" 无需系统设置即降级。 */
 @media (prefers-reduced-motion: reduce) {
-  :root { --icen-design-motion: 0; }
+  :root:not([data-icen-motion="full"]) { --icen-design-motion: 0; }
 }
+:root[data-icen-motion="reduce"] { --icen-design-motion: 0; }
 
 
 /* ── tokens/chinese.css ── */
@@ -890,6 +980,13 @@ h1, h2, h3, h4, h5, h6 {
   /* shadow-inset 被本原语置 none，base.css 合成的 error 版会变成非法的「none, …」
      列表 → 整条 box-shadow 失效：像素原语自持一份硬边错误光环 */
   --icen-control-error-shadow: 0 0 0 2px var(--icen-token-error);
+  /* 点阵逐帧美学：动效令牌层全部改写为 steps（时长已由 --icen-design-motion: 0 归零，
+     缓动改写面向直接消费 --icen-motion-ease-* 的新组件，双保险） */
+  --icen-motion-ease-standard: steps(1, end);
+  --icen-motion-ease-enter: steps(1, end);
+  --icen-motion-ease-exit: steps(1, end);
+  --icen-motion-ease-emphasized: steps(1, end);
+  --icen-motion-ease-spring: steps(1, end);
   --icen-ease-out: steps(1, end);
   --icen-ease-bounce: steps(1, end);
 }
@@ -1471,15 +1568,20 @@ p { margin: 0 0 1em; }
    动效与无障碍兜底
    ══════════════════════════════════════════════════════════════ */
 
-/* reduced-motion：所有动画/过渡压缩到 ~0ms（保留可访问性最小可视信号） */
+/* reduced-motion 与手动覆盖的行为压制（变量开关在 design.css 自持）：
+   循环/环境动画单次瞬时 + 平滑滚动关闭；过渡时长经 --icen-design-motion 归零瞬时完成（状态反馈保留）。 */
 @media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important; /* guard:allow-important 动效守卫：降级媒体查询需压制组件动画 */
-    animation-iteration-count: 1 !important; /* guard:allow-important 动效守卫：降级媒体查询需压制组件动画 */
-    transition-duration: 0.01ms !important; /* guard:allow-important 动效守卫：降级媒体查询需压制组件动画 */
-    scroll-behavior: auto !important; /* guard:allow-important 动效守卫：降级媒体查询需压制组件动画 */
+  :root:not([data-icen-motion="full"]) *, :root:not([data-icen-motion="full"]) *::before, :root:not([data-icen-motion="full"]) *::after {
+    animation-duration: 0.01ms !important; /* guard:allow-important 动效守卫：降级需压制组件循环动画 */
+    animation-iteration-count: 1 !important; /* guard:allow-important 动效守卫：降级需压制组件循环动画 */
+    scroll-behavior: auto !important; /* guard:allow-important 动效守卫：降级需关闭平滑滚动 */
   }
 }
+:root[data-icen-motion="reduce"] *, :root[data-icen-motion="reduce"] *::before, :root[data-icen-motion="reduce"] *::after {
+  animation-duration: 0.01ms !important; /* guard:allow-important 手动降级：与系统降级同口径 */
+  animation-iteration-count: 1 !important; /* guard:allow-important 手动降级：与系统降级同口径 */
+  scroll-behavior: auto !important; /* guard:allow-important 手动降级：与系统降级同口径 */
+}
 
 /* 触屏设备（无精细指针）：压低 pressable 按下形变（hover 抬升已由 hover 守卫关闭） */
 @media (pointer: coarse) {
@@ -7336,6 +7438,35 @@ svg .icen-chart-mark-label {
   }
 }
 
+/* ── 键盘游标与读屏层（spec.a11y：summary/keyboard/table） ──
+   自包含 sr-only 几何（kit 独立引入时 base.css 可能缺席，不依赖 .icen-sr-only） */
+.icen-chart-summary,
+.icen-chart-live,
+.icen-chart-table {
+  position: absolute;
+  width: 1px; height: 1px;
+  padding: 0; margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+/* 键盘游标入口：图形可聚焦，焦点环走统一 ring 令牌 */
+[data-icen-chart-kb] { outline: none; }
+[data-icen-chart-kb]:focus-visible { box-shadow: var(--icen-ring); border-radius: var(--icen-radius-xs); }
+/* 游标焦点：DOM 柱条用轮廓环；SVG 点圆放大描边（r 为 SVG2 几何属性，不支持时退化为描边加粗） */
+.icen-chart-kb-focus {
+  outline: 2px solid var(--icen-token-accent);
+  outline-offset: 1px;
+  border-radius: var(--icen-radius-xs);
+}
+circle.icen-chart-kb-focus {
+  outline: none;
+  stroke-width: 3px;
+  r: 5px;
+}
+
 
 /* ── components/code-block.css ── */
 /*
@@ -17234,7 +17365,7 @@ svg .icen-chart-mark-label {
 /* 现代: small controls have a legible edge and a quiet, tactile surface. Keep
  * these optical refinements local to the default primitive; other primitives
  * supply their own surface physics without fighting a global component rule. */
-:root:where(:not([data-icen-style]),[data-icen-style="modern"]) .icen-btn:not(.icen-btn-ghost):not(.icen-btn-link) {
+:root:where(:not([data-icen-style]),[data-icen-style="modern"]) .icen-btn:where(:not(.icen-btn-ghost):not(.icen-btn-link)) {
   background-image: linear-gradient(
     to bottom,
     color-mix(in srgb, var(--icen-token-top-highlight) 32%, transparent),