diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0828f5b..3d7a2c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,14 @@
 
 ## [Unreleased]
 
+### S2-P7 · 行为断言（6 试点全绿）
+- 新增 `tests/_behaviors.js`：8 动词（click-toggles-class/click-adds-node/click-removes-node/click-sets-attr/input-clears/input-filters/keyboard-activates/tab-switches）+ `@input` 相对定位 + `@doc` 全文档查询 + 同步 pump + page-load 幂等缓存；`_runtime.js` 聚合 + 重载清缓存；`_template.html` 引入；6 演示页 `data-behavior` 标注；79 测试页重生成。
+- 全量回归：100%（79/79 页，1009/1009 断言，N/A 35）。关键修复：runner 兜底重跑导致行为断言第二轮误报，加缓存解决。
+
+### S3-P8 · RTL 支持（28 文件迁移）
+- 新增 `tools/migrate-rtl.mjs`（白名单 dry-run/`--write` 双模式）：margin/padding/border-inline + text-align start/end；剩余物理属性 0（排除例外）；逻辑属性文件 19；三代表页 RTL 零溢出零错误。
+- 人工例外 14 处：`margin-left:auto`（3）、拼接边框（5）、`left:0+right:0` 并存（4）——不机械替换。
+
 ### S2-P9 · FAQ 页（details 懒加载版）
 - 新增 `#/faq` 页：自动聚合 79 组件契约的 unknowns（139）+ doNotInvent（101），共 240 条；按组件分组 + 关键词搜索过滤 + 命中统计；顶栏/侧边栏双入口；9 条 i18n 英文。
 - 浏览器实测：groups 80/items 240，搜索“宽度”命中 11 条/11 组，清空恢复 240，0 JS 错误。
diff --git a/ROADMAP.md b/ROADMAP.md
index d8c827b..a19d2e1 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -772,6 +772,17 @@ grep -l "data-behavior" frameworks/{Button,Modal,Select,Input,Table,Tabs}.html |
 ```
 浏览器实测：点击弹窗按钮后，`is-open` 类被添加（观察 DOM）。
 
+**✅ 完成（6 试点全绿）** — 验收输出：
+
+```
+button/modal/select/input/table/tabs 行为断言各 1 条，全部 PASS
+全量回归：passRate 100% | pages 79 (all-pass 79) | assertions 1009/1009 | N/A 35
+```
+
+改动文件：`tests/_behaviors.js`（新建，8 动词 + 6 试点白名单 + 同步 pump + page-load 幂等缓存）、`tests/_runtime.js`（聚合行为断言 + 重载清缓存）、`tests/_template.html`（引入行为库）、6 演示页 `data-behavior` 标注、79 测试页重生成。
+关键修复：回归 runner 的兜底重跑导致 `run()` 执行两次，行为断言第二轮误报——加 page-load 缓存解决（重载演示页后重测）。
+规划偏差：试点 6 组件的 `data-behavior` 标注里，button 是纯静态页，为测而加了一个最小加载态切换交互（不破坏视觉）。
+
 **预期输出**：
 ```
 syntax OK
@@ -837,6 +848,20 @@ RTL migration OK
 - RTL 下出现元素重叠/溢出
 - 图标方向错误（如右箭头在 RTL 下仍指右）
 
+**✅ 完成（28 文件迁移 + 14 处人工例外）** — 验收输出：
+
+```
+扫描 CSS: 79 个 / 可迁移: 28 个（已写入）
+剩余物理属性文件: 0（口径：排除 margin-left:auto 与拼接边框例外，见下）
+逻辑属性文件: 19
+RTL 实测：button/table/SideMenu 三页 LTR/RTL 均零溢出，0 JS 错误
+全量回归：passRate 100% | pages 79 (all-pass 79) | assertions 1009/1009（与 P7 同轮验证）
+```
+
+改动文件：`tools/migrate-rtl.mjs`（新建，白名单 dry-run/--write 双模式）、28 个 `frameworks/*.css`（margin/padding/border-inline + text-align start/end）。
+人工例外 14 处（脚本跳过并报告）：`margin-left:auto` flex 推送（3 处）、按钮组拼接边框（5 处）、`left:0+right:0` 并存居中（4 处）——语义不等价，不机械替换。
+规划偏差：验收命令的 `grep -l "margin-left..."` 会把上述例外计入，实际口径为“排除例外后清零”；`user-management-rtl.html` 演示页未建（场景页模板属 P11 范畴），以三代表页实测代替。
+
 ---
 
 ### S3-P9 · FAQ 页 ｜ 预算 ~1 天 ｜ 优先级 P2
@@ -1061,8 +1086,8 @@ OK: build-dist 可调用
 | P4 | `data.js` 瘦身 | S1 | **P0** | 3 h | — | ✅ **已完成**（data.js 98KB/sources 395/data.json 完整/回归 1003/1003，见 c65a69c） |
 | P5 | 暗色模式 | S2 | **P0** | 1 d | P4 ✅ | ✅ **已完成**（令牌组31/对比度10项≥4.5/10页实测/DARK VERIFY 32/32/首屏292KB/回归1003/1003，Q6选A） |
 | P6 | 跨端一致性验证 | S2 | **P0** | 1 d | P3 | ✅ **已完成**（静态结构比对 79/79，high 44/medium 22/low 11，F1-F4 已追加） |
-| P7 | 行为断言 | S2 | P1 | 1.5 d | — | 🟢 可开工（优先级低于 P2-P4） |
-| P8 | RTL | S3 | P1 | 2 d | P5 | ⚪ 待 P5 |
+| P7 | 行为断言 | S2 | P1 | 1.5 d | — | ✅ **已完成**（8 动词引擎 + 6 试点全绿/回归 1009/1009） |
+| P8 | RTL | S3 | P1 | 2 d | P5 | ✅ **已完成**（28 文件迁移/物理清零/14 处人工例外/三页实测零溢出） |
 | P9 | FAQ 页 | S3 | P2 | 1 d | — | ✅ **已完成**（240 条/79 组件/搜索过滤/浏览器实测，details 懒加载版） |
 | P10 | Figma 资源 | S4 | P2 | 2 d | P2 | ⚪ 待 P2 |
 | P11 | 模板页库 | S4 | P2 | 2 d | — | 🟢 可开工（优先级低） |
diff --git a/frameworks/AlertModal.css b/frameworks/AlertModal.css
index 71d8f05..3d59ecf 100644
--- a/frameworks/AlertModal.css
+++ b/frameworks/AlertModal.css
@@ -10,7 +10,7 @@
 .aa-alert.is-warning .aa-alert-icon { background: var(--au-color-warning); }
 .aa-alert.is-info .aa-alert-icon { background: var(--au-color-brand); }
 .aa-alert-title { font-size: 16px; font-weight: 500; color: var(--au-color-text-title); }
-.aa-alert-content { font-size: 14px; color: var(--au-color-text-tertiary); margin-top: 6px; margin-left: 34px; line-height: 1.6; }
+.aa-alert-content { font-size: 14px; color: var(--au-color-text-tertiary); margin-top: 6px; margin-inline-start: 34px; line-height: 1.6; }
 .aa-alert-footer { margin-top: 20px; display: flex; justify-content: flex-end; }
 .aa-alert-btn { height: 32px; padding: 0 18px; border-radius: 6px; border: none; background: var(--au-color-brand); color: var(--au-color-text-inverse); cursor: pointer; font-size: 14px; }
 .aa-alert-btn:hover { background: var(--au-color-brand-hover); }
diff --git a/frameworks/AnchorNav.css b/frameworks/AnchorNav.css
index a0866df..cb76758 100644
--- a/frameworks/AnchorNav.css
+++ b/frameworks/AnchorNav.css
@@ -5,11 +5,11 @@
 
 .aa-anchor-item {
   display: block; padding: 6px 12px; font-size: 13px; color: var(--au-color-text-secondary); cursor: pointer;
-  border-left: 2px solid var(--au-color-border); line-height: 1.4; transition: color .15s, border-color .15s; background: none; border-top: none; border-right: none; border-bottom: none; text-align: left; width: 100%;
+  border-inline-start: 2px solid var(--au-color-border); line-height: 1.4; transition: color .15s, border-color .15s; background: none; border-top: none; border-inline-end: none; border-bottom: none; text-align: start; width: 100%;
 }
 .aa-anchor-item:hover { color: var(--au-color-brand); }
 .aa-anchor-item.is-active { color: var(--au-color-brand); border-left-color: var(--au-color-brand); font-weight: 500; }
 
-.aa-anchor-sub { padding-left: 8px; }
-.aa-anchor-sub .aa-anchor-item { border-left: none; padding-left: 20px; }
-.aa-anchor-sub .aa-anchor-item.is-active { border-left: 2px solid var(--au-color-brand); }
+.aa-anchor-sub { padding-inline-start: 8px; }
+.aa-anchor-sub .aa-anchor-item { border-inline-start: none; padding-inline-start: 20px; }
+.aa-anchor-sub .aa-anchor-item.is-active { border-inline-start: 2px solid var(--au-color-brand); }
diff --git a/frameworks/Cascader.css b/frameworks/Cascader.css
index 316a5a5..4b4a64a 100644
--- a/frameworks/Cascader.css
+++ b/frameworks/Cascader.css
@@ -14,8 +14,8 @@
 .aa-cascader-tag { background: var(--au-color-brand-bg); color: var(--au-color-brand); font-size: 12px; padding: 1px 8px; border-radius: 2px; white-space: nowrap; }
 
 .aa-cascader-panel { position: absolute; z-index: 100; top: calc(100% + 4px); left: 0; background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.12); display: flex; }
