weifuwu 0.89.1 → 0.90.0

package/dist/client/components/style.css

@@ -848,6 +848,15 @@ body.wf-dragging {
   align-items: var(--wf-align, center);
   gap: var(--wf-gap, var(--wf-gap-md));
 }
+
+.wf-justify-center {
+  display: flex;
+  justify-content: center;
+}
+:where(.wf-justify-center) {
+  align-items: var(--wf-align, center);
+  gap: var(--wf-gap, var(--wf-gap-md));
+}
 }
 
 @layer layout {
@@ -1350,6 +1359,7 @@ body.wf-dragging {
 .wf-padding-xl { padding: var(--wf-space-xl); }
 
 /* ── padding: 轴 ── */
+.wf-padding-x-xs { padding-left: var(--wf-space-xs); padding-right: var(--wf-space-xs); }
 .wf-padding-x-sm { padding-left: var(--wf-space-sm); padding-right: var(--wf-space-sm); }
 .wf-padding-x-md { padding-left: var(--wf-space-md); padding-right: var(--wf-space-md); }
 
@@ -1384,6 +1394,9 @@ body.wf-dragging {
 .wf-margin-left-sm { margin-left: var(--wf-space-sm); }
 .wf-margin-x-auto { margin-left: auto; margin-right: auto; }
 
+/* ── margin: y 轴 ── */
+.wf-margin-y-xs { margin-top: var(--wf-space-xs); margin-bottom: var(--wf-space-xs); }
+
 /* ── gap：直接设置 gap 属性（不设 --wf-gap 变量——变量会继承污染子孙：
    壳 root wf-gap-none 曾让 KPI grid 的 gap: var(--wf-gap) = 0 卡无间距） ── */
 .wf-gap-none { gap: 0; }
@@ -1399,22 +1412,6 @@ body.wf-dragging {
 .wf-height-full { height: 100%; }
 }
 
-@layer utilities {
-/* hidden — 隐藏元素（响应式显隐唯一模式：`wf-hidden wf-flex@lg` 窄隐宽显） */
-.wf-hidden {
-  display: none;
-}
-@media (min-width: 1024px) { .wf-hidden\@lg { display: none; } }
-
-/* dim — 视觉淡化（运行中/历史态/次要操作） */
-.wf-dim {
-  opacity: 0.7;
-}
-
-/* cursor — 交互指针（裸值词） */
-.wf-pointer { cursor: pointer; }
-}
-
 @layer utilities {
 /* block — 块级显示 */
 .wf-block {
@@ -1435,6 +1432,28 @@ body.wf-dragging {
 @media (min-width: 1024px) { .wf-flex\@lg { display: flex; } }
 }
 
+@layer utilities {
+/* hidden — 隐藏元素。两种响应式组合：
+ *   `wf-hidden wf-flex@lg`（窄隐宽显——基础类无 !important，被 media 内 wf-flex@lg 覆盖）
+ *   `wf-flex wf-hidden@lg`（宽隐窄显——media 变体 !important，胜组件自身 display）
+ * !important 原因（CHAT-UX 波次 2 L4）：@layer 顺序下 utilities 永远输给 components
+ * （@layer tokens,base,layout,utilities,components 顶层声明定死）——.wf-btn 的
+ * display:inline-flex 无条件压过 hidden 变体——面板按钮桌面隐藏失效实证；
+ * 源顺序洗牌无法修复（层叠顺序优先于源顺序）——!important 是唯一出路 */
+.wf-hidden {
+  display: none;
+}
+@media (min-width: 1024px) { .wf-hidden\@lg { display: none !important; } }
+
+/* dim — 视觉淡化（运行中/历史态/次要操作） */
+.wf-dim {
+  opacity: 0.7;
+}
+
+/* cursor — 交互指针（裸值词） */
+.wf-pointer { cursor: pointer; }
+}
+
 @layer layout {
 /* popup — 浮层基类（usePopup.portal 自动附加；Modal/Drawer 等手动浮层可选用）
  *
@@ -1673,6 +1692,8 @@ body.wf-dragging {
 .wf-actionsheet-icon {
   color: inherit;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-actionsheet-item-label) {}
 
 /* weifuwu/components — Affix */
 
@@ -1687,6 +1708,9 @@ body.wf-dragging {
 .wf-affix-content {
   transition: none;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-affix-content--fixed) {}
+:where(.wf-affix-sentinel--active) {}
 
 /* weifuwu/components — AiChat（标准 AI 对话界面） */
 
@@ -1774,7 +1798,8 @@ body.wf-dragging {
   border-radius: var(--wf-radius);
   padding: var(--wf-space-sm);
 }
-
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-aichat-inputbar--raised) {}
 
 /* weifuwu/components — Alert */
 
@@ -1891,6 +1916,9 @@ body.wf-dragging {
   background: var(--wf-color-bg-hover);
   color: var(--wf-color-text);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-alertgroup-list) {}
+:where(.wf-alertgroup-list--open) {}
 
 /* weifuwu/components — Anchor（锚点导航） */
 
@@ -2118,6 +2146,12 @@ body.wf-dragging {
   gap: var(--wf-gap-sm);
   align-items: flex-start;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-approval-icon) {}
+:where(.wf-approval-modify-btn) {}
+:where(.wf-approval-modify-cancel) {}
+:where(.wf-approval-note) {}
+:where(.wf-approval-title) {}
 
 /* weifuwu/components — AspectRatio */
 
@@ -2264,7 +2298,8 @@ body.wf-dragging {
   box-shadow: var(--wf-shadow-sm);
   transition: opacity var(--wf-dur-base) var(--wf-ease-out),
               transform var(--wf-dur-base) var(--wf-ease-out),
-              background var(--wf-dur-fast) var(--wf-ease-out);
+              background var(--wf-dur-fast) var(--wf-ease-out),
+              visibility var(--wf-dur-base) var(--wf-ease-out);
 }
 
 .wf-backtop:hover {
@@ -2279,10 +2314,18 @@ body.wf-dragging {
 
 .wf-backtop--hidden {
   opacity: 0;
+  /* visibility：不可见按钮不得可 Tab 聚焦（a11y——浮钮语义：隐藏即不可达；
+     加入 transition 使收起时 opacity 先动画完再隐藏——展开立即可见） */
+  visibility: hidden;
   pointer-events: none;
   transform: translateY(8px);
 }
 
+/* 容器内浮钮（direction=bottom 聊天流——absolute 相对滚动容器——定位偏移同 fixed） */
+.wf-backtop--inline {
+  position: absolute;
+}
+
 /* weifuwu/components — Badge */
 
 .wf-badge {
@@ -2581,6 +2624,8 @@ body.wf-dragging {
     min-width: 44px;
   }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-calendar-grid) {}
 
 /* weifuwu/components — Card */
 
@@ -2620,6 +2665,8 @@ body.wf-dragging {
   border: var(--wf-border-width) solid var(--wf-color-primary);
   background: var(--wf-color-primary-bg);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-card--hover) {}
 
 /* weifuwu/components — Carousel */
 
@@ -2940,6 +2987,8 @@ body.wf-dragging {
   background: var(--wf-color-primary-bg);
   color: var(--wf-color-primary-text);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-cascader) {}
 
 /* weifuwu/components — Chart */
 
@@ -3020,6 +3069,11 @@ body.wf-dragging {
 .wf-chart-tooltip-value {
   opacity: 0.8;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-chart-label) {}
+:where(.wf-chart-legend-label) {}
+:where(.wf-chart-svg) {}
+:where(.wf-chart-value) {}
 
 /* weifuwu/components — ChatInput（独立聊天输入条——从 AiChat 输入条抽取） */
 
@@ -3291,6 +3345,8 @@ body.wf-dragging {
   .wf-citation-item { min-height: 44px; align-items: center; }
   .wf-citation-toggle { min-height: 44px; }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-citation-body--open) {}
 
 /* weifuwu/components — CodeBlock */
 
@@ -3468,6 +3524,8 @@ body.wf-dragging {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-collapse-item--open) {}
 
 /* weifuwu/components — ColorPicker */
 
@@ -3809,6 +3867,8 @@ body.wf-dragging {
 /* sizes */
 .wf-copy-btn--sm { padding: 2px var(--wf-space-xs); }
 .wf-copy-btn--lg { padding: var(--wf-space-sm) var(--wf-space-md); }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-copy-btn-text) {}
 
 /* weifuwu/components — DatePicker */
 
@@ -4129,6 +4189,8 @@ body.wf-dragging {
 /* error（F2 状态矩阵） */
 .wf-datepicker-input--err { border-color: var(--wf-color-error); }
 .wf-datepicker-input--err:focus { box-shadow: 0 0 0 2px var(--wf-color-error-bg), 0 0 0 1px var(--wf-color-error); }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-datepicker-footer-btn) {}
 
 /* weifuwu/components — Descriptions */
 
@@ -4281,6 +4343,8 @@ body.wf-dragging {
   font-size: var(--wf-font-size-xs); /* 12px 同值 token 化——compact 预设可缩放 */
   text-align: center;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-diffview-title) {}
 
 /* weifuwu/components — Divider */
 
@@ -4475,6 +4539,16 @@ body.wf-dragging {
   }
 }
 
+/* weifuwu/components — DropZone 全区域拖放区（高亮面经组件内 el.style——零 CSS 态） */
+
+/* 拖入中为容器默认外观（高亮由组件直接 el.style——不依赖 class 态） */
+
+.wf-drop-zone--disabled {
+  cursor: not-allowed;
+}
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-drop-zone) {}
+
 /* weifuwu/components — Dropdown */
 
 .wf-dropdown {
@@ -5281,6 +5355,8 @@ body.wf-dragging {
 .wf-filepreview-name:hover {
   color: var(--wf-color-text-secondary);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-filepreview-text) {}
 
 /* weifuwu/components — FileTree（文件树浏览器：面包屑 + 列表/编辑态）
  * 语义 token 化（design/style-professional-plan.md M1——旧 token 体系迁移）：
@@ -5604,6 +5680,15 @@ body.wf-dragging {
   border-radius: var(--wf-radius-xs);
   transition: width var(--wf-dur-fast) var(--wf-ease-out);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-upload-input) {}
+
+/* 拖入悬停高亮（2027-xx——--drag 类无规则真漏：拖拽态无视觉反馈——补 hover 同强度高亮） */
+.wf-upload-zone--drag {
+  border-color: var(--wf-color-primary);
+  background: var(--wf-color-bg);
+  box-shadow: var(--wf-focus-ring);
+}
 
 /* weifuwu/components — FloatButton 悬浮操作按钮 */
 
@@ -5724,6 +5809,8 @@ body.wf-dragging {
   position: static;
   box-shadow: var(--wf-shadow-md);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-float-group--open) {}
 
 /* weifuwu/components — Form */
 
@@ -5863,6 +5950,19 @@ body.wf-dragging {
   transition: transform var(--wf-dur-base) var(--wf-ease-out);
 }
 
+/* 加载占位块（2026-09——placeholder：未就绪/失败——与 img 同尺寸——布局恒定） */
+.wf-image-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--wf-color-bg-tertiary);
+  color: var(--wf-color-text-tertiary);
+  font-size: var(--wf-font-size-xs);
+  border-radius: var(--wf-radius-md);
+}
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-image-placeholder-text) {}
+
 /* weifuwu/components — InView */
 
 .wf-inview {
@@ -5888,6 +5988,9 @@ body.wf-dragging {
 .wf-inview-placeholder::after {
   content: '滚动到此处加载内容';
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-inview--pending) {}
+:where(.wf-inview-pending) {}
 
 /* weifuwu/components — InfiniteScroll */
 
@@ -6263,6 +6366,8 @@ body.wf-dragging {
     padding: 4px;
   }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-json-value) {}
 
 /* weifuwu/components — JsonSchemaForm */
 
@@ -6439,6 +6544,8 @@ body.wf-dragging {
   padding: 1px var(--wf-space-sm);
   flex-shrink: 0;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-kanban-col-title) {}
 
 /* weifuwu/components — Label（与 Input/Field 的 label 样式同源） */
 
@@ -6901,6 +7008,8 @@ body.wf-dragging {
 .wf-md-editor-textarea {
   width: 100%;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-md-editor-preview) {}
 
 .wf-math-frac {
   display: inline-flex;
@@ -6914,6 +7023,12 @@ body.wf-dragging {
 .wf-math-sqrt-radical { margin-right: 1px; }
 .wf-math-sup { font-size: 0.75em; vertical-align: super; }
 .wf-math-sub { font-size: 0.75em; vertical-align: sub; }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-math-sqrt) {}
+:where(.wf-math-sqrt-body) {}
+:where(.wf-math-sum) {}
+:where(.wf-math-sum-symbol) {}
+:where(.wf-math-token) {}
 
 /* weifuwu/components — Mentions */
 
@@ -7174,6 +7289,9 @@ body.wf-dragging {
   from { opacity: 0; transform: translateY(calc(var(--wf-motion-sm) * -1)); }
   to { opacity: 1; transform: translateY(0); }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-menu-label) {}
+:where(.wf-menu-submenu-title--active) {}
 
 /* weifuwu/components — Menubar */
 
@@ -7311,6 +7429,8 @@ body.wf-dragging {
   gap: var(--wf-gap-xs);
   align-items: center;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-bubble-text) {}
 
 /* weifuwu/components — Modal */
 
@@ -7438,6 +7558,50 @@ body.wf-dragging {
   }
 }
 
+/* weifuwu/components — NavBar 移动端顶栏（antd-mobile NavBar 对位） */
+
+.wf-nav-bar {
+  display: flex;
+  align-items: center;
+  gap: var(--wf-gap-xs);
+  min-height: 48px;
+  padding: 4px var(--wf-space-sm);
+  background: var(--wf-color-bg-secondary);
+  border-bottom: 1px solid var(--wf-color-border);
+}
+
+/* sticky 常驻：滚动不丢导航入口（ap-topbar 实证）+ 刘海屏避让 */
+.wf-nav-bar--fixed {
+  position: sticky;
+  top: 0;
+  z-index: var(--wf-z-sticky);
+  padding-top: calc(4px + env(safe-area-inset-top, 0px));
+}
+
+.wf-nav-bar-side {
+  display: flex;
+  align-items: center;
+  gap: var(--wf-gap-xs);
+  min-width: 0;
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.wf-nav-bar-title {
+  flex: 1;
+  min-width: 0;
+  text-align: center;
+  font-size: var(--wf-font-size-base);
+  font-weight: var(--wf-font-weight-semibold);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.wf-nav-bar-title--left {
+  text-align: left;
+}
+
 /* weifuwu/components — NavMenu 顶部导航（shadcn NavigationMenu 对齐） */
 
 .wf-navmenu {
@@ -7551,6 +7715,13 @@ body.wf-dragging {
   box-shadow: var(--wf-surface-shadow);
   border: var(--wf-border-width) solid var(--wf-color-border-light);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-navmenu-label) {}
+:where(.wf-navmenu-nested) {}
+:where(.wf-navmenu-sub--nested) {}
+:where(.wf-navmenu-sub--open) {}
+:where(.wf-navmenu-sub-item--open) {}
+:where(.wf-navmenu-sub-label) {}
 
 /* weifuwu/components — Notification */
 
@@ -7652,6 +7823,8 @@ body.wf-dragging {
   box-shadow: var(--wf-focus-ring);
   border-radius: var(--wf-radius-sm);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-notification-host) {}
 
 /* weifuwu/components — PageHeader */
 
@@ -7977,6 +8150,10 @@ body.wf-dragging {
   gap: var(--wf-gap-xs);
   margin-top: var(--wf-space-xs);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-popconfirm-cancel) {}
+:where(.wf-popconfirm-ok) {}
+:where(.wf-popconfirm-title-text) {}
 
 /* weifuwu/components — Popover */
 
@@ -8048,6 +8225,9 @@ body.wf-dragging {
   from { opacity: 0; }
   to   { opacity: 1; }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-popover--enter) {}
+:where(.wf-popover-wrap--open) {}
 
 /* weifuwu/components — ProgressBar */
 
@@ -8205,6 +8385,11 @@ body.wf-dragging {
   word-break: break-word;
 }
 
+/* weifuwu/components — QRCode */
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-qr) {}
+:where(.wf-qr-bg) {}
+
 /* weifuwu/components — RadioGroup */
 
 .wf-radio-group {
@@ -8363,6 +8548,8 @@ body.wf-dragging {
   height: 1em;
   flex-shrink: 0;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-rate-star--half) {}
 
 /* weifuwu/components — ReasoningBlock（CoT 推理折叠展示） */
 
@@ -8429,6 +8616,9 @@ body.wf-dragging {
   white-space: pre-wrap;
   word-break: break-word;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-reasoning--streaming) {}
+:where(.wf-reasoning-body--open) {}
 
 /* weifuwu/components — RelationGraph（关系图谱：SVG 画布 + 图例）
  * 语义 token 化（M1——旧 token 体系迁移：--wf-border/--wf-text* → --wf-color-*）。
@@ -8623,6 +8813,8 @@ body.wf-dragging {
 .wf-scrollbar::-webkit-scrollbar-thumb:hover {
   background: var(--wf-color-text-tertiary);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-scrollbar--always) {}
 
 /* weifuwu/components — SearchInput */
 
@@ -8974,6 +9166,8 @@ body.wf-dragging {
     align-items: center;
   }
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-select-menu) {}
 
 /* weifuwu/components — SessionList（会话管理列表） */
 
@@ -9790,6 +9984,9 @@ body.wf-dragging {
   border-radius: var(--wf-radius-xs);
   pointer-events: none;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-slider-input--hi) {}
+:where(.wf-slider-input--lo) {}
 
 .wf-sortable {
   list-style: none;
@@ -9901,6 +10098,8 @@ body.wf-dragging {
   outline: none;
   box-shadow: var(--wf-shadow-md), var(--wf-focus-ring);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-stat-trend-label) {}
 
 /* weifuwu/components — Steps */
 
@@ -10137,6 +10336,9 @@ body.wf-dragging {
   line-height: 1.2;
   white-space: nowrap;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-tab-bar-icon) {}
+:where(.wf-tab-bar-item--disabled) {}
 
 /* weifuwu/components — Table */
 
@@ -10271,6 +10473,14 @@ body.wf-dragging {
   outline: none;
   box-shadow: var(--wf-focus-ring);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-input--table-edit) {}
+:where(.wf-table-tbody) {}
+:where(.wf-table-td--editable) {}
+:where(.wf-table-td--editing) {}
+:where(.wf-table-td--selection) {}
+:where(.wf-table-th--selection) {}
+:where(.wf-table-tr--loading) {}
 
 /* weifuwu/components — Tabs */
 
@@ -10509,6 +10719,8 @@ body.wf-dragging {
   padding: 4px 0;
 }
 .wf-tags-input::placeholder { color: var(--wf-color-text-tertiary); }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-tags-text) {}
 
 /* weifuwu/components — Textarea */
 
@@ -11011,6 +11223,8 @@ body.wf-dragging {
   font-size: var(--wf-font-size-xs);
   margin-top: var(--wf-gap-xs);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-toolcall-body) {}
 
 /* weifuwu/components — Tooltip */
 
@@ -11217,6 +11431,8 @@ body.wf-dragging {
 .wf-tour-btn:hover {
   filter: brightness(0.95);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-tour-layer) {}
 
 /* weifuwu/components — Transfer */
 
@@ -11527,6 +11743,8 @@ body.wf-dragging {
   font-size: var(--wf-font-size-sm);
   text-align: center;
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-tree-children) {}
 
 .wf-treeselect {
   position: relative;
@@ -11863,6 +12081,8 @@ body.wf-dragging {
   outline: none;
   box-shadow: var(--wf-focus-ring);
 }
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-virtual-table-th-label) {}
 
 /* weifuwu/components — Watermark */
 

package/dist/client/layout/weifuwu-layout.css

@@ -848,6 +848,15 @@ body.wf-dragging {
   align-items: var(--wf-align, center);
   gap: var(--wf-gap, var(--wf-gap-md));
 }
+
+.wf-justify-center {
+  display: flex;
+  justify-content: center;
+}
+:where(.wf-justify-center) {
+  align-items: var(--wf-align, center);
+  gap: var(--wf-gap, var(--wf-gap-md));
+}
 }
 
 @layer layout {
@@ -1350,6 +1359,7 @@ body.wf-dragging {
 .wf-padding-xl { padding: var(--wf-space-xl); }
 
 /* ── padding: 轴 ── */
+.wf-padding-x-xs { padding-left: var(--wf-space-xs); padding-right: var(--wf-space-xs); }
 .wf-padding-x-sm { padding-left: var(--wf-space-sm); padding-right: var(--wf-space-sm); }
 .wf-padding-x-md { padding-left: var(--wf-space-md); padding-right: var(--wf-space-md); }
 
@@ -1384,6 +1394,9 @@ body.wf-dragging {
 .wf-margin-left-sm { margin-left: var(--wf-space-sm); }
 .wf-margin-x-auto { margin-left: auto; margin-right: auto; }
 
+/* ── margin: y 轴 ── */
+.wf-margin-y-xs { margin-top: var(--wf-space-xs); margin-bottom: var(--wf-space-xs); }
+
 /* ── gap：直接设置 gap 属性（不设 --wf-gap 变量——变量会继承污染子孙：
    壳 root wf-gap-none 曾让 KPI grid 的 gap: var(--wf-gap) = 0 卡无间距） ── */
 .wf-gap-none { gap: 0; }
@@ -1399,22 +1412,6 @@ body.wf-dragging {
 .wf-height-full { height: 100%; }
 }
 
-@layer utilities {
-/* hidden — 隐藏元素（响应式显隐唯一模式：`wf-hidden wf-flex@lg` 窄隐宽显） */
-.wf-hidden {
-  display: none;
-}
-@media (min-width: 1024px) { .wf-hidden\@lg { display: none; } }
-
-/* dim — 视觉淡化（运行中/历史态/次要操作） */
-.wf-dim {
-  opacity: 0.7;
-}
-
-/* cursor — 交互指针（裸值词） */
-.wf-pointer { cursor: pointer; }
-}
-
 @layer utilities {
 /* block — 块级显示 */
 .wf-block {
@@ -1435,6 +1432,28 @@ body.wf-dragging {
 @media (min-width: 1024px) { .wf-flex\@lg { display: flex; } }
 }
 
+@layer utilities {
+/* hidden — 隐藏元素。两种响应式组合：
+ *   `wf-hidden wf-flex@lg`（窄隐宽显——基础类无 !important，被 media 内 wf-flex@lg 覆盖）
+ *   `wf-flex wf-hidden@lg`（宽隐窄显——media 变体 !important，胜组件自身 display）
+ * !important 原因（CHAT-UX 波次 2 L4）：@layer 顺序下 utilities 永远输给 components
+ * （@layer tokens,base,layout,utilities,components 顶层声明定死）——.wf-btn 的
+ * display:inline-flex 无条件压过 hidden 变体——面板按钮桌面隐藏失效实证；
+ * 源顺序洗牌无法修复（层叠顺序优先于源顺序）——!important 是唯一出路 */
+.wf-hidden {
+  display: none;
+}
+@media (min-width: 1024px) { .wf-hidden\@lg { display: none !important; } }
+
+/* dim — 视觉淡化（运行中/历史态/次要操作） */
+.wf-dim {
+  opacity: 0.7;
+}
+
+/* cursor — 交互指针（裸值词） */
+.wf-pointer { cursor: pointer; }
+}
+
 @layer layout {
 /* popup — 浮层基类（usePopup.portal 自动附加；Modal/Drawer 等手动浮层可选用）
  *

package/dist/client/office/docx.d.ts

@@ -2,7 +2,7 @@
  * weifuwu/office/docx — docx ↔ ODES DocState 双向转换（前端/服务端通用——零依赖）
  *
  * 参考算法：office2json（unzip → XML 树 → 路径提取 w:body → w:p → w:r → w:t），
- * 增强提取到 ODES IR（design/office-events-plan.md）：
+ * 增强提取到 ODES IR（）：
  * - 段落属性：pStyle → h1/h2/h3、jc → 对齐（裁剪：样式名映射子集）
  * - 内联格式：rPr b/i/u → marks（区间）
  * - 表格：w:tbl → Editor 表格 embed 快照（HTML 复用现有模型）