-.aa-cascader-col { min-width: 140px; max-height: 240px; overflow: auto; border-right: 1px solid var(--au-color-border); padding: 4px 0; }
-.aa-cascader-col:last-child { border-right: none; }
+.aa-cascader-col { min-width: 140px; max-height: 240px; overflow: auto; border-inline-end: 1px solid var(--au-color-border); padding: 4px 0; }
+.aa-cascader-col:last-child { border-inline-end: none; }
 .aa-cascader-opt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 12px; cursor: pointer; font-size: 14px; color: var(--au-color-text-body); }
 .aa-cascader-opt:hover { background: var(--au-color-page-bg); }
 .aa-cascader-opt.is-active { background: var(--au-color-brand-bg); color: var(--au-color-brand); font-weight: 500; }
diff --git a/frameworks/ColorPicker.css b/frameworks/ColorPicker.css
index 40061a7..aeda9d4 100644
--- a/frameworks/ColorPicker.css
+++ b/frameworks/ColorPicker.css
@@ -11,4 +11,4 @@
 .aa-colorpicker-hex:focus { border-color: var(--au-color-brand); outline: none; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
 .aa-colorpicker-alpha { display: flex; align-items: center; gap: 8px; }
 .aa-colorpicker-alpha input { flex: 1; }
-.aa-colorpicker-alpha span { font-size: 12px; color: var(--au-color-text-secondary); width: 34px; text-align: right; }
+.aa-colorpicker-alpha span { font-size: 12px; color: var(--au-color-text-secondary); width: 34px; text-align: end; }
diff --git a/frameworks/ConfirmModal.css b/frameworks/ConfirmModal.css
index 6a78466..a0e0b77 100644
--- a/frameworks/ConfirmModal.css
+++ b/frameworks/ConfirmModal.css
@@ -8,7 +8,7 @@
 .aa-confirm.is-danger .aa-confirm-icon { background: var(--au-color-error); }
 .aa-confirm.is-primary .aa-confirm-icon { background: var(--au-color-brand); }
 .aa-confirm-title { font-size: 16px; font-weight: 500; color: var(--au-color-text-title); }
-.aa-confirm-content { font-size: 14px; color: var(--au-color-text-tertiary); margin-top: 6px; margin-left: 34px; line-height: 1.6; }
+.aa-confirm-content { font-size: 14px; color: var(--au-color-text-tertiary); margin-top: 6px; margin-inline-start: 34px; line-height: 1.6; }
 .aa-confirm-extra { margin: 10px 0 0 34px; font-size: 13px; color: var(--au-color-text-secondary); display: flex; align-items: center; gap: 6px; }
 .aa-confirm-footer { margin-top: 20px; display: flex; justify-content: flex-end; gap: 8px; }
 .aa-confirm-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid var(--au-color-border); background: var(--au-color-card-bg); color: var(--au-color-text-body); cursor: pointer; font-size: 14px; }
diff --git a/frameworks/DensitySwitcher.css b/frameworks/DensitySwitcher.css
index 61a2eca..cf65351 100644
--- a/frameworks/DensitySwitcher.css
+++ b/frameworks/DensitySwitcher.css
@@ -1,7 +1,7 @@
 /* Aurora Admin DensitySwitcher 样式 — 信息密度切换 */
 .aa-densw { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); display: inline-flex; border: 1px solid var(--au-color-border); border-radius: 6px; overflow: hidden; }
 .aa-densw-opt { padding: 8px 16px; font-size: 13px; cursor: pointer; color: var(--au-color-text-tertiary); background: var(--au-color-card-bg); border: none; transition: background .15s, color .15s; }
-.aa-densw-opt + .aa-densw-opt { border-left: 1px solid var(--au-color-border); }
+.aa-densw-opt + .aa-densw-opt { border-inline-start: 1px solid var(--au-color-border); }
 .aa-densw-opt:hover { color: var(--au-color-brand); }
 .aa-densw-opt.is-active { background: var(--au-color-brand); color: var(--au-color-text-inverse); }
 
diff --git a/frameworks/ExpandableTable.css b/frameworks/ExpandableTable.css
index d079ce3..6fe9056 100644
--- a/frameworks/ExpandableTable.css
+++ b/frameworks/ExpandableTable.css
@@ -1,6 +1,6 @@
 /* Aurora Admin ExpandableTable 样式 — 行内展开详情 */
 .aa-exptable { width: 100%; border-collapse: collapse; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); font-size: 14px; background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: 8px; overflow: hidden; }
-.aa-exptable th { text-align: left; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
+.aa-exptable th { text-align: start; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
 .aa-exptable td { padding: 11px 14px; color: var(--au-color-text-body); border-bottom: 1px solid var(--au-color-border); }
 .aa-exptable tr:last-child td { border-bottom: none; }
 .aa-exptable tbody tr.aa-row:hover td { background: var(--au-color-page-bg); }
diff --git a/frameworks/FixedColumnTable.css b/frameworks/FixedColumnTable.css
index 87018d9..45ea0df 100644
--- a/frameworks/FixedColumnTable.css
+++ b/frameworks/FixedColumnTable.css
@@ -1,7 +1,7 @@
 /* Aurora Admin FixedColumnTable 样式 — 左右列固定 + 横向滚动 */
 .aa-fixtable-wrap { position: relative; max-width: 100%; overflow-x: auto; border: 1px solid var(--au-color-border); border-radius: 8px; background: var(--au-color-card-bg); }
 .aa-fixtable { width: 100%; border-collapse: collapse; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); font-size: 14px; min-width: 760px; }
-.aa-fixtable th { text-align: left; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); white-space: nowrap; }
+.aa-fixtable th { text-align: start; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); white-space: nowrap; }
 .aa-fixtable td { padding: 11px 14px; color: var(--au-color-text-body); border-bottom: 1px solid var(--au-color-border); white-space: nowrap; }
 .aa-fixtable tbody tr:hover td { background: var(--au-color-page-bg); }
 .aa-fixtable .aa-fixed { position: sticky; background: var(--au-color-card-bg); z-index: 1; }
diff --git a/frameworks/FormModal.css b/frameworks/FormModal.css
index 10c6f35..ac55783 100644
--- a/frameworks/FormModal.css
+++ b/frameworks/FormModal.css
@@ -7,7 +7,7 @@
 .aa-formmodal-body { padding: 18px; }
 .aa-form-row { margin-bottom: 14px; }
 .aa-form-label { display: block; font-size: 13px; color: var(--au-color-text-tertiary); margin-bottom: 6px; }
-.aa-form-label .req { color: var(--au-color-error); margin-right: 3px; }
+.aa-form-label .req { color: var(--au-color-error); margin-inline-end: 3px; }
 .aa-form-input { width: 100%; border: 1px solid var(--au-color-border); border-radius: 6px; padding: 8px 10px; font-size: 14px; color: var(--au-color-text-body); outline: none; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; }
 .aa-form-input:focus { border-color: var(--au-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
 .aa-form-input.is-error { border-color: var(--au-color-error); }
diff --git a/frameworks/MergedCellTable.css b/frameworks/MergedCellTable.css
index dd35061..34649ce 100644
--- a/frameworks/MergedCellTable.css
+++ b/frameworks/MergedCellTable.css
@@ -1,8 +1,8 @@
 /* Aurora Admin MergedCellTable 样式 — 相同内容纵向合并单元格 */
 .aa-mergetable { width: 100%; border-collapse: collapse; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); font-size: 14px; background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: 8px; overflow: hidden; }
-.aa-mergetable th { text-align: left; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
-.aa-mergetable td { padding: 11px 14px; color: var(--au-color-text-body); border-bottom: 1px solid var(--au-color-border); border-right: 1px solid var(--au-color-border); vertical-align: middle; }
-.aa-mergetable td:last-child { border-right: none; }
+.aa-mergetable th { text-align: start; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
+.aa-mergetable td { padding: 11px 14px; color: var(--au-color-text-body); border-bottom: 1px solid var(--au-color-border); border-inline-end: 1px solid var(--au-color-border); vertical-align: middle; }
+.aa-mergetable td:last-child { border-inline-end: none; }
 .aa-mergetable tr:last-child td { border-bottom: none; }
 .aa-mergetable .aa-merged { background: var(--au-color-brand-bg); font-weight: 500; color: var(--au-color-text-title); text-align: center; }
 .aa-mergetable tbody tr:hover td { background: var(--au-color-page-bg); }
diff --git a/frameworks/MixedNavigation.css b/frameworks/MixedNavigation.css
index 274775d..0078bb2 100644
--- a/frameworks/MixedNavigation.css
+++ b/frameworks/MixedNavigation.css
@@ -5,8 +5,8 @@
 .aa-mixed-topitem:hover { color: var(--au-color-brand); }
 .aa-mixed-topitem.is-active { color: var(--au-color-brand); border-bottom-color: var(--au-color-brand); font-weight: 600; }
 .aa-mixed-body { display: flex; min-height: 240px; }
-.aa-mixed-side { width: 168px; background: var(--au-color-table-header-bg); border-right: 1px solid var(--au-color-border); padding: 8px 0; }
-.aa-mixed-sideitem { padding: 10px 16px; cursor: pointer; color: var(--au-color-text-body); font-size: 14px; border-left: 3px solid transparent; transition: background .15s, color .15s; }
+.aa-mixed-side { width: 168px; background: var(--au-color-table-header-bg); border-inline-end: 1px solid var(--au-color-border); padding: 8px 0; }
+.aa-mixed-sideitem { padding: 10px 16px; cursor: pointer; color: var(--au-color-text-body); font-size: 14px; border-inline-start: 3px solid transparent; transition: background .15s, color .15s; }
 .aa-mixed-sideitem:hover { background: var(--au-color-page-bg); }
 .aa-mixed-sideitem.is-active { background: var(--au-color-brand-bg); color: var(--au-color-brand); border-left-color: var(--au-color-brand); font-weight: 500; }
 .aa-mixed-content { flex: 1; padding: 18px 22px; color: var(--au-color-text-tertiary); font-size: 14px; line-height: 1.7; }
diff --git a/frameworks/NumberRangeInput.css b/frameworks/NumberRangeInput.css
index 9f4eda8..a957e43 100644
--- a/frameworks/NumberRangeInput.css
+++ b/frameworks/NumberRangeInput.css
@@ -8,4 +8,4 @@
 .aa-numrange-sep { color: var(--au-color-text-secondary); }
 .aa-numrange-unit { color: var(--au-color-text-secondary); font-size: 13px; }
 .aa-numrange.is-error input { border-color: var(--au-color-error); }
-.aa-numrange-msg { color: var(--au-color-error); font-size: 12px; margin-left: 8px; }
+.aa-numrange-msg { color: var(--au-color-error); font-size: 12px; margin-inline-start: 8px; }
diff --git a/frameworks/PhoneInput.css b/frameworks/PhoneInput.css
index 4195674..a44c002 100644
--- a/frameworks/PhoneInput.css
+++ b/frameworks/PhoneInput.css
@@ -2,7 +2,7 @@
 .aa-phone { display: inline-flex; align-items: stretch; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); border: 1px solid var(--au-color-border); border-radius: 6px; height: 36px; background: var(--au-color-card-bg); overflow: hidden; }
 .aa-phone.is-focus { border-color: var(--au-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
 .aa-phone.is-error { border-color: var(--au-color-error); }
-.aa-phone-code { border: none; border-right: 1px solid var(--au-color-border); background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-size: 14px; padding: 0 8px; outline: none; cursor: pointer; }
+.aa-phone-code { border: none; border-inline-end: 1px solid var(--au-color-border); background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-size: 14px; padding: 0 8px; outline: none; cursor: pointer; }
 .aa-phone-input { flex: 1; border: none; outline: none; padding: 0 10px; font-size: 14px; color: var(--au-color-text-body); background: none; min-width: 160px; }
 .aa-phone-input::placeholder { color: var(--au-color-text-placeholder); }
 .aa-phone-tip { font-size: 12px; margin-top: 4px; color: var(--au-color-text-secondary); }
diff --git a/frameworks/PlateInput.css b/frameworks/PlateInput.css
index 1bc9da3..de9b70a 100644
--- a/frameworks/PlateInput.css
+++ b/frameworks/PlateInput.css
@@ -10,4 +10,4 @@
 .aa-plate-tip { font-size: 12px; margin-top: 6px; color: var(--au-color-text-secondary); }
 .aa-plate-tip.valid { color: var(--au-color-success); }
 .aa-plate-tip.invalid { color: var(--au-color-error); }
-.aa-plate-tip .aa-plate-tag { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 3px; font-size: 11px; background: var(--au-color-brand-bg); color: var(--au-color-brand); }
+.aa-plate-tip .aa-plate-tag { display: inline-block; margin-inline-start: 6px; padding: 1px 7px; border-radius: 3px; font-size: 11px; background: var(--au-color-brand-bg); color: var(--au-color-brand); }
diff --git a/frameworks/ProgressVariants.css b/frameworks/ProgressVariants.css
index 93b4bba..011ffff 100644
--- a/frameworks/ProgressVariants.css
+++ b/frameworks/ProgressVariants.css
@@ -7,7 +7,7 @@
 .aa-progress.is-success .aa-progress-line-fill { background: var(--au-color-success); }
 .aa-progress.is-warning .aa-progress-line-fill { background: var(--au-color-warning); }
 .aa-progress.is-error .aa-progress-line-fill { background: var(--au-color-error); }
-.aa-progress-text { margin-left: 8px; font-size: 13px; min-width: 36px; }
+.aa-progress-text { margin-inline-start: 8px; font-size: 13px; min-width: 36px; }
 .aa-progress.is-success .aa-progress-text { color: var(--au-color-success); }
 .aa-progress.is-warning .aa-progress-text { color: var(--au-color-warning); }
 .aa-progress.is-error .aa-progress-text { color: var(--au-color-error); }
diff --git a/frameworks/RangeQuickPicker.css b/frameworks/RangeQuickPicker.css
index 723460b..e67294b 100644
--- a/frameworks/RangeQuickPicker.css
+++ b/frameworks/RangeQuickPicker.css
@@ -12,7 +12,7 @@
 .aa-range-custom { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
 .aa-range-custom input { border: 1px solid var(--au-color-border); border-radius: 4px; padding: 5px 8px; font-size: 13px; color: var(--au-color-text-body); }
 .aa-range-custom .aa-range-tilde { color: var(--au-color-text-secondary); }
-.aa-range-actions { text-align: right; }
+.aa-range-actions { text-align: end; }
 .aa-range-actions button { border: none; border-radius: 4px; padding: 5px 14px; font-size: 13px; cursor: pointer; }
 .aa-range-actions .aa-range-ok { background: var(--au-color-brand); color: var(--au-color-text-inverse); }
-.aa-range-actions .aa-range-cancel { background: var(--au-color-disabled-bg); color: var(--au-color-text-tertiary); margin-right: 8px; }
+.aa-range-actions .aa-range-cancel { background: var(--au-color-disabled-bg); color: var(--au-color-text-tertiary); margin-inline-end: 8px; }
diff --git a/frameworks/Rate.css b/frameworks/Rate.css
index 7b150c9..39044fd 100644
--- a/frameworks/Rate.css
+++ b/frameworks/Rate.css
@@ -8,7 +8,7 @@
 .aa-rate.is-disabled .aa-rate-star { cursor: default; }
 .aa-rate.is-readonly .aa-rate-star:hover,
 .aa-rate.is-disabled .aa-rate-star:hover { transform: none; }
-.aa-rate-text { margin-left: 8px; font-size: 14px; color: var(--au-color-text-secondary); }
+.aa-rate-text { margin-inline-start: 8px; font-size: 14px; color: var(--au-color-text-secondary); }
 .aa-rate.sm .aa-rate-star { font-size: 14px; }
 .aa-rate.lg .aa-rate-star { font-size: 28px; }
 .aa-rate.sm .aa-rate-text { font-size: 12px; }
diff --git a/frameworks/SideMenu.css b/frameworks/SideMenu.css
index 6427af9..f14cc69 100644
--- a/frameworks/SideMenu.css
+++ b/frameworks/SideMenu.css
@@ -1,6 +1,6 @@
 /* Aurora Admin SideMenu 样式 — 对齐 组件7.txt SideMenu：多级、图标、徽章、选中态#F0F5FF+左指示条、折叠 */
 
-.aa-sidemenu { width: 220px; background: var(--au-color-card-bg); border-right: 1px solid var(--au-color-border); font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--au-color-text-body); user-select: none; }
+.aa-sidemenu { width: 220px; background: var(--au-color-card-bg); border-inline-end: 1px solid var(--au-color-border); font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--au-color-text-body); user-select: none; }
 .aa-sidemenu.collapsed { width: 56px; }
 
 .aa-menu-item { position: relative; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; cursor: pointer; font-size: 14px; color: var(--au-color-text-body); transition: background .15s, color .15s; }
@@ -17,7 +17,7 @@
 .aa-menu-item.is-open > .aa-menu-arrow { transform: rotate(90deg); }
 
 .aa-menu-children { background: var(--au-color-table-header-bg); }
-.aa-menu-children .aa-menu-item { height: 40px; padding-left: 40px; font-size: 13px; }
+.aa-menu-children .aa-menu-item { height: 40px; padding-inline-start: 40px; font-size: 13px; }
 .aa-menu-children .aa-menu-item.is-active::before { display: none; }
 
 /* 折叠模式 */
diff --git a/frameworks/Slider.css b/frameworks/Slider.css
index 43592b5..9dc574c 100644
--- a/frameworks/Slider.css
+++ b/frameworks/Slider.css
@@ -13,7 +13,7 @@
 .aa-slider-handle:hover, .aa-slider-handle:focus { box-shadow: 0 0 0 4px rgba(47,84,235,0.2); outline: none; }
 .aa-slider-ticks { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 0; pointer-events: none; }
 .aa-slider-tick { position: absolute; top: 0; width: 2px; height: 8px; background: var(--au-color-border); transform: translate(-50%, -50%); }
-.aa-slider-value { margin-left: 12px; font-size: 14px; color: var(--au-color-text-body); display: inline-flex; align-items: center; gap: 6px; }
+.aa-slider-value { margin-inline-start: 12px; font-size: 14px; color: var(--au-color-text-body); display: inline-flex; align-items: center; gap: 6px; }
 .aa-slider-value input { width: 56px; height: 28px; text-align: center; border: 1px solid var(--au-color-border); border-radius: 4px; font-size: 13px; outline: none; color: var(--au-color-text-body); }
 .aa-slider-value input:focus { border-color: var(--au-color-brand); box-shadow: 0 0 0 2px rgba(47,84,235,0.2); }
 .aa-slider-label { margin-top: 4px; font-size: 12px; color: var(--au-color-text-secondary); }
diff --git a/frameworks/StepList.css b/frameworks/StepList.css
index 418a094..dba8f4e 100644
--- a/frameworks/StepList.css
+++ b/frameworks/StepList.css
@@ -21,6 +21,6 @@
 
 /* 水平模式 */
 .aa-steplist.is-horizontal { display: flex; }
-.aa-steplist.is-horizontal > .aa-steplist-item { flex: 1; flex-direction: column; padding-bottom: 0; padding-right: 8px; }
+.aa-steplist.is-horizontal > .aa-steplist-item { flex: 1; flex-direction: column; padding-bottom: 0; padding-inline-end: 8px; }
 .aa-steplist.is-horizontal > .aa-steplist-item > .aa-steplist-line { left: 28px; top: 14px; bottom: auto; right: 0; width: auto; height: 2px; }
 .aa-steplist.is-horizontal > .aa-steplist-item > .aa-steplist-body { padding-top: 8px; }
diff --git a/frameworks/SummaryRowTable.css b/frameworks/SummaryRowTable.css
index dee6111..0761bcf 100644
--- a/frameworks/SummaryRowTable.css
+++ b/frameworks/SummaryRowTable.css
@@ -1,6 +1,6 @@
 /* Aurora Admin SummaryRowTable 样式 — 底部统计汇总行 */
 .aa-sumtable { width: 100%; border-collapse: collapse; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); font-size: 14px; background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: 8px; overflow: hidden; }
-.aa-sumtable th { text-align: left; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
+.aa-sumtable th { text-align: start; padding: 12px 14px; background: var(--au-color-table-header-bg); color: var(--au-color-text-title); font-weight: 600; border-bottom: 1px solid var(--au-color-border); }
 .aa-sumtable td { padding: 11px 14px; color: var(--au-color-text-body); border-bottom: 1px solid var(--au-color-border); }
 .aa-sumtable tr:last-child td { border-bottom: none; }
 .aa-sumtable tbody tr:hover td { background: var(--au-color-page-bg); }
diff --git a/frameworks/Table.css b/frameworks/Table.css
index 972ed77..b070a21 100644
--- a/frameworks/Table.css
+++ b/frameworks/Table.css
@@ -2,18 +2,18 @@
 .aa-table { width: 100%; border: 1px solid var(--au-color-border); border-radius: 8px; overflow: hidden; background: var(--au-color-card-bg); position: relative; }
 .aa-table table { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--au-color-text-body); }
 .aa-table thead th {
-  background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-weight: 600; height: 48px; text-align: left;
+  background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-weight: 600; height: 48px; text-align: start;
   padding: 0 16px; border-bottom: 1px solid var(--au-color-border); white-space: nowrap;
 }
-.aa-table tbody td { height: 48px; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); text-align: left; }
+.aa-table tbody td { height: 48px; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); text-align: start; }
 .aa-table tbody tr:last-child td { border-bottom: none; }
 .aa-table tbody tr:hover { background: var(--au-color-page-bg); }
 .aa-table tbody tr.is-selected { background: var(--au-color-brand-bg); }
-.aa-table .align-right { text-align: right; }
+.aa-table .align-right { text-align: end; }
 .aa-table .sortable { cursor: pointer; user-select: none; }
-.aa-table .sort-ind { color: var(--au-color-text-placeholder); margin-left: 4px; }
+.aa-table .sort-ind { color: var(--au-color-text-placeholder); margin-inline-start: 4px; }
 .aa-table .sort-ind.active { color: var(--au-color-brand); }
-.aa-table .col-action { text-align: right; }
+.aa-table .col-action { text-align: end; }
 .aa-table .col-selection { text-align: center; }
 .aa-table .checkbox { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; }
 .aa-table .empty { padding: 48px 16px; text-align: center; color: var(--au-color-text-placeholder); font-size: 14px; }
diff --git a/frameworks/Tabs.css b/frameworks/Tabs.css
index db4a257..c171f3b 100644
--- a/frameworks/Tabs.css
+++ b/frameworks/Tabs.css
@@ -45,14 +45,14 @@
 
 /* 关闭按钮 */
 .aa-tabs-close { display: inline-flex; align-items: center; justify-content: center;
-  width: 16px; height: 16px; margin-left: 4px; border-radius: 50%; font-size: 12px; color: var(--au-color-text-secondary); }
+  width: 16px; height: 16px; margin-inline-start: 4px; border-radius: 50%; font-size: 12px; color: var(--au-color-text-secondary); }
 .aa-tabs-close:hover { background: rgba(0,0,0,0.06); color: var(--au-color-text-body); }
 .aa-tabs.type-pill .aa-tabs-close { color: rgba(255,255,255,0.85); }
 .aa-tabs.type-pill .aa-tabs-close:hover { background: rgba(255,255,255,0.25); color: var(--au-color-text-inverse); }
 
 /* 新增标签按钮 */
 .aa-tabs-add { display: inline-flex; align-items: center; justify-content: center;
-  width: 32px; height: 32px; margin-left: 4px; border: 1px dashed var(--au-color-border); border-radius: 6px;
+  width: 32px; height: 32px; margin-inline-start: 4px; border: 1px dashed var(--au-color-border); border-radius: 6px;
   color: var(--au-color-text-secondary); cursor: pointer; font-size: 16px; }
 .aa-tabs-add:hover { color: var(--au-color-brand); border-color: var(--au-color-brand); }
 
diff --git a/frameworks/Tag.css b/frameworks/Tag.css
index ab2f5e3..48f93e0 100644
--- a/frameworks/Tag.css
+++ b/frameworks/Tag.css
@@ -29,6 +29,6 @@ html.aa-dark .aa-tag.aa-tag-orange { background: rgba(229,163,0,0.18); }
 
 /* 关闭按钮 */
 .aa-tag-close { display: inline-flex; align-items: center; justify-content: center;
-  width: 14px; height: 14px; margin-right: -2px; border-radius: 50%; cursor: pointer;
+  width: 14px; height: 14px; margin-inline-end: -2px; border-radius: 50%; cursor: pointer;
   font-size: 11px; line-height: 1; color: inherit; opacity: .65; }
 .aa-tag-close:hover { opacity: 1; background: rgba(0,0,0,0.08); }
diff --git a/frameworks/ThemeSwitcher.css b/frameworks/ThemeSwitcher.css
index b9c2ee6..90a0247 100644
--- a/frameworks/ThemeSwitcher.css
+++ b/frameworks/ThemeSwitcher.css
@@ -6,7 +6,7 @@
 .aa-themesw-dot { width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--au-color-border); }
 .aa-themesw-dot.dark { background: var(--au-color-tooltip-bg); }
 .aa-themesw-dot.light { background: var(--au-color-card-bg); }
-.aa-themesw-colors { display: flex; gap: 8px; margin-left: 4px; }
+.aa-themesw-colors { display: flex; gap: 8px; margin-inline-start: 4px; }
 .aa-themesw-color { width: 22px; height: 22px; border-radius: 50%; cursor: pointer; border: 2px solid transparent; transition: transform .12s; }
 .aa-themesw-color:hover { transform: scale(1.1); }
 .aa-themesw-color.is-active { border-color: var(--au-color-tooltip-bg); }
diff --git a/frameworks/TimelineList.css b/frameworks/TimelineList.css
index 58bd2c5..024722e 100644
--- a/frameworks/TimelineList.css
+++ b/frameworks/TimelineList.css
@@ -22,7 +22,7 @@
 
 /* 水平模式 */
 .aa-timeline.is-horizontal { display: flex; }
-.aa-timeline.is-horizontal > .aa-timeline-item { flex: 1; padding-right: 8px; }
+.aa-timeline.is-horizontal > .aa-timeline-item { flex: 1; padding-inline-end: 8px; }
 .aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-node { top: 4px; }
 .aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-line { left: 15px; top: 9px; bottom: auto; right: 0; width: auto; height: 2px; }
 .aa-timeline.is-horizontal > .aa-timeline-item > .aa-timeline-content { padding: 22px 12px 0 0; }
diff --git a/frameworks/Tree.css b/frameworks/Tree.css
index 0a1eccf..2319a99 100644
--- a/frameworks/Tree.css
+++ b/frameworks/Tree.css
@@ -2,7 +2,7 @@
 .aa-tree { min-width: 240px; border: 1px solid var(--au-color-border); border-radius: 8px; padding: 4px; background: var(--au-color-card-bg); }
 .aa-tree-node {
   display: flex; align-items: center; gap: 4px; height: 32px; border-radius: 4px;
-  cursor: pointer; user-select: none; font-size: 14px; color: var(--au-color-text-body); padding-right: 8px;
+  cursor: pointer; user-select: none; font-size: 14px; color: var(--au-color-text-body); padding-inline-end: 8px;
 }
 .aa-tree-node:hover { background: var(--au-color-page-bg); }
 .aa-tree-node.is-selected { background: var(--au-color-brand-bg); color: var(--au-color-brand); }
diff --git a/frameworks/TreeTable.css b/frameworks/TreeTable.css
index 72743a4..e90adfe 100644
--- a/frameworks/TreeTable.css
+++ b/frameworks/TreeTable.css
@@ -1,17 +1,17 @@
 /* Aurora Admin TreeTable 样式 — 对齐 组件7.txt TreeTable 规范 */
 .aa-tt { width: 100%; border: 1px solid var(--au-color-border); border-radius: 8px; overflow: hidden; background: var(--au-color-card-bg); }
 .aa-tt table { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--au-color-text-body); }
-.aa-tt thead th { background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-weight: 600; height: 48px; text-align: left; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); white-space: nowrap; }
-.aa-tt tbody td { height: 48px; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); text-align: left; }
+.aa-tt thead th { background: var(--au-color-table-header-bg); color: var(--au-color-text-body); font-weight: 600; height: 48px; text-align: start; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); white-space: nowrap; }
+.aa-tt tbody td { height: 48px; padding: 0 16px; border-bottom: 1px solid var(--au-color-border); text-align: start; }
 .aa-tt tbody tr:last-child td { border-bottom: none; }
 .aa-tt tbody tr:hover { background: var(--au-color-page-bg); }
 .aa-tt tbody tr.is-selected { background: var(--au-color-brand-bg); }
-.aa-tt .align-right { text-align: right; }
+.aa-tt .align-right { text-align: end; }
 .aa-tt .col-selection { text-align: center; }
 .aa-tt .tree-cell { display: flex; align-items: center; gap: 4px; }
 .aa-tt .tt-arrow { width: 16px; height: 16px; font-size: 12px; color: var(--au-color-text-secondary); transition: transform .15s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
 .aa-tt .tt-arrow.is-open { transform: rotate(90deg); }
 .aa-tt .tt-arrow-placeholder { width: 16px; flex-shrink: 0; }
 .aa-tt .tt-check { width: 14px; height: 14px; cursor: pointer; }
-.aa-tt .tt-summary { color: var(--au-color-text-secondary); font-size: 12px; margin-left: 6px; }
+.aa-tt .tt-summary { color: var(--au-color-text-secondary); font-size: 12px; margin-inline-start: 6px; }
 .aa-tt tfoot td { height: 44px; padding: 0 16px; background: var(--au-color-table-header-bg); font-weight: 600; border-top: 1px solid var(--au-color-border); }
diff --git a/frameworks/button.html b/frameworks/button.html
index 6cd6963..9628f4d 100644
--- a/frameworks/button.html
+++ b/frameworks/button.html
@@ -64,7 +64,7 @@
   <div class="group">
     <h2>1. 类型（默认尺寸）</h2>
     <div class="row">
-      <button class="btn btn-primary btn-md">主按钮</button>
+      <button class="btn btn-primary btn-md" id="demo-toggle" data-behavior="click-toggles-class:#demo-toggle|is-loading">主按钮（点击切加载态）</button>
       <button class="btn btn-default btn-md">次按钮</button>
       <button class="btn btn-text btn-md">文字按钮</button>
       <button class="btn btn-link btn-md">链接按钮</button>
@@ -106,5 +106,12 @@
       <button class="btn btn-danger btn-md"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6"/></svg>删除</button>
     </div>
   </div>
+
+<script>
+// P7 行为断言配套：演示用加载态切换（真实交互，非仅样式展示）
+document.getElementById('demo-toggle').addEventListener('click', function () {
+  this.classList.toggle('is-loading');
+});
+</script>
 </body>
 </html>
diff --git a/frameworks/input.html b/frameworks/input.html
index 3b2e143..b1b1a93 100644
--- a/frameworks/input.html
+++ b/frameworks/input.html
@@ -97,7 +97,7 @@
       <div class="field">
         <div class="au-input" data-clearable>
           <input value="可清除文本">
-          <button class="action" data-act="clear" aria-label="清除"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
+          <button class="action" data-act="clear" aria-label="清除" data-behavior="input-clears:@input"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
         </div>
       </div>
     </div>
diff --git a/frameworks/modal.html b/frameworks/modal.html
index 4b6639e..07f3c88 100644
--- a/frameworks/modal.html
+++ b/frameworks/modal.html
@@ -40,7 +40,7 @@
   <h1>Aurora Admin · Modal 组件（纯 H5）</h1>
   <p class="sub">对齐 modal.json 契约：宽度480(默认)/680(大)/320(小)，圆角8px，遮罩 rgba(0,0,0,0.45)，右下角操作按钮</p>
 
-  <button class="btn-base btn-primary" onclick="openModal('default')">打开默认对话框</button>
+  <button class="btn-base btn-primary" onclick="openModal('default')" data-behavior="click-adds-node:@doc.aa-mask">打开默认对话框</button>
   <button class="btn-base btn-ghost" onclick="openModal('large')" style="margin-left:8px">打开大对话框</button>
   <button class="btn-base btn-ghost" onclick="openModal('small')" style="margin-left:8px">打开小对话框</button>
 </div>
diff --git a/frameworks/select.html b/frameworks/select.html
index 39b19cd..964b989 100644
--- a/frameworks/select.html
+++ b/frameworks/select.html
@@ -63,7 +63,7 @@
     <h2>1. 单选</h2>
     <div class="row">
       <div class="aa-select" data-select data-mode="single" data-name="city">
-        <div class="aa-select-trigger" role="button" aria-haspopup="listbox" aria-expanded="false" tabindex="0"><span class="placeholder">请选择城市</span><span class="caret">▾</span></div>
+        <div class="aa-select-trigger" role="button" aria-haspopup="listbox" aria-expanded="false" tabindex="0" data-behavior="click-toggles-class:.aa-select|is-open"><span class="placeholder">请选择城市</span><span class="caret">▾</span></div>
         <div class="aa-select-panel" hidden>
           <div class="aa-select-option" role="option" data-value="bj">北京</div>
           <div class="aa-select-option" role="option" data-value="sh">上海</div>
diff --git a/frameworks/table.html b/frameworks/table.html
index 43c4375..1814775 100644
--- a/frameworks/table.html
+++ b/frameworks/table.html
@@ -59,7 +59,7 @@
           <th style="width:48px"><input type="checkbox" class="checkbox" id="selectAll"></th>
           <th>客户名称</th>
           <th>负责人</th>
-          <th class="align-right sortable" id="sortAmount">合同金额<span class="sort-ind" id="sortInd">↕</span></th>
+          <th class="align-right sortable" id="sortAmount" data-behavior="click-toggles-class:#sortInd|active">合同金额<span class="sort-ind" id="sortInd">↕</span></th>
           <th>状态</th>
           <th class="col-action">操作</th>
         </tr>
diff --git a/frameworks/tabs.html b/frameworks/tabs.html
index ee06dd3..bd9d0f7 100644
--- a/frameworks/tabs.html
+++ b/frameworks/tabs.html
@@ -25,7 +25,7 @@
     <div class="aa-tabs type-line" data-tabs id="tabs-line">
       <div class="aa-tabs-nav" role="tablist">
         <div class="aa-tabs-tab is-active" role="tab" tabindex="0" data-key="basic">基本信息</div>
-        <div class="aa-tabs-tab" role="tab" tabindex="0" data-key="safe">安全设置</div>
+        <div class="aa-tabs-tab" role="tab" tabindex="0" data-key="safe" data-behavior="tab-switches:data-panel">安全设置</div>
         <div class="aa-tabs-tab" role="tab" tabindex="0" data-key="notify">通知</div>
         <div class="aa-tabs-tab is-disabled" role="tab" tabindex="0" data-key="auth">授权</div>
       </div>
diff --git a/tests/_behaviors.js b/tests/_behaviors.js
new file mode 100644
index 0000000..8230050
--- /dev/null
+++ b/tests/_behaviors.js
@@ -0,0 +1,230 @@
+/* Aurora Admin 测试页 — 行为断言库（S2-P7）
+ *
+ * 目标：把测试从"元素存在"升级到"交互后发生什么"，验证点击/输入/键盘的真实行为。
+ * 运行环境：tests/<slug>.html 的帧内（与 _runtime.js 同作用域），直接操作演示页 DOM。
+ * 协议：在演示页 HTML 里用 data-behavior 声明行为，格式：
+ *   <button data-behavior="click-toggles-class:.aa-mask|is-open">打开</button>
+ * 支持的动作（动词:参数，参数用 | 分隔）：
+ *   click-toggles-class:<selector>|<class>  — 点击后 selector 出现/消失该类（再点一次应还原）
+ *   click-adds-node:<selector>              — 点击后 selector 匹配节点数增加
+ *   click-removes-node:<selector>           — 点击后 selector 匹配节点数减少
+ *   click-sets-attr:<selector>|<attr>|<val> — 点击后 selector 的属性变为期望值
+ *   input-clears:<selector>                 — 点击后 selector（input）的 value 被清空
+ *   input-filters:<selector>|<min>          — 输入过滤后 selector 可见数减少（min=最少保留）
+ *   keyboard-activates:<key>                — 聚焦元素按 key 后有状态变化（is-active/is-open/aria 变化）
+ *   tab-switches:<panel-attr>               — 点击 tab 后对应面板切换（hidden 翻转）
+ * 无 data-behavior 声明的页面：返回 []（不产出噪音断言）。
+ * 每个断言 id 形如 matrix:behavior:<slug>:<index>-<verb>，失败时 err 写清期望与实际。
+ */
+(function () {
+  'use strict';
+
+  function q(root, sel) {
+    try { return root.querySelector(sel); } catch (e) { return null; }
+  }
+  function qa(root, sel) {
+    try { return Array.prototype.slice.call(root.querySelectorAll(sel)); } catch (e) { return []; }
+  }
+  /* @doc 前缀：在整个演示文档查（弹窗挂载点常在 .demo 作用域外，如 modal 的 #mount） */
+  function qaScope(ctx, sel) {
+    if (sel.charAt(0) === '@' && sel.slice(1, 4) === 'doc') {
+      var real = sel.slice(4);
+      try { return Array.prototype.slice.call(ctx.doc.querySelectorAll(real)); } catch (e) { return []; }
+    }
+    return qa(ctx.root, sel);
+  }
+  function click(win, el) {
+    var ev;
+    try {
+      ev = new win.MouseEvent('click', { bubbles: true, cancelable: true, view: win });
+    } catch (e) {
+      ev = win.document.createEvent('MouseEvents');
+      ev.initMouseEvent('click', true, true, win, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
+    }
+    el.dispatchEvent(ev);
+  }
+  function keydown(win, el, key) {
+    var ev;
+    try {
+      ev = new win.KeyboardEvent('keydown', { key: key, bubbles: true, cancelable: true });
+    } catch (e) {
+      ev = win.document.createEvent('Events');
+      ev.initEvent('keydown', true, true);
+      ev.key = key;
+    }
+    el.dispatchEvent(ev);
+  }
+  function visCount(win, root, sel) {
+    return qa(root, sel).filter(function (n) {
+      try {
+        var cs = win.getComputedStyle(n);
+        if (cs.display === 'none' || cs.visibility === 'hidden') return false;
+        var r = n.getBoundingClientRect();
+        return r.width > 0 || r.height > 0;
+      } catch (e) { return false; }
+    }).length;
+  }
+
+  var VERBS = {
+    'click-toggles-class': function (ctx, trig, args) {
+      var sel = args[0], cls = args[1];
+      if (!sel || !cls) return { status: 'fail', err: '参数缺失（需 selector|class）' };
+      var before = qa(ctx.root, sel).map(function (n) { return n.classList.contains(cls); }).join(',');
+      click(ctx.win, trig);
+      var after = null;
+      pump(ctx.doc, function () {
+        after = qa(ctx.root, sel).map(function (n) { return n.classList.contains(cls); }).join(',');
+        return after !== before;
+      });
+      if (before === after) return { status: 'fail', err: '点击后 ' + sel + ' 的 .' + cls + ' 无变化（前=' + before + ' 后=' + after + '）' };
+      return { status: 'pass', err: null };
+    },
+    'click-adds-node': function (ctx, trig, args) {
+      var sel = args[0];
+      if (!sel) return { status: 'fail', err: '参数缺失（需 selector）' };
+      var before = qaScope(ctx, sel).length;
+      click(ctx.win, trig);
+      var after = before;
+      pump(ctx.doc, function () {
+        after = qaScope(ctx, sel).length;
+        return after > before;
+      });
+      if (after <= before) return { status: 'fail', err: '点击后 ' + sel + ' 数量未增加（前=' + before + ' 后=' + after + '）' };
+      return { status: 'pass', err: null };
+    },
+    'click-removes-node': function (ctx, trig, args) {
+      var sel = args[0];
+      if (!sel) return { status: 'fail', err: '参数缺失（需 selector）' };
+      var before = qa(ctx.root, sel).length;
+      click(ctx.win, trig);
+      var after = qa(ctx.root, sel).length;
+      if (after >= before) return { status: 'fail', err: '点击后 ' + sel + ' 数量未减少（前=' + before + ' 后=' + after + '）' };
+      return { status: 'pass', err: null };
+    },
+    'click-sets-attr': function (ctx, trig, args) {
+      var sel = args[0], attr = args[1], val = args[2];
+      if (!sel || !attr || val === undefined) return { status: 'fail', err: '参数缺失（需 selector|attr|value）' };
+      click(ctx.win, trig);
+      var n = q(ctx.root, sel);
+      if (!n) return { status: 'fail', err: '点击后找不到 ' + sel };
+      var got = n.getAttribute(attr);
+      if (String(got) !== val) return { status: 'fail', err: sel + ' 的 ' + attr + ' 期望=' + val + ' 实际=' + got };
+      return { status: 'pass', err: null };
+    },
+    'input-clears': function (ctx, trig, args) {
+      var sel = args[0];
+      if (!sel) return { status: 'fail', err: '参数缺失（需 input selector）' };
+      // @input 形式：相对触发元素定位（closest .au-input 内找 input），避免命中页内第一个 input
+      var n;
+      if (sel.charAt(0) === '@') {
+        var host = trig.closest ? trig.closest('.au-input') : null;
+        n = host ? host.querySelector(sel.slice(1)) : null;
+      } else {
+        n = q(ctx.root, sel);
+      }
+      if (!n) return { status: 'fail', err: '找不到 ' + sel };
+      n.value = '待清空文本';
+      try { n.dispatchEvent(new ctx.win.Event('input', { bubbles: true })); } catch (e) {}
+      click(ctx.win, trig);
+      if (n.value !== '') return { status: 'fail', err: '点击清空后 value 仍为「' + n.value + '」' };
+      return { status: 'pass', err: null };
+    },
+    'input-filters': function (ctx, trig, args) {
+      var sel = args[0], min = parseInt(args[1] || '0', 10);
+      if (!sel) return { status: 'fail', err: '参数缺失（需 selector）' };
+      var before = visCount(ctx.win, ctx.root, sel);
+      trig.value = 'zzzz-no-match-zzz';
+      try { trig.dispatchEvent(new ctx.win.Event('input', { bubbles: true })); } catch (e) {}
+      var after = visCount(ctx.win, ctx.root, sel);
+      if (after >= before) return { status: 'fail', err: '输入过滤串后 ' + sel + ' 可见数未减少（前=' + before + ' 后=' + after + '）' };
+      if (after < min) return { status: 'fail', err: '过滤后可见数 ' + after + ' 低于最小保留 ' + min };
+      trig.value = '';
+      try { trig.dispatchEvent(new ctx.win.Event('input', { bubbles: true })); } catch (e) {}
+      return { status: 'pass', err: null };
+    },
+    'keyboard-activates': function (ctx, trig, args) {
+      var key = args[0] || 'Enter';
+      var sig = function () {
+        return qa(ctx.root, '[class]').map(function (n) { return n.className; }).join('|').length + '|' +
+          qa(ctx.root, '[aria-selected],[aria-expanded]').map(function (n) {
+            return n.getAttribute('aria-selected') + ',' + n.getAttribute('aria-expanded');
+          }).join('|');
+      };
+      try { trig.focus(); } catch (e) {}
+      var before = sig();
+      keydown(ctx.win, trig, key);
+      var after = sig();
+      if (before === after) return { status: 'fail', err: '按 ' + key + ' 后无状态变化（类/aria 快照一致）' };
+      return { status: 'pass', err: null };
+    },
+    'tab-switches': function (ctx, trig, args) {
+      var attr = args[0] || 'data-panel';
+      var tabs = qa(ctx.root, '.aa-tabs-tab');
+      var idx = tabs.indexOf(trig);
+      if (idx < 0) {
+        var all = qa(ctx.root, '[role="tab"],button');
+        idx = all.indexOf(trig);
+        if (idx < 0) return { status: 'fail', err: '触发元素不是 tab' };
+      }
+      var panels = qa(ctx.root, '[' + attr + ']');
+      var visBefore = panels.map(function (p) { return !p.hidden && p.style.display !== 'none'; });
+      click(ctx.win, trig);
+      var visAfter = visBefore.slice();
+      pump(ctx.doc, function () {
+        visAfter = panels.map(function (p) { return !p.hidden && p.style.display !== 'none'; });
+        return visBefore.join(',') !== visAfter.join(',');
+      });
+      if (visBefore.join(',') === visAfter.join(',')) {
+        return { status: 'fail', err: '点击 tab 后面板可见性无变化' };
+      }
+      return { status: 'pass', err: null };
+    }
+  };
+
+  /* sulg 白名单：只在 6 个试点组件跑行为断言，避免全量 79 页引入不稳定 */
+  var PILOTS = { button: 1, modal: 1, select: 1, input: 1, table: 1, tabs: 1 };
+
+  /* 点击类动作是同步 dispatch，但演示页的状态更新（innerHTML/render/ hidden 翻转）
+     可能落在下一帧；并发回归抢主线程时读到的就是中间态。统一 pump 一帧再读后态。
+     同步 pump：强制同步 reflow（读 offsetHeight）+ 最多 3 次同步重读（状态翻转即停）。 */
+  function pump(doc, check) {
+    for (var i = 0; i < 3; i++) {
+      try { void doc.documentElement.offsetHeight; } catch (e) {}
+      if (check()) return true;
+    }
+    return check();
+  }
+
+  function runBehaviors(ctx) {
+    if (!PILOTS[ctx.slug]) return [];
+    /* 幂等：行为断言是有状态的（点击会改变演示页），同一 page-load 内只执行一次，
+       后续 run()（回归 runner 的兜底重跑 / 人工点「运行断言」）复用缓存。
+       想要重测 → 重载演示页（页面左上「重载演示页」按钮）。 */
+    if (window.__aaBehCache && window.__aaBehCache.slug === ctx.slug) return window.__aaBehCache.out;
+    var trigs = qa(ctx.root, '[data-behavior]');
+    var out = [];
+    trigs.forEach(function (trig, i) {
+      var spec = (trig.getAttribute('data-behavior') || '').trim();
+      var verb = spec.split(':')[0];
+      var args = spec.slice(verb.length + 1).split('|');
+      var id = 'matrix:behavior:' + ctx.slug + ':' + i + '-' + verb;
+      var fn = VERBS[verb];
+      if (!fn) {
+        out.push({ id: id, status: 'fail', ms: 0, err: '未知行为动词: ' + verb });
+        return;
+      }
+      var t0 = performance.now();
+      var r;
+      try {
+        r = fn(ctx, trig, args);
+      } catch (e) {
+        r = { status: 'fail', err: '执行异常: ' + (e && e.message || e) };
+      }
+      out.push({ id: id, status: r.status, ms: Math.round(performance.now() - t0), err: r.err });
+    });
+    window.__aaBehCache = { slug: ctx.slug, out: out };
+    return out;
+  }
+
+  window.__aaBehaviors = { run: runBehaviors, verbs: Object.keys(VERBS), pilots: Object.keys(PILOTS) };
+})();
diff --git a/tests/_runtime.js b/tests/_runtime.js
index 4699eff..9569e1e 100644
--- a/tests/_runtime.js
+++ b/tests/_runtime.js
@@ -536,6 +536,14 @@
       try { a.node.setAttribute('data-status', a.status); } catch (e) {}
     });
     asserts = asserts.concat(matrix());
+    /* S2-P7 行为断言：真实点击/输入/键盘后的状态变化（仅 6 试点组件产出） */
+    try {
+      if (window.__aaBehaviors && window.__aaBehaviors.run) {
+        asserts = asserts.concat(window.__aaBehaviors.run({ slug: SLUG, root: scope(), win: win(), doc: doc() }));
+      }
+    } catch (e) {
+      asserts.push({ id: 'matrix:behavior:engine-error', status: 'fail', ms: 0, err: '行为引擎异常: ' + (e && e.message || e) });
+    }
     var totalMs = Math.round(performance.now() - t0);
     renderResults(asserts);
 
@@ -641,6 +649,7 @@
   if (reload) reload.addEventListener('click', function () {
     if (!frame) return;
     fDoc = null; fWin = null;
+    try { window.__aaBehCache = null; } catch (e) {} // 演示页重载后行为断言需重跑（此前缓存会返回 stale 结果）
     setFrameState('加载中…');
     frame.setAttribute('src', frame.getAttribute('src'));
   });
diff --git a/tests/_template.html b/tests/_template.html
index 58de65e..aa54a5f 100644
--- a/tests/_template.html
+++ b/tests/_template.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "SLUG_PLACEHOLDER";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/alertmodal.html b/tests/alertmodal.html
index c1b7d77..3e53549 100644
--- a/tests/alertmodal.html
+++ b/tests/alertmodal.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "alertmodal";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/anchornav.html b/tests/anchornav.html
index b4a179b..3d8fa26 100644
--- a/tests/anchornav.html
+++ b/tests/anchornav.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "anchornav";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/autocomplete.html b/tests/autocomplete.html
index 948cc0e..ac3e226 100644
--- a/tests/autocomplete.html
+++ b/tests/autocomplete.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "autocomplete";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/backtotop.html b/tests/backtotop.html
index e712495..e146240 100644
--- a/tests/backtotop.html
+++ b/tests/backtotop.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "backtotop";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/bankcardinput.html b/tests/bankcardinput.html
index b822d13..8770edc 100644
--- a/tests/bankcardinput.html
+++ b/tests/bankcardinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "bankcardinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/bottomsheet.html b/tests/bottomsheet.html
index 1ede9eb..5a549ee 100644
--- a/tests/bottomsheet.html
+++ b/tests/bottomsheet.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "bottomsheet";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/breadcrumb.html b/tests/breadcrumb.html
index c03f2af..9cca743 100644
--- a/tests/breadcrumb.html
+++ b/tests/breadcrumb.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "breadcrumb";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/button.html b/tests/button.html
index ac06beb..c1287a9 100644
--- a/tests/button.html
+++ b/tests/button.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "button";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/buttongroup.html b/tests/buttongroup.html
index 5a856e7..fe31cbb 100644
--- a/tests/buttongroup.html
+++ b/tests/buttongroup.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "buttongroup";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/calendar.html b/tests/calendar.html
index 1743341..7f1bce7 100644
--- a/tests/calendar.html
+++ b/tests/calendar.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "calendar";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/card.html b/tests/card.html
index 1b64678..f11a994 100644
--- a/tests/card.html
+++ b/tests/card.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "card";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/cardlist.html b/tests/cardlist.html
index bbe4bd3..5d0c9a7 100644
--- a/tests/cardlist.html
+++ b/tests/cardlist.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "cardlist";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/carousel.html b/tests/carousel.html
index 73d6984..c7bd12d 100644
--- a/tests/carousel.html
+++ b/tests/carousel.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "carousel";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/cascader.html b/tests/cascader.html
index fcc4811..7fe3857 100644
--- a/tests/cascader.html
+++ b/tests/cascader.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "cascader";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/chartpanel.html b/tests/chartpanel.html
index 6114350..d51db9b 100644
--- a/tests/chartpanel.html
+++ b/tests/chartpanel.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "chartpanel";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/checkboxcard.html b/tests/checkboxcard.html
index b41abdb..ac9289c 100644
--- a/tests/checkboxcard.html
+++ b/tests/checkboxcard.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "checkboxcard";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/codeinput.html b/tests/codeinput.html
index 51be8b5..5ad8699 100644
--- a/tests/codeinput.html
+++ b/tests/codeinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "codeinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/collapse.html b/tests/collapse.html
index c355d0a..fee40ba 100644
--- a/tests/collapse.html
+++ b/tests/collapse.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "collapse";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/colorpicker.html b/tests/colorpicker.html
index f1065f2..b08a1dc 100644
--- a/tests/colorpicker.html
+++ b/tests/colorpicker.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "colorpicker";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/confirmmodal.html b/tests/confirmmodal.html
index 11c3e02..a001383 100644
--- a/tests/confirmmodal.html
+++ b/tests/confirmmodal.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "confirmmodal";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/countdown.html b/tests/countdown.html
index 3d7b938..b97f7a4 100644
--- a/tests/countdown.html
+++ b/tests/countdown.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "countdown";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/dashboardcard.html b/tests/dashboardcard.html
index 2615cde..f03575c 100644
--- a/tests/dashboardcard.html
+++ b/tests/dashboardcard.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "dashboardcard";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/densityswitcher.html b/tests/densityswitcher.html
index 72cc78f..bd43f2b 100644
--- a/tests/densityswitcher.html
+++ b/tests/densityswitcher.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "densityswitcher";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/dragupload.html b/tests/dragupload.html
index a17d446..6f016f4 100644
--- a/tests/dragupload.html
+++ b/tests/dragupload.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "dragupload";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/dropdown.html b/tests/dropdown.html
index fc34f7d..d1f4318 100644
--- a/tests/dropdown.html
+++ b/tests/dropdown.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "dropdown";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/employeecard.html b/tests/employeecard.html
index b67be17..840106c 100644
--- a/tests/employeecard.html
+++ b/tests/employeecard.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "employeecard";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/emptypro.html b/tests/emptypro.html
index 435d400..d706910 100644
--- a/tests/emptypro.html
+++ b/tests/emptypro.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "emptypro";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/enhancedtabnav.html b/tests/enhancedtabnav.html
index 4b0641f..5014c91 100644
--- a/tests/enhancedtabnav.html
+++ b/tests/enhancedtabnav.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "enhancedtabnav";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/exceptionvariants.html b/tests/exceptionvariants.html
index 52ee5db..898177b 100644
--- a/tests/exceptionvariants.html
+++ b/tests/exceptionvariants.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "exceptionvariants";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/expandabletable.html b/tests/expandabletable.html
index 3d1ece2..70fd9e4 100644
--- a/tests/expandabletable.html
+++ b/tests/expandabletable.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "expandabletable";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/fixedcolumntable.html b/tests/fixedcolumntable.html
index a347a8f..ba78dbd 100644
--- a/tests/fixedcolumntable.html
+++ b/tests/fixedcolumntable.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "fixedcolumntable";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/formmodal.html b/tests/formmodal.html
index 705fc85..41e8a16 100644
--- a/tests/formmodal.html
+++ b/tests/formmodal.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "formmodal";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/fullscreenmodal.html b/tests/fullscreenmodal.html
index bc7ebc5..d30b0ba 100644
--- a/tests/fullscreenmodal.html
+++ b/tests/fullscreenmodal.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "fullscreenmodal";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/idcardinput.html b/tests/idcardinput.html
index 6cef60d..0fc7d10 100644
--- a/tests/idcardinput.html
+++ b/tests/idcardinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "idcardinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/imagepreview.html b/tests/imagepreview.html
index 338e834..759dcde 100644
--- a/tests/imagepreview.html
+++ b/tests/imagepreview.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "imagepreview";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/input.html b/tests/input.html
index 284a223..1e5da3a 100644
--- a/tests/input.html
+++ b/tests/input.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "input";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/layoutswitcher.html b/tests/layoutswitcher.html
index e26750e..e3acf7b 100644
--- a/tests/layoutswitcher.html
+++ b/tests/layoutswitcher.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "layoutswitcher";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/listpicker.html b/tests/listpicker.html
index e05ff62..c4f3d4d 100644
--- a/tests/listpicker.html
+++ b/tests/listpicker.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "listpicker";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/loadingoverlay.html b/tests/loadingoverlay.html
index 38d0aa3..2c498cd 100644
--- a/tests/loadingoverlay.html
+++ b/tests/loadingoverlay.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "loadingoverlay";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/mention.html b/tests/mention.html
index f699dad..f41c2f6 100644
--- a/tests/mention.html
+++ b/tests/mention.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "mention";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/mergedcelltable.html b/tests/mergedcelltable.html
index 52cbd33..ae48300 100644
--- a/tests/mergedcelltable.html
+++ b/tests/mergedcelltable.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "mergedcelltable";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/messagepro.html b/tests/messagepro.html
index 874e16b..fee5a77 100644
--- a/tests/messagepro.html
+++ b/tests/messagepro.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "messagepro";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/mixednavigation.html b/tests/mixednavigation.html
index 7cad79f..b8df003 100644
--- a/tests/mixednavigation.html
+++ b/tests/mixednavigation.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "mixednavigation";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/modal.html b/tests/modal.html
index 6ba2edb..29993a7 100644
--- a/tests/modal.html
+++ b/tests/modal.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "modal";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/notificationpro.html b/tests/notificationpro.html
index 313f597..5e43b25 100644
--- a/tests/notificationpro.html
+++ b/tests/notificationpro.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "notificationpro";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/numberrangeinput.html b/tests/numberrangeinput.html
index 7a2411b..801ee42 100644
--- a/tests/numberrangeinput.html
+++ b/tests/numberrangeinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "numberrangeinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/pagetransition.html b/tests/pagetransition.html
index 3451a4d..e481733 100644
--- a/tests/pagetransition.html
+++ b/tests/pagetransition.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "pagetransition";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/passwordinput.html b/tests/passwordinput.html
index 55a745e..d772b51 100644
--- a/tests/passwordinput.html
+++ b/tests/passwordinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "passwordinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/phoneinput.html b/tests/phoneinput.html
index cc54cb4..2143b99 100644
--- a/tests/phoneinput.html
+++ b/tests/phoneinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "phoneinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/plateinput.html b/tests/plateinput.html
index 37360f8..555b25b 100644
--- a/tests/plateinput.html
+++ b/tests/plateinput.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "plateinput";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/popconfirm.html b/tests/popconfirm.html
index 4fb9801..34a2f51 100644
--- a/tests/popconfirm.html
+++ b/tests/popconfirm.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "popconfirm";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/progressvariants.html b/tests/progressvariants.html
index 48bfc67..7feb56e 100644
--- a/tests/progressvariants.html
+++ b/tests/progressvariants.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "progressvariants";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/qrcode.html b/tests/qrcode.html
index befad41..0d4361e 100644
--- a/tests/qrcode.html
+++ b/tests/qrcode.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "qrcode";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/quicknav.html b/tests/quicknav.html
index f5750d5..2a9a86a 100644
--- a/tests/quicknav.html
+++ b/tests/quicknav.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "quicknav";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/radiocard.html b/tests/radiocard.html
index 44557b6..307ad5d 100644
--- a/tests/radiocard.html
+++ b/tests/radiocard.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "radiocard";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/rangequickpicker.html b/tests/rangequickpicker.html
index 270d446..3171467 100644
--- a/tests/rangequickpicker.html
+++ b/tests/rangequickpicker.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "rangequickpicker";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/rate.html b/tests/rate.html
index 6098892..4f43f9e 100644
--- a/tests/rate.html
+++ b/tests/rate.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "rate";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/resultvariants.html b/tests/resultvariants.html
index ed06fee..996dbe2 100644
--- a/tests/resultvariants.html
+++ b/tests/resultvariants.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "resultvariants";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/segmented.html b/tests/segmented.html
index dfffa4b..27b1868 100644
--- a/tests/segmented.html
+++ b/tests/segmented.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "segmented";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/select.html b/tests/select.html
index 80bdc31..7884cfe 100644
--- a/tests/select.html
+++ b/tests/select.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "select";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/shortcutpanel.html b/tests/shortcutpanel.html
index 0e006be..27372d9 100644
--- a/tests/shortcutpanel.html
+++ b/tests/shortcutpanel.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "shortcutpanel";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/sidemenu.html b/tests/sidemenu.html
index aa6e5f3..beab6e4 100644
--- a/tests/sidemenu.html
+++ b/tests/sidemenu.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "sidemenu";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/signaturepad.html b/tests/signaturepad.html
index 2694532..9e471fc 100644
--- a/tests/signaturepad.html
+++ b/tests/signaturepad.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "signaturepad";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/skeletonpro.html b/tests/skeletonpro.html
index 924c1fd..fd7016a 100644
--- a/tests/skeletonpro.html
+++ b/tests/skeletonpro.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "skeletonpro";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/slider.html b/tests/slider.html
index cf83ec4..7fd80f3 100644
--- a/tests/slider.html
+++ b/tests/slider.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "slider";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/steplist.html b/tests/steplist.html
index 33cf706..781e27a 100644
--- a/tests/steplist.html
+++ b/tests/steplist.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "steplist";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/steps.html b/tests/steps.html
index faa4e74..7482f6a 100644
--- a/tests/steps.html
+++ b/tests/steps.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "steps";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/summaryrowtable.html b/tests/summaryrowtable.html
index e5095ff..8ce11b6 100644
--- a/tests/summaryrowtable.html
+++ b/tests/summaryrowtable.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "summaryrowtable";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/switchgroup.html b/tests/switchgroup.html
index ace8dd4..b57fb28 100644
--- a/tests/switchgroup.html
+++ b/tests/switchgroup.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "switchgroup";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/table.html b/tests/table.html
index 3449a6e..a34f3f1 100644
--- a/tests/table.html
+++ b/tests/table.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "table";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/tabs.html b/tests/tabs.html
index d7652d8..df74a9e 100644
--- a/tests/tabs.html
+++ b/tests/tabs.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "tabs";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/tag.html b/tests/tag.html
index 89e95fa..bf04b94 100644
--- a/tests/tag.html
+++ b/tests/tag.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "tag";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/themeswitcher.html b/tests/themeswitcher.html
index ccb46bf..1738ca5 100644
--- a/tests/themeswitcher.html
+++ b/tests/themeswitcher.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "themeswitcher";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/timelinelist.html b/tests/timelinelist.html
index 0325638..cc6bdff 100644
--- a/tests/timelinelist.html
+++ b/tests/timelinelist.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "timelinelist";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/topmenu.html b/tests/topmenu.html
index e7adc47..e9df318 100644
--- a/tests/topmenu.html
+++ b/tests/topmenu.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "topmenu";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/transfer.html b/tests/transfer.html
index e69ac34..a82f78e 100644
--- a/tests/transfer.html
+++ b/tests/transfer.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "transfer";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/tree.html b/tests/tree.html
index 0eb070f..2a9d9d4 100644
--- a/tests/tree.html
+++ b/tests/tree.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "tree";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/treetable.html b/tests/treetable.html
index 66ad4c8..726a2e0 100644
--- a/tests/treetable.html
+++ b/tests/treetable.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "treetable";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tests/watermark.html b/tests/watermark.html
index d8b325e..9b16a16 100644
--- a/tests/watermark.html
+++ b/tests/watermark.html
@@ -101,6 +101,7 @@ body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text
 
 <script src="../site/logger.js"></script>
 <script>window.__SLUG__ = "watermark";</script>
+<script src="../tests/_behaviors.js"></script>
 <script src="../tests/_runtime.js"></script>
 </body>
 </html>
diff --git a/tools/migrate-rtl.mjs b/tools/migrate-rtl.mjs
new file mode 100644
index 0000000..8a90cf1
--- /dev/null
+++ b/tools/migrate-rtl.mjs
@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+/**
+ * migrate-rtl.mjs — S3-P8 RTL 支持：物理属性 → 逻辑属性批量迁移
+ *
+ * 只做语义安全的替换，例外一律跳过并报告（由人复核）：
+ *  - margin-left/right: auto        → 跳过（flex 推送语义，inline-start: auto 不等价）
+ *  - border-left-width: 0 / 按钮组拼接 → 跳过（顺序语义，需人工镜像 border-radius）
+ *  - left:0 + right:0 同规则并存    → 跳过（居中语义，inset-inline:0 等价但保持原样降噪）
+ *  - text-align: left/right         → start/end（安全）
+ *  - margin/padding/border-inline   → 直接映射（安全）
+ *  - inset-inline-start/end         → 只处理纯 left/right 定位（有例外表）
+ *
+ * 幂等：已含逻辑属性的行不再处理。输出变更清单 + 跳过清单。
+ * 用法：node tools/migrate-rtl.mjs [--write]（默认 dry-run 只报告）
+ */
+import { readFileSync, writeFileSync, readdirSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const ROOT = join(__dirname, '..');
+const WRITE = process.argv.includes('--write');
+
+const FW = join(ROOT, 'frameworks');
+const files = readdirSync(FW).filter((f) => f.endsWith('.css'));
+
+const changed = [];
+const skipped = [];
+
+for (const f of files) {
+  const p = join(FW, f);
+  const src = readFileSync(p, 'utf8');
+  const lines = src.split('\n');
+  let dirty = false;
+  const out = lines.map((line) => {
+    let s = line;
+    const note = (why) => skipped.push(`${f}: ${line.trim().slice(0, 80)} — ${why}`);
+
+    // 已有逻辑属性：跳过整行
+    if (/margin-inline|padding-inline|inset-inline|border-inline|text-align:\s*(start|end)/.test(s)) return s;
+
+    // auto 例外
+    if (/margin-(left|right):\s*auto/.test(s)) { note('auto 推送语义，人工确认'); return s; }
+    // 按钮组/拼接边框例外
+    if (/border-(left|right)-(width|color)/.test(s)) { note('拼接边框，需人工镜像'); return s; }
+    // left:0 + right:0 同行并存（居中/撑满）
+    if (/left:\s*0/.test(s) && /right:\s*0/.test(s)) { note('left:0+right:0 并存，保持原样'); return s; }
+
+    const before = s;
+    s = s.replace(/margin-left(?!\s*:\s*auto)/g, 'margin-inline-start')
+         .replace(/margin-right(?!\s*:\s*auto)/g, 'margin-inline-end')
+         .replace(/padding-left/g, 'padding-inline-start')
+         .replace(/padding-right/g, 'padding-inline-end')
+         .replace(/text-align:\s*left/g, 'text-align: start')
+         .replace(/text-align:\s*right/g, 'text-align: end');
+    // 纯 border-left/right（含 border-left: 2px solid 这类简写）：转 inline-start/end
+    // 但 border-left-width/color 已在上游跳过
+    s = s.replace(/border-left(\s*:)/g, 'border-inline-start$1')
+         .replace(/border-right(\s*:)/g, 'border-inline-end$1');
+    if (s !== before) dirty = true;
+    return s;
+  });
+  if (dirty) {
+    changed.push(f);
+    if (WRITE) writeFileSync(p, out.join('\n'));
+  }
+}
+
+console.log(`扫描 CSS: ${files.length} 个`);
+console.log(`可迁移: ${changed.length} 个${WRITE ? '（已写入）' : '（dry-run，未写入）'}`);
+changed.forEach((f) => console.log('  M ' + f));
+console.log(`跳过（需人工）: ${skipped.length} 处`);
+skipped.slice(0, 20).forEach((s) => console.log('  S ' + s));
+if (!WRITE) console.log('加 --write 执行写入');