diff --git a/.agents/skills/mpx2skyline-workspace/benchmark.md b/.agents/skills/mpx2skyline-workspace/benchmark.md
new file mode 100644
index 0000000000..8387d64cd0
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/benchmark.md
@@ -0,0 +1,7 @@
+# Mpx2Skyline 测试集
+
+当前有效定义：v4，4个case、37条断言，尚未执行。
+
+[设计](test-design.md) · [定义](iteration-4/evals.json) · [评分标准](iteration-4/grading-standard.md)
+
+[iteration-3历史结果](iteration-3/benchmark.md)属于旧任务上下文，分数不迁移至v4。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/README.md b/.agents/skills/mpx2skyline-workspace/iteration-4/README.md
new file mode 100644
index 0000000000..3234f626b8
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/README.md
@@ -0,0 +1,11 @@
+# 当前测试集 v4
+
+4个case／37条断言，未执行。原case 4合并到1并统一为orders.mpx页面输入，原case 3合并到2并统一为user-list.mpx组件输入（保留外部row.wxml和logo.svg）；新case 3为仅提供需求的任务看板页面创建。
+
+原始产物与评分保留在iteration-3。新版外层input只保留一份，不复制Skill，不预建执行目录。定义详见evals.json，迁移关系见assertion-migration.json。
+
+从Mpx仓库根目录执行定义校验：
+
+```sh
+node node_modules/jest/bin/jest.js --config '{"rootDir":"./.agents/skills/mpx2skyline-workspace/iteration-4","testMatch":["**/validate-suite.test.cjs"],"testEnvironment":"node","transform":{}}' --runInBand --watchman=false
+```
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/assertion-migration.json b/.agents/skills/mpx2skyline-workspace/iteration-4/assertion-migration.json
new file mode 100644
index 0000000000..3ee4c9b5e2
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/assertion-migration.json
@@ -0,0 +1,315 @@
+{
+  "from_suite": 3,
+  "to_suite": 4,
+  "old_total": 31,
+  "preserved": 21,
+  "added": 6,
+  "new_total": 37,
+  "items": [
+    {
+      "assertion_id": "s0_00",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 标题的实际 text 承载节点设置 max-lines=1、overflow=ellipsis，并与 WebView 单行省略样式共同实现长标题截断。",
+      "previous_verification": "检查标题节点属性和有界宽度；分别审查两种 renderer 的单行省略路径。"
+    },
+    {
+      "assertion_id": "s0_01",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 两列标签使用显式横向 Flex 和等分子项布局，实现两列等宽。",
+      "previous_verification": "检查父子布局关系及 flex basis/width，计算两列可用宽度。"
+    },
+    {
+      "assertion_id": "s0_02",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 活动状态通过受支持的 class 选择器映射到红色活动文案。",
+      "previous_verification": "追踪实际活动节点 class 与颜色声明的匹配关系。"
+    },
+    {
+      "assertion_id": "s0_03",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 通过 renderer 与屏宽状态选择容器 padding，宽度≤320px 为12rpx、>320px 为24rpx；Skyline 默认覆盖位于媒体查询之后，WebView 继续使用原媒体查询。",
+      "previous_verification": "分别代入 renderer 两值和320/321px，按选择器优先级与源码顺序计算最终 padding。"
+    },
+    {
+      "assertion_id": "s0_04",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 内容与父容器上外沿的20px距离由父 padding 表达，子节点从父内容区起始位置布局。",
+      "previous_verification": "检查 .outer/.child 的盒模型，计算父外沿到首个子盒的20px距离。"
+    },
+    {
+      "assertion_id": "s0_05",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 相邻块的垂直间距集中由一侧的16px margin承担，最终相邻盒间距为16px。",
+      "previous_verification": "计算第一块下边界到第二块上边界的间距，核对两侧 margin 的实际贡献。"
+    },
+    {
+      "assertion_id": "s0_06",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 将双阴影分配到同尺寸的嵌套节点或等效分层结构，呈现原有两层阴影的参数和前后关系。",
+      "previous_verification": "追踪0 2px 4px #000与0 4px 8px #333分别作用的节点、尺寸和绘制层次。"
+    },
+    {
+      "assertion_id": "s0_07",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 将复合滤镜分层为内层blur(2px)和外层brightness(.8)，组合呈现原有两种效果。",
+      "previous_verification": "检查滤镜节点嵌套与作用顺序，逐层核对单函数参数。"
+    },
+    {
+      "assertion_id": "s0_08",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 字体处理识别 City-Semibold 的同名独立字体族，明确 Trip-Medium 的宿主字体与 PostScript 映射核验点，并记录500/600字重的机型验证要求。",
+      "previous_verification": "结合 @font-face 与报告核对两个字体来源；宿主二进制缺失时，记录待核验信息及保持现有视觉的集成方案。"
+    },
+    {
+      "assertion_id": "s0_09",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 单阴影节点以单个 box-shadow 呈现原有 0 2px 4px rgba(0,0,0,.2) 效果，颜色函数作为完整颜色值解析。",
+      "previous_verification": "核对 .single-shadow 的实际阴影层数为1，偏移、模糊半径和颜色透明度均与输入一致。"
+    },
+    {
+      "assertion_id": "s0_10",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 单滤镜节点采用受支持的 blur(2px)，呈现原有独立模糊效果。",
+      "previous_verification": "追踪 .single-filter 的实际滤镜节点和参数，确认独立内容仍具有2px模糊效果。"
+    },
+    {
+      "assertion_id": "s0_11",
+      "from_case": 0,
+      "to_case": 0,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 在宿主 defaultContentBox=true 条件下，child 保持100px内容宽度及左右各10px padding，实际外宽为120px。",
+      "previous_verification": "结合宿主默认盒模型和实际节点 box-sizing、width、padding、border 计算内容宽与外宽，分别核对100px和120px。"
+    },
+    {
+      "assertion_id": "s1_00",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 页面主体使用具有明确可滚动高度的 scroll-view，显式选择type=list，订单项作为列表的直接子节点。",
+      "previous_verification": "检查列表直接子节点与高度约束链；使用超出容器高度的订单数据核对滚动结构。"
+    },
+    {
+      "assertion_id": "s1_01",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 通过 bindrefresherrefresh 启动刷新，refresher-triggered 关联刷新状态，并在请求成功和失败后结束容器刷新态。",
+      "previous_verification": "触发容器刷新事件，分别模拟请求resolve/reject，检查触发态最终为false。"
+    },
+    {
+      "assertion_id": "s1_02",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 通过 scroll-view 的 bindscrolltolower 连接原分页加载方法，容器触底后显示追加的订单。",
+      "previous_verification": "从实际模板事件绑定调用分页方法，核对下一页结果进入同一滚动列表。"
+    },
+    {
+      "assertion_id": "s1_03",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 通过 scroll-view 的 bindscroll 读取 event.detail.scrollTop 并更新滚动位置展示。",
+      "previous_verification": "向实际滚动处理器传入detail.scrollTop，核对展示状态对应更新。"
+    },
+    {
+      "assertion_id": "s1_04",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 页面配置 renderer=skyline、componentFramework=glass-easel、navigationStyle=custom、disableScroll=true，并在模板实现订单自定义导航。",
+      "previous_verification": "解析页面JSON并检查真实导航节点和主体布局关系。"
+    },
+    {
+      "assertion_id": "s1_05",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 接入所需的 lazyCodeLoading=requiredComponents 配置于 app.json 顶层。",
+      "previous_verification": "解析 app.json 并检查顶层属性值。"
+    },
+    {
+      "assertion_id": "s1_06",
+      "from_case": 1,
+      "to_case": 1,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 在 app.rendererOptions.skyline 中配置 defaultDisplayBlock=true、defaultContentBox=true、tagNameStyleIsolation=legacy、enableScrollViewAutoSize=true、keyframeStyleIsolation=legacy。",
+      "previous_verification": "逐项解析五个字段的层级、类型和值。"
+    },
+    {
+      "assertion_id": "s1_07",
+      "from_case": 4,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 外层纵向滚动采用type=nested，内层滚动显式选择list/custom，并通过associative-container=nested-scroll-view建立关联。",
+      "previous_verification": "沿模板父子关系检查nested祖先、内层类型和关联值。",
+      "source_assertion_id": "s4_00"
+    },
+    {
+      "assertion_id": "s1_08",
+      "from_case": 4,
+      "to_case": 1,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 横向列表显式选择type=list/custom，开启enable-flex并设置横向Flex布局；采用list时条目为直接子节点，项目保持120px宽度和相应的收缩约束。",
+      "previous_verification": "检查横向容器的type、scroll-x、enable-flex、flex-direction及条目宽度/收缩；采用list时检查直接子节点，多项目排列后形成横向内容。",
+      "source_assertion_id": "s4_01"
+    },
+    {
+      "assertion_id": "s1_09",
+      "from_case": 4,
+      "to_case": 1,
+      "disposition": "adapted-to-unified-page",
+      "note": "适配同一订单页面的嵌套主区域；list类型/直接子项能力继续由s1_08横向列表及n3_01新建页面覆盖。",
+      "previous_text": "Skyline 分支使用sticky-section/sticky-header实现组标题吸顶，header为section首子节点且具有背景；WebView分支采用对应的CSS sticky实现。",
+      "previous_verification": "分别选择renderer分支，检查sticky节点关系、背景与WebView样式；真机吸顶另记验证状态。",
+      "source_assertion_id": "s4_02"
+    },
+    {
+      "assertion_id": "s1_10",
+      "from_case": 4,
+      "to_case": 1,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 弹层与悬浮按钮组织为可比较的fixed层，通过层级值使弹层覆盖按钮。",
+      "previous_verification": "追踪实际fixed兄弟或等效可比较层级，比较最终覆盖关系及z-index。",
+      "source_assertion_id": "s4_03"
+    },
+    {
+      "assertion_id": "s2_00",
+      "from_case": 2,
+      "to_case": 2,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline/glass-easel 的 wx:for 在初始化、数据返回前、null返回及正常数组更新阶段均接收 Array/Object 类型的数据。",
+      "previous_verification": "检查初始渲染数据及computed所有消费路径，分别模拟undefined/null/空数组/有效数组。"
+    },
+    {
+      "assertion_id": "s2_01",
+      "from_case": 2,
+      "to_case": 2,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline/glass-easel 的用户容器使用合法的非数字开头id，组件内通过 this.createSelectorQuery 定位同一容器。",
+      "previous_verification": "关联模板id、组件查询作用域和select字符串，核对查询目标一致。"
+    },
+    {
+      "assertion_id": "s2_02",
+      "from_case": 2,
+      "to_case": 2,
+      "disposition": "adapted-to-unified-component",
+      "note": "评分正文与能力保持，验证目标统一到user-list标题、提示圆点及同一个回顶按钮。",
+      "previous_text": "Skyline 的实际用户滚动目标开启 enhanced，节点查询返回的 ScrollViewContext 用于执行回到顶部操作。",
+      "previous_verification": "从查询目标追踪其enhanced属性及node().exec后的scrollTo({top:0})调用。"
+    },
+    {
+      "assertion_id": "s2_03",
+      "from_case": 2,
+      "to_case": 2,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline/glass-easel 循环中的外部片段采用 import 加具名 template 调用，并显式传递当前 item/index。",
+      "previous_verification": "检查导入路径、模板名称和循环数据参数，代入两行不同数据确认作用域。"
+    },
+    {
+      "assertion_id": "s2_04",
+      "from_case": 2,
+      "to_case": 2,
+      "disposition": "preserved",
+      "note": "断言ID、正文及验证方法保留；规则来源标题跟随当前Skill更新。",
+      "previous_text": "Skyline 的简单 navigator 使用 text 或纯文本子节点；卡片导航采用符合该子节点结构的内容，或由外层点击事件实现同一详情跳转。",
+      "previous_verification": "检查两个导航入口的实际子节点和/pages/detail目标；复杂外层事件方案核对绑定与跳转调用。"
+    },
+    {
+      "assertion_id": "s2_05",
+      "from_case": 3,
+      "to_case": 2,
+      "disposition": "adapted-to-unified-component",
+      "note": "评分正文与能力保持，验证目标统一到user-list标题、提示圆点及同一个回顶按钮。",
+      "previous_text": "Skyline 图标与标题置于同一个可收缩的 span 内联容器，容器设置 max-lines=1、overflow=ellipsis，图片采用 inline-block，使同段图文在有限宽度内共同单行截断；WebView 对应分支保留同段图文单行截断。",
+      "previous_verification": "检查微信输出实际 span 容器的省略属性、图片 display、renderer 分支及父级宽度和收缩约束；使用超长标题核对图标与文字共同截断的实现路径。普通 text 的省略属性不能替代此混排容器检查。",
+      "source_assertion_id": "s3_00"
+    },
+    {
+      "assertion_id": "s2_06",
+      "from_case": 3,
+      "to_case": 2,
+      "disposition": "adapted-to-unified-component",
+      "note": "评分正文与能力保持，验证目标统一到user-list标题、提示圆点及同一个回顶按钮。",
+      "previous_text": "Skyline 闪烁圆点由真实节点承载 CSS animation，采用支持的fill-mode（如both或forwards），实现原有1秒循环和透明度变化。",
+      "previous_verification": "追踪真实圆点节点的关键帧、fill-mode与周期，确认尺寸颜色及opacity变化对应原效果。",
+      "source_assertion_id": "s3_01"
+    },
+    {
+      "assertion_id": "s2_07",
+      "from_case": 3,
+      "to_case": 2,
+      "disposition": "adapted-to-unified-component",
+      "note": "评分正文与能力保持，验证目标统一到user-list标题、提示圆点及同一个回顶按钮。",
+      "previous_text": "Skyline 按钮通过状态类驱动 transform/opacity 的150ms CSS transition，完成按下及恢复的视觉过渡；其他渲染目标可使用各自适配实现。",
+      "previous_verification": "追踪按下/松开/取消绑定到Skyline状态及CSS，核对scale(.96)、opacity(.7)与恢复值。",
+      "source_assertion_id": "s3_02"
+    }
+  ],
+  "new_assertions": [
+    "n3_00",
+    "n3_01",
+    "n3_02",
+    "n3_03",
+    "n3_04",
+    "n3_05"
+  ],
+  "adapted": 10,
+  "retained_ids": 31,
+  "id_renames": {
+    "s3_00": "s2_05",
+    "s3_01": "s2_06",
+    "s3_02": "s2_07",
+    "s4_00": "s1_07",
+    "s4_01": "s1_08",
+    "s4_02": "s1_09",
+    "s4_03": "s1_10"
+  }
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/eval_metadata.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/eval_metadata.json
new file mode 100644
index 0000000000..05c821996b
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/eval_metadata.json
@@ -0,0 +1,190 @@
+{
+  "eval_id": 0,
+  "eval_name": "style-layout",
+  "title": "样式与布局",
+  "description": "适配组件样式、间距、视觉效果及字体兼容。",
+  "task_type": "adaptation",
+  "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+  "files": [
+    "input/style-card.mpx",
+    "input/task.md"
+  ],
+  "assertions": [
+    {
+      "id": "s0_00",
+      "text": "Skyline 标题的实际 text 承载节点设置 max-lines=1、overflow=ellipsis，并与 WebView 单行省略样式共同实现长标题截断。",
+      "rule_id": "skyline.text-ellipsis",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "文本溢出省略适配"
+      },
+      "verification": "检查标题节点属性和有界宽度；分别审查两种 renderer 的单行省略路径。",
+      "source_assertions": [
+        "e0_01",
+        "e0_02",
+        "e6_06",
+        "e7_08",
+        "e8_05"
+      ]
+    },
+    {
+      "id": "s0_01",
+      "text": "Skyline 两列标签使用显式横向 Flex 和等分子项布局，实现两列等宽。",
+      "rule_id": "skyline.equal-columns",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "布局、盒模型与层叠差异"
+      },
+      "verification": "检查父子布局关系及 flex basis/width，计算两列可用宽度。",
+      "source_assertions": [
+        "e0_03",
+        "e6_07"
+      ]
+    },
+    {
+      "id": "s0_02",
+      "text": "Skyline 活动状态通过受支持的 class 选择器映射到红色活动文案。",
+      "rule_id": "skyline.class-selector",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "选择器支持"
+      },
+      "verification": "追踪实际活动节点 class 与颜色声明的匹配关系。",
+      "source_assertions": [
+        "e0_04"
+      ]
+    },
+    {
+      "id": "s0_03",
+      "text": "Skyline 通过 renderer 与屏宽状态选择容器 padding，宽度≤320px 为12rpx、>320px 为24rpx；Skyline 默认覆盖位于媒体查询之后，WebView 继续使用原媒体查询。",
+      "rule_id": "skyline.responsive-padding",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "@media screen 替换方案"
+      },
+      "verification": "分别代入 renderer 两值和320/321px，按选择器优先级与源码顺序计算最终 padding。",
+      "source_assertions": [
+        "e0_06",
+        "e0_07",
+        "e0_08"
+      ]
+    },
+    {
+      "id": "s0_04",
+      "text": "Skyline 内容与父容器上外沿的20px距离由父 padding 表达，子节点从父内容区起始位置布局。",
+      "rule_id": "skyline.parent-spacing",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "垂直 margin 折叠处理"
+      },
+      "verification": "检查 .outer/.child 的盒模型，计算父外沿到首个子盒的20px距离。",
+      "source_assertions": [
+        "e5_00"
+      ]
+    },
+    {
+      "id": "s0_05",
+      "text": "Skyline 相邻块的垂直间距集中由一侧的16px margin承担，最终相邻盒间距为16px。",
+      "rule_id": "skyline.sibling-spacing",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "垂直 margin 折叠处理"
+      },
+      "verification": "计算第一块下边界到第二块上边界的间距，核对两侧 margin 的实际贡献。",
+      "source_assertions": [
+        "e5_02"
+      ]
+    },
+    {
+      "id": "s0_06",
+      "text": "Skyline 将双阴影分配到同尺寸的嵌套节点或等效分层结构，呈现原有两层阴影的参数和前后关系。",
+      "rule_id": "skyline.layered-shadows",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "背景、边框与遮罩差异"
+      },
+      "verification": "追踪0 2px 4px #000与0 4px 8px #333分别作用的节点、尺寸和绘制层次。",
+      "source_assertions": [
+        "e5_04"
+      ]
+    },
+    {
+      "id": "s0_07",
+      "text": "Skyline 将复合滤镜分层为内层blur(2px)和外层brightness(.8)，组合呈现原有两种效果。",
+      "rule_id": "skyline.layered-filters",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "滤镜差异"
+      },
+      "verification": "检查滤镜节点嵌套与作用顺序，逐层核对单函数参数。",
+      "source_assertions": [
+        "e5_05"
+      ]
+    },
+    {
+      "id": "s0_08",
+      "text": "Skyline 字体处理识别 City-Semibold 的同名独立字体族，明确 Trip-Medium 的宿主字体与 PostScript 映射核验点，并记录500/600字重的机型验证要求。",
+      "rule_id": "skyline.font-resolution",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "字体 PostScript name 兼容"
+      },
+      "verification": "结合 @font-face 与报告核对两个字体来源；宿主二进制缺失时，记录待核验信息及保持现有视觉的集成方案。",
+      "source_assertions": [
+        "e5_06",
+        "e5_07"
+      ]
+    },
+    {
+      "id": "s0_09",
+      "text": "Skyline 单阴影节点以单个 box-shadow 呈现原有 0 2px 4px rgba(0,0,0,.2) 效果，颜色函数作为完整颜色值解析。",
+      "rule_id": "skyline.single-shadow",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "背景、边框与遮罩差异"
+      },
+      "verification": "核对 .single-shadow 的实际阴影层数为1，偏移、模糊半径和颜色透明度均与输入一致。",
+      "source_assertions": [
+        "e5_03"
+      ]
+    },
+    {
+      "id": "s0_10",
+      "text": "Skyline 单滤镜节点采用受支持的 blur(2px)，呈现原有独立模糊效果。",
+      "rule_id": "skyline.single-filter",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "滤镜差异"
+      },
+      "verification": "追踪 .single-filter 的实际滤镜节点和参数，确认独立内容仍具有2px模糊效果。",
+      "source_assertions": [
+        "e5_05"
+      ]
+    },
+    {
+      "id": "s0_11",
+      "text": "Skyline 在宿主 defaultContentBox=true 条件下，child 保持100px内容宽度及左右各10px padding，实际外宽为120px。",
+      "rule_id": "skyline.content-box-width",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "非标准默认值"
+      },
+      "verification": "结合宿主默认盒模型和实际节点 box-sizing、width、padding、border 计算内容宽与外宽，分别核对100px和120px。",
+      "source_assertions": [
+        "e5_01"
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/style-card.mpx b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/style-card.mpx
new file mode 100644
index 0000000000..11b3ff67b0
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/style-card.mpx
@@ -0,0 +1,37 @@
+<template>
+  <view class="card">
+    <text class="title">{{title}}</text>
+    <view class="labels"><text>包邮</text><text>次日达</text></view>
+    <view class="badge" data-kind="sale">活动</view>
+    <view class="outer"><view class="child">内容</view></view>
+    <view class="first">第一块</view><view class="second">第二块</view>
+    <view class="single-shadow">单阴影</view><view class="single-filter">单滤镜</view>
+    <view class="many">双阴影</view><view class="filters">复合滤镜</view>
+    <text class="font-a">品牌A</text><text class="font-b">品牌B</text>
+  </view>
+</template>
+<script>
+import { createComponent } from '@mpxjs/core'
+createComponent({ properties: { title: { type: String, value: '本周精选商品' } } })
+</script>
+<style>
+.card { padding: 24rpx; }
+.title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.labels { display: grid; grid-template-columns: 1fr 1fr; }
+.badge[data-kind="sale"] { color: #d00; }
+.outer { overflow: hidden; }
+.child { margin-top: 20px; width: 100px; padding: 10px; }
+.first { margin-bottom: 16px; }
+.second { margin-top: 12px; }
+.single-shadow { box-shadow: 0 2px 4px rgba(0,0,0,.2); }
+.single-filter { filter: blur(2px); }
+.many { box-shadow: 0 2px 4px #000, 0 4px 8px #333; }
+.filters { filter: blur(2px) brightness(.8); }
+@font-face { font-family: 'City-Semibold'; src: url('./city.woff2'); }
+.font-a { font-family: 'City-Semibold'; font-weight: 600; }
+.font-b { font-family: 'Trip-Medium'; font-weight: 500; }
+@media screen and (max-width: 320px) { .card { padding: 12rpx; } }
+</style>
+<script type="application/json">
+{"component":true}
+</script>
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/task.md b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/task.md
new file mode 100644
index 0000000000..95108f3023
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-0-style-layout/input/task.md
@@ -0,0 +1,5 @@
+# 样式与布局
+
+适配 style-card.mpx。保持长标题单行省略、两列等宽标签和红色活动文案。两种renderer在屏宽≤320px时卡片padding为12rpx，否则24rpx，按当前屏宽即可。child盒子的顶部距outer上外沿20px，这段距离由outer的padding-top实现；child保持四周10px padding，因此其内容顶部距outer上外沿30px。child内容宽100px、含padding外宽120px，两块垂直间距16px；呈现原有单个rgba阴影、双阴影、独立blur滤镜、复合滤镜及品牌字体效果。宿主已配置defaultDisplayBlock/defaultContentBox。字体二进制由宿主提供，City-Semibold有当前独立字体族，Trip-Medium来自宿主；字体核验信息和机型风险写入report.md，视觉调整需沿用已确认设计。
+
+交付所有输入业务文件的完整适配版本与report.md。多个组件分别保持自身接口与业务语义，无需为合并测试额外构造父子调用关系。评分目标为微信Skyline/glass-easel；WebView保持需求中的体验，其他目标分支可采用各自合法实现。验证证据放配置run-1/。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/eval_metadata.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/eval_metadata.json
new file mode 100644
index 0000000000..9771dac58a
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/eval_metadata.json
@@ -0,0 +1,186 @@
+{
+  "eval_id": 1,
+  "eval_name": "page-scroll-sticky-layer-config",
+  "title": "页面滚动、吸顶与层级配置",
+  "description": "适配单个分组订单页面，统一嵌套纵向主区域的刷新、分页、滚动监听，组内横向列表、吸顶及弹层层级。",
+  "task_type": "adaptation",
+  "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+  "files": [
+    "input/app.json",
+    "input/orders.mpx",
+    "input/service.js",
+    "input/task.md"
+  ],
+  "assertions": [
+    {
+      "id": "s1_00",
+      "text": "Skyline 订单页面的外层与主订单纵向scroll-view均具有明确可滚动高度，概览与分组主体按嵌套层次布局，分组实际参与主滚动区域。",
+      "rule_id": "skyline.list-scroll",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "检查导航下方的外层高度、概览占位和主订单容器高度链，以多组数据核对主区域可滚动；具体类型及吸顶结构分别按s1_07/s1_09验证。",
+      "source_assertions": [
+        "e1_01",
+        "e2_08",
+        "e8_04"
+      ]
+    },
+    {
+      "id": "s1_01",
+      "text": "Skyline 主订单纵向scroll-view通过bindrefresherrefresh启动刷新，refresher-triggered绑定刷新状态，请求成功和失败均结束该容器刷新态。",
+      "rule_id": "skyline.container-refresh",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "定位承载sections的主纵向容器及刷新绑定，分别注入fetchOrders(1)成功和失败，核对刷新态复位；外层或横向容器的绑定不能替代主区域链路。",
+      "source_assertions": [
+        "e1_02",
+        "e1_05",
+        "e8_03"
+      ]
+    },
+    {
+      "id": "s1_02",
+      "text": "Skyline 主订单纵向scroll-view通过bindscrolltolower连接分页加载，触底后下一页分组追加到同一sections列表并继续展示。",
+      "rule_id": "skyline.container-bottom",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "从主订单容器实际触底绑定连续调用两次，核对页号推进、新分组追加和原分组保留；确认横向触底不触发纵向分页。",
+      "source_assertions": [
+        "e1_03",
+        "e8_03"
+      ]
+    },
+    {
+      "id": "s1_03",
+      "text": "Skyline 主订单纵向scroll-view通过bindscroll读取event.detail.scrollTop并更新概览中的滚动位置。",
+      "rule_id": "skyline.container-scroll",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "给主区域滚动处理器传入detail.scrollTop并核对展示；检查外层及横向滚动事件不会被误当作主订单区域位置。",
+      "source_assertions": [
+        "e1_04"
+      ]
+    },
+    {
+      "id": "s1_04",
+      "text": "Skyline 页面配置 renderer=skyline、componentFramework=glass-easel、navigationStyle=custom、disableScroll=true，并在模板实现订单自定义导航。",
+      "rule_id": "skyline.page-renderer-navigation",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-configuration.md",
+        "section": "适配参考"
+      },
+      "verification": "解析页面JSON并检查真实导航节点和主体布局关系。",
+      "source_assertions": [
+        "e1_06",
+        "e1_07",
+        "e8_06",
+        "e8_07"
+      ]
+    },
+    {
+      "id": "s1_05",
+      "text": "Skyline 接入所需的 lazyCodeLoading=requiredComponents 配置于 app.json 顶层。",
+      "rule_id": "skyline.lazy-components",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-configuration.md",
+        "section": "app.json 顶层配置"
+      },
+      "verification": "解析 app.json 并检查顶层属性值。",
+      "source_assertions": [
+        "e1_08",
+        "e8_08"
+      ]
+    },
+    {
+      "id": "s1_06",
+      "text": "Skyline 在 app.rendererOptions.skyline 中配置 defaultDisplayBlock=true、defaultContentBox=true、tagNameStyleIsolation=legacy、enableScrollViewAutoSize=true、keyframeStyleIsolation=legacy。",
+      "rule_id": "skyline.renderer-baseline",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-configuration.md",
+        "section": "rendererOptions.skyline 配置项"
+      },
+      "verification": "逐项解析五个字段的层级、类型和值。",
+      "source_assertions": [
+        "e1_09",
+        "e8_08"
+      ]
+    },
+    {
+      "id": "s1_07",
+      "text": "Skyline 外层纵向scroll-view采用type=nested，主订单纵向容器显式选择type=custom，内层横向容器显式选择list/custom，并通过associative-container=nested-scroll-view建立嵌套关联。",
+      "rule_id": "skyline.nested-association",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-component-reference.md",
+        "section": "Skyline 必填属性与结构约束"
+      },
+      "verification": "沿外层、主区域及横向列表的父子关系核对类型和关联；主区域的custom用于承载吸顶分组，横向列表承担订单排列。",
+      "source_assertions": [
+        "e4_00",
+        "e4_01"
+      ]
+    },
+    {
+      "id": "s1_08",
+      "text": "Skyline 横向列表显式选择type=list/custom，开启enable-flex并设置横向Flex布局；采用list时条目为直接子节点，项目保持120px宽度和相应的收缩约束。",
+      "rule_id": "skyline.horizontal-list",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-component-reference.md",
+        "section": "Skyline 相对 WebView 的高频差异补充"
+      },
+      "verification": "检查横向容器的type、scroll-x、enable-flex、flex-direction及条目宽度/收缩；采用list时检查直接子节点，多项目排列后形成横向内容。",
+      "source_assertions": [
+        "e4_02",
+        "e7_06",
+        "e7_07"
+      ]
+    },
+    {
+      "id": "s1_09",
+      "text": "Skyline 主订单custom容器内使用sticky-section/sticky-header实现分组标题吸顶，header为section首子节点且具有背景；WebView分支采用对应CSS sticky实现。",
+      "rule_id": "skyline.sticky-structure",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "sticky 吸顶替代方案"
+      },
+      "verification": "核对主区域type=custom、每组sticky节点关系、标题背景和renderer分支；真实吸顶与嵌套手势另外记录真机验证状态。",
+      "source_assertions": [
+        "e4_03",
+        "e4_04",
+        "e4_05"
+      ]
+    },
+    {
+      "id": "s1_10",
+      "text": "Skyline 弹层与悬浮按钮组织为可比较的fixed层，通过层级值使弹层覆盖按钮。",
+      "rule_id": "skyline.fixed-layer",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "z-index 与层叠适配"
+      },
+      "verification": "追踪实际fixed兄弟或等效可比较层级，比较最终覆盖关系及z-index。",
+      "source_assertions": [
+        "e4_06",
+        "e4_07"
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/app.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/app.json
new file mode 100644
index 0000000000..c61fe53e69
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/app.json
@@ -0,0 +1 @@
+{"pages":["pages/home","pages/orders"],"window":{"navigationBarTitleText":"演示"},"rendererOptions":{"webview":{}}}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/orders.mpx b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/orders.mpx
new file mode 100644
index 0000000000..b2da500718
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/orders.mpx
@@ -0,0 +1,56 @@
+<template>
+  <view class="page">
+    <view class="summary"><text>订单概览</text><text>滚动位置：{{scrollTop}}</text></view>
+    <scroll-view class="groups" scroll-y="{{true}}">
+      <view wx:for="{{sections}}" wx:key="id" class="group">
+        <view class="header"><text>{{item.title}}</text></view>
+        <scroll-view class="strip" scroll-x="{{true}}">
+          <view wx:for="{{item.items}}" wx:for-item="entry" wx:key="id" class="tile"><text>{{entry.name}}</text></view>
+        </scroll-view>
+      </view>
+      <view wx:if="{{opened}}" class="modal" bindtap="close"><text>关闭订单说明</text></view>
+    </scroll-view>
+    <view class="fab" bindtap="open"><text>订单说明</text></view>
+  </view>
+</template>
+<script>
+import { createPage } from '@mpxjs/core'
+import { fetchOrders } from './service'
+
+createPage({
+  data: { sections: [], scrollTop: 0, pageNo: 1, opened: false },
+  onLoad () { this.reload() },
+  onPullDownRefresh () { this.reload() },
+  onReachBottom () { this.loadMore() },
+  onPageScroll (e) { this.scrollTop = e.scrollTop },
+  methods: {
+    reload (shouldFail = false) {
+      return fetchOrders(1, shouldFail).then(sections => {
+        this.sections = sections
+        this.pageNo = 1
+      }).finally(() => wx.stopPullDownRefresh())
+    },
+    loadMore () {
+      return fetchOrders(this.pageNo + 1).then(sections => {
+        this.sections = this.sections.concat(sections)
+        this.pageNo += 1
+      })
+    },
+    open () { this.opened = true },
+    close () { this.opened = false }
+  }
+})
+</script>
+<style>
+.page { padding: 16px; }
+.summary { height: 120px; }
+.groups { height: 400px; transform: translateZ(0); z-index: 1; }
+.header { position: sticky; top: 0; height: 40px; background: #fff; }
+.strip { white-space: nowrap; height: 80px; }
+.tile { display: inline-block; width: 120px; height: 80px; }
+.modal { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: #eee; }
+.fab { position: fixed; right: 12px; bottom: 12px; z-index: 2; }
+</style>
+<script type="application/json">
+{"enablePullDownRefresh":true,"navigationBarTitleText":"订单"}
+</script>
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/service.js b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/service.js
new file mode 100644
index 0000000000..7ca6b6bb77
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/service.js
@@ -0,0 +1,11 @@
+export function fetchOrders (page, shouldFail = false) {
+  if (shouldFail) return Promise.reject(new Error('订单加载失败'))
+  return Promise.resolve(Array.from({ length: 4 }, (_, groupIndex) => ({
+    id: `group-${page}-${groupIndex}`,
+    title: `订单分组 ${page}-${groupIndex}`,
+    items: Array.from({ length: 8 }, (_, index) => ({
+      id: `order-${page}-${groupIndex}-${index}`,
+      name: `订单 ${page}-${groupIndex}-${index}`
+    }))
+  })))
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/task.md b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/task.md
new file mode 100644
index 0000000000..6d469b4456
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-1-page-scroll-sticky-layer-config/input/task.md
@@ -0,0 +1,24 @@
+# 页面滚动、吸顶与层级配置
+
+将给定orders.mpx适配为完整的分组订单页面，更新app.json，保留service.js提供的数据接口。当前输入中的滚动事件仍走页面生命周期，需要将实际交互与目标滚动区域接通。所有业务在同一个页面内，范围已确认。
+
+## 同一页面的布局与滚动
+
+- 页面标题为“订单”，实际显示自定义导航；概览区高120px，展示主订单区域的滚动位置。
+- 导航下方为有界外层纵向滚动区域，概览可随外层滚动离开视口；内层为可独立纵向滚动的分组订单主体，内外层需要嵌套滚动关联。适配后依据页面可用高度安排滚动区，输入中的400px仅为原布局尺寸。
+- sections为[{id,title,items:[{id,name}]}]。每组标题在主订单区域内吸顶；组内横向展示订单，单项宽120px且可横向滚动。WebView和Skyline均提供对应体验。
+- 主订单纵向区域统一承接下拉刷新、触底分页和滚动位置展示。外层只承接概览与主体之间的嵌套滚动，横向区域只负责浏览该组订单。
+
+## 数据与交互
+
+- 初次进入调用fetchOrders(1)，渲染4个分组，每组8条订单；分组和订单有稳定唯一id。
+- 主订单区域下拉刷新重新请求第1页并替换sections；刷新成功和失败都结束刷新反馈。fetchOrders(page,true)可注入失败；刷新失败保留原列表，继续操作。
+- 同一主订单区域触底时请求下一页，将新分组追加到sections；原分组与组内订单保留，页号成功后推进。
+- 主订单区域滚动时，通过概览显示该区域scrollTop；内外纵向及横向滚动的事件归属应清晰。
+- “订单说明”悬浮按钮打开全屏弹层，弹层覆盖该按钮；点击弹层关闭。
+
+## 交付与验证
+
+交付orders.mpx、app.json、service.js及report.md；原首页、window与WebView配置继续使用。输入中的页面滚动生命周期、CSS sticky及层级写法是待适配内容。采用适合嵌套与吸顶的滚动结构，保持上述业务语义。
+
+评分目标为微信Skyline/glass-easel，WebView保留对应体验，其他平台分支可采用自身合法实现。验证刷新成功/失败、连续两次分页及主滚动位置更新，并记录真实证据到run-1/。真机嵌套滚动、吸顶与手势未验证时标记not_run。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/eval_metadata.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/eval_metadata.json
new file mode 100644
index 0000000000..1b8fd1ccad
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/eval_metadata.json
@@ -0,0 +1,138 @@
+{
+  "eval_id": 2,
+  "eval_name": "template-runtime-inline-animation",
+  "title": "模板运行时、图文混排与动画",
+  "description": "适配单个用户列表组件，将标题图文截断、提示圆点动画和回顶按钮反馈与列表数据、查询及外部模板组合为完整交互。",
+  "task_type": "adaptation",
+  "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+  "files": [
+    "input/logo.svg",
+    "input/row.wxml",
+    "input/task.md",
+    "input/user-list.mpx"
+  ],
+  "assertions": [
+    {
+      "id": "s2_00",
+      "text": "Skyline/glass-easel 的 wx:for 在初始化、数据返回前、null返回及正常数组更新阶段均接收 Array/Object 类型的数据。",
+      "rule_id": "skyline.loop-data",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-runtime-practice.md",
+        "section": "[必须] 确保 wx:for 数据始终为 Array 或 Object"
+      },
+      "verification": "检查初始渲染数据及computed所有消费路径，分别模拟undefined/null/空数组/有效数组。",
+      "source_assertions": [
+        "e2_03",
+        "e2_04"
+      ]
+    },
+    {
+      "id": "s2_01",
+      "text": "Skyline/glass-easel 的用户容器使用合法的非数字开头id，组件内通过 this.createSelectorQuery 定位同一容器。",
+      "rule_id": "skyline.scoped-selector",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-runtime-practice.md",
+        "section": "[推荐] 用 this.createSelectorQuery 替代 wx.createSelectorQuery"
+      },
+      "verification": "关联模板id、组件查询作用域和select字符串，核对查询目标一致。",
+      "source_assertions": [
+        "e2_05",
+        "e2_07"
+      ]
+    },
+    {
+      "id": "s2_02",
+      "text": "Skyline 的实际用户滚动目标开启 enhanced，节点查询返回的 ScrollViewContext 用于执行回到顶部操作。",
+      "rule_id": "skyline.scroll-context",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-runtime-practice.md",
+        "section": "[必须] ScrollViewContext：开启 enhanced 属性"
+      },
+      "verification": "从user-list.mpx实际回顶按钮的点击绑定追踪查询目标、enhanced属性及node().exec后的scrollTo({top:0})调用，确认不是other容器。",
+      "source_assertions": [
+        "e2_06"
+      ]
+    },
+    {
+      "id": "s2_03",
+      "text": "Skyline/glass-easel 循环中的外部片段采用 import 加具名 template 调用，并显式传递当前 item/index。",
+      "rule_id": "skyline.loop-template",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "[必须] wx:for 内嵌 &lt;include&gt; 时改为 &lt;template&gt;"
+      },
+      "verification": "检查导入路径、模板名称和循环数据参数，代入两行不同数据确认作用域。",
+      "source_assertions": [
+        "e2_09"
+      ]
+    },
+    {
+      "id": "s2_04",
+      "text": "Skyline 的简单 navigator 使用 text 或纯文本子节点；卡片导航采用符合该子节点结构的内容，或由外层点击事件实现同一详情跳转。",
+      "rule_id": "skyline.navigator-children",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "navigator 嵌套限制"
+      },
+      "verification": "检查两个导航入口的实际子节点和/pages/detail目标；复杂外层事件方案核对绑定与跳转调用。",
+      "source_assertions": [
+        "e5_08",
+        "e5_09"
+      ]
+    },
+    {
+      "id": "s2_05",
+      "text": "Skyline 图标与标题置于同一个可收缩的 span 内联容器，容器设置 max-lines=1、overflow=ellipsis，图片采用 inline-block，使同段图文在有限宽度内共同单行截断；WebView 对应分支保留同段图文单行截断。",
+      "rule_id": "skyline.inline-flow",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "图文混排"
+      },
+      "verification": "检查user-list.mpx标题中logo与label共同承载的实际span、省略属性、图片display及renderer路径和宽度约束；使用长label核对两者共同截断。",
+      "source_assertions": [
+        "e3_00",
+        "e3_01",
+        "e3_02",
+        "e3_03"
+      ]
+    },
+    {
+      "id": "s2_06",
+      "text": "Skyline 闪烁圆点由真实节点承载 CSS animation，采用支持的fill-mode（如both或forwards），实现原有1秒循环和透明度变化。",
+      "rule_id": "skyline.node-animation",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-style-reference.md",
+        "section": "动画与过渡差异"
+      },
+      "verification": "追踪user-list.mpx提示圆点的真实节点、关键帧、fill-mode与1秒周期，核对8px、#f50及opacity .3到1。",
+      "source_assertions": [
+        "e3_04",
+        "e3_05"
+      ]
+    },
+    {
+      "id": "s2_07",
+      "text": "Skyline 按钮通过状态类驱动 transform/opacity 的150ms CSS transition，完成按下及恢复的视觉过渡；其他渲染目标可使用各自适配实现。",
+      "rule_id": "skyline.state-transition",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "animation API 不支持 → 使用 CSS transition"
+      },
+      "verification": "追踪user-list.mpx同一个回顶按钮的按下/松开/取消绑定到状态类和CSS，核对150ms、scale(.96)/opacity(.7)及恢复值；点击回顶链路另由s2_02验证。",
+      "source_assertions": [
+        "e3_06",
+        "e3_07",
+        "e3_08",
+        "e6_08"
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/logo.svg b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/logo.svg
new file mode 100644
index 0000000000..6ba82ab4ea
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#f50"/></svg>
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/row.wxml b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/row.wxml
new file mode 100644
index 0000000000..2b7eb9185e
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/row.wxml
@@ -0,0 +1 @@
+<text>{{index}}:{{item.name}}</text>
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/task.md b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/task.md
new file mode 100644
index 0000000000..b37a139245
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/task.md
@@ -0,0 +1,18 @@
+# 模板运行时、图文混排与动画
+
+将给定user-list.mpx适配为完整的用户列表组件，同时处理标题图文、提示圆点及回到顶部按钮的交互反馈。row.wxml是循环内使用的外部行片段，logo.svg是标题图标；两者继续作为组件资源交付。宿主页已接入Skyline/glass-easel，范围已确认。
+
+## 一个组件内的完整交互
+
+- 组件标题为label，允许长文案；图标和label在同一行展示，并在可用宽度不足时作为同段图文共同单行截断。
+- 标题旁的提示圆点保持8px、#f50，按原1秒周期在透明度0.3与1之间循环变化。
+- setRows接收{items:Array|null}；初次渲染、数据返回前及null时显示空列表，正常数据仅展示visible用户。每行通过外部row.wxml展示过滤后行号与姓名。
+- “回到顶部”是同一个可按压按钮：按下缩放0.96且透明度0.7，松开或取消恢复1，过渡150ms；点击后操作实际用户列表滚回顶部。旁边other滚动容器用于区分查询目标。
+- 两个详情入口均到/pages/detail：一个是简单文本入口，一个是卡片内容入口，均保持可用。
+- 保留label/payload接口及config.default数据。现有数字开头id、include循环片段、未保护的循环数据、伪元素动画和动画API是待适配内容。
+
+## 交付与验证
+
+交付user-list.mpx、row.wxml、logo.svg及report.md。所有模板、运行时查询、图文与动画适配都在这一个组件及其外部片段中完成。
+
+评分目标为微信Skyline/glass-easel；WebView保持对应体验，其他平台分支可采用自身合法实现。验证初始化/null/数组更新、过滤行数据、实际查询目标及回顶调用、两个详情跳转、长label共同截断、按下/松开/取消状态。测试和审计证据放run-1/；真机渲染与实际滚动未验证时标记not_run。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/user-list.mpx b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/user-list.mpx
new file mode 100644
index 0000000000..2df19142c6
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-2-template-runtime-inline-animation/input/user-list.mpx
@@ -0,0 +1,57 @@
+<template>
+  <view class="user-panel">
+    <view class="heading"><view class="truncate"><image src="./logo.svg" class="logo"/><text>{{label}}</text></view></view>
+    <view class="pulse"/>
+    <scroll-view id="other" type="list" enhanced="{{true}}"/>
+    <scroll-view id="1users" type="list" scroll-y="{{true}}">
+      <view wx:for="{{visibleItems}}" wx:key="id"><view><include src="./row.wxml"/></view></view>
+    </scroll-view>
+    <view class="button" animation="{{animationData}}" bindtap="scrollTop" bindtouchstart="press" bindtouchend="release" bindtouchcancel="release"><text>回到顶部</text></view>
+    <navigator url="/pages/detail"><text>详情</text></navigator>
+    <navigator url="/pages/detail"><view>卡片详情</view></navigator>
+  </view>
+</template>
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    label: { type: String, value: '用户' },
+    payload: { type: String, optionalTypes: [Object], value: '' }
+  },
+  data: { items: undefined, config: { default: 'keep' }, animationData: {} },
+  computed: {
+    visibleItems () { return this.items && this.items.filter(item => item.visible) }
+  },
+  methods: {
+    setRows (res) { this.items = res.items },
+    scrollTop () {
+      wx.createSelectorQuery().in(this).select('#1users').node().exec(res => {
+        res[0].node.scrollTo({ top: 0 })
+      })
+    },
+    press () {
+      const animation = wx.createAnimation({ duration: 150 })
+      animation.scale(0.96).opacity(0.7).step()
+      this.animationData = animation.export()
+    },
+    release () {
+      const animation = wx.createAnimation({ duration: 150 })
+      animation.scale(1).opacity(1).step()
+      this.animationData = animation.export()
+    }
+  }
+})
+</script>
+<style>
+scroll-view { height: 300px; }
+.heading { display: flex; }
+.truncate { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.logo { width: 24px; height: 24px; vertical-align: middle; }
+.pulse::before { content: ''; display: block; width: 8px; height: 8px; background: #f50; animation: pulse 1s infinite; animation-fill-mode: backwards; }
+@keyframes pulse { from { opacity: .3; } to { opacity: 1; } }
+.button { padding: 12px; background: #eee; }
+</style>
+<script type="application/json">
+{"component":true}
+</script>
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/eval_metadata.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/eval_metadata.json
new file mode 100644
index 0000000000..544dfb8807
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/eval_metadata.json
@@ -0,0 +1,106 @@
+{
+  "eval_id": 3,
+  "eval_name": "new-task-board-page",
+  "title": "从零创建任务看板页面",
+  "description": "仅给定产品需求和宿主配置，验证从零选择Skyline页面、滚动、文本及状态动画方案。通用语法和业务功能单独验证。",
+  "task_type": "creation",
+  "prompt": "请读取input/task.md，根据产品需求从零创建Mpx任务看板页面并更新宿主配置，兼容微信Skyline与WebView。范围已确认，交付完整文件和验证报告。",
+  "files": [
+    "input/app.json",
+    "input/task.md"
+  ],
+  "assertions": [
+    {
+      "id": "n3_00",
+      "text": "Skyline 新页面配置renderer=skyline、componentFramework=glass-easel、navigationStyle=custom和disableScroll=true，实际呈现任务看板导航；app顶层lazyCodeLoading及rendererOptions.skyline五项推荐配置完整。",
+      "rule_id": "skyline.creation-page-config",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-configuration.md",
+        "section": "适配参考"
+      },
+      "verification": "解析页面与app配置，逐项核对requiredComponents及defaultDisplayBlock/defaultContentBox/enableScrollViewAutoSize=true、tagNameStyleIsolation/keyframeStyleIsolation=legacy，检查实际导航节点。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s1_04",
+        "s1_05",
+        "s1_06"
+      ]
+    },
+    {
+      "id": "n3_01",
+      "text": "Skyline 新页面通过有明确高度约束的type=list纵向scroll-view承载任务，任务项为直接子节点，标题及筛选区位于滚动主体之外。",
+      "rule_id": "skyline.creation-scroll-layout",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "检查父子高度与Flex收缩链、scroll-y及列表直接子节点；以超出一屏的任务验证有界滚动布局。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s1_00"
+      ]
+    },
+    {
+      "id": "n3_02",
+      "text": "Skyline 新页面将下拉刷新接到scroll-view的bindrefresherrefresh，refresher-triggered绑定状态，成功及失败路径均结束容器刷新态。",
+      "rule_id": "skyline.creation-refresh",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "沿实际事件绑定触发刷新，注入resolve/reject，核对刷新态最终false且容器可继续操作。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s1_01"
+      ]
+    },
+    {
+      "id": "n3_03",
+      "text": "Skyline 新页面将scroll-view的bindscrolltolower接入分页追加，每次容器触底后新任务进入同一滚动列表。",
+      "rule_id": "skyline.creation-pagination",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "页面滚动替代方案"
+      },
+      "verification": "从实际模板触底绑定调用处理器两次，核对每次新增2条且原列表保留；分类和唯一键另作业务验证。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s1_02"
+      ]
+    },
+    {
+      "id": "n3_04",
+      "text": "Skyline 新页面长任务标题在实际text承载节点设置max-lines=1、overflow=ellipsis，并在有界可收缩宽度内与WebView单行省略路径共同生效。",
+      "rule_id": "skyline.creation-title-ellipsis",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "文本溢出省略适配"
+      },
+      "verification": "检查text属性、父级宽度/收缩约束和WebView样式；代入长标题审查两种renderer的实际截断路径。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s0_00"
+      ]
+    },
+    {
+      "id": "n3_05",
+      "text": "Skyline 新页面分类按钮通过状态类驱动transform/opacity的150ms CSS transition，按下达到scale(.96)/opacity(.7)，松开和取消均恢复1。",
+      "rule_id": "skyline.creation-press-feedback",
+      "scope": "skyline",
+      "source": {
+        "file": "references/skyline-layout-practice.md",
+        "section": "animation API 不支持 → 使用 CSS transition"
+      },
+      "verification": "追踪真实触摸绑定到响应状态和CSS，分别模拟按下/松开/取消，核对数值、持续时间和恢复。",
+      "source_assertions": [],
+      "related_adaptation_assertions": [
+        "s2_07"
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/app.json b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/app.json
new file mode 100644
index 0000000000..4494c3e852
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/app.json
@@ -0,0 +1,11 @@
+{
+  "pages": [
+    "pages/home"
+  ],
+  "window": {
+    "navigationBarTitleText": "演示"
+  },
+  "rendererOptions": {
+    "webview": {}
+  }
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/task.md b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/task.md
new file mode 100644
index 0000000000..4112f37b6d
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/eval-3-new-task-board-page/input/task.md
@@ -0,0 +1,19 @@
+# 从零创建任务看板页面
+
+没有现成页面代码。请根据以下产品需求从零创建 pages/task-board.mpx，并交付更新后的 app.json。页面面向微信 Skyline/glass-easel，同时保持微信 WebView 的对应体验。范围已确认，宿主首页继续保留。
+
+## 数据与交互
+
+- 初始任务为[{taskKey:'t1',title:'整理本周跨团队协作事项与上线验收清单',category:'工作',completed:false},{taskKey:'t2',title:'购买周末出行用品',category:'生活',completed:false},{taskKey:'t3',title:'完成每日阅读',category:'生活',completed:true}]。
+- 顶部显示“任务看板”和当前筛选结果数量，提供“全部／工作／生活”分类，当前分类有选中态。通过页面category参数选择初始分类，非法值回到全部。
+- 点击任务切换完成状态；无匹配任务时显示“暂无任务”。标题无论多长都显示一行，超出部分省略。
+- 页面主体数据增多时可纵向滚动，顶部标题和筛选区域保持可见；窄屏仍有明确的滚动区域。
+- 下拉刷新恢复初始任务。模拟异步请求，并提供可注入失败的测试入口；请求结束后刷新反馈结束，失败时原列表仍可继续使用。
+- 滚动到底部追加2条当前分类的未完成任务，使用唯一taskKey；全部分类时追加工作任务。每次触底后列表继续显示已存在任务。
+- 分类按钮按下时缩放到0.96、透明度0.7，松开或取消恢复1；过渡150ms。
+
+## 实现与交付
+
+使用Mpx组合式API及script setup，样式使用组件内语义class。宿主未提供原子CSS工具链。通过所给app.json接入页面，保留首页和现有window/WebView设置；页面配置与导航由你完成，确保可用于Skyline和WebView。
+
+交付pages/task-board.mpx、app.json及report.md。记录真实验证及未执行项；测试与证据放配置run-1/。验证内容包括参数初始化、筛选、完成状态、空列表、刷新成功/失败、连续分页及触摸取消。当前专项评分只评价Skyline适配要求，通用Mpx语法与业务行为单独验证。其他目标平台可采用自身合法分支。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/evals.json b/.agents/skills/mpx2skyline-workspace/iteration-4/evals.json
new file mode 100644
index 0000000000..977c47d8e1
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/evals.json
@@ -0,0 +1,675 @@
+{
+  "skill_name": "mpx2skyline",
+  "suite_version": 4,
+  "iteration": 4,
+  "status": "cases-ready-not-run",
+  "description": "4个case：三个存量适配综合场景和一个从零创建页面场景，共37条Skyline正向断言。",
+  "scoring_scope": "仅评价微信Skyline/glass-easel实际生效实现，WebView仅用于对应兼容要求；RN分支按自身规则实现。",
+  "comparison": {
+    "purpose": "独立Skill与合并Skill在同一新版测试集上的不劣化比较",
+    "groups": [
+      {
+        "id": "mpx2skyline",
+        "skill": ".agents/skills/mpx2skyline/SKILL.md",
+        "status": "not_run"
+      },
+      {
+        "id": "no_skill",
+        "skill": null,
+        "status": "not_run"
+      },
+      {
+        "id": "merged_skill",
+        "skill": null,
+        "status": "path-to-be-specified-before-execution"
+      }
+    ]
+  },
+  "runner": {
+    "prompt_templates": "prompt_templates.json",
+    "grading_standard": "grading-standard.md",
+    "subagent_config": {
+      "model": "must_match_parent",
+      "reasoning_effort": "must_match_parent",
+      "fork_turns": "none"
+    }
+  },
+  "evals": [
+    {
+      "id": 0,
+      "name": "style-layout",
+      "title": "样式与布局",
+      "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+      "files": [
+        "input/style-card.mpx",
+        "input/task.md"
+      ],
+      "assertions": [
+        {
+          "id": "s0_00",
+          "text": "Skyline 标题的实际 text 承载节点设置 max-lines=1、overflow=ellipsis，并与 WebView 单行省略样式共同实现长标题截断。",
+          "rule_id": "skyline.text-ellipsis",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "文本溢出省略适配"
+          },
+          "verification": "检查标题节点属性和有界宽度；分别审查两种 renderer 的单行省略路径。",
+          "source_assertions": [
+            "e0_01",
+            "e0_02",
+            "e6_06",
+            "e7_08",
+            "e8_05"
+          ]
+        },
+        {
+          "id": "s0_01",
+          "text": "Skyline 两列标签使用显式横向 Flex 和等分子项布局，实现两列等宽。",
+          "rule_id": "skyline.equal-columns",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "布局、盒模型与层叠差异"
+          },
+          "verification": "检查父子布局关系及 flex basis/width，计算两列可用宽度。",
+          "source_assertions": [
+            "e0_03",
+            "e6_07"
+          ]
+        },
+        {
+          "id": "s0_02",
+          "text": "Skyline 活动状态通过受支持的 class 选择器映射到红色活动文案。",
+          "rule_id": "skyline.class-selector",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "选择器支持"
+          },
+          "verification": "追踪实际活动节点 class 与颜色声明的匹配关系。",
+          "source_assertions": [
+            "e0_04"
+          ]
+        },
+        {
+          "id": "s0_03",
+          "text": "Skyline 通过 renderer 与屏宽状态选择容器 padding，宽度≤320px 为12rpx、>320px 为24rpx；Skyline 默认覆盖位于媒体查询之后，WebView 继续使用原媒体查询。",
+          "rule_id": "skyline.responsive-padding",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "@media screen 替换方案"
+          },
+          "verification": "分别代入 renderer 两值和320/321px，按选择器优先级与源码顺序计算最终 padding。",
+          "source_assertions": [
+            "e0_06",
+            "e0_07",
+            "e0_08"
+          ]
+        },
+        {
+          "id": "s0_04",
+          "text": "Skyline 内容与父容器上外沿的20px距离由父 padding 表达，子节点从父内容区起始位置布局。",
+          "rule_id": "skyline.parent-spacing",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "垂直 margin 折叠处理"
+          },
+          "verification": "检查 .outer/.child 的盒模型，计算父外沿到首个子盒的20px距离。",
+          "source_assertions": [
+            "e5_00"
+          ]
+        },
+        {
+          "id": "s0_05",
+          "text": "Skyline 相邻块的垂直间距集中由一侧的16px margin承担，最终相邻盒间距为16px。",
+          "rule_id": "skyline.sibling-spacing",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "垂直 margin 折叠处理"
+          },
+          "verification": "计算第一块下边界到第二块上边界的间距，核对两侧 margin 的实际贡献。",
+          "source_assertions": [
+            "e5_02"
+          ]
+        },
+        {
+          "id": "s0_06",
+          "text": "Skyline 将双阴影分配到同尺寸的嵌套节点或等效分层结构，呈现原有两层阴影的参数和前后关系。",
+          "rule_id": "skyline.layered-shadows",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "背景、边框与遮罩差异"
+          },
+          "verification": "追踪0 2px 4px #000与0 4px 8px #333分别作用的节点、尺寸和绘制层次。",
+          "source_assertions": [
+            "e5_04"
+          ]
+        },
+        {
+          "id": "s0_07",
+          "text": "Skyline 将复合滤镜分层为内层blur(2px)和外层brightness(.8)，组合呈现原有两种效果。",
+          "rule_id": "skyline.layered-filters",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "滤镜差异"
+          },
+          "verification": "检查滤镜节点嵌套与作用顺序，逐层核对单函数参数。",
+          "source_assertions": [
+            "e5_05"
+          ]
+        },
+        {
+          "id": "s0_08",
+          "text": "Skyline 字体处理识别 City-Semibold 的同名独立字体族，明确 Trip-Medium 的宿主字体与 PostScript 映射核验点，并记录500/600字重的机型验证要求。",
+          "rule_id": "skyline.font-resolution",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "字体 PostScript name 兼容"
+          },
+          "verification": "结合 @font-face 与报告核对两个字体来源；宿主二进制缺失时，记录待核验信息及保持现有视觉的集成方案。",
+          "source_assertions": [
+            "e5_06",
+            "e5_07"
+          ]
+        },
+        {
+          "id": "s0_09",
+          "text": "Skyline 单阴影节点以单个 box-shadow 呈现原有 0 2px 4px rgba(0,0,0,.2) 效果，颜色函数作为完整颜色值解析。",
+          "rule_id": "skyline.single-shadow",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "背景、边框与遮罩差异"
+          },
+          "verification": "核对 .single-shadow 的实际阴影层数为1，偏移、模糊半径和颜色透明度均与输入一致。",
+          "source_assertions": [
+            "e5_03"
+          ]
+        },
+        {
+          "id": "s0_10",
+          "text": "Skyline 单滤镜节点采用受支持的 blur(2px)，呈现原有独立模糊效果。",
+          "rule_id": "skyline.single-filter",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "滤镜差异"
+          },
+          "verification": "追踪 .single-filter 的实际滤镜节点和参数，确认独立内容仍具有2px模糊效果。",
+          "source_assertions": [
+            "e5_05"
+          ]
+        },
+        {
+          "id": "s0_11",
+          "text": "Skyline 在宿主 defaultContentBox=true 条件下，child 保持100px内容宽度及左右各10px padding，实际外宽为120px。",
+          "rule_id": "skyline.content-box-width",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "非标准默认值"
+          },
+          "verification": "结合宿主默认盒模型和实际节点 box-sizing、width、padding、border 计算内容宽与外宽，分别核对100px和120px。",
+          "source_assertions": [
+            "e5_01"
+          ]
+        }
+      ],
+      "description": "适配组件样式、间距、视觉效果及字体兼容。",
+      "task_type": "adaptation",
+      "source_cases": [
+        0
+      ]
+    },
+    {
+      "id": 1,
+      "name": "page-scroll-sticky-layer-config",
+      "title": "页面滚动、吸顶与层级配置",
+      "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+      "files": [
+        "input/app.json",
+        "input/orders.mpx",
+        "input/service.js",
+        "input/task.md"
+      ],
+      "assertions": [
+        {
+          "id": "s1_00",
+          "text": "Skyline 订单页面的外层与主订单纵向scroll-view均具有明确可滚动高度，概览与分组主体按嵌套层次布局，分组实际参与主滚动区域。",
+          "rule_id": "skyline.list-scroll",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "检查导航下方的外层高度、概览占位和主订单容器高度链，以多组数据核对主区域可滚动；具体类型及吸顶结构分别按s1_07/s1_09验证。",
+          "source_assertions": [
+            "e1_01",
+            "e2_08",
+            "e8_04"
+          ]
+        },
+        {
+          "id": "s1_01",
+          "text": "Skyline 主订单纵向scroll-view通过bindrefresherrefresh启动刷新，refresher-triggered绑定刷新状态，请求成功和失败均结束该容器刷新态。",
+          "rule_id": "skyline.container-refresh",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "定位承载sections的主纵向容器及刷新绑定，分别注入fetchOrders(1)成功和失败，核对刷新态复位；外层或横向容器的绑定不能替代主区域链路。",
+          "source_assertions": [
+            "e1_02",
+            "e1_05",
+            "e8_03"
+          ]
+        },
+        {
+          "id": "s1_02",
+          "text": "Skyline 主订单纵向scroll-view通过bindscrolltolower连接分页加载，触底后下一页分组追加到同一sections列表并继续展示。",
+          "rule_id": "skyline.container-bottom",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "从主订单容器实际触底绑定连续调用两次，核对页号推进、新分组追加和原分组保留；确认横向触底不触发纵向分页。",
+          "source_assertions": [
+            "e1_03",
+            "e8_03"
+          ]
+        },
+        {
+          "id": "s1_03",
+          "text": "Skyline 主订单纵向scroll-view通过bindscroll读取event.detail.scrollTop并更新概览中的滚动位置。",
+          "rule_id": "skyline.container-scroll",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "给主区域滚动处理器传入detail.scrollTop并核对展示；检查外层及横向滚动事件不会被误当作主订单区域位置。",
+          "source_assertions": [
+            "e1_04"
+          ]
+        },
+        {
+          "id": "s1_04",
+          "text": "Skyline 页面配置 renderer=skyline、componentFramework=glass-easel、navigationStyle=custom、disableScroll=true，并在模板实现订单自定义导航。",
+          "rule_id": "skyline.page-renderer-navigation",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-configuration.md",
+            "section": "适配参考"
+          },
+          "verification": "解析页面JSON并检查真实导航节点和主体布局关系。",
+          "source_assertions": [
+            "e1_06",
+            "e1_07",
+            "e8_06",
+            "e8_07"
+          ]
+        },
+        {
+          "id": "s1_05",
+          "text": "Skyline 接入所需的 lazyCodeLoading=requiredComponents 配置于 app.json 顶层。",
+          "rule_id": "skyline.lazy-components",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-configuration.md",
+            "section": "app.json 顶层配置"
+          },
+          "verification": "解析 app.json 并检查顶层属性值。",
+          "source_assertions": [
+            "e1_08",
+            "e8_08"
+          ]
+        },
+        {
+          "id": "s1_06",
+          "text": "Skyline 在 app.rendererOptions.skyline 中配置 defaultDisplayBlock=true、defaultContentBox=true、tagNameStyleIsolation=legacy、enableScrollViewAutoSize=true、keyframeStyleIsolation=legacy。",
+          "rule_id": "skyline.renderer-baseline",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-configuration.md",
+            "section": "rendererOptions.skyline 配置项"
+          },
+          "verification": "逐项解析五个字段的层级、类型和值。",
+          "source_assertions": [
+            "e1_09",
+            "e8_08"
+          ]
+        },
+        {
+          "id": "s1_07",
+          "text": "Skyline 外层纵向scroll-view采用type=nested，主订单纵向容器显式选择type=custom，内层横向容器显式选择list/custom，并通过associative-container=nested-scroll-view建立嵌套关联。",
+          "rule_id": "skyline.nested-association",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-component-reference.md",
+            "section": "Skyline 必填属性与结构约束"
+          },
+          "verification": "沿外层、主区域及横向列表的父子关系核对类型和关联；主区域的custom用于承载吸顶分组，横向列表承担订单排列。",
+          "source_assertions": [
+            "e4_00",
+            "e4_01"
+          ]
+        },
+        {
+          "id": "s1_08",
+          "text": "Skyline 横向列表显式选择type=list/custom，开启enable-flex并设置横向Flex布局；采用list时条目为直接子节点，项目保持120px宽度和相应的收缩约束。",
+          "rule_id": "skyline.horizontal-list",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-component-reference.md",
+            "section": "Skyline 相对 WebView 的高频差异补充"
+          },
+          "verification": "检查横向容器的type、scroll-x、enable-flex、flex-direction及条目宽度/收缩；采用list时检查直接子节点，多项目排列后形成横向内容。",
+          "source_assertions": [
+            "e4_02",
+            "e7_06",
+            "e7_07"
+          ]
+        },
+        {
+          "id": "s1_09",
+          "text": "Skyline 主订单custom容器内使用sticky-section/sticky-header实现分组标题吸顶，header为section首子节点且具有背景；WebView分支采用对应CSS sticky实现。",
+          "rule_id": "skyline.sticky-structure",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "sticky 吸顶替代方案"
+          },
+          "verification": "核对主区域type=custom、每组sticky节点关系、标题背景和renderer分支；真实吸顶与嵌套手势另外记录真机验证状态。",
+          "source_assertions": [
+            "e4_03",
+            "e4_04",
+            "e4_05"
+          ]
+        },
+        {
+          "id": "s1_10",
+          "text": "Skyline 弹层与悬浮按钮组织为可比较的fixed层，通过层级值使弹层覆盖按钮。",
+          "rule_id": "skyline.fixed-layer",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "z-index 与层叠适配"
+          },
+          "verification": "追踪实际fixed兄弟或等效可比较层级，比较最终覆盖关系及z-index。",
+          "source_assertions": [
+            "e4_06",
+            "e4_07"
+          ]
+        }
+      ],
+      "description": "适配单个分组订单页面，统一嵌套纵向主区域的刷新、分页、滚动监听，组内横向列表、吸顶及弹层层级。",
+      "task_type": "adaptation",
+      "source_cases": [
+        1,
+        4
+      ]
+    },
+    {
+      "id": 2,
+      "name": "template-runtime-inline-animation",
+      "title": "模板运行时、图文混排与动画",
+      "prompt": "请按input/task.md将给定Mpx文件适配到微信Skyline，保持要求中的WebView体验，输出完整文件和验证报告。范围和交互已确认。",
+      "files": [
+        "input/logo.svg",
+        "input/row.wxml",
+        "input/task.md",
+        "input/user-list.mpx"
+      ],
+      "assertions": [
+        {
+          "id": "s2_00",
+          "text": "Skyline/glass-easel 的 wx:for 在初始化、数据返回前、null返回及正常数组更新阶段均接收 Array/Object 类型的数据。",
+          "rule_id": "skyline.loop-data",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-runtime-practice.md",
+            "section": "[必须] 确保 wx:for 数据始终为 Array 或 Object"
+          },
+          "verification": "检查初始渲染数据及computed所有消费路径，分别模拟undefined/null/空数组/有效数组。",
+          "source_assertions": [
+            "e2_03",
+            "e2_04"
+          ]
+        },
+        {
+          "id": "s2_01",
+          "text": "Skyline/glass-easel 的用户容器使用合法的非数字开头id，组件内通过 this.createSelectorQuery 定位同一容器。",
+          "rule_id": "skyline.scoped-selector",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-runtime-practice.md",
+            "section": "[推荐] 用 this.createSelectorQuery 替代 wx.createSelectorQuery"
+          },
+          "verification": "关联模板id、组件查询作用域和select字符串，核对查询目标一致。",
+          "source_assertions": [
+            "e2_05",
+            "e2_07"
+          ]
+        },
+        {
+          "id": "s2_02",
+          "text": "Skyline 的实际用户滚动目标开启 enhanced，节点查询返回的 ScrollViewContext 用于执行回到顶部操作。",
+          "rule_id": "skyline.scroll-context",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-runtime-practice.md",
+            "section": "[必须] ScrollViewContext：开启 enhanced 属性"
+          },
+          "verification": "从user-list.mpx实际回顶按钮的点击绑定追踪查询目标、enhanced属性及node().exec后的scrollTo({top:0})调用，确认不是other容器。",
+          "source_assertions": [
+            "e2_06"
+          ]
+        },
+        {
+          "id": "s2_03",
+          "text": "Skyline/glass-easel 循环中的外部片段采用 import 加具名 template 调用，并显式传递当前 item/index。",
+          "rule_id": "skyline.loop-template",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "[必须] wx:for 内嵌 &lt;include&gt; 时改为 &lt;template&gt;"
+          },
+          "verification": "检查导入路径、模板名称和循环数据参数，代入两行不同数据确认作用域。",
+          "source_assertions": [
+            "e2_09"
+          ]
+        },
+        {
+          "id": "s2_04",
+          "text": "Skyline 的简单 navigator 使用 text 或纯文本子节点；卡片导航采用符合该子节点结构的内容，或由外层点击事件实现同一详情跳转。",
+          "rule_id": "skyline.navigator-children",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "navigator 嵌套限制"
+          },
+          "verification": "检查两个导航入口的实际子节点和/pages/detail目标；复杂外层事件方案核对绑定与跳转调用。",
+          "source_assertions": [
+            "e5_08",
+            "e5_09"
+          ]
+        },
+        {
+          "id": "s2_05",
+          "text": "Skyline 图标与标题置于同一个可收缩的 span 内联容器，容器设置 max-lines=1、overflow=ellipsis，图片采用 inline-block，使同段图文在有限宽度内共同单行截断；WebView 对应分支保留同段图文单行截断。",
+          "rule_id": "skyline.inline-flow",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "图文混排"
+          },
+          "verification": "检查user-list.mpx标题中logo与label共同承载的实际span、省略属性、图片display及renderer路径和宽度约束；使用长label核对两者共同截断。",
+          "source_assertions": [
+            "e3_00",
+            "e3_01",
+            "e3_02",
+            "e3_03"
+          ]
+        },
+        {
+          "id": "s2_06",
+          "text": "Skyline 闪烁圆点由真实节点承载 CSS animation，采用支持的fill-mode（如both或forwards），实现原有1秒循环和透明度变化。",
+          "rule_id": "skyline.node-animation",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-style-reference.md",
+            "section": "动画与过渡差异"
+          },
+          "verification": "追踪user-list.mpx提示圆点的真实节点、关键帧、fill-mode与1秒周期，核对8px、#f50及opacity .3到1。",
+          "source_assertions": [
+            "e3_04",
+            "e3_05"
+          ]
+        },
+        {
+          "id": "s2_07",
+          "text": "Skyline 按钮通过状态类驱动 transform/opacity 的150ms CSS transition，完成按下及恢复的视觉过渡；其他渲染目标可使用各自适配实现。",
+          "rule_id": "skyline.state-transition",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "animation API 不支持 → 使用 CSS transition"
+          },
+          "verification": "追踪user-list.mpx同一个回顶按钮的按下/松开/取消绑定到状态类和CSS，核对150ms、scale(.96)/opacity(.7)及恢复值；点击回顶链路另由s2_02验证。",
+          "source_assertions": [
+            "e3_06",
+            "e3_07",
+            "e3_08",
+            "e6_08"
+          ]
+        }
+      ],
+      "description": "适配单个用户列表组件，将标题图文截断、提示圆点动画和回顶按钮反馈与列表数据、查询及外部模板组合为完整交互。",
+      "task_type": "adaptation",
+      "source_cases": [
+        2,
+        3
+      ]
+    },
+    {
+      "id": 3,
+      "name": "new-task-board-page",
+      "title": "从零创建任务看板页面",
+      "description": "仅给定产品需求和宿主配置，验证从零选择Skyline页面、滚动、文本及状态动画方案。通用语法和业务功能单独验证。",
+      "task_type": "creation",
+      "prompt": "请读取input/task.md，根据产品需求从零创建Mpx任务看板页面并更新宿主配置，兼容微信Skyline与WebView。范围已确认，交付完整文件和验证报告。",
+      "files": [
+        "input/app.json",
+        "input/task.md"
+      ],
+      "assertions": [
+        {
+          "id": "n3_00",
+          "text": "Skyline 新页面配置renderer=skyline、componentFramework=glass-easel、navigationStyle=custom和disableScroll=true，实际呈现任务看板导航；app顶层lazyCodeLoading及rendererOptions.skyline五项推荐配置完整。",
+          "rule_id": "skyline.creation-page-config",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-configuration.md",
+            "section": "适配参考"
+          },
+          "verification": "解析页面与app配置，逐项核对requiredComponents及defaultDisplayBlock/defaultContentBox/enableScrollViewAutoSize=true、tagNameStyleIsolation/keyframeStyleIsolation=legacy，检查实际导航节点。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s1_04",
+            "s1_05",
+            "s1_06"
+          ]
+        },
+        {
+          "id": "n3_01",
+          "text": "Skyline 新页面通过有明确高度约束的type=list纵向scroll-view承载任务，任务项为直接子节点，标题及筛选区位于滚动主体之外。",
+          "rule_id": "skyline.creation-scroll-layout",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "检查父子高度与Flex收缩链、scroll-y及列表直接子节点；以超出一屏的任务验证有界滚动布局。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s1_00"
+          ]
+        },
+        {
+          "id": "n3_02",
+          "text": "Skyline 新页面将下拉刷新接到scroll-view的bindrefresherrefresh，refresher-triggered绑定状态，成功及失败路径均结束容器刷新态。",
+          "rule_id": "skyline.creation-refresh",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "沿实际事件绑定触发刷新，注入resolve/reject，核对刷新态最终false且容器可继续操作。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s1_01"
+          ]
+        },
+        {
+          "id": "n3_03",
+          "text": "Skyline 新页面将scroll-view的bindscrolltolower接入分页追加，每次容器触底后新任务进入同一滚动列表。",
+          "rule_id": "skyline.creation-pagination",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "页面滚动替代方案"
+          },
+          "verification": "从实际模板触底绑定调用处理器两次，核对每次新增2条且原列表保留；分类和唯一键另作业务验证。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s1_02"
+          ]
+        },
+        {
+          "id": "n3_04",
+          "text": "Skyline 新页面长任务标题在实际text承载节点设置max-lines=1、overflow=ellipsis，并在有界可收缩宽度内与WebView单行省略路径共同生效。",
+          "rule_id": "skyline.creation-title-ellipsis",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "文本溢出省略适配"
+          },
+          "verification": "检查text属性、父级宽度/收缩约束和WebView样式；代入长标题审查两种renderer的实际截断路径。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s0_00"
+          ]
+        },
+        {
+          "id": "n3_05",
+          "text": "Skyline 新页面分类按钮通过状态类驱动transform/opacity的150ms CSS transition，按下达到scale(.96)/opacity(.7)，松开和取消均恢复1。",
+          "rule_id": "skyline.creation-press-feedback",
+          "scope": "skyline",
+          "source": {
+            "file": "references/skyline-layout-practice.md",
+            "section": "animation API 不支持 → 使用 CSS transition"
+          },
+          "verification": "追踪真实触摸绑定到响应状态和CSS，分别模拟按下/松开/取消，核对数值、持续时间和恢复。",
+          "source_assertions": [],
+          "related_adaptation_assertions": [
+            "s2_07"
+          ]
+        }
+      ],
+      "design_references": [
+        "mpx2rn-workspace/iteration-17/eval-6-new-rating-component",
+        "mpx2rn-workspace/iteration-17/eval-7-new-segmented-control",
+        "mpx2rn-workspace/iteration-17/eval-8-new-task-board-page"
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/fixture-provenance.json b/.agents/skills/mpx2skyline-workspace/iteration-4/fixture-provenance.json
new file mode 100644
index 0000000000..c156b8b171
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/fixture-provenance.json
@@ -0,0 +1,8 @@
+{
+  "note": "保留未改造业务输入的原始哈希；case 1页面及case 2组件已按合并需求重组，由语义测试验证。",
+  "files": {
+    "eval-0-style-layout/input/style-card.mpx": "02971adbcf26eea73fdb3b249f04307a3cd9dc86e35d0db4a3890fc700c50370",
+    "eval-2-template-runtime-inline-animation/input/logo.svg": "c71a85400c9d1bc64393103364611c9370076caec60d65bc20fdcfdd97f6d29d",
+    "eval-2-template-runtime-inline-animation/input/row.wxml": "80f43cf55dbaf032920128f167d8b324b588e4dc01cbaa66e5f4063c394c876d"
+  }
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/grading-standard.md b/.agents/skills/mpx2skyline-workspace/iteration-4/grading-standard.md
new file mode 100644
index 0000000000..d53884509c
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/grading-standard.md
@@ -0,0 +1,21 @@
+# Skyline 专项评分标准 v4
+
+4个case，共37条正向断言，分母依次为12、11、8、6。evals.json是唯一评分定义，各eval_metadata.json保持一致。
+
+仅评价实际微信Skyline/glass-easel路径；WebView按明确的兼容要求检查，RN分支可采用自身合法实现。每条满足全部条件得1分，证据不足得0分。允许规则支持的语义等价实现；按verification追踪真实节点与执行链路。
+
+原31条适配断言保留覆盖目标；case 1的6条滚动断言按统一页面修订，case 2的4条验证方法明确指向统一组件中的实际节点，迁移表保留前版内容。新增6条创建断言用于验证“需求到方案”的独立入口，与迁移case共享能力规则但不同任务触发；related_adaptation_assertions显式标记对应能力，不能宣称37条是37种互不重叠的能力。每个case内部按不同适配结果计分。case 1的主订单区域使用custom承载吸顶，外层nested负责嵌套，横向list/custom负责组内订单；刷新、分页和位置监听都验证主区域的真实绑定。另列迁移31条和创建6条分数，避免综合分掩盖任一入口劣化。
+
+交付完整性、props/API/script setup/defineExpose语法、页面注册、参数筛选、普通状态与事件、稳定key及资源完整性记录于validation.json，不单独占Skyline分数。真实编译错误使目标实现不可执行时，对应断言仍失败。
+
+新建case实际执行参数初始化、空分类、完成切换、刷新成功/失败、两次分页与触摸取消的业务验证；事件与Skyline容器/动画的衔接按专项断言评分。静态或mock通过不等于真机通过。应用构建、微信模板编译、真机渲染分别记录，未执行为not_run。
+
+产物位于eval-*/<configuration>/outputs/；评分、验证、执行、耗时和Token证据位于run-1/。输入统一读取eval-*/input/，Skill读取中央路径，记录执行前后输入和Skill版本/哈希，缺失Token/精确耗时用unavailable。
+
+独立Skill、no_skill及未来合并Skill采用相同输入、模型参数和验证方式，只有Skill读取权限不同。比较逐条通过转失败及分入口分数；本版尚未执行，不复用iteration-3分数。
+
+case 2的外部row.wxml与logo.svg继续保留，以验证外部模板作用域与真实图文混排；回顶按钮的查询结果和CSS反馈分别计分，所有证据应来自同一个user-list组件。
+
+Case 2断言统一编号为s2_00–s2_07；原s3_00/s3_01/s3_02依次迁移为s2_05/s2_06/s2_07，旧ID保存在迁移表source_assertion_id中。断言正文及验证方法不变。
+
+Case 1断言统一编号为s1_00–s1_10；原s4_00/s4_01/s4_02/s4_03依次迁移为s1_07/s1_08/s1_09/s1_10，旧ID保存在迁移表source_assertion_id中。评分要求不变。
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/prompt_templates.json b/.agents/skills/mpx2skyline-workspace/iteration-4/prompt_templates.json
new file mode 100644
index 0000000000..f1a7da4fba
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/prompt_templates.json
@@ -0,0 +1,16 @@
+{
+  "variables": {
+    "TASK_PROMPT": "eval.prompt",
+    "INPUT_PATHS": "当前eval外层input文件绝对路径；共享读取",
+    "OUTPUT_DIR": "eval-*/<configuration>/outputs绝对路径",
+    "WORKDIR": "eval-*/<configuration>/run-1绝对路径",
+    "SKILL_PATH": "当前配置中央Skill路径；执行前指定"
+  },
+  "template": "任务：{{TASK_PROMPT}}\n输入：{{INPUT_PATHS}}，先读task.md。\n先完整读取{{SKILL_PATH}}，按需阅读关联参考。当前目标是微信Skyline/glass-easel，其他平台分支可采用各自合法实现。\n工作目录：{{WORKDIR}}；业务产物与report.md写入{{OUTPUT_DIR}}，测试和审计证据放工作目录。输入和Skill共享只读，不复制到run目录。\n仅读取任务输入及当前配置允许的Skill，保持评分文件和历史产物隔离。范围已确认，直接实施。记录真实验证与未验证项，单测失败最多尝试3次修复。",
+  "archive_rules": [
+    "执行前后记录输入、Skill逐文件哈希和模型参数。",
+    "产物完整性、语法编译、业务回归另记validation.json；Skyline得分仅来自evals.json。",
+    "独立Skill与合并Skill采用同一模板、输入、模型参数和验证方法。"
+  ],
+  "no_skill_template": "任务：{{TASK_PROMPT}}\n输入：{{INPUT_PATHS}}，先读task.md。\n本组不读取任何Skill或Skill参考资料，仅依据输入和已有知识完成。当前目标是微信Skyline/glass-easel，其他平台分支可采用各自合法实现。\n工作目录：{{WORKDIR}}；业务产物与report.md写入{{OUTPUT_DIR}}，测试和审计证据放工作目录。输入和Skill共享只读，不复制到run目录。\n仅读取任务输入及当前配置允许的Skill，保持评分文件和历史产物隔离。范围已确认，直接实施。记录真实验证与未验证项，单测失败最多尝试3次修复。"
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/run-metadata.json b/.agents/skills/mpx2skyline-workspace/iteration-4/run-metadata.json
new file mode 100644
index 0000000000..d83027fd64
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/run-metadata.json
@@ -0,0 +1,8 @@
+{
+  "status": "not_run",
+  "suite_version": 4,
+  "cases": 4,
+  "assertions": 37,
+  "historical_baseline": "../iteration-3",
+  "baseline_reuse": "合并任务改变上下文，新建任务增加创建入口；新版需重新执行两组，旧评分不迁移。"
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/source-snapshot.json b/.agents/skills/mpx2skyline-workspace/iteration-4/source-snapshot.json
new file mode 100644
index 0000000000..61c2d14567
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/source-snapshot.json
@@ -0,0 +1,30 @@
+{
+  "status": "definition-only",
+  "files": {
+    "run-metadata.json": "af00d55a3dcfc624e1936da6d8d2b4e8a1099b25c7de3ac2c9c270085b0eef41",
+    "fixture-provenance.json": "765bc5058b6e0703b68094c00a1dd00b508b899b1d4c32f75b36d381091adf32",
+    "grading-standard.md": "7f451565d85d3f1f0a1a4f8133a46ba6defd99f81ede9d08bd341ed47312b952",
+    "evals.json": "69cd93daf51ff3e3da3a7d5c02e0e7063f89319921e849abd9e8c01b200dcecb",
+    "prompt_templates.json": "34504f40ce661883354785a1091cba0c7dc3e793898d1c8a99f36bf1f631051a",
+    "README.md": "e5dad33a70648d452b99221e64e152373f28f934622522eccb12efb13b5f100b",
+    "assertion-migration.json": "6fc54abc5f97a583ed48f5fdf62e79dd5cae65f031e50faf155d068993a57f77",
+    "validate-suite.test.cjs": "5dff42924895d258a1d7e7028cc6d1a75b238d2511507f9500914e11e84f5c8c",
+    "eval-3-new-task-board-page/eval_metadata.json": "092dc91a23645b36e05913857ff54cb1f45985b3a36e67f2693c832b307ed85f",
+    "eval-1-page-scroll-sticky-layer-config/eval_metadata.json": "1615c69f86f8f983af32b8d733fd02dd39dd6beec977385398cca36ef05f452a",
+    "eval-0-style-layout/eval_metadata.json": "d83839636bcc95b3c81cc0c4cfbeb64608e3802b6da945bd9024841927655962",
+    "eval-2-template-runtime-inline-animation/eval_metadata.json": "970d2b8dfd396cb274b0dfd8034fb8e28c2c10a2699851ab196e80f90d13a0cb",
+    "eval-2-template-runtime-inline-animation/input/row.wxml": "80f43cf55dbaf032920128f167d8b324b588e4dc01cbaa66e5f4063c394c876d",
+    "eval-2-template-runtime-inline-animation/input/user-list.mpx": "508fe0ecaa078cb526de50a5d8a0be13209401ee36feed974fea1c450f422e11",
+    "eval-2-template-runtime-inline-animation/input/task.md": "820cd9daddb3bdb88cb7ef386f42ab63385953ac528be86b15e768875bf17c38",
+    "eval-2-template-runtime-inline-animation/input/logo.svg": "c71a85400c9d1bc64393103364611c9370076caec60d65bc20fdcfdd97f6d29d",
+    "eval-0-style-layout/input/style-card.mpx": "02971adbcf26eea73fdb3b249f04307a3cd9dc86e35d0db4a3890fc700c50370",
+    "eval-0-style-layout/input/task.md": "2d3e10c639fd4715bdcd80fe4a221519a80f4cd9c5d7ed49a709ee335c01ca5f",
+    "eval-1-page-scroll-sticky-layer-config/input/orders.mpx": "6e0df185e713f033af82368b5acf069c43812259509b2a381d3ce946de0b60ad",
+    "eval-1-page-scroll-sticky-layer-config/input/app.json": "08b6c0c8a67d9602540f6eba281fd3649e75b8aee175ce2640a7dd3a714cf1ac",
+    "eval-1-page-scroll-sticky-layer-config/input/service.js": "977d51816125ab91147f6e3b4bf9b764046fefc7ad958495285cd4489e3bf164",
+    "eval-1-page-scroll-sticky-layer-config/input/task.md": "f91ca5b0a218c2c50ce008a605568a762f4a62ab96bb1f08c37309d0de6aba34",
+    "eval-3-new-task-board-page/input/app.json": "29beeb70b987df710a8381437d21a137ff68b9cab73eddace62ca26c1fa54dca",
+    "eval-3-new-task-board-page/input/task.md": "97a423449478347cb8068eb755544a9fcf1cb12d06a0459ac8725120e7899286"
+  },
+  "note": "记录新版定义和输入；执行时另记录实际Skill版本/哈希。"
+}
diff --git a/.agents/skills/mpx2skyline-workspace/iteration-4/validate-suite.test.cjs b/.agents/skills/mpx2skyline-workspace/iteration-4/validate-suite.test.cjs
new file mode 100644
index 0000000000..0352de60c0
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/iteration-4/validate-suite.test.cjs
@@ -0,0 +1,151 @@
+const fs = require('fs')
+const path = require('path')
+const repo = process.cwd()
+const read = file => JSON.parse(fs.readFileSync(file, 'utf8'))
+const manifest = read(path.join(__dirname, 'evals.json'))
+const assertions = manifest.evals.flatMap(item => item.assertions)
+
+test('four cases preserve all 31 adaptation assertions and add six creation assertions', () => {
+  expect(manifest.evals.map(item => item.assertions.length)).toEqual([12, 11, 8, 6])
+  expect(assertions).toHaveLength(37)
+  expect(new Set(assertions.map(item => item.id)).size).toBe(37)
+  const migration = read(path.join(__dirname, 'assertion-migration.json'))
+  expect(migration.items).toHaveLength(31)
+  expect(new Set(migration.items.map(item => item.assertion_id)).size).toBe(31)
+  migration.items.forEach(move => {
+    const current = assertions.find(value => value.id === move.assertion_id)
+    expect(current).toBeDefined()
+    expect(manifest.evals[move.to_case].assertions).toContain(current)
+    if (move.disposition !== 'preserved') {
+      expect(move.previous_text.length).toBeGreaterThan(0)
+      expect(move.previous_verification.length).toBeGreaterThan(0)
+      expect([1, 2]).toContain(move.to_case)
+    } else {
+      expect(current.text).toBe(move.previous_text)
+      expect(current.verification).toBe(move.previous_verification)
+    }
+  })
+})
+
+test('metadata, shared inputs and rule references resolve', () => {
+  const parse = require(path.join(repo, 'packages/webpack-plugin/lib/parser'))
+  const babel = require(path.join(repo, 'node_modules/@babel/core'))
+  manifest.evals.forEach(item => {
+    const dir = path.join(__dirname, `eval-${item.id}-${item.name}`)
+    const metadata = read(path.join(dir, 'eval_metadata.json'))
+    expect(metadata.assertions).toEqual(item.assertions)
+    expect(metadata.files).toEqual(item.files)
+    item.files.forEach(file => {
+      const target = path.join(dir, file)
+      expect(fs.existsSync(target)).toBe(true)
+      if (file.endsWith('.mpx')) {
+        const sfc = parse(fs.readFileSync(target, 'utf8'), { filePath: target, mode: 'wx' })
+        expect(sfc.template.content.length).toBeGreaterThan(0)
+        expect(() => babel.parseSync(sfc.script.content, { configFile: false, babelrc: false, sourceType: 'module' })).not.toThrow()
+        expect(() => JSON.parse(sfc.json.content)).not.toThrow()
+      }
+      if (file.endsWith('.json')) expect(() => read(target)).not.toThrow()
+    })
+    item.assertions.forEach(assertion => {
+      expect(assertion.scope).toBe('skyline')
+      expect(assertion.text).toContain('Skyline')
+      expect(assertion.text).not.toMatch(/不得|禁止|不能|不依赖|不要|无Worklet|不引入/)
+      const reference = fs.readFileSync(path.join(repo, '.agents/skills/mpx2skyline', assertion.source.file), 'utf8')
+      expect(reference).toContain(assertion.source.section)
+    })
+  })
+})
+
+test('merged fixtures are intact and creation starts from requirements', () => {
+  const crypto = require('crypto')
+  const provenance = read(path.join(__dirname, 'fixture-provenance.json'))
+  Object.entries(provenance.files).forEach(([file, digest]) => {
+    expect(crypto.createHash('sha256').update(fs.readFileSync(path.join(__dirname, file))).digest('hex')).toBe(digest)
+  })
+  const creation = manifest.evals[3]
+  expect(creation.task_type).toBe('creation')
+  expect(creation.files).toEqual(['input/app.json', 'input/task.md'])
+  creation.assertions.forEach(item => item.related_adaptation_assertions.forEach(id => {
+    expect(assertions.some(assertion => assertion.id === id)).toBe(true)
+  }))
+  expect(manifest.status).toBe('cases-ready-not-run')
+  expect(read(path.join(__dirname, 'run-metadata.json')).status).toBe('not_run')
+  expect(fs.existsSync(path.join(__dirname, 'benchmark.json'))).toBe(false)
+})
+
+
+test('unified orders fixture appends grouped pages and retains data on refresh failure', async () => {
+  const vm = require('vm')
+  const dir = path.join(__dirname, 'eval-1-page-scroll-sticky-layer-config/input')
+  expect(fs.readdirSync(dir).sort()).toEqual(['app.json', 'orders.mpx', 'service.js', 'task.md'])
+  const service = fs.readFileSync(path.join(dir, 'service.js'), 'utf8')
+  const fetchOrders = vm.runInNewContext(service.replace('export function', 'function') + '; fetchOrders')
+  const parse = require(path.join(repo, 'packages/webpack-plugin/lib/parser'))
+  const file = path.join(dir, 'orders.mpx')
+  const sfc = parse(fs.readFileSync(file, 'utf8'), { filePath: file, mode: 'wx' })
+  let options
+  const stop = jest.fn()
+  vm.runInNewContext(sfc.script.content.replace(/^import .*$/gm, ''), {
+    createPage: value => { options = value },
+    fetchOrders,
+    wx: { stopPullDownRefresh: stop }
+  })
+  const state = Object.assign({}, options.data, options.methods)
+  await state.reload()
+  expect(state.sections).toHaveLength(4)
+  expect(state.sections.every(section => section.items.length === 8)).toBe(true)
+  await state.loadMore()
+  await state.loadMore()
+  expect(state.sections).toHaveLength(12)
+  expect(state.pageNo).toBe(3)
+  expect(new Set(state.sections.map(section => section.id)).size).toBe(12)
+  const orders = state.sections.flatMap(section => section.items)
+  expect(new Set(orders.map(order => order.id)).size).toBe(96)
+  const previous = state.sections
+  await expect(state.reload(true)).rejects.toThrow('订单加载失败')
+  expect(state.sections).toBe(previous)
+  expect(stop).toHaveBeenCalledTimes(2)
+  state.open()
+  expect(state.opened).toBe(true)
+  state.close()
+  expect(state.opened).toBe(false)
+  const byId = Object.fromEntries(manifest.evals[1].assertions.map(item => [item.id, item]))
+  expect(byId.s1_07.text).toContain('type=custom')
+  expect(byId.s1_00.text).not.toContain('type=list')
+  ;['s1_01', 's1_02', 's1_03'].forEach(id => expect(byId[id].text).toContain('主订单纵向scroll-view'))
+})
+
+
+test('unified user-list connects heading, external rows and feedback to the same component', () => {
+  const vm = require('vm')
+  const dir = path.join(__dirname, 'eval-2-template-runtime-inline-animation/input')
+  expect(fs.readdirSync(dir).sort()).toEqual(['logo.svg', 'row.wxml', 'task.md', 'user-list.mpx'])
+  const file = path.join(dir, 'user-list.mpx')
+  const parse = require(path.join(repo, 'packages/webpack-plugin/lib/parser'))
+  const sfc = parse(fs.readFileSync(file, 'utf8'), { filePath: file, mode: 'wx' })
+  let options
+  let selected
+  const scrollTo = jest.fn()
+  const query = { in () { return this }, select (id) { selected = id; return this }, node () { return this }, exec (cb) { cb([{ node: { scrollTo } }]) } }
+  const createAnimation = config => {
+    const result = { duration: config.duration }
+    return { scale (value) { result.scale = value; return this }, opacity (value) { result.opacity = value; return this }, step () { return this }, export () { return result } }
+  }
+  vm.runInNewContext(sfc.script.content.replace(/^import .*$/gm, ''), {
+    createComponent: value => { options = value },
+    wx: { createSelectorQuery: () => query, createAnimation }
+  })
+  const state = Object.assign({}, options.data, options.methods)
+  state.setRows({ items: [{ id: 'a', name: '甲', visible: true }, { id: 'b', name: '乙', visible: false }] })
+  expect(options.computed.visibleItems.call(state).map(item => item.id)).toEqual(['a'])
+  state.scrollTop()
+  expect(selected).toBe('#1users')
+  expect(scrollTo).toHaveBeenCalledWith({ top: 0 })
+  state.press()
+  expect(state.animationData).toEqual({ duration: 150, scale: 0.96, opacity: 0.7 })
+  state.release()
+  expect(state.animationData).toEqual({ duration: 150, scale: 1, opacity: 1 })
+  expect(sfc.template.content).toMatch(/<image[^>]*logo.svg[^>]*\/><text>{{label}}<\/text>/)
+  expect(sfc.template.content).toContain('<include src="./row.wxml"/>')
+  expect(sfc.template.content).toMatch(/<view[^>]*bindtap="scrollTop"[^>]*bindtouchstart="press"[^>]*bindtouchend="release"[^>]*bindtouchcancel="release"/)
+})
diff --git a/.agents/skills/mpx2skyline-workspace/test-design.md b/.agents/skills/mpx2skyline-workspace/test-design.md
new file mode 100644
index 0000000000..9a66893c6b
--- /dev/null
+++ b/.agents/skills/mpx2skyline-workspace/test-design.md
@@ -0,0 +1,99 @@
+# Skyline 适配测试集设计 v4
+
+当前为4个case、37条Skyline正向断言，尚未执行。旧[iteration-3结果](iteration-3/benchmark.md)保持历史归属。
+
+| Case | 名称 | 断言数 | 来源 |
+| --- | --- | ---: | --- |
+| 0 | 样式与布局 | 12 | 原case 0 |
+| 1 | 页面滚动、吸顶与层级配置 | 11 | 原case 1,4 |
+| 2 | 模板运行时、图文混排与动画 | 8 |  |
+| 3 | 从零创建任务看板页面 | 6 | 新建需求场景 |
+
+## 合并与计分边界
+
+case 1将订单与分类面板合并为单个orders.mpx输入，数据接口统一返回分组订单；case 2将推广卡片的图文与动画并入user-list组件，保留row.wxml及logo.svg作为必要外部资源。旧31条断言保留能力覆盖，其中case 1的6条按统一主滚动区域修订，case 2的4条验证方法指向同一组件；前版正文与验证方法记录在迁移表。来源章节名称与当前Skill对齐。
+
+新增case通过仅提供需求而不提供待修复页面，验证从零实现Skyline适配。业务与通用Mpx语法单独验证，不纳入专项断言。创建入口与迁移入口有意复用核心能力，分开报告31条迁移分数和6条创建分数。
+
+## Case 0：样式与布局
+
+适配组件样式、间距、视觉效果及字体兼容。
+
+[需求](iteration-4/eval-0-style-layout/input/task.md)
+
+| 断言 | Skyline适配要求 | 验证方法 |
+| --- | --- | --- |
+| `s0_00` | Skyline 标题的实际 text 承载节点设置 max-lines=1、overflow=ellipsis，并与 WebView 单行省略样式共同实现长标题截断。 | 检查标题节点属性和有界宽度；分别审查两种 renderer 的单行省略路径。 |
+| `s0_01` | Skyline 两列标签使用显式横向 Flex 和等分子项布局，实现两列等宽。 | 检查父子布局关系及 flex basis/width，计算两列可用宽度。 |
+| `s0_02` | Skyline 活动状态通过受支持的 class 选择器映射到红色活动文案。 | 追踪实际活动节点 class 与颜色声明的匹配关系。 |
+| `s0_03` | Skyline 通过 renderer 与屏宽状态选择容器 padding，宽度≤320px 为12rpx、>320px 为24rpx；Skyline 默认覆盖位于媒体查询之后，WebView 继续使用原媒体查询。 | 分别代入 renderer 两值和320/321px，按选择器优先级与源码顺序计算最终 padding。 |
+| `s0_04` | Skyline 内容与父容器上外沿的20px距离由父 padding 表达，子节点从父内容区起始位置布局。 | 检查 .outer/.child 的盒模型，计算父外沿到首个子盒的20px距离。 |
+| `s0_05` | Skyline 相邻块的垂直间距集中由一侧的16px margin承担，最终相邻盒间距为16px。 | 计算第一块下边界到第二块上边界的间距，核对两侧 margin 的实际贡献。 |
+| `s0_06` | Skyline 将双阴影分配到同尺寸的嵌套节点或等效分层结构，呈现原有两层阴影的参数和前后关系。 | 追踪0 2px 4px #000与0 4px 8px #333分别作用的节点、尺寸和绘制层次。 |
+| `s0_07` | Skyline 将复合滤镜分层为内层blur(2px)和外层brightness(.8)，组合呈现原有两种效果。 | 检查滤镜节点嵌套与作用顺序，逐层核对单函数参数。 |
+| `s0_08` | Skyline 字体处理识别 City-Semibold 的同名独立字体族，明确 Trip-Medium 的宿主字体与 PostScript 映射核验点，并记录500/600字重的机型验证要求。 | 结合 @font-face 与报告核对两个字体来源；宿主二进制缺失时，记录待核验信息及保持现有视觉的集成方案。 |
+| `s0_09` | Skyline 单阴影节点以单个 box-shadow 呈现原有 0 2px 4px rgba(0,0,0,.2) 效果，颜色函数作为完整颜色值解析。 | 核对 .single-shadow 的实际阴影层数为1，偏移、模糊半径和颜色透明度均与输入一致。 |
+| `s0_10` | Skyline 单滤镜节点采用受支持的 blur(2px)，呈现原有独立模糊效果。 | 追踪 .single-filter 的实际滤镜节点和参数，确认独立内容仍具有2px模糊效果。 |
+| `s0_11` | Skyline 在宿主 defaultContentBox=true 条件下，child 保持100px内容宽度及左右各10px padding，实际外宽为120px。 | 结合宿主默认盒模型和实际节点 box-sizing、width、padding、border 计算内容宽与外宽，分别核对100px和120px。 |
+
+## Case 1：页面滚动、吸顶与层级配置
+
+适配单个分组订单页面，统一嵌套纵向主区域的刷新、分页、滚动监听，组内横向列表、吸顶及弹层层级。
+
+[需求](iteration-4/eval-1-page-scroll-sticky-layer-config/input/task.md)
+
+| 断言 | Skyline适配要求 | 验证方法 |
+| --- | --- | --- |
+| `s1_00` | Skyline 订单页面的外层与主订单纵向scroll-view均具有明确可滚动高度，概览与分组主体按嵌套层次布局，分组实际参与主滚动区域。 | 检查导航下方的外层高度、概览占位和主订单容器高度链，以多组数据核对主区域可滚动；具体类型及吸顶结构分别按s1_07/s1_09验证。 |
+| `s1_01` | Skyline 主订单纵向scroll-view通过bindrefresherrefresh启动刷新，refresher-triggered绑定刷新状态，请求成功和失败均结束该容器刷新态。 | 定位承载sections的主纵向容器及刷新绑定，分别注入fetchOrders(1)成功和失败，核对刷新态复位；外层或横向容器的绑定不能替代主区域链路。 |
+| `s1_02` | Skyline 主订单纵向scroll-view通过bindscrolltolower连接分页加载，触底后下一页分组追加到同一sections列表并继续展示。 | 从主订单容器实际触底绑定连续调用两次，核对页号推进、新分组追加和原分组保留；确认横向触底不触发纵向分页。 |
+| `s1_03` | Skyline 主订单纵向scroll-view通过bindscroll读取event.detail.scrollTop并更新概览中的滚动位置。 | 给主区域滚动处理器传入detail.scrollTop并核对展示；检查外层及横向滚动事件不会被误当作主订单区域位置。 |
+| `s1_04` | Skyline 页面配置 renderer=skyline、componentFramework=glass-easel、navigationStyle=custom、disableScroll=true，并在模板实现订单自定义导航。 | 解析页面JSON并检查真实导航节点和主体布局关系。 |
+| `s1_05` | Skyline 接入所需的 lazyCodeLoading=requiredComponents 配置于 app.json 顶层。 | 解析 app.json 并检查顶层属性值。 |
+| `s1_06` | Skyline 在 app.rendererOptions.skyline 中配置 defaultDisplayBlock=true、defaultContentBox=true、tagNameStyleIsolation=legacy、enableScrollViewAutoSize=true、keyframeStyleIsolation=legacy。 | 逐项解析五个字段的层级、类型和值。 |
+| `s1_07` | Skyline 外层纵向scroll-view采用type=nested，主订单纵向容器显式选择type=custom，内层横向容器显式选择list/custom，并通过associative-container=nested-scroll-view建立嵌套关联。 | 沿外层、主区域及横向列表的父子关系核对类型和关联；主区域的custom用于承载吸顶分组，横向列表承担订单排列。 |
+| `s1_08` | Skyline 横向列表显式选择type=list/custom，开启enable-flex并设置横向Flex布局；采用list时条目为直接子节点，项目保持120px宽度和相应的收缩约束。 | 检查横向容器的type、scroll-x、enable-flex、flex-direction及条目宽度/收缩；采用list时检查直接子节点，多项目排列后形成横向内容。 |
+| `s1_09` | Skyline 主订单custom容器内使用sticky-section/sticky-header实现分组标题吸顶，header为section首子节点且具有背景；WebView分支采用对应CSS sticky实现。 | 核对主区域type=custom、每组sticky节点关系、标题背景和renderer分支；真实吸顶与嵌套手势另外记录真机验证状态。 |
+| `s1_10` | Skyline 弹层与悬浮按钮组织为可比较的fixed层，通过层级值使弹层覆盖按钮。 | 追踪实际fixed兄弟或等效可比较层级，比较最终覆盖关系及z-index。 |
+
+## Case 2：模板运行时、图文混排与动画
+
+适配单个用户列表组件，将标题图文截断、提示圆点动画和回顶按钮反馈与列表数据、查询及外部模板组合为完整交互。
+
+[需求](iteration-4/eval-2-template-runtime-inline-animation/input/task.md)
+
+| 断言 | Skyline适配要求 | 验证方法 |
+| --- | --- | --- |
+| `s2_00` | Skyline/glass-easel 的 wx:for 在初始化、数据返回前、null返回及正常数组更新阶段均接收 Array/Object 类型的数据。 | 检查初始渲染数据及computed所有消费路径，分别模拟undefined/null/空数组/有效数组。 |
+| `s2_01` | Skyline/glass-easel 的用户容器使用合法的非数字开头id，组件内通过 this.createSelectorQuery 定位同一容器。 | 关联模板id、组件查询作用域和select字符串，核对查询目标一致。 |
+| `s2_02` | Skyline 的实际用户滚动目标开启 enhanced，节点查询返回的 ScrollViewContext 用于执行回到顶部操作。 | 从user-list.mpx实际回顶按钮的点击绑定追踪查询目标、enhanced属性及node().exec后的scrollTo({top:0})调用，确认不是other容器。 |
+| `s2_03` | Skyline/glass-easel 循环中的外部片段采用 import 加具名 template 调用，并显式传递当前 item/index。 | 检查导入路径、模板名称和循环数据参数，代入两行不同数据确认作用域。 |
+| `s2_04` | Skyline 的简单 navigator 使用 text 或纯文本子节点；卡片导航采用符合该子节点结构的内容，或由外层点击事件实现同一详情跳转。 | 检查两个导航入口的实际子节点和/pages/detail目标；复杂外层事件方案核对绑定与跳转调用。 |
+| `s2_05` | Skyline 图标与标题置于同一个可收缩的 span 内联容器，容器设置 max-lines=1、overflow=ellipsis，图片采用 inline-block，使同段图文在有限宽度内共同单行截断；WebView 对应分支保留同段图文单行截断。 | 检查user-list.mpx标题中logo与label共同承载的实际span、省略属性、图片display及renderer路径和宽度约束；使用长label核对两者共同截断。 |
+| `s2_06` | Skyline 闪烁圆点由真实节点承载 CSS animation，采用支持的fill-mode（如both或forwards），实现原有1秒循环和透明度变化。 | 追踪user-list.mpx提示圆点的真实节点、关键帧、fill-mode与1秒周期，核对8px、#f50及opacity .3到1。 |
+| `s2_07` | Skyline 按钮通过状态类驱动 transform/opacity 的150ms CSS transition，完成按下及恢复的视觉过渡；其他渲染目标可使用各自适配实现。 | 追踪user-list.mpx同一个回顶按钮的按下/松开/取消绑定到状态类和CSS，核对150ms、scale(.96)/opacity(.7)及恢复值；点击回顶链路另由s2_02验证。 |
+
+## Case 3：从零创建任务看板页面
+
+仅给定产品需求和宿主配置，验证从零选择Skyline页面、滚动、文本及状态动画方案。通用语法和业务功能单独验证。
+
+[需求](iteration-4/eval-3-new-task-board-page/input/task.md)
+
+| 断言 | Skyline适配要求 | 验证方法 |
+| --- | --- | --- |
+| `n3_00` | Skyline 新页面配置renderer=skyline、componentFramework=glass-easel、navigationStyle=custom和disableScroll=true，实际呈现任务看板导航；app顶层lazyCodeLoading及rendererOptions.skyline五项推荐配置完整。 | 解析页面与app配置，逐项核对requiredComponents及defaultDisplayBlock/defaultContentBox/enableScrollViewAutoSize=true、tagNameStyleIsolation/keyframeStyleIsolation=legacy，检查实际导航节点。 |
+| `n3_01` | Skyline 新页面通过有明确高度约束的type=list纵向scroll-view承载任务，任务项为直接子节点，标题及筛选区位于滚动主体之外。 | 检查父子高度与Flex收缩链、scroll-y及列表直接子节点；以超出一屏的任务验证有界滚动布局。 |
+| `n3_02` | Skyline 新页面将下拉刷新接到scroll-view的bindrefresherrefresh，refresher-triggered绑定状态，成功及失败路径均结束容器刷新态。 | 沿实际事件绑定触发刷新，注入resolve/reject，核对刷新态最终false且容器可继续操作。 |
+| `n3_03` | Skyline 新页面将scroll-view的bindscrolltolower接入分页追加，每次容器触底后新任务进入同一滚动列表。 | 从实际模板触底绑定调用处理器两次，核对每次新增2条且原列表保留；分类和唯一键另作业务验证。 |
+| `n3_04` | Skyline 新页面长任务标题在实际text承载节点设置max-lines=1、overflow=ellipsis，并在有界可收缩宽度内与WebView单行省略路径共同生效。 | 检查text属性、父级宽度/收缩约束和WebView样式；代入长标题审查两种renderer的实际截断路径。 |
+| `n3_05` | Skyline 新页面分类按钮通过状态类驱动transform/opacity的150ms CSS transition，按下达到scale(.96)/opacity(.7)，松开和取消均恢复1。 | 追踪真实触摸绑定到响应状态和CSS，分别模拟按下/松开/取消，核对数值、持续时间和恢复。 |
+
+## 后续执行
+
+使用同一模型/参数先建立独立Skill与no_skill基线，再比较合并Skill。保存输入、Skill哈希和实际执行证据。本次只更新测试定义，未执行模型评测。
+
+[完整定义](iteration-4/evals.json) · [评分标准](iteration-4/grading-standard.md) · [迁移表](iteration-4/assertion-migration.json)
+
+Case 2断言统一编号为s2_00–s2_07；原s3_00/s3_01/s3_02依次迁移为s2_05/s2_06/s2_07，旧ID保存在迁移表source_assertion_id中。断言正文及验证方法不变。
+
+Case 1断言统一编号为s1_00–s1_10；原s4_00/s4_01/s4_02/s4_03依次迁移为s1_07/s1_08/s1_09/s1_10，旧ID保存在迁移表source_assertion_id中。评分要求不变。
diff --git a/.agents/skills/mpx2skyline/SKILL.md b/.agents/skills/mpx2skyline/SKILL.md
new file mode 100644
index 0000000000..cd4f1d5692
--- /dev/null
+++ b/.agents/skills/mpx2skyline/SKILL.md
@@ -0,0 +1,225 @@
+---
+name: mpx2skyline
+description: |
+  基于 Mpx 开发实现的微信小程序 WebView 适配 Skyline 渲染引擎指南，覆盖布局、样式、组件、配置四大维度。
+  当用户要求对已有微信小程序页面或组件进行 Skyline 适配、创建符合 Skyline 兼容规范的页面或组件、
+  排查 Skyline 下样式不生效/组件不渲染/布局异常/层级错乱等问题、或查询某项能力在
+  Skyline 下的支持情况时强制调用。当用户问题不涉及 Skyline 适配时不应调用，如
+  Mpx 输出 RN 问题、支付宝小程序问题、纯微信原生小程序、纯 WebView 小程序开发问题等。
+metadata:
+  version: "1.0.1"
+---
+
+# Mpx 输出 Skyline 渲染引擎的开发&适配指南
+
+## 背景介绍
+
+Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展支持的跨端开发框架，支持将同一套代码输出到小程序（微信、支付宝、百度等）、Web 和 React Native 平台。
+
+Skyline 是微信小程序新一代渲染引擎，旨在替代 WebView 渲染以获得更接近原生的性能和体验。与 WebView 模式相比，Skyline 在布局模型、层叠机制、样式能力、组件支持、页面行为上存在系统性差异。
+
+### 适用场景
+
+本 SKILL 是 Mpx WebView 适配 Skyline 渲染引擎的统一指南，覆盖布局、样式、组件、配置四大维度。涉及 Mpx Skyline 适配的任务均应在动笔前阅读本 SKILL 的[通用约束与适配原则](#通用约束与适配原则)，包括但不限于：
+
+- **技术方案设计**：评估需求在 Skyline 下的可行性、跨渲染模式（WebView 与 Skyline）兼容方案选型、是否需要通过 `this.renderer === 'skyline'` 进行运行时模式隔离等；
+- **WebView 页面 Skyline 适配改造**：对已基于 WebView 模式编写、未适配 Skyline 的存量页面进行兼容性补齐（参见下文[任务一](#任务一对已有-webview-页面或组件进行-skyline-适配改造)）；
+- **页面 / 组件开发迭代**：从零编写或迭代符合 WebView 与 Skyline 双模式兼容规范的 `.mpx` 页面与组件（参见下文[任务二](#任务二创建符合-skyline-兼容规范的页面或组件)）；
+- **运行时报错与异常排查**：定位 Skyline 下样式不生效（如不支持选择器/属性静默失效）、组件不渲染（如 `scroll-view` 缺失 `type`）、布局异常（如默认 `display: flex` / `border-box` 引发的差异）、层级错乱（z-index 无层叠上下文）、模板转义、SelectorQuery 数字开头等问题；
+- **能力查询**：查询基础组件、属性、样式、API、滚动 API 在 Skyline 下的支持情况、版本要求与 WebView 差异；涉及 Worklet 动画、手势系统、自定义路由、共享元素时，本 SKILL 仅判断 Mpx 双模式接入边界，具体能力回源[微信官方 Skyline Skills](https://github.com/wechat-miniprogram/skyline-skills/tree/master/skills)；
+- **Code Review**：以本 SKILL 的[通用约束与适配原则](#通用约束与适配原则)为标准对照检查 Skyline 兼容性与跨渲染模式兼容性。
+
+### 不适用场景
+
+以下场景与 Mpx Skyline 适配无关，**不应调用**本 SKILL：
+
+- 仅面向微信小程序 WebView 的开发和适配问题（不涉及 Skyline 适配，无需 Skyline 兼容性约束）；
+- 支付宝、百度、抖音等其他小程序平台的开发问题（Skyline 是微信小程序专属渲染引擎，不适用于其他厂商）；
+- Skyline only 项目的开发问题（本 SKILL 强调 Mpx 框架下 WebView 与 Skyline 双模式兼容，纯 Skyline 项目应直接参考 [微信官方 Skyline Skills](https://github.com/wechat-miniprogram/skyline-skills/tree/master/skills)）；
+- Mpx 跨端输出 RN（Mpx2RN / Mpx2DRN）相关问题；
+- Mpx 跨端输出 Web（Mpx2Web）相关问题；
+- 不经 Mpx 框架编译的纯微信原生小程序开发问题。
+
+## 知识库索引
+
+| 知识库 | 说明                                                                                     |
+| --- |----------------------------------------------------------------------------------------|
+| [Skyline 组件不支持与差异参考](./references/skyline-component-reference.md) | 查询 WebView 迁移 Skyline 时的组件差异，覆盖不支持组件、WebView-only 属性/取值、必填属性、结构约束与高频行为差异；不是完整组件手册，未收录能力需回源确认 |
+| [Skyline 样式支持程度与兼容方案](./references/skyline-style-reference.md) | 查询 Skyline 样式与 Web/W3C CSS 标准不一致的部分，覆盖默认值、选择器、值类型、布局层叠、文本、背景遮罩、滤镜、动画等差异                |
+| [Skyline 布局与样式适配实践](./references/skyline-layout-practice.md) | 进行视图层适配改造时读取，覆盖布局/层叠、页面滚动、图文混排、sticky、文本省略、flex、媒体查询与 SVG 展示限制等改造方案                    |
+| [Skyline 运行时适配实践](./references/skyline-runtime-practice.md) | 进行运行时常见问题或者性能相关问题时读取，覆盖渲染模式判断、SelectorQuery、组件实例方法、Scroll API、常见报错与性能优化等               |
+| [Skyline 配置项与接入规范参考](./references/skyline-configuration.md) | 接入项目级与页面级配置时读取；按需点查 app.json 顶层配置、rendererOptions.skyline、页面配置示例与 Worklet Babel 插件配置   |
+| [Skyline 适配检查矩阵](./references/skyline-audit-matrix.md) | 适配完成前强制执行的审计矩阵，覆盖扫描 pattern、判定、修复、例外与验证要求                                              |
+
+### Skyline 高级能力
+
+Worklet 动画、手势系统、自定义路由、共享元素均属于 Skyline 高级能力。本 SKILL **只负责方案路由与 Mpx 接入边界**，具体 API、事件参数、版本要求、线程模型或完整实现规则参考以下官方 SKILL：
+
+| 能力 | 官方来源 | 本 SKILL 负责 |
+| --- | --- | --- |
+| Worklet 动画 | [skyline-worklet](https://github.com/wechat-miniprogram/skyline-skills/tree/master/skills/skyline-worklet) | 判断是否确需 UI 线程驱动；补充 Mpx Babel 构建配置、`renderer === 'skyline'` 隔离与 WebView 降级方案 |
+| 手势系统 | [gesture-system](https://github.com/wechat-miniprogram/skyline-skills/blob/master/skills/skyline-components/references/gesture/gesture-system.md) / [gesture-negotiation](https://github.com/wechat-miniprogram/skyline-skills/blob/master/skills/skyline-components/references/gesture/gesture-negotiation.md) | 判断是否需要 Skyline 手势能力；处理 Mpx 模板与脚本接入、跨渲染模式隔离 |
+| 自定义路由 | [skyline-route](https://github.com/wechat-miniprogram/skyline-skills/tree/master/skills/skyline-route) | 判断转场需求与 Mpx 页面配置、生命周期及 WebView 降级边界 |
+| 共享元素 | [share-element](https://github.com/wechat-miniprogram/skyline-skills/blob/master/skills/skyline-components/references/special/share-element.md) | 判断是否采用共享元素方案；处理 Mpx 页面结构、双模式隔离与降级边界 |
+
+处理上述能力时，先读取对应官方 Skill 确认能力约束与实现方案，再应用本 SKILL 的 Mpx 编译接入和 WebView 与 Skyline 兼容约束。官方 Skill 未明确支持的能力不得依据本地经验推断；两者冲突时，Skyline 能力事实以官方 Skill 为准，Mpx 接入方式以本 SKILL 为准。
+
+### 知识库使用建议
+
+参考文档体量较大，**不要一次性预读全部参考**，按需取用即可：
+
+1. **入口只读本 SKILL.md**：完整读完本文档（含下方通用约束与任务流程）足以覆盖 80% 常见场景的判断；不要在动笔前预读 references 目录。
+2. **触发式读取**：只在任务流程或通用约束中**明确指向**某份参考时读取，且仅读取与当前问题相关的小节（参考文档均含目录与章节锚点，使用 `rg` / 锚点跳读，不要整文件 Read）。
+3. **典型任务的最小阅读集**：
+   - 已有 WebView 页面 Skyline 适配改造：识别问题维度后再读对应能力参考的相关小节，通常 1–2 份足够（如样式能力差异查 `skyline-style-reference.md`，布局或模板结构改造查 `skyline-layout-practice.md`，组件差异查 `skyline-component-reference.md`，运行时问题查 `skyline-runtime-practice.md`）。未收录的组件或能力不要反推结论，需回源确认。
+   - 新建 WebView / Skyline 双模式兼容页面或组件：先按本 SKILL.md 的通用约束起手，遇到能力存疑（某属性是否支持、某 API 是否存在）时再点查对应参考。
+   - 项目级配置接入：app.json 顶层项查 [`app.json 顶层配置`](./references/skyline-configuration.md#appjson-顶层配置)，`rendererOptions.skyline` 查 [`rendererOptions.skyline 配置项`](./references/skyline-configuration.md#rendereroptionsskyline-配置项)，页面配置示例查 [`适配参考`](./references/skyline-configuration.md#适配参考)，Worklet 构建配置查 [`Worklet Babel 插件`](./references/skyline-configuration.md#worklet-babel-插件)。
+   - Worklet 动画、手势系统、自定义路由或共享元素：按[高级能力](#skyline-高级能力)读取对应官方 Skill，不预读无关高级能力参考。
+4. **何时读取 `skyline-audit-matrix.md`**：仅在适配完成前检查或 Code Review 时读取，并按要求执行完整矩阵；不要在方案设计或编码前预读。
+
+### 内容职责与同步规则
+
+- **本 SKILL.md**：维护任务流程、决策优先级、高频跨维度约束、知识路由与人工验收，确保只读入口即可完成常见判断；不复制扫描 pattern、规则 ID 或完整能力枚举。
+- **`references/`**：维护能力事实、适用条件、实现细节与示例。能力支持情况或实现方案变化时，先更新对应 reference。
+- **审计矩阵**：维护可扫描规则的 ID、level、候选 pattern、判定、修复与例外。reference 中的变化可被源码扫描或结构复核发现时，再同步更新矩阵。
+- 仅当变化影响通用决策、知识路由或人工验收时才同步本 SKILL.md；任务流程引用通用约束或 reference，不重复具体规则。内容冲突时，能力事实以 reference 为准，扫描与分级以审计矩阵为准，执行顺序与确认门禁以本 SKILL.md 为准。
+
+## 通用约束与适配原则
+
+适配改造、新建页面或组件、重构与 Code Review 均须遵循本节约束。应用本 Skill 的具体规则时，按以下优先级处理：
+
+- 规则明确指向知识库或外部文档时，先读取与当前问题相关的小节，再实施改动；
+- 规则已给出明确实现（属性值、CSS 片段、组件属性写法等）时，默认直接采用，不自行扩展替代方案；
+- Skill 未给出替代方案、规则含义不明确或文档存在歧义时，不推断实现，先说明不确定点并请求确认；
+- Skill 方案与更简写法、邻近代码风格或其他实现冲突时，先验证语义是否等价，以及 Skill 方案是否覆盖了未显式声明的上下文；验证后仍需偏离 Skill 方案的，说明差异并确认后再改。
+
+### 跨渲染模式兼容约束
+
+产物代码须在 WebView 与 Skyline 下均正常运行，按以下顺序选择方案：
+
+- **优先采用通用方案**：新方案若同时兼容 WebView、Skyline 与 RN，直接统一为新方案，无需按渲染模式分支；
+- **隔离 Skyline-only 方案**：仅 Skyline 可用的新逻辑默认通过 `this.renderer === 'skyline'` 运行时隔离。仅当细则明确要求该逻辑在 WebView 下保留，或已确认其在 WebView 下无副作用时，才可不作隔离；
+- **保留在 Skyline 下静默失效的 WebView 方案**：既有 WebView 方案若在 Skyline 下静默失效，确认其在 Skyline 下无副作用后可保留原逻辑，仅新增 Skyline 兼容实现。静默失效不等于无副作用；无法确认时，仍须按渲染模式隔离；
+- **不处理 Skyline 低版本兼容**：通过 Skyline 开量开关控制最低基础库版本，未达到要求的版本降级为 WebView 渲染。
+
+运行时隔离方式见 [判断当前渲染模式](./references/skyline-runtime-practice.md#判断当前渲染模式)。上述原则贯穿模板 / 脚本 / 样式 / JSON 四个维度。
+
+### 布局（layout）约束
+
+1. **先对齐默认布局基线**：在 `rendererOptions.skyline` 中开启 `defaultDisplayBlock` 与 `defaultContentBox`，分别对齐 WebView 的 `display: block` 和 `box-sizing: content-box`；需要静态定位时仍须显式声明 `position: static`。配置位置见 [rendererOptions.skyline 配置项](./references/skyline-configuration.md#rendereroptionsskyline-配置项)，其余默认值差异见 [非标准默认值](./references/skyline-style-reference.md#非标准默认值)。
+2. **不依赖 BFC 与 margin 合并**：Skyline 没有 BFC 和 margin 合并机制，`overflow: hidden` 仅用于裁剪。容器外沿空间用父容器 `padding` 表达，兄弟间距只由一侧承担；复杂存量布局按 [不要依赖 BFC 和 margin 合并](./references/skyline-layout-practice.md#不要依赖-bfc-和-margin-合并) 改造。
+3. **页面滚动统一迁移到 scroll-view**：Skyline 不支持页面滚动，`onPullDownRefresh` / `onReachBottom` / `onPageScroll` 不会触发。页面声明 `disableScroll: true`，使用 `scroll-view` 承载滚动，并根据直接子节点结构选择 `list` / `custom` / `nested`，常见为列表模式 `type="list"`。原生命周期同步迁移到 `bindrefresherrefresh` / `bindscrolltolower` / `bindscroll`，WebView 对齐同一事件链路；详见 [页面滚动替代方案](./references/skyline-layout-practice.md#页面滚动替代方案)。
+4. **按 normal-context / fixed-context 设计层级**：Skyline 没有 WebView 层叠上下文，非 fixed 节点最终比较共同父级下的兄弟分支；fixed 节点会全局提升并按自身 `z-index` 排序，整体高于非 fixed 内容。`transform` / `opacity` 不会抬升层级，`scroll-view` 直接子节点的 `z-index` 不生效。需要比较层级的节点应调整为可比较的兄弟结构，避免依赖负 `z-index`；详见 [z-index 与层叠适配](./references/skyline-layout-practice.md#z-index-与层叠适配)。
+5. **吸顶逻辑双分支保留**：Skyline 不支持 `position: sticky`，Skyline 分支使用 `sticky-section` / `sticky-header`，WebView 分支保留 CSS sticky。`sticky-header` 必须是 section 的第一个子节点且显式设置背景色，完整结构见 [sticky 吸顶替代方案](./references/skyline-layout-practice.md#sticky-吸顶替代方案)。
+6. **使用自定义导航**：Skyline 页面声明 `navigationStyle: 'custom'` 并实现自定义导航栏，不依赖默认导航；页面配置见 [适配参考](./references/skyline-configuration.md#适配参考)。
+
+### 样式（style）约束
+
+1. **只使用受支持的选择器**：不使用通配选择器和属性选择器；伪元素只使用 `::before` / `::after`，其他伪类按 [选择器支持](./references/skyline-style-reference.md#选择器支持) 核对版本与替代方案，不能用时改为模板动态类或真实节点。
+2. **值类型按稳定范围使用**：长度优先使用 `rpx` / `px` / `rem`；百分比仅用于 [百分比支持情况](./references/skyline-style-reference.md#百分比支持情况) 明确记录的属性，Flex 子节点不能依赖百分比 `min-width` 撑开或等分。`calc()` 只用于非嵌套的长度计算，不用于角度等类型；详见 [长度、函数与单位](./references/skyline-style-reference.md#长度函数与单位)。
+3. **滚动与特殊布局改用组件或显式布局**：不使用 `overflow: auto` / `scroll`、`overflow-x` / `overflow-y`、`display: grid` / `flow-root` 或 `position: sticky`；分别改用 `scroll-view`、Flex / `grid-view`、sticky 组件。其他布局差异按 [布局、盒模型与层叠差异](./references/skyline-style-reference.md#布局盒模型与层叠差异) 处理。
+4. **文本省略同时保留两端实现**：保留 WebView 的 `text-overflow` / `-webkit-line-clamp` 等样式，并在承载文本的组件上新增 `max-lines` 与 `overflow` 供 Skyline 使用；新增或替换为 `text` 时将插值紧贴标签，避免字面空白影响截断。完整规则见 [文本溢出省略适配](./references/skyline-layout-practice.md#文本溢出省略适配)。
+5. **字体与文本能力先核对再替换**：`font-weight: 500/600` 在部分机型不生效，命中时先检查字体资源与 PostScript name，再确认是否改为 `bold` / `700`，未确认时保留并说明风险。`white-space`、`word-break`、`text-decoration` 等能力按 [文本与字体差异](./references/skyline-style-reference.md#文本与字体差异) 处理；`text-decoration-line` 多值按 [多值适配](./references/skyline-layout-practice.md#text-decoration-line-多值适配) 拆分节点。
+6. **背景、边框、遮罩与滤镜遵循层数和值域限制**：圆角非 0 时四边边框颜色和样式保持一致；多层背景、遮罩或阴影超出支持范围时拆节点；`mask-image` 不使用渐变；`filter` / `backdrop-filter` 不使用 `url()`、`drop-shadow()` 或多函数组合。具体值域见 [背景、边框与遮罩差异](./references/skyline-style-reference.md#背景边框与遮罩差异) 与 [滤镜差异](./references/skyline-style-reference.md#滤镜差异)。
+7. **媒体查询保留 WebView、补 Skyline 动态类**：Skyline 会忽略 `@media screen` 条件但可能保留内部规则，不能直接删除或全局覆盖。WebView 继续使用原媒体查询，Skyline 通过运行时状态类表达条件，并在媒体查询后补 Skyline 默认类兜底；详见 [@media screen 替换方案](./references/skyline-layout-practice.md#media-screen-替换方案)。
+8. **未支持属性按跨渲染原则处理**：命中未支持或静默失效的 CSS 时，先在 [Skyline 不支持能力及兼容方案](./references/skyline-style-reference.md#skyline-不支持能力及兼容方案) 查询替代方案；确认原 WebView 样式在 Skyline 下无副作用后可保留，仅新增 Skyline 实现。没有等效方案或副作用不明确时，说明风险并请求确认。
+
+### 组件（component）约束
+
+组件参考只记录 WebView 迁移 Skyline 的差异，不是完整组件手册；未收录的组件、属性或事件不得反推为支持，需回源确认。
+
+1. **scroll-view 必须显式选型**：每个 `scroll-view` 都声明 `type`。`type="list"` 仅用于列表项是直接子节点的场景，单一外层 wrapper 会使按需渲染退化；嵌套滚动时外层使用 `type="nested"`，内层显式使用 `list` / `custom` 并设置 `associative-container="nested-scroll-view"`。选型与结构约束见 [Skyline 必填属性与结构约束](./references/skyline-component-reference.md#skyline-必填属性与结构约束)。
+2. **scroll-view 行为按需补齐**：横向滚动同时开启 `enable-flex` 并设置横向布局；自定义下拉刷新节点声明 `slot="refresher"`；需要内容撑高时开启 `enableScrollViewAutoSize`。通过 `NodesRef.node()` 获取 `ScrollViewContext` 时，目标滚动容器必须开启 `enhanced`；详见 [组件高频差异](./references/skyline-component-reference.md#skyline-相对-webview-的高频差异补充) 与 [ScrollViewContext](./references/skyline-runtime-practice.md#必须-scrollviewcontext开启-enhanced-属性)。
+3. **不支持组件采用替代或降级**：命中 `web-view`、富文本编辑、可移动视图等不支持能力时，按 [不支持或不建议使用的组件](./references/skyline-component-reference.md#skyline-不支持或不建议使用的组件) 选择替代组件、独立 WebView 页面或 renderer 降级；复杂交互无明确等效方案时说明风险并请求确认。
+4. **WebView-only 属性与取值不得作为 Skyline 方案**：例如 `image` 的 WebView-only 裁剪模式、`text` 的 `space` / `decode`、输入组件的 `placeholder-class` 等，确认在 Skyline 下无副作用后可保留给 WebView，并补充 Skyline 实现；存在副作用时替换为双端支持写法或按 renderer 隔离，不明确时说明风险并请求确认。完整范围见 [WebView-only 属性、取值与行为](./references/skyline-component-reference.md#webview-only-属性取值与行为)。
+5. **遵守组件子节点结构**：`navigator` 只能嵌套 `text` 或纯文本，`text` 只能嵌套 `text`；复杂卡片改为外层点击事件。图标、图片与文本处于同一行时使用 `span` 方案，并补齐 Skyline 的内联布局与截断属性；详见 [图文混排](./references/skyline-layout-practice.md#图文混排)。
+6. **模板结构按 glass-easel 规则改造**：数据绑定外的引号使用 XML 实体，数据绑定内不使用反斜杠转义；`wx:for` 子树中的 `<include>` 改为 `<import>` + `<template>` 并显式传入 `item` / `index`。详见 [模板结构适配](./references/skyline-layout-practice.md#模板结构适配)。
+7. **节点查询使用合法选择器**：id 不以数字开头；glass-easel 组件实例内优先使用 `this.createSelectorQuery()`。详见 [SelectorQuery 约束](./references/skyline-runtime-practice.md#必须-selectorquery-选择器不再支持以数字开头) 与 [SelectorQuery 推荐](./references/skyline-runtime-practice.md#推荐-用-thiscreateselectorquery-替代-wxcreateselectorquery)。
+8. **`<script setup>` 显式暴露**：Mpx 不会将 setup 顶层绑定自动暴露给模板。模板引用的局部状态、计算结果及事件方法须通过 `defineExpose()` 显式声明；仅暴露模板实际使用的绑定，不将内部辅助数据或方法全部导出。这是 Mpx 基础语法要求，WebView 与 Skyline 均须遵守。
+
+### 动画策略约束
+
+若需同时兼容 WebView、Skyline、RN，动画方案的选择优先级：
+
+1. **简单状态切换优先 CSS transition**：缩放、透明度、位移等交互反馈通过 class 或动态 style 驱动，优先选择三端均支持的通用方案。Skyline 动画属性为白名单，只对 `transform`、`opacity`、尺寸、间距、定位等受支持属性使用 transition；字体、颜色、文本排版等未支持属性改为直接状态切换或其他方案，完整范围见 [动画与过渡差异](./references/skyline-style-reference.md#动画与过渡差异)。
+2. **循环或多步骤动画使用真实节点**：WebView 与 Skyline 可使用 CSS `animation` + `@keyframes`，RN 按需保留独立动画路径。伪元素 animation 在 Skyline 下不生效，改为真实节点；`animation-fill-mode` 只使用 `forwards` / `both`，迁移项目同时核对 `keyframeStyleIsolation`。
+3. **WebView 动画 API 在 Skyline 下补替代实现**：`wx.createAnimation` 以及 `animate` / `applyAnimation` / `clearAnimation` / `setInitialRenderingCache` 在 Skyline 下不支持，需改造为 CSS transition / animation；详见 [不支持的组件实例方法](./references/skyline-runtime-practice.md#必须-skyline-不支持的组件实例方法) 与 [animation API 替代方案](./references/skyline-layout-practice.md#animation-api-不支持--使用-css-transition)。
+4. **Worklet 只用于 UI 线程实时驱动**：手势跟随、滚动联动等需要 UI 线程及时反馈的场景才使用 Worklet。先按[高级能力](#skyline-高级能力)读取官方 Skill，再补 Mpx Babel 配置、renderer 隔离与 WebView 降级；简单交互不要仅为“性能最优”引入 Worklet。
+
+## 任务一：对已有 WebView 页面或组件进行 Skyline 适配改造
+
+### 输入
+
+基于 WebView 模式编写的 `.mpx` 页面或组件（已在微信 WebView 模式下运行，但未适配 Skyline）。
+
+### 输出
+
+以用户指示为准；若无特殊指示则默认在原文件中进行修改。输出修改后代码时应输出完整页面或组件代码，避免使用省略号，确保用户可以直接复制或应用修改。
+
+### 任务流程
+
+#### 1. 页面配置适配（组件无需配置）
+
+- 页面任务按 [配置参考 · 适配参考](./references/skyline-configuration.md#适配参考) 补齐页面 JSON 和全局 app.json 配置；组件任务跳过页面专属配置。
+
+#### 2. 布局适配改造
+
+- 识别默认布局、页面滚动、层叠与导航等命中维度，先应用[布局约束](#布局layout约束)，再按实际问题点读取 [布局适配实践](./references/skyline-layout-practice.md#布局适配) 的对应小节。
+- 页面滚动改造需同时迁移业务事件并按结构选择 `scroll-view` 类型，常见为列表模式 `type="list"`。
+
+#### 3. 样式适配改造
+
+- 先应用[样式约束](#样式style约束)，根据实际命中项读取 [样式差异参考](./references/skyline-style-reference.md) 的对应小节。
+- 需要结构性改造时，再按问题点读取 [布局适配实践 · 样式适配](./references/skyline-layout-practice.md#样式适配) 中对应的文本、flex、媒体查询或动画方案。
+
+#### 4. 组件适配改造
+
+- 先应用[组件约束](#组件component约束)，根据模板中的实际组件读取 [组件不支持与差异参考](./references/skyline-component-reference.md) 对应小节；未收录能力需回源确认，不要反推结论。
+- 命中图文混排、sticky 或其他结构改造时，再读取 [布局适配实践](./references/skyline-layout-practice.md) 的对应小节；命中高级能力时按[高级能力](#skyline-高级能力) 回源官方 Skill。
+
+#### 5. 检查与确认
+
+检查前必须读取并执行 [Skyline 适配检查矩阵](./references/skyline-audit-matrix.md)。
+
+执行要求：
+- 指定单个 `.mpx` 组件：以该文件为 scope 跑完整矩阵。
+- 指定页面：先确认页面和组件范围，按反馈后的 scope 跑完整矩阵，最终输出必须说明覆盖以及未覆盖的范围。
+- 不允许只扫描本次怀疑的问题类型。
+- 每个 `error` 命中必须处理或说明例外；最终输出需概述 `error` / `warn` 残留原因。
+
+人工复核：
+- 跨渲染模式：Skyline-only 逻辑已通过 `renderer === 'skyline'` 或项目封装隔离，WebView 原有逻辑保留。
+- 页面配置：页面 JSON 与 app.json Skyline 配置齐全；涉及 Worklet 时 Babel 插件已配置。
+- 页面滚动：页面滚动、下拉刷新、触底、滚动监听已迁移到 `scroll-view` 对应事件。
+- 层级结构：z-index 仅依赖兄弟层级，未引入负 z-index 或跨层叠上下文假设。
+- 覆盖范围：页面适配时已说明覆盖到的组件树和未覆盖子树。
+
+## 任务二：创建符合 Skyline 兼容规范的页面或组件
+
+### 输入
+
+用户描述的页面或组件需求，包括视图结构、交互、数据来源、目标平台范围、是否有复杂动画或者手势需要 Worklet 动画、手势系统、自定义路由、共享元素等 Skyline 高级能力。
+
+### 输出
+
+完整的 `{name}.mpx` 组件文件，结构包含 `<template>`、`<script>`、`<style>` 与 JSON 配置区块。代码须直接满足 [通用约束与适配原则](#通用约束与适配原则)，避免新建后再走一轮适配改造。
+
+### 任务流程
+
+#### 1. 设计阶段
+
+- 与用户对齐需求要点：组件视图结构、props / 事件、数据流、目标平台、是否需要 Skyline 高级能力（Worklet 动画、手势系统、自定义路由、共享元素）。
+- 命中任一高级能力时，按[高级能力](#skyline-高级能力)读取对应官方 Skill，先确定 Skyline 方案，再补充 Mpx 接入、运行时隔离与 WebView 降级方案；不得仅依据本 SKILL 补全高级能力实现细节。
+
+#### 2. 实施阶段
+
+按 SFC 各区块依次实现，全程遵循 [通用约束与适配原则](#通用约束与适配原则)：
+
+- **JSON 配置**：页面按 [配置参考 · 适配参考](./references/skyline-configuration.md#适配参考) 补齐页面 JSON 和全局 app.json 配置，组件无需配置。
+- **`<template>`**：按[组件约束](#组件component约束)设计组件语义与结构，仅针对实际使用的组件点读 [组件不支持与差异参考](./references/skyline-component-reference.md)；未收录能力需回源确认。
+- **`<style>`**：按[布局约束](#布局layout约束)与[样式约束](#样式style约束)实现；能力或改造方式存疑时，再读取样式 reference 或布局实践的对应小节。
+- **`<script>`**：先遵循[组件约束](#组件component约束)中的脚本显式暴露要求，再按[跨渲染模式兼容约束](#跨渲染模式兼容约束)组织通用实现、Skyline 隔离与 WebView 保留逻辑；需要高级能力时按[高级能力](#skyline-高级能力)读取官方 Skill，并补齐 Mpx 构建接入。
+
+#### 3. 检查与确认
+
+复用 [任务一 · 检查与确认](#5-检查与确认) 的清单，确认新建页面或组件及其 scope 不引入任何 Skyline 不兼容写法。
diff --git a/.agents/skills/mpx2skyline/references/skyline-audit-matrix.md b/.agents/skills/mpx2skyline/references/skyline-audit-matrix.md
new file mode 100644
index 0000000000..6b4ea1d1a5
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-audit-matrix.md
@@ -0,0 +1,122 @@
+# Skyline 适配检查矩阵
+
+本矩阵用于把 Skyline 适配从经验扫描收敛为固定门禁。执行适配、排障、Code Review 时，按任务 scope 跑完整矩阵；不要只扫描本次怀疑的问题类型。
+
+## 目录
+
+- [使用方式](#使用方式)
+- [与其他参考的边界](#与其他参考的边界)
+- [聚合扫描](#聚合扫描)
+- [配置规则](#配置规则)
+- [模板与组件规则](#模板与组件规则)
+- [样式与布局规则](#样式与布局规则)
+- [运行时规则](#运行时规则)
+- [复核要求](#复核要求)
+
+## 使用方式
+
+- **指定单个 `.mpx` 组件**：以该文件为 scope 跑完整矩阵。
+- **指定页面**：页面文件、页面 JSON 与 app.json 必须纳入 scope；模板实际引用的组件树先确认覆盖范围，若只覆盖部分子树，必须说明未覆盖范围。
+- **最终输出**：对所有 `error` 命中给出处理结果：已修 / 保留原因 / 非目标平台分支 / 待确认。
+- **例外规则**：`.ios.mpx`、RN-only、非 wx 分支、明确 WebView-only 页面可跳过，但要在结果中说明。
+
+## 与其他参考的边界
+
+- `SKILL.md` 维护任务流程、决策优先级、高频跨维度约束、知识路由与人工验收，使 Agent 只读入口即可完成常见判断；可概括高频原则，但不复制本矩阵的扫描 pattern、规则 ID 或完整枚举。
+- reference 维护能力事实、适用条件、实现细节与示例：组件事实查 [组件不支持与差异参考](./skyline-component-reference.md)，样式事实查 [样式差异参考](./skyline-style-reference.md)，运行时与性能事实查 [运行时适配实践](./skyline-runtime-practice.md)，布局、样式与模板结构改造写法查 [布局与样式适配实践](./skyline-layout-practice.md)。
+- 本文件只维护可扫描、可枚举规则的 ID、level、候选 pattern、判定、标准修复与允许例外，不承担能力事实和完整实现方案。
+
+同步规则：
+
+1. 能力支持情况、适用条件或实现方案变化时，先更新对应 reference。
+2. 该变化可通过源码候选扫描或结构复核发现时，再更新本矩阵。
+3. 仅当变化影响通用决策、知识路由或人工验收时才同步 `SKILL.md`；任务流程引用通用约束或 reference，不重复具体规则枚举。
+4. 内容冲突时，能力事实以 reference 为准，扫描与分级以本矩阵为准，执行顺序与确认门禁以 `SKILL.md` 为准。
+
+## 聚合扫描
+
+第一阶段可用以下命令兜底扫描；`-U` 仅用于允许读取多行内容，聚合表达式仍只负责召回候选。矩阵中包含 `[\s\S]*` 的 pattern 是结构关系描述，不应直接作为单条 `rg` 结论；多行标签、父子结构、平台条件仍需人工读取完整节点，或交由语法解析脚本复核。
+
+```bash
+rg -n -U "lazyCodeLoading|rendererOptions|defaultDisplayBlock|defaultContentBox|tagNameStyleIsolation|enableScrollViewAutoSize|keyframeStyleIsolation|renderer|componentFramework|disableScroll|navigationStyle|@media screen|font-family\\s*:?\\s*[^;]+-(Medium|Semibold|Bold)|font-weight\\s*:?\\s*(500|600|bolder|lighter)|font-style\\s*:?\\s*oblique|@font-face|text-overflow|-webkit-line-clamp|truncate|line-clamp|<image|<rich-text|<special-text|<mpx-icon|min-width\\s*:?\\s*[0-9.]+%|flex\\s*:?\\s*1\\s+0\\s+auto|overflow-x|overflow-y|overflow\\s*:?\\s*(auto|scroll)|display\\s*:?\\s*(grid|flow-root)|position\\s*:?\\s*sticky|float\\s|contain\\s*:?|resize\\s*:?|writing-mode|text-indent|overflow-wrap|justify-items|direction\\s*:?|text-decoration|box-shadow\\s*:?|background-(image|position|size|repeat|attachment|origin|clip)|mask-(image|repeat|origin|clip|mode)|filter\\s*:?|backdrop-filter|calc\\([^)]*(deg|rad|turn)|<scroll-view|<navigator|<text|movable-area|movable-view|web-view|editor|progress|navigation-bar|xr-frame|match-media|keyboard-accessory|lazy-load|forceHttps|placeholder-class|safe-password-|snap-to-edge|indicator-class|mask-style|wx-if|wx-for|<include|\\.animate\\(|\\.applyAnimation\\(|\\.clearAnimation\\(|\\.setInitialRenderingCache\\(|wx\\.createAnimation|wx\\.createSelectorQuery|\\.node\\(\\)|default\\s*:" <scope> -g '*.mpx' -g '*.json' -g '*.js' -g '*.ts'
+```
+
+## 配置规则
+
+| id | level | scope | pattern | 判定 | 标准修复 | 允许例外 | 参考 |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| `CONFIG_APP_SKYLINE_OPTIONS` | error | app.json | `lazyCodeLoading` / `rendererOptions` / `defaultDisplayBlock` / `defaultContentBox` / `tagNameStyleIsolation` / `enableScrollViewAutoSize` / `keyframeStyleIsolation` | 迁移项目需补齐对齐 WebView 的推荐配置；缺失会放大默认布局、盒模型、样式隔离、scroll-view 自适应、keyframes 作用域差异 | app.json 顶层补 `lazyCodeLoading`，`rendererOptions.skyline` 下补 5 个推荐项 | 非 Skyline 项目；明确只审单个组件且不涉及页面任务 | [rendererOptions.skyline](./skyline-configuration.md#rendereroptionsskyline-配置项)、[app.json 顶层配置](./skyline-configuration.md#appjson-顶层配置) |
+| `CONFIG_PAGE_SKYLINE` | error | page.json | `renderer` / `componentFramework` / `disableScroll` / `navigationStyle` | Skyline 页面需显式声明渲染后端、glass-easel、禁用页面滚动和自定义导航 | 页面 JSON 补 `renderer: "skyline"`、`componentFramework: "glass-easel"`、`disableScroll: true`、`navigationStyle: "custom"` | 明确 WebView-only 页面 | [配置参考](./skyline-configuration.md#适配参考) |
+| `CONFIG_WORKLET_BABEL` | warn | script/config | `worklet:` / `'worklet'` / `wx.worklet` | 使用 Worklet 时需确认 Babel 插件或开发者工具 Worklet 编译配置 | 按需配置 `babel-plugin-worklet` overrides | 未使用 Worklet；项目统一构建链已配置时说明 | [Worklet Babel 插件](./skyline-configuration.md#worklet-babel-插件) |
+
+## 模板与组件规则
+
+| id | level | scope | pattern | 判定                                                                                                   | 标准修复                                                                                                                                       | 允许例外 | 参考 |
+| --- | --- | --- | --- |------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------| --- | --- |
+| `GLASS_INCLUDE_IN_FOR` | error | template | `<include\|wx:for` | 候选召回；必须读取模板结构，判断 `<include>` 是否位于 `wx:for` 子树中                                                       | 改 `<import>` + `<template>`，显式传 `data` | include 不在循环子树中 | [include 适配](./skyline-layout-practice.md#必须-wxfor-内嵌-include-时改为-template) |
+| `GLASS_TEMPLATE_ESCAPE` | error | template | `\\\\\\"\|\\\\'` | 候选召回；必须结合完整模板属性判断转义位于数据绑定内还是绑定外                                                                      | 外层属性值用 `&quot;`；绑定表达式内去掉多余转义 | 不是模板属性转义 | [模板转义](./skyline-layout-practice.md#必须-模板中数据绑定外的转义改为标准-xml-转义) |
+| `COMP_UNSUPPORTED` | error | template | `web-view\|editor\|movable-area\|movable-view\|progress\|navigation-bar\|xr-frame` | Skyline 不支持或不建议使用这些组件                                                                                | 替代组件、独立 WebView 页面或 renderer 降级                                                                                                            | 明确 WebView-only 页面 | [不支持组件](./skyline-component-reference.md#skyline-不支持或不建议使用的组件) |
+| `COMP_PENDING_SUPPORT` | warn | template | `match-media\|keyboard-accessory` | 不支持，不能默认按 Skyline 稳定能力处理                                                                             | 改为已记录替代方案，或回源确认后说明                                                                                                                         | 已回源确认支持并记录依据 | [不支持组件](./skyline-component-reference.md#skyline-不支持或不建议使用的组件) |
+| `COMP_WEBVIEW_ONLY_ATTR` | warn | template | `mode="(top\|bottom\|center\|left\|right\|top left\|top right\|bottom left\|bottom right)"\|lazy-load\|forceHttps\|space=\|decode=\|placeholder-class\|safe-password-\|snap-to-edge` | 命中 WebView-only 属性、取值或行为                                                                             | 替换为 Skyline 支持写法或 renderer 隔离；`placeholder-class` 改 `placeholder-style`；图片裁剪模式改稳定取值                                                        | WebView-only 分支 | [WebView-only 属性](./skyline-component-reference.md#webview-only-属性取值与行为) |
+| `COMP_IMAGE_SVG` | warn | template/assets | `<image[\s\S]*(\\.svg\|image/svg\|mode="scaleToFill")\|<svg[\s\S]*(<style\|%\|rgba\\()` | SVG 在 Skyline 下存在 `<style>`、百分比、rgba、`scaleToFill` 两端表现差异                                            | SVG 样式转内联，尺寸/坐标用具体值，透明度拆为 `*-opacity`；`scaleToFill` 需显式 `preserveAspectRatio="none"` 或避免使用                                                 | 已确认 SVG 不含差异点 | [SVG 限制](./skyline-layout-practice.md#svg-在-skyline-下的限制与适配) |
+| `COMP_SCROLL_TYPE` | error | template | `<scroll-view` | Skyline 下 `scroll-view` 必须显式声明 `type`                                                                | 补 `type="list"` / `nested` / `custom`                                                                                                      | 无 | [结构约束](./skyline-component-reference.md#skyline-必填属性与结构约束) |
+| `COMP_SCROLL_LIST_DIRECT_CHILD` | warn | template | `<scroll-view[^>]*type="list"` | `type="list"` 的列表项必须是直接子节点；只有一个直接 wrapper 会导致按需渲染退化                                                  | 展平列表项，或确认该 scroll-view 不依赖按需渲染                                                                                                             | 非列表场景说明 | [列表按需渲染](./skyline-runtime-practice.md#列表用-list--custom-模式按需渲染) |
+| `COMP_SCROLL_NESTED` | error | template | `<scroll-view[^>]*type="nested"\|associative-container="nested-scroll-view"` | 嵌套滚动需外层 `type="nested"`，内层显式 `type` 并设置 `associative-container`                                      | 外层补 `type="nested"`；内层补显式 `type` 和 `associative-container="nested-scroll-view"`                                                   | 无 | [结构约束](./skyline-component-reference.md#skyline-必填属性与结构约束) |
+| `COMP_SCROLL_HORIZONTAL` | warn | template/style | `scroll-x\|enable-flex\|flex-direction\\s*:?\\s*row` | 横向滚动需同时开启 `enable-flex` 并设置横向布局样式以兼容 WebView                                                         | 补 `enable-flex` 与横向布局样式                                                                                                                    | 非横向滚动容器 | [高频差异](./skyline-component-reference.md#skyline-相对-webview-的高频差异补充) |
+| `COMP_SCROLL_REFRESHER_SLOT` | warn | template | `refresher-enabled\|slot="refresher"` | 自定义下拉刷新节点必须声明 `slot="refresher"`                                                                     | 自定义 refresher 节点补 slot                                                                                                                     | 使用默认 refresher | [高频差异](./skyline-component-reference.md#skyline-相对-webview-的高频差异补充) |
+| `COMP_NAVIGATOR_CHILDREN` | error | template | `<navigator[\s\S]*<(view\|image\|swiper\|rich-text\|[^/!][^\\s>]*)` | Skyline 下 `navigator` 只能嵌套 `text` 或纯文本                                                               | 改为只包 `text`；复杂卡片用外层点击事件替代                                                                                                                  | 人工确认子节点只有 `text` | [navigator 限制](./skyline-layout-practice.md#navigator-嵌套限制) |
+| `COMP_TEXT_CHILDREN` | warn | template | `<text[\s\S]*<(view\|image\|rich-text\|special-text\|span\|[^/!][^\\s>]*)` | Skyline 下 `text` 只能嵌套 `text`；图文混排使用 `span`                                                           | 拆结构或改用 `span` 内联混排方案                                                                                                                       | 人工确认只嵌套 `text` | [结构约束](./skyline-component-reference.md#skyline-必填属性与结构约束) |
+| `COMP_INLINE_MIXED_CONTENT` | warn | template | `mpxTagName@wx="span"\|<image\|<rich-text\|<special-text\|<mpx-icon\|line-clamp\|truncate` | 同一视觉行内图标/图片与文本组件混排时，不能只补省略属性                                                                         | 按图文混排方案补 `isSkyline`、`mpxTagName@wx="span"`、`whitespace-nowrap`、图片 `inline-block`、组件 virtual-host `inline-flex`、文本 `max-lines` / `overflow` | 普通独立图片、独立图标按钮、非同段混排 | [图文混排](./skyline-layout-practice.md#图文混排) |
+| `COMP_STICKY_STRUCTURE` | warn | template/style | `position\\s*:?\\s*sticky\|sticky-section\|sticky-header` | WebView `position: sticky` 需与 Skyline sticky 组件分支隔离；`sticky-header` 需首子节点且显式背景色                      | Skyline 分支使用 `scroll-view` + `sticky-section` / `sticky-header`，WebView 分支保留 CSS sticky                                                    | 无吸顶需求或 WebView-only | [sticky 适配](./skyline-layout-practice.md#sticky-吸顶替代方案) |
+| `COMP_PICKER_VIEW_INDICATOR` | warn | template | `picker-view[\s\S]*(indicator-class\|mask-style\|indicator-style)` | `indicator-style` 仅支持 `height` / `border` / `background-color`；`indicator-class` / `mask-style` 暂未支持 | 只保留支持的 `indicator-style` 子属性                                                                                                               | 已回源确认 | [高频差异](./skyline-component-reference.md#skyline-相对-webview-的高频差异补充) |
+| `COMP_SWIPER_LIMIT` | warn | template | `layout-type="(stackLeft\|stackRight\|tinder)"\|indicator-type="(scrollFixedCenter\|swap\|swapYRotation)"\|snap-to-edge\|previous-margin\|display-multiple-items\|vertical` | swiper 部分布局和 indicator 组合与 WebView 不一致                                                               | 按组件差异表调整组合；必要时补 `next-margin > 0`                                                                                                          | 已真机验证并说明 | [高频差异](./skyline-component-reference.md#skyline-相对-webview-的高频差异补充) |
+
+## 样式与布局规则
+
+| id | level | scope | pattern | 判定 | 标准修复 | 允许例外 | 参考 |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| `STYLE_MEDIA_SCREEN` | error | style | `@media screen` | Skyline 下 `@media screen` 条件不按 WebView 响应式语义工作，内部规则可能泄漏 | WebView 保留 `@media`；Skyline 用 `isSkyline && isSmall` 动态类，并在 `@media` 后声明 Skyline 默认类反向兜底 | 非 wx / RN-only | [media 替换](./skyline-layout-practice.md#media-screen-替换方案) |
+| `STYLE_SELECTOR_UNSUPPORTED` | warn | style | `(^\|[\\s,{])\\*\\s*[,{]\|\\[[^\\]]+\\]\|::[a-zA-Z-]+` | Skyline 不支持通配选择器、属性选择器和 `::before` / `::after` 以外伪元素；伪元素命中需先排除 `::before` / `::after` | 模板补 class，样式改类选择器；非支持伪元素改真实节点 | 非 wx 分支 | [选择器支持](./skyline-style-reference.md#选择器支持) |
+| `STYLE_TEXT_OVERFLOW` | warn | template/style | `text-overflow\\s*:?\\s*ellipsis\|-webkit-line-clamp\|truncate\|line-clamp` | Skyline 省略需由承载文本组件的 `max-lines` / `overflow` 属性承载，WebView 省略样式仍需保留 | 扫描所有省略节点，补 `max-lines` + `overflow="ellipsis"`；插值压回单行 | 容器只做裁剪且无文本省略语义 | [文本省略](./skyline-layout-practice.md#文本溢出省略适配) |
+| `STYLE_FLEX_MIN_WIDTH_PERCENT` | warn | style | `min-width\\s*:?\\s*[0-9.]+%\|flex\\s*:?\\s*1\\s+0\\s+auto` | flex 子节点依赖百分比 `min-width` 撑开或等分时，Skyline 下会按内容收缩 | 以同一 flex 容器链成组处理；按实际基准换算为 `rpx` / `px` | 非 flex 布局或百分比不承担撑开语义 | [flex min-width](./skyline-layout-practice.md#flex-布局的子节点-min-width-百分比撑开失效) |
+| `STYLE_FLEX_TEXT_WRAP` | warn | style/template | `display\\s*:?\\s*flex\|flex-direction\\s*:?\\s*column\|align-items\\s*:?\\s*center` | flex 子节点文本可能因未设宽度无法自动换行 | 给承载文本的 flex 子节点显式宽度，如 `width: 100%` | 已有明确宽度 | [flex 文本换行](./skyline-layout-practice.md#flex-布局的子节点文本超出未自动换行) |
+| `STYLE_OVERFLOW_AXIS` | error | style | `overflow-x\|overflow-y\|overflow\\s*:?\\s*(auto\|scroll)` | Skyline 不支持单轴 overflow 与 scroll/auto overflow | 改 `scroll-view` 或整体 `overflow: hidden` | 非 wx 分支 | [布局差异](./skyline-style-reference.md#布局盒模型与层叠差异) |
+| `STYLE_LAYOUT_UNSUPPORTED` | warn | style | `display\\s*:?\\s*(grid\|flow-root)\|float\\s\|contain\\s*:\|resize\\s*:\|visibility\\s*:?\\s*collapse\|outline\\s*:\|cursor\\s*:\|justify-items\|column-[a-z-]+` | Skyline 不支持或行为不同 | 使用 Flex / `grid-view` / `-wx-contain` / 真实节点等替代；无等效方案需说明 | 确认无视觉依赖 | [布局差异](./skyline-style-reference.md#布局盒模型与层叠差异)、[其他不支持能力](./skyline-style-reference.md#skyline-不支持能力及兼容方案) |
+| `STYLE_TEXT_UNSUPPORTED` | warn | style | `direction\\s*:\|text-indent\|overflow-wrap\|writing-mode\|text-decoration-thickness\|list-style-\|white-space\\s*:?\\s*(pre\|pre-wrap\|pre-line)\|word-break\\s*:?\\s*(keep-all\|break-word)\|text-align\\s*:?\\s*(justify-all\|match-parent)\|vertical-align\\s*:?\\s*(text-top\|text-bottom)` | Skyline 文本/列表相关属性不支持或语义不同 | 改支持值、真实节点或组件属性方案 | 确认无视觉依赖 | [文本与字体差异](./skyline-style-reference.md#文本与字体差异) |
+| `STYLE_FONT_POSTSCRIPT_NAME` | error | style/template/script | `font-family\\s*:?\\s*[^;]+-(Medium\|Semibold\|Bold)` | 自定义字体直接使用加粗 PostScript name 时，部分机型无法正确匹配字重；命中 `xx-Medium` / `xx-Semibold` / `xx-Bold` 时先检查是否存在同名字体族的独立 `@font-face` 定义 | 确认不存在同名字体族的独立 `@font-face` 后，先澄清是否调整字重；确认后改为 `font-family: xx; font-weight: bold`，未确认时保留并说明风险 | 非 wx / RN-only；已通过 `@font-face` 将命中的名称单独定义为 `font-family`；用户未确认字重改动 | [字体兼容](./skyline-layout-practice.md#字体-postscript-name-兼容) |
+| `STYLE_FONT` | warn | style/template/script | `font-weight\\s*:?\\s*(500\|600\|bolder\|lighter)\|font-style\\s*:?\\s*oblique` | `font-weight: 500/600` 在部分机型不生效，`bolder` / `lighter` 与 `oblique` 不支持 | 字重命中先澄清是否调整；确认后改为明确的受支持字重，未确认时保留并说明风险；`oblique` 改 `italic` | 用户未确认字重改动；已真机确认当前字重表现 | [字体兼容](./skyline-layout-practice.md#字体-postscript-name-兼容) |
+| `STYLE_TEXT_DECORATION` | warn | style/template | `text-decoration(-line)?\\s*:[^;]*(underline\|line-through)[^;]*(underline\|line-through)` | `text-decoration-line` 仅支持单值，且主要作用于 `text` / `input` | 多装饰拆嵌套 `text`，用 renderer 分支隔离 | 单值装饰或 WebView-only | [text-decoration 多值](./skyline-layout-practice.md#text-decoration-line-多值适配) |
+| `STYLE_BORDER_RADIUS_BORDER` | warn | style | `border-radius\|border-(top\|right\|bottom\|left)-(color\|style)` | `border-radius` 非 0 时四边边框颜色/样式需一致 | 保持四边一致或拆节点 | 无圆角或四边一致 | [背景边框差异](./skyline-style-reference.md#背景边框与遮罩差异) |
+| `STYLE_BACKGROUND_MASK_LIMIT` | warn | style | `background-(image\|position\|repeat\|size\|attachment\|origin\|clip)\|mask-(image\|repeat\|origin\|clip\|mode)\|mask\\s*:` | 背景/遮罩多值和部分子属性受限；`mask-image` 不支持渐变 | 限制到支持范围；多层背景拆节点；遮罩渐变改图片或真实节点 | 单值且已确认支持 | [背景边框差异](./skyline-style-reference.md#背景边框与遮罩差异) |
+| `STYLE_FILTER_LIMIT` | warn | style | `(backdrop-)?filter\\s*:` | 候选召回；读取完整声明值，命中 `url()`、`drop-shadow()` 或两个及以上以空格分隔的滤镜函数时不兼容 | `drop-shadow` 改 `box-shadow`；多函数组合只保留单个支持函数，或拆节点实现 | 单个受支持滤镜函数 | [滤镜差异](./skyline-style-reference.md#滤镜差异) |
+| `STYLE_BOX_SHADOW_MULTI` | warn | style | `box-shadow\\s*:` | 候选召回；读取完整声明值，仅将函数括号外的顶层逗号判定为多个 shadow，`rgb()` / `rgba()` 等颜色函数内部逗号不算 | 合并为单 shadow 或拆节点 | 单个 shadow，包括使用 `rgb()` / `rgba()` 等颜色函数的写法 | [背景边框差异](./skyline-style-reference.md#背景边框与遮罩差异) |
+| `STYLE_CALC_ANGLE` | warn | style | `calc\\([^)]*(deg\|rad\|turn)` | Skyline `calc()` 不支持角度类型 | 直接写静态角度值 | 无 | [值类型支持](./skyline-style-reference.md#长度函数与单位) |
+| `STYLE_PSEUDO_ANIMATION` | warn | style | `::(before\|after)[\\s\\S]*animation` | Skyline 下伪元素 animation 不生效 | 改真实节点 + CSS animation | 无动画依赖 | [伪元素 animation](./skyline-layout-practice.md#伪元素不支持的-animation-需替换为真实节点) |
+| `STYLE_ANIMATION_FILL_MODE` | warn | style | `animation-fill-mode\\s*:?\\s*(none\|backwards)` | Skyline 下 `none` / `backwards` 实际表现为 `forwards` | 改 `forwards` / `both` 或调整动画逻辑 | 已确认视觉无影响 | [动画差异](./skyline-style-reference.md#动画与过渡差异) |
+| `STYLE_ANIMATION_PROPERTY` | warn | style | `transition-property\|animation` | Skyline transition / animation 可动画属性是白名单 | 人工确认只驱动白名单属性；其他改 JS / class 切换 / Worklet | 已确认不涉及不支持属性 | [动画差异](./skyline-style-reference.md#动画与过渡差异) |
+| `STYLE_Z_INDEX_CONTEXT` | warn | style/template | `z-index\|transform\\s*:\|opacity\\s*:` | Skyline 无层叠上下文，`transform` / `opacity` 不会提升比较层级；`scroll-view` 直接子节点 `z-index` 不生效 | 将需比较层级的节点调整为兄弟节点；fixed 元素按 fixed-context 排序 | 简单同级 z-index 且已验证 | [z-index 适配](./skyline-layout-practice.md#z-index-与层叠适配) |
+
+## 运行时规则
+
+| id | level | scope | pattern | 判定 | 标准修复 | 允许例外 | 参考 |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| `GLASS_SELECTOR_NUMERIC_ID` | error | template/script | `id=["']?[0-9]\|select\\(['"]#[0-9]` | glass-easel 下数字开头 id 选择器不合法 | id 改为字母前缀，如 `element-1`；SelectorQuery 同步改 | 非选择器用途需说明 | [SelectorQuery](./skyline-runtime-practice.md#必须-selectorquery-选择器不再支持以数字开头) |
+| `ANIMATION_WEBVIEW_API` | error | script/template | `\\.animate\\(\|\\.applyAnimation\\(\|\\.clearAnimation\\(\|\\.setInitialRenderingCache\\(\|wx\\.createAnimation` | Skyline 不支持这些动画 API 或静默不生效 | CSS transition / animation 或 Worklet；Skyline-only 逻辑需 renderer 隔离 | WebView-only 分支 | [实例方法](./skyline-runtime-practice.md#必须-skyline-不支持的组件实例方法)、[wx.createAnimation](./skyline-layout-practice.md#animation-api-不支持--使用-css-transition) |
+| `SCROLL_CONTEXT_ENHANCED` | error | template/script | `\\.node\\(\\)\|ScrollViewContext\|<scroll-view` | 候选召回；必须建立 `select('#id').node()` 与对应 `scroll-view` 的关联，并检查目标标签是否开启 `enhanced` | 对目标 `scroll-view` 补 `enhanced="true"` | `.node()` 不用于获取 ScrollViewContext | [ScrollViewContext](./skyline-runtime-practice.md#必须-scrollviewcontext开启-enhanced-属性) |
+| `SELECTOR_QUERY_SCOPE` | warn | script | `wx\\.createSelectorQuery` | glass-easel 下推荐使用 `this.createSelectorQuery` | 改 `this.createSelectorQuery()` | 跨页面或非组件实例上下文需说明 | [SelectorQuery 推荐](./skyline-runtime-practice.md#推荐-用-thiscreateselectorquery-替代-wxcreateselectorquery) |
+| `PROPS_DEFAULT_FIELD` | error | script | `properties[\\s\\S]*default\\s*:` | 候选召回；必须逐个读取 properties descriptor，确认 `default` 是否属于属性默认值 | `default` 改 `value` | 命中位于 properties 对象外 | [properties 默认值](./skyline-runtime-practice.md#必须-properties-默认值使用-value-而非-default) |
+| `WX_FOR_DATA_TYPE` | warn | template/script | `wx:for=.*\\{\\{[^}]+\\}\\}` | 追踪每个 `wx:for` 数据源的默认值、赋值和 computed 返回路径；任意阶段都必须稳定返回 Array/Object | 补正确默认值；computed/异步路径返回 `[]` 或 `{}`；初始化时可同时使用 `initData` | 所有数据路径已确认类型稳定 | [for-list 报错](./skyline-runtime-practice.md#必须-确保-wxfor-数据始终为-array-或-object) |
+| `PROPS_UNION_TYPE` | error | script | `type\\s*:\\s*\\[[^\\]]+\\]` | `type: [...]` 联合类型声明不合法 | 选择主 `type`，其余类型放入 `optionalTypes`；类型确实不可知时才用 `type: null` | 命中不位于 properties descriptor 内时说明 | [properties type](./skyline-runtime-practice.md#必须-properties-声明类型与实际值保持一致) |
+
+## 复核要求
+
+1. `rg` 命中只是候选项，必须结合 SFC 区块、平台条件、运行时 renderer 分支判断。
+2. 多行 `<scroll-view>`、`<navigator>`、`<text>`、`sticky-section` 不能只靠单行 pattern 判定，需读取完整标签和直接子节点。
+3. `SCROLL_CONTEXT_ENHANCED` 必须把 `select('#id').node()` 关联到对应 `scroll-view`；不能因文件内存在其他已开启 `enhanced` 的滚动容器而放行。
+4. `GLASS_INCLUDE_IN_FOR` 必须检查祖先关系；`GLASS_TEMPLATE_ESCAPE` 必须按完整属性区分数据绑定内外，聚合扫描结果不能直接作为最终结论。
+5. 保留 `@media screen` 时必须说明 WebView 路径仍需要它；Skyline 路径必须有动态类兜底。
+6. 最终结果中 `error` 不允许无说明残留；`warn` 必须处理或说明为什么不影响当前 scope。
+7. `COMP_INLINE_MIXED_CONTENT` 不能只按 `STYLE_TEXT_OVERFLOW` 处理；命中 `truncate` 且同一行附近存在 `image` / icon / `rich-text` / `special-text` 时，必须进一步套用图文混排规则或说明为什么不是同段混排。
+8. 页面任务执行 `CONFIG_*` 规则时必须同时检查 app.json、page.json 和涉及的构建配置；缺少 app.json 或 page.json 视为门禁未完成，不能仅声明未覆盖。明确只审单个组件且不涉及页面任务时，可说明页面与全局配置不适用。
+9. 矩阵未收录的组件、属性、事件不能反推为支持；需回到对应 reference 或官方来源确认。
+10. properties 类型一致性属于人工复核项：逐项核对声明 `type`、默认值与调用侧实际传值；正常的 `Object` / `Array` / `String` / `Number` / `Boolean` 声明不作为扫描命中，只有 `type: [...]` 由 `PROPS_UNION_TYPE` 直接报错。
diff --git a/.agents/skills/mpx2skyline/references/skyline-component-reference.md b/.agents/skills/mpx2skyline/references/skyline-component-reference.md
new file mode 100644
index 0000000000..0ae41dff32
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-component-reference.md
@@ -0,0 +1,72 @@
+# Skyline 组件不支持与差异参考
+
+本文只记录 WebView 迁移 Skyline 时需要关注的组件差异：不支持组件、不支持属性/取值、结构约束、方法差异。Skyline 新增能力不在本文展开，除非它是替代方案。
+
+## 目录
+
+- [Skyline 不支持或不建议使用的组件](#skyline-不支持或不建议使用的组件)
+- [WebView-only 属性、取值与行为](#webview-only-属性取值与行为)
+- [Skyline 必填属性与结构约束](#skyline-必填属性与结构约束)
+- [Skyline 相对 WebView 的高频差异补充](#skyline-相对-webview-的高频差异补充)
+
+## Skyline 不支持或不建议使用的组件
+
+| 组件 | Skyline 支持情况 | 替代/处理 |
+| --- |--------------| --- |
+| `web-view` | 不支持          | 承载 `web-view` 的页面单独配置 `"renderer": "webview"` |
+| `editor` | 不支持         | 纯文本编辑用 `textarea`；富文本编辑页降级 WebView；只读展示用 `rich-text` |
+| `movable-area` / `movable-view` | 不支持         | 使用手势组件 + Worklet 动画替代 |
+| `progress` | 不支持         | 用 `view` 嵌套实现进度条，动画进度可配合 Worklet 驱动 |
+| `navigation-bar` | 不支持          | Skyline 只能使用自定义导航 |
+| `xr-frame` | 不支持         | 3D/XR 页面降级 WebView，或用 `canvas` / WebGL 自行渲染 |
+| `match-media` | 不支持          | 用 `wx.createMediaQueryObserver()` 监听媒体条件，或用 `getWindowInfo()` 获取屏幕尺寸后条件渲染 |
+| `keyboard-accessory` | 不支持          | 用 `input` 的 `worklet:onkeyboardheightchange` 回调实现键盘跟随 |
+| `page-meta` | 基本支持         | 全局页面滚动属性 `scroll-top` / `scroll-duration` 不支持；页面滚动需改用 `scroll-view` |
+
+## WebView-only 属性、取值与行为
+
+| 组件 | 不支持项 | 差异/替代                                                                                                                                                                                      |
+| --- | --- |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `image` | `mode="top"` / `bottom` / `center` / `left` / `right` / `top left` / `top right` / `bottom left` / `bottom right` | 这些裁剪模式仅 WebView 支持；Skyline 稳定使用 `scaleToFill` / `aspectFit` / `aspectFill` / `widthFix` / `heightFix`                                                                                      |
+| `image` | `lazy-load` / `forceHttps` | WebView 特有；Skyline 默认懒加载，无需设置 `lazy-load`                                                                                                                                                   |
+| `image` | SVG 百分比单位、`<style>` 选择器匹配 | Skyline 下不支持；尺寸/坐标改为具体数值，样式改为内联属性                                                                                                                                                          |
+| `image` | SVG + `mode="scaleToFill"` | 两端表现不一致：WebView 受 SVG 默认 `preserveAspectRatio` 影响居中留白（除非 SVG 根节点设置 `preserveAspectRatio="none"`），Skyline 会按 `image` 容器拉伸铺满；要求一致时显式设置 `preserveAspectRatio="none"`，或避免 SVG 使用 `scaleToFill` |
+| `text` | `space` | Skyline 不支持；连续空格不要依赖该属性                                                                                                                                                                    |
+| `text` | `decode` | Skyline 不支持；不要依赖 HTML 实体解码行为                                                                                                                                                               |
+| `input` / `textarea` | `placeholder-class` | 仅 WebView 生效；Skyline 使用 `placeholder-style`                                                                                                                                                |
+| `input` / `textarea` | `safe-password-cert-path` / `safe-password-length` / `safe-password-time-stamp` / `safe-password-nonce` / `safe-password-salt` / `safe-password-custom-hash` | 安全键盘属性仅 WebView 生效                                                                                                                                                                         |
+| `swiper` | `snap-to-edge` | WebView 特性，Skyline 不支持                                                                                                                                                                     |
+
+## Skyline 必填属性与结构约束
+
+| 组件 | 约束 | 说明                                                                 |
+| --- | --- |--------------------------------------------------------------------|
+| `scroll-view` | 必须显式声明 `type` | 可选 `list` / `custom` / `nested`；遗漏会退化为 WebView 渲染路径或无法正常工作         |
+| `scroll-view type="list"` | 列表项必须是 `scroll-view` 的直接子节点 | 只有一个直接子节点时，按需渲染会退化                                                 |
+| `scroll-view type="nested"` | 外层必须使用 `type="nested"` | 内层 `scroll-view` 必须设置 `associative-container="nested-scroll-view"` |
+| `navigator` | 只能嵌套 `text` 或纯文本 | 不能嵌套 `view` / `image` / 自定义组件                                      |
+| `text` | 只能嵌套 `text` | 图文混排使用 `span`，仅微信支持，跨平台建议按 `<view mpxTagName@wx="span"></view>`    |
+
+## Skyline 相对 WebView 的高频差异补充
+
+| 组件 | 差异                                                                                                                                                                       |
+| --- |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `picker-view` | `indicator-style` 仅支持 `height` / `border` / `background-color`；`indicator-class` / `mask-style` 暂未支持；Skyline 默认存在上下边框，无自定义边框需设置 `indicator-style="border: none;"` 去除默认边框 |
+| `swiper` | `layout-type="stackLeft"` / `stackRight` / `tinder` 时仅支持 `indicator-type="normal"`                                                                                       |
+| `swiper` | `indicator-type="scrollFixedCenter"` / `swap` / `swapYRotation` 时不支持 `circular`                                                                                          |
+| `swiper` | `previous-margin` / `display-multiple-items` / `vertical` 的布局计算与 WebView 不一致；设置 `next-margin > 0` 时对齐 WebView 实现                                                         |
+| `input` / `textarea` | 原生组件字体固定为系统字体，`font-family` 不生效；聚焦期间避免 CSS 动画                                                                                                                            |
+| `video` | 全屏已支持，投屏暂未支持；开发者工具暂未支持调试，需真机预览                                                                                                                                           |
+| `map` / `canvas` / `camera` | 开发者工具暂未支持调试，需真机预览                                                                                                                                                        |
+| `rich-text` | 默认渲染模式不保证与 WebView 完全一致；`mode="web"` 时对齐 WebView                                                                                                                         |
+| `scroll-view` | 滚动 `scroll-view` 会阻止页面回弹，无法触发页面级 `onPullDownRefresh`                                                                                                                     |
+| `scroll-view` | `scroll-into-view` 优先级高于 `scroll-top`；目标 id 不能以数字开头                                                                                                                      |
+| `scroll-view` | 自定义下拉刷新节点必须声明 `slot="refresher"`                                                                                                                                         |
+| `scroll-view` | 滚动条长度为预估值；直接子节点高度差异较大时，滚动条长度不保证精确                                                                                                                                        |
+| `scroll-view` | 横向滚动需同时开启 `enable-flex`，并设置横向布局样式（如 `flex-direction: row`）以兼容 WebView                                                                                                    |
+| `scroll-view` | `type="list"` 下列表项可加 `list-item` 启用样式共享优化；列表项仍必须是直接子节点                                                                                                                   |
+| `scroll-view` | 基础库 2.4.0 以下不支持嵌套 `textarea` / `map` / `canvas` / `video`                                                                                                                |
+| `text` | `user-select` 会使节点变为 `inline-block`；除文本节点外，其他节点无法长按选中                                                                                                                    |
+| `span` | 用于图文内联混排，仅微信支持，跨平台建议按 `<view mpxTagName@wx="span"></view>`                                                                                                               |
+| `input` / `textarea` | `bindkeyboardheightchange` 存在多次触发场景，应忽略相同高度值避免重复布局                                                                                                                       |
+| `sticky-section` / `sticky-header` | WebView 常用的 CSS `position: sticky` 在 Skyline 下应替换为 `scroll-view type="custom"` + `sticky-section` / `sticky-header`                                                      |
diff --git a/.agents/skills/mpx2skyline/references/skyline-configuration.md b/.agents/skills/mpx2skyline/references/skyline-configuration.md
new file mode 100644
index 0000000000..9a7b82dd44
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-configuration.md
@@ -0,0 +1,132 @@
+# Skyline 配置项与接入规范参考
+
+## 目录
+
+- [适用场景](#适用场景)
+- [Skyline 配置](#skyline-配置)
+  - [三级配置层次](#三级配置层次)
+  - [rendererOptions.skyline 配置项](#rendereroptionsskyline-配置项)
+  - [app.json 顶层配置](#appjson-顶层配置)
+  - [其他配置项](#其他配置项)
+  - [适配参考](#适配参考)
+- [Worklet Babel 插件](#worklet-babel-插件)
+
+---
+
+## 适用场景
+
+- 创建新的 Skyline 小程序项目
+- 从 WebView 迁移到 Skyline 渲染引擎
+- 配置混合渲染（部分页面 Skyline、部分 WebView）
+- 配置 rendererOptions 优化样式兼容性
+- 排查 Skyline 配置相关的编译错误
+
+## Skyline 配置
+
+### 三级配置层次
+
+| 层级 | 文件 | 作用 | 关键配置 |
+|------|------|------|----------|
+| 全局 | `app.json` | 全局启用 Skyline | renderer, componentFramework, rendererOptions |
+| 页面 | `页面.json` | 页面级配置/覆盖 | navigationStyle, disableScroll, renderer |
+| 工具 | `project.config.json` | 开发者工具调试 | setting.skylineRenderEnable |
+
+### rendererOptions.skyline 配置项
+
+| 配置项 | 类型 | 默认值 | 推荐值 | 说明                                    |
+|--------|------|--------|--------|---------------------------------------|
+| `defaultDisplayBlock` | boolean | false | true | 默认 `display: block`（对齐 WebView）          |
+| `defaultContentBox` | boolean | false | true | 默认 `box-sizing: content-box`（对齐 WebView） |
+| `tagNameStyleIsolation` | string | "isolated" | "legacy" | 标签选择器全局匹配（对齐 WebView）                 |
+| `enableScrollViewAutoSize` | boolean | false | true | scroll-view 自动撑开高度                    |
+| `keyframeStyleIsolation` | string | - | "legacy" | `@keyframes` 全局共享，避免迁移项目中动画关键帧作用域变化 |
+| `disableABTest` | boolean | false | 按需 | 关闭 Skyline AB 实验，确保稳定性（非必要配置）         |
+
+> 说明：前 5 项（`defaultDisplayBlock` / `defaultContentBox` / `tagNameStyleIsolation` / `enableScrollViewAutoSize` / `keyframeStyleIsolation`）是对齐 WebView 行为的**推荐补齐项**，适配时务必逐项核对。`disableABTest` 为**非必填**：仅在需要关闭 Skyline 灰度 AB 实验、强制全量走 Skyline 以排除实验态干扰时按需开启，常规适配可不配，不作为校验项。
+
+### app.json 顶层配置
+
+| 配置项 | 位置 | 类型 | 推荐值 / 示例               | 说明                                                                                |
+|--------|------|------|------------------------|-----------------------------------------------------------------------------------|
+| `lazyCodeLoading` | `app.json` 顶层 | string | `"requiredComponents"` | 开启按需注入用到的组件代码，降低页面初始化时一次性注入的代码量，Skyline 必需，WebView 可按需         |
+| `convertRpxToVw` | `app.json` 顶层 | boolean | 按需  | 基础库 3.3.0+；开启后会将 WebView rpx 计算逻辑对齐 Skyline（`rpx` 单位转换为 `vw` 单位），用于修复部分 `rpx` 精度问题 |
+
+### 其他配置项
+
+| 配置项 | 位置 | 类型 | 推荐值 / 示例 | 说明 |
+|--------|------|------|---------------|------|
+| `backgroundColorContent` | 页面 JSON | HexColor | `"#00000000"` | Skyline 特有页面配置；设置页面容器背景色，支持 `#RRGGBBAA` 透明度格式，常用于自定义路由透明背景 |
+
+### 适配参考
+
+**项目配置 app.json 新增以下配置**
+
+```json5
+// 对齐 WebView
+{
+  "lazyCodeLoading": "requiredComponents",
+  "rendererOptions": {
+    "skyline": {
+      "defaultDisplayBlock": true,
+      "defaultContentBox": true,
+      "tagNameStyleIsolation": "legacy",
+      "enableScrollViewAutoSize": true,
+      "keyframeStyleIsolation": "legacy"
+    }
+  }
+}
+```
+
+> 注意：`defaultDisplayBlock` / `defaultContentBox` / `tagNameStyleIsolation` / `enableScrollViewAutoSize` / `keyframeStyleIsolation` 均为 `rendererOptions.skyline` 的子项，须写在该对象内，**不要**放到 app.json 顶层；`lazyCodeLoading` 与 `convertRpxToVw` 是 app.json 顶层配置。补齐 app.json 时务必逐项核对上述推荐项都不遗漏；`convertRpxToVw` 和 `disableABTest` 除外，可按需选配。
+
+**适配 Skyline 页面的 page.json 新增以下配置**
+
+```json5
+{
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "navigationStyle": "custom",
+  "disableScroll": true
+}
+```
+
+`backgroundColorContent` 按页面需要配置：普通页面可不配；需要透明页面容器背景（如自定义路由转场、弹层页）时单独添加：
+
+```json5
+{
+  "backgroundColorContent": "#00000000"
+}
+```
+
+---
+
+## Worklet Babel 插件
+
+如果页面使用到 Worklet 函数，需要配置 Babel 插件：
+
+```bash
+npm i babel-plugin-worklet
+```
+
+Mpx 项目中通过 `overrides` 配置：
+
+```json5
+{
+  "overrides": [{
+    // 组件路径
+    "include": ["./src/components/worklet/gesture.mpx"],
+    "plugins": [
+      ["@babel/plugin-transform-arrow-functions"],
+      ["@babel/plugin-transform-shorthand-properties"],
+      ["@babel/plugin-proposal-class-properties"],
+      "babel-plugin-worklet"
+    ]
+  }]
+}
+```
+
+**注意**：
+- 配置 Worklet Babel 插件后，**不需要勾选**「将 JS 编译成 ES5」（会导致包体积增加）
+- 若未配置以上插件，则需要开启开发者工具的「编译 Worklet 函数」选项；「将 JS 编译成 ES5」也可以，但更推荐集成 Babel 插件按需编译
+
+---
diff --git a/.agents/skills/mpx2skyline/references/skyline-layout-practice.md b/.agents/skills/mpx2skyline/references/skyline-layout-practice.md
new file mode 100644
index 0000000000..4bcf421ea9
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-layout-practice.md
@@ -0,0 +1,979 @@
+# Skyline 布局与样式适配实践
+
+本文记录 WebView 迁移 Skyline 时偏视图层的改造方案，覆盖布局、样式、模板结构、页面滚动、层级、文本与 SVG 展示限制。
+
+## 目录
+
+- [布局适配](#布局适配)
+  - [垂直 margin 折叠处理](#垂直-margin-折叠处理)
+  - [使用正常流实现卡片与装饰条重叠](#使用正常流实现卡片与装饰条重叠)
+  - [图文混排](#图文混排)
+  - [页面滚动替代方案](#页面滚动替代方案)
+  - [z-index 与层叠适配](#z-index-与层叠适配)
+  - [sticky 吸顶替代方案](#sticky-吸顶替代方案)
+  - [scroll-view 高度自适应](#scroll-view-高度自适应)
+- [样式适配](#样式适配)
+  - [文本溢出省略适配](#文本溢出省略适配)
+  - [字体 PostScript name 兼容](#字体-postscript-name-兼容)
+  - [伪元素不支持的 animation 需替换为真实节点](#伪元素不支持的-animation-需替换为真实节点)
+  - [animation API 不支持 → 使用 CSS transition](#animation-api-不支持--使用-css-transition)
+  - [text-decoration-line 多值适配](#text-decoration-line-多值适配)
+  - [flex 布局的子节点 min-width 百分比撑开失效](#flex-布局的子节点-min-width-百分比撑开失效)
+  - [flex 布局的子节点文本超出未自动换行](#flex-布局的子节点文本超出未自动换行)
+  - [@media screen 替换方案](#media-screen-替换方案)
+- [模板结构适配](#模板结构适配)
+  - [[必须] 模板中数据绑定外的转义改为标准 XML 转义](#必须-模板中数据绑定外的转义改为标准-xml-转义)
+  - [[必须] wx:for 内嵌 include 时改为 template](#必须-wxfor-内嵌-include-时改为-template)
+  - [navigator 嵌套限制](#navigator-嵌套限制)
+  - [SVG 在 Skyline 下的限制与适配](#svg-在-skyline-下的限制与适配)
+
+---
+
+## 布局适配
+
+### 垂直 margin 折叠处理
+
+微信 WebView 的普通块级布局中，满足 CSS margin 折叠条件的节点关系可能发生垂直 `margin` 折叠：相邻兄弟元素、父元素与首个 / 末个流内后代、空块自身的上下 margin 都可能折叠。CSS margin 折叠只发生在垂直方向，水平方向的 `margin-left` / `margin-right` 不受影响。具体条件参考 [MDN · 掌握外边距折叠](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Guides/Box_model/Margin_collapsing)。
+
+Skyline 没有 BFC 和 margin 折叠机制，`margin-top` / `margin-bottom` 会作为节点自身间距参与布局，相邻节点的垂直 margin 通常会叠加。因此适配普通块级布局中满足 margin 折叠条件的节点关系时，需要显式处理原平台发生的 margin 折叠，避免同一组 margin 在 Skyline 中产生更大的间距。
+
+**先确认 WebView 会折叠，再改造：**不要仅因两个垂直 margin 同时存在就归到单侧。下表用于判断原 WebView 的最终渲染结构，不是 Skyline 的能力支持清单；例如 Flex / Grid、BFC 等条件描述的是原布局是否折叠。按节点关系逐项判断；命中任一“不要处理”条件，或无法确认原平台会发生折叠时，保留原 margin。
+
+| 节点关系 | 确认会折叠 | 反向约束：以下情况不要处理 |
+| --- | --- | --- |
+| 相邻兄弟 | 最终渲染结果中相邻的普通块级兄弟，前项 `margin-bottom` 与后项 `margin-top` 之间没有其他内容 | 共享父容器为 Flex / Grid；任一节点浮动或使用 `position: absolute/fixed`；后一节点因 `clear` 产生 clearance；条件渲染后并不相邻 |
+| 父元素与首个流内后代 | 两者的 `margin-top` 之间没有父元素的 `border-top`、`padding-top`、行内内容或 clearance，且父元素未建立新 BFC | 存在任一左述分隔条件；父元素通过 `overflow: hidden/auto/scroll`、`display: flow-root` 等建立 BFC；父元素为 Flex / Grid 容器 |
+| 父元素与末个流内后代 | 两者的 `margin-bottom` 之间没有父元素的 `border-bottom`、`padding-bottom`，父元素没有明确 `height` / `min-height`，且未建立新 BFC | 存在任一左述分隔条件；父元素通过 `overflow: hidden/auto/scroll`、`display: flow-root` 等建立 BFC；父元素为 Flex / Grid 容器 |
+| 空块自身 | `margin-top` 与 `margin-bottom` 之间没有 `border`、`padding`、行内内容、`height` 或 `min-height` | 存在任一左述分隔条件 |
+
+在 WebView 中，`overflow: hidden/auto/scroll` 建立 BFC 后，会阻止父元素自身 margin 与其后代 margin 跨父子边界折叠；但该父元素的外边距是否与相邻兄弟折叠，仍须按“相邻兄弟”一行独立判断，不能仅凭 `overflow` 排除。
+
+折叠后的值也不能一律用 `max()` 计算：两侧均为非负值时取较大值；同时存在正负 margin 时，取最大正值与最小负值之和；全部为负值时取最小值（绝对值最大的负值）。
+
+**推荐处理原则：**
+
+1. **容器边界间距由父容器单侧表达**：外部间距使用父容器 margin，内部留白使用父容器 padding，不要依赖首个 / 末个子节点的 margin 与父容器折叠。
+2. **兄弟节点间距只交给一侧负责**：按模板顺序逐对检查普通块级布局中满足 margin 折叠条件的相邻兄弟节点，同时识别 `margin` 简写隐含的 `margin-top` / `margin-bottom`。将原平台折叠后的有效间距完整放在任意一侧，另一侧删除或置 `0`；常见的两侧非负 margin 场景取两者较大值，例如 `24rpx` 与 `12rpx` 归为单侧 `24rpx`，两侧均为 `20rpx` 时归为单侧 `20rpx`。不要因为 `margin` 属性本身受 Skyline 支持就跳过这项布局语义检查。
+3. **用模板状态标记首尾项**：需要去掉首项或末项间距时，用 `wx:class` + `index` 显式绑定单类。
+4. **必要时可显式声明纵向 Flex**：如果容器内仍存在难以拆解的垂直 margin 关系，可在确认不影响原布局的前提下，同时声明 `display: flex` 与 `flex-direction: column`，使原平台子节点也作为 flex item 参与布局，避免垂直 margin 折叠；若已通过 `padding` 和单侧 margin 明确处理间距，则不必额外添加 flex 声明。
+
+Skyline 中的 `overflow: hidden` 用于裁剪，不会像 WebView 一样建立 BFC。原 WebView 已通过它阻止父子 margin 折叠的场景，不属于父子折叠差异；有裁剪需求时仍需保留。添加纵向 Flex 是为了使 WebView 也采用不折叠的布局，并非在 Skyline 中创建 BFC；应同时声明 `display: flex` 和 `flex-direction: column`，核对原本折叠的间距及默认拉伸行为。
+
+**❌ 避免：**下例使用普通块级布局，其中“父元素与首个子元素”和“两个相邻兄弟元素”这两组节点关系均满足 margin 折叠条件。原平台中 `.card` 与标题的顶部 margin 折叠为 `24rpx`，标题和说明的相邻垂直 margin 折叠为 `16rpx`；Skyline 中兄弟间距为 `16 + 12 = 28rpx`，父子 margin 也分别参与布局，父容器外部 margin 为 `20rpx`，标题相对父容器顶部再偏移 `24rpx`，标题顶部的总偏移为 `44rpx`。下例父容器外部没有其他可折叠 margin，并显式使用普通块级布局。
+
+```html
+<!-- ❌ Bad — 依赖普通块级布局中的父子及兄弟垂直 margin 折叠 -->
+<template>
+  <view class="card">
+    <view class="card-title">标题</view>
+    <view class="card-desc">说明</view>
+  </view>
+</template>
+
+<style>
+  .card, .card-title, .card-desc {
+    display: block;
+  }
+
+  .card {
+    margin-top: 20rpx;
+  }
+
+  .card-title {
+    margin-top: 24rpx;
+    margin-bottom: 16rpx;
+  }
+
+  .card-desc {
+    margin-top: 12rpx;
+  }
+</style>
+```
+
+**✅ 推荐：**把父子顶部折叠后的 `24rpx` 外部间距归给 `.card` 的 `margin-top`，把标题和说明之间的 `16rpx` 间距交给单侧节点。两端的外部间距与项间距分别保持一致，不把外部 margin 改成内部 padding。
+
+```html
+<!-- ✅ Good — 父容器承接 24rpx 外部间距，说明节点承接 16rpx 兄弟间距 -->
+<template>
+  <view class="card">
+    <view class="card-title">标题</view>
+    <view class="card-desc">说明</view>
+  </view>
+</template>
+
+<style>
+  .card, .card-title, .card-desc {
+    display: block;
+  }
+
+  .card {
+    margin-top: 24rpx;
+  }
+
+  .card-desc {
+    margin-top: 16rpx;
+  }
+</style>
+```
+
+**内部留白与外部间距分开验收**：父容器的外部间距由父 `margin` 表达，不能直接替换为内部 `padding`。若需求明确为子盒顶部距父容器上外沿 `20px`（父容器无边框），使用父 `padding-top: 20px`，并清理重复的子 `margin-top`；子盒自身还有 `padding-top: 10px` 时，其内容顶部距父外沿为 `30px`。先确认测量的是子盒边界还是内容起点。
+
+**列表场景：**外沿到首尾子盒的内部留白由父 `padding` 表达，项间距按模板顺序只交给非首项的 `margin-top`。
+
+```html
+<template>
+  <view class="list">
+    <view
+      wx:for="{{items}}"
+      wx:key="id"
+      class="list-item"
+      wx:class="{{ { 'list-item-gap': index > 0 } }}"
+    >
+      {{item.text}}
+    </view>
+  </view>
+</template>
+
+<style>
+  .list, .list-item {
+    display: block;
+  }
+
+  .list {
+    padding-top: 24rpx;
+    padding-bottom: 24rpx;
+  }
+
+  .list-item-gap {
+    margin-top: 16rpx;
+  }
+</style>
+```
+
+### 使用正常流实现卡片与装饰条重叠
+
+当提示条、背景条等下层装饰节点只露出上半部分、下半部分被后续卡片覆盖时，应让装饰条和卡片在正常流中形成稳定的占位与重叠关系。
+
+** ❌ Bad：依赖装饰条内部负 margin 控制高度 **
+
+```css
+.tips-wrapper {
+  position: relative;
+  z-index: 1;
+}
+
+.content-card {
+  position: relative;
+  z-index: 3;
+  margin-top: -92rpx;
+}
+
+.tips-bar-container {
+  padding-bottom: 92rpx;
+}
+
+.tips-bar {
+  height: 92rpx;
+  margin-bottom: -28rpx;
+}
+```
+
+**Skyline 下的表现**：`tips-bar` 高度偏高。内部 `.tips-bar` 的 `margin-bottom: -28rpx` 未按预期削减占位高度，导致装饰条的实际高度与预期不符。
+
+**原因**：依赖自定义组件内部的 `height`、`padding-bottom` 和负 `margin-bottom` 共同决定正常流占位，Skyline 下 `margin-bottom: -28rpx` 没有产生预期的高度削减效果，因此基于预期组件高度设置的 `margin-top: -92rpx` 也无法得到目标露出高度。
+
+
+** ❌ Bad：装饰条绝对定位，卡片使用正 margin 人工占位 **
+
+```css
+.tips-wrapper {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.content-card {
+  position: relative;
+  z-index: 3;
+  margin-top: 68rpx;
+}
+```
+
+**Skyline 下的表现**：装饰条仍被后续卡片整体覆盖，无法形成装饰条上半部分露出、下半部分被卡片覆盖的包裹效果。
+
+**原因**：装饰条和卡片分别设置为 `z-index: 1` 和 `z-index: 3`，Skyline 按共同父级下的兄弟分支比较层级，低层级的装饰条分支被后续卡片分支整体覆盖。
+
+
+** ✅ Good：显式完整占位，卡片使用负 margin 覆盖 **
+
+将装饰条和卡片放在同一父节点下，并用真实 `view` 作为装饰条 wrapper，使二者成为可直接比较的兄弟节点：
+
+```html
+<view class="card-container">
+  <view class="tips-wrapper">
+    <tips-bar />
+  </view>
+  <view class="content-card">卡片内容</view>
+</view>
+```
+
+```css
+.card-container {
+  position: relative;
+  overflow: hidden;
+}
+
+.tips-wrapper {
+  position: relative;
+  z-index: 1;
+  height: 94rpx;
+  overflow: visible;
+}
+
+.content-card {
+  position: relative;
+  z-index: 2;
+  margin-top: -30rpx;
+}
+```
+
+**Skyline 下的表现**：装饰条稳定露出 `64rpx`，卡片覆盖其余 `3rpx`；卡片顶部圆角外侧仍显示下层背景，装饰条不会因自定义组件内部布局变化而被整体覆盖。
+
+**原因**：
+- wrapper 在正常流中显式占据装饰条的完整绘制高度，卡片通过负 margin 定义固定覆盖量。布局关系满足：覆盖量 = 装饰条完整高度 - 期望露出高度 
+- 层级样式落在两个真实兄弟 `view` 上，`z-index` 只负责明确绘制顺序，不再承担布局修复。不要根据装饰条内部子节点的 `padding`、负 margin 或内容高度反推 wrapper 高度，也不要再通过 `top`、`transform` 或另一侧 margin 重复修正位置。
+
+该方案适用于装饰条需要占据布局空间，并与后续卡片稳定重叠的场景。纯悬浮且不需要参与布局的元素仍可使用绝对定位。
+
+### 图文混排
+
+触发条件：同一视觉行内同时出现 `image` / icon 与 `text` / `rich-text` / `special-text` / 自定义文本组件，尤其容器带 `truncate` / `line-clamp` / `whitespace-nowrap` 或 `mpxTagName@wx="span"` 时，必须按本节处理。不要只补 `max-lines` / `overflow`，否则 Skyline 下图片、组件 virtual-host 与文本仍无法按 WebView 方式内联对齐或截断。
+
+```html
+<view class="flex-1 w-0 truncate">
+  <image
+          class="v-middle flex-none w-10px h-10px mb-2px mr-2px"
+          src="https://img-hxy021.didistatic.com/static/starimg/img/tbLezkOe9q1670901034023.png"
+          mode="heightFix" />
+  <rich-text text="儿童贴心服务｜设置本次乘车新偏好" />
+</view>
+```
+
+```html
+<script setup lang="ts">
+import useSkyline from 'common/skyline/useSkyline'
+
+defineExpose({
+  isSkyline: useSkyline()
+})
+</script>
+
+<!-- truncate 为原子类中超长打点类，包含样式 `overflow: hidden; text-overflow: ellipsis; white-space: nowrap;`
+     Skyline 仅需保留 `white-space: nowrap;`
+     Skyline 超长打点通过 `max-lines`/`overflow` 属性实现
+-->
+<view
+        mpxTagName@wx="span"
+        mpxTagName@ios|android|harmony="text"
+        max-lines="{{1}}"
+        overflow="ellipsis"
+        class="flex-1 w-0 {{isSkyline ? 'whitespace-nowrap' : 'truncate'}}">
+  <!-- Skyline 下将 image 组件 节点改为 inline-block 布局 -->
+  <image
+          class="v-middle flex-none w-10px h-10px mb-2px mr-2px {{isSkyline ? 'inline-block' : ''}}"
+          src="https://img-hxy021.didistatic.com/static/starimg/img/tbLezkOe9q1670901034023.png"
+          mode="heightFix"
+  />
+  <!-- Skyline 下将组件 virtual-host 节点改为 inline-flex 布局 -->
+  <rich-text
+          class="v-middle"
+          style="{{isSkyline ? 'display: inline-flex;' : ''}}"
+          text="儿童贴心服务｜设置本次乘车新偏好"
+  />
+</view>
+```
+
+适配要点：
+
+1. `isSkyline` 用运行时判断注入模板，只在 Skyline 下切换 `whitespace-nowrap`、`inline-block`、`inline-flex` 等兼容样式，非 Skyline 保持不变。
+2. 图标、`rich-text`、分隔符同属一段图文混排时，放在同一个 `mpxTagName@wx="span"` 容器内；同时兼容 RN 侧时需用 `mpxTagName@ios|android|harmony="text"` 和 `numberOfLines` 对齐单行截断。
+
+### 页面滚动替代方案
+
+Skyline 不支持页面滚动，`onPullDownRefresh` / `onReachBottom` / `onPageScroll` 不会触发。需要滚动的页面必须使用 `scroll-view` 替代页面滚动，页面 json 同时声明 `disableScroll: true`。
+
+```html
+<!-- 普通长列表 type="list" -->
+<scroll-view type="list" style="height:100%" show-scrollbar="{{false}}" scroll-y="true">
+  <!-- 页面内容 -->
+</scroll-view>
+```
+
+**原页面生命周期需迁移到 scroll-view 对应事件**（不要只删不补，否则下拉刷新/触底加载/滚动监听等业务逻辑会静默失效）：
+
+| 原页面生命周期 | scroll-view 事件 | 备注 |
+| --- | --- | --- |
+| `onPullDownRefresh` | `bindrefresherrefresh` | 需同时开 `refresher-enabled` |
+| `onReachBottom` | `bindscrolltolower` | 可配合 `lower-threshold` 调阈值 |
+| `onPageScroll(e.scrollTop)` | `bindscroll(e.detail.scrollTop)` | 高频事件，按需节流 |
+
+WebView 直接对齐 Skyline 写法（统一走 scroll-view 事件），避免双份实现带来的维护成本与行为漂移。
+
+```html
+<!-- 普通长列表 type="list" -->
+<scroll-view
+  type="list"
+  scroll-y="true"
+  enhanced="true"
+  refresher-enabled="{{true}}"
+  bindrefresherrefresh="onRefresh"
+  bindscrolltolower="onLoadMore"
+  bindscroll="onScroll"
+>
+  <view>11</view>
+  <view>22</view>
+  <!-- 页面内容 -->
+</scroll-view>
+```
+
+```js
+createPage({
+  onRefresh() {
+    // 原 onPullDownRefresh 的逻辑
+  },
+  onLoadMore() {
+    // 原 onReachBottom 的逻辑
+  },
+  onScroll(e) {
+    const scrollTop = e.detail.scrollTop  // 原 onPageScroll 的 e.scrollTop
+  }
+})
+```
+
+### z-index 与层叠适配
+
+Skyline 没有层叠上下文（stacking-context）的概念。`z-index` 默认值为 `0`，**只在兄弟节点间生效**，节点的最终层级由两套机制决定：**normal-context**（非 fixed 节点）和 **fixed-context**（fixed 节点）。
+
+**核心差异**：
+
+| 维度 | WebView | Skyline |
+| --- | --- | --- |
+| 层叠上下文 | 有，子节点 z-index 在不同层叠上下文间不可比较 | 无，z-index 只在兄弟节点间直接比较 |
+| 跨父级层级 | 由各自所属层叠上下文的层级决定 | 向上回溯到「共同父级下的那对兄弟节点」，比较这对兄弟的 z-index |
+| fixed 节点 | 参与正常层叠上下文 | 全局提升到 fixed-context，整体层级永远高于 normal-context |
+| 相同 z-index | 层叠水平 + 文档顺序决定 | DOM 靠后的层级更高 |
+| `transform` / `opacity` | 会创建新层叠上下文，影响 z-index 比较 | 不创建层叠上下文，对层级无影响 |
+
+**normal-context 机制**（非 fixed 节点）：
+
+```
+      a
+   b      c
+   ↓      ↓
+   d      e
+   ↓      ↓
+   f      g
+```
+
+比较 f 和 g 的层级时，并不直接比较 f、g 自身的 z-index，而是向上回溯到它们在同一父级下的祖先分支 b 和 c，比较 b 与 c 的 z-index——谁更大，其整条子树的层级就更高。若 b、c 的 z-index 相同，则 DOM 靠后的层级更高。
+
+**fixed-context 机制**（fixed 节点）：
+
+不关心 fixed 节点在 DOM 中的父子层级，所有 fixed 节点在全局范围内统一提升到 fixed-context 上渲染：DOM 结构保持不变，但渲染时全部「拍平」为兄弟节点，再仅依据各自的 z-index 排序。
+
+```
+fixed-a (z-index: 2)
+  fixed-b (z-index: 3)
+    fixed-c (z-index: 1)
+  fixed-d (未设置 → 0)
+fixed-e (z-index: 4)
+
+渲染层级排序：fixed-d(0) < fixed-c(1) < fixed-a(2) < fixed-b(3) < fixed-e(4)
+```
+
+注意 fixed-c 虽然 DOM 上嵌套最深，但因 z-index 最小（1），渲染层级反而靠下；fixed-b 的 z-index(3) 高于其父 fixed-a(2)，但因整体拍平比较，仍能盖住 fixed-a。
+
+**适配方案**：
+
+1. **把需要层级控制的节点重构为兄弟节点结构**：页面内非全屏元素用 `relative` + `absolute`，按 normal-context 规则确定层级；全屏元素（弹窗、弹层、toast）按需用 `fixed`，按 fixed-context 规则确定层级，且层级天然高于所有非 fixed 内容。
+2. **不要依赖层叠上下文机制做层级控制**：WebView 上用 `transform` / `opacity` / `will-change` 隐式开启层叠上下文来抬升层级的技巧，在 Skyline 下完全失效。
+3. **`z-index` 不能用在 `scroll-view` 的直接子节点上**：该位置设置 `z-index` 不生效；如需对滚动项做层级控制，应在其内部再包一层节点，或借助 fixed 元素提升到 fixed-context。
+
+### sticky 吸顶替代方案
+
+`position: sticky` 在 Skyline 下不可用，需用 `sticky-header` / `sticky-section` 组件替代。但 `sticky-header` / `sticky-section` 是 Skyline 专属组件，WebView 下不识别，而 WebView 的 `position: sticky` 本就可用，属于「Skyline 支持但 WebView 不需要」的写法，**不要替换 WebView 原生写法**，而是用 [运行时 renderer 判断](./skyline-runtime-practice.md#判断当前渲染模式) 隔离两条分支。
+
+```html
+<!-- isSkyline 来自 renderer 判断，见 skyline-runtime-practice.md 的「判断当前渲染模式」 -->
+<scroll-view type="custom" scroll-y>
+  <!-- Skyline：sticky-section + sticky-header 组件 -->
+  <sticky-section wx:if="{{isSkyline}}">
+    <sticky-header class="sticky-title">吸顶标题</sticky-header>
+    <view>列表内容</view>
+  </sticky-section>
+  <!-- WebView：保留 position: sticky 原生写法 -->
+  <block wx:else>
+    <view class="sticky-title webview-sticky">吸顶标题</view>
+    <view>列表内容</view>
+  </block>
+</scroll-view>
+```
+
+```css
+/* 两端都需显式背景色，避免吸顶时透字穿透 */
+.sticky-title { background: #fff; }
+/* WebView 专属：position: sticky 在 Skyline 下静默失效，仅 WebView 分支使用 */
+.webview-sticky { position: sticky; top: 0; }
+```
+
+```js
+// isSkyline 写入 data 供模板 wx:if 使用
+createPage({
+  onLoad() {
+    this.isSkyline = this.renderer === 'skyline'
+  }
+})
+```
+
+**Skyline 分支结构约束**：
+
+- `sticky-header` 必须是 `sticky-section` 的**第一个子节点**；每个 `sticky-section` 仅允许一个 `sticky-header`。
+- `sticky-section` 必须放在 `scroll-view type="custom"` 内（不可裸用）。
+- `sticky-header` **必须显式声明背景色**（`background` / `background-color`）。Skyline 下 `sticky-header` 默认透明，吸顶时下层列表内容会透字穿透，常见症状是"吸顶后文字与列表叠在一起"。
+
+### scroll-view 高度自适应
+
+Skyline 下 `scroll-view` 默认不会按内容高度自动撑开。迁移时优先使用全局配置方案；只有在业务明确需要把内容实际高度写入 `scroll-view` 内联样式时，才使用动态测量方案。
+
+**推荐方案：全局配置 + max-height**
+
+在 `app.json` 的 `rendererOptions.skyline` 下开启 `enableScrollViewAutoSize`，让 `scroll-view` 按内容撑开；组件上继续保留 `max-height` 作为滚动区域上限。内容未超过上限时容器随内容高度变化，超过上限后由 `scroll-view` 承载滚动。
+
+```json
+{
+  "rendererOptions": {
+    "skyline": {
+      "enableScrollViewAutoSize": true
+    }
+  }
+}
+```
+
+```html
+<!-- 常规写法：由 enableScrollViewAutoSize 负责按内容撑开，max-height 只限制最大高度 -->
+<scroll-view
+  type="list"
+  scroll-y="{{true}}"
+  style="max-height: 375px;"
+>
+  <view>
+    <!-- 动态内容 -->
+  </view>
+</scroll-view>
+```
+
+**兜底方案：动态测量内容高度**
+
+仅在要求明确动态计算 `scroll-view` 的实际高度时，再在内容渲染后通过 `createSelectorQuery` 查询内容节点高度，并将结果绑定到 `scroll-view` 的 `style`。
+
+```ts
+// 工具函数
+import { nextTick, ref } from '@mpxjs/core'
+
+export function getScrollViewHeight(context, query, defaultHeight = 0) {
+  // height 初始为空（或传入兜底高度），格式为内联 style 字符串
+  const height = ref(defaultHeight ? `height:${defaultHeight}px;` : '')
+
+  const updateHeight = () => {
+    // 必须在 nextTick 后查询，确保内容已渲染到 DOM
+    nextTick(() => {
+      context.createSelectorQuery()
+        .select(query)
+        .boundingClientRect(rect => {
+          height.value = `height:${Math.ceil(rect?.height || 0)}px;`
+        })
+        .exec()
+    })
+  }
+
+  return { height, updateHeight }
+}
+```
+
+```ts
+// 组件 setup 中使用（仅 Skyline 模式下启用）
+import { getCurrentInstance, nextTick, watch, ref } from '@mpxjs/core'
+import { getScrollViewHeight } from 'useSkyline'
+
+const context = useContext()
+
+const isSkyline = () => getCurrentInstance().proxy.renderer === 'skyline'
+
+// isSkyline() 为 false（WebView）时退化为空实现，不影响 WebView 逻辑
+const { height, updateHeight } = isSkyline()
+        ? getScrollViewHeight(context, '#scrollContent')
+        : {
+          height: ref(''),
+          updateHeight: () => {}
+        }
+
+// 在内容加载完成后调用 updateHeight，确保可正常获取到内容高度
+// isShow 为控制弹窗展示的变量
+watch(isShow, (val) => {
+  if (val) {
+    nextTick(() => {
+      updateHeight()
+    })
+  }
+})
+```
+
+```html
+<!-- 动态测量写法：max-height 是上限，height 是测量后的内容实际高度 -->
+<scroll-view
+  type="list"
+  scroll-y="{{true}}"
+  enhanced="{{true}}"
+  show-scrollbar="{{false}}"
+  style="max-height: 375px;{{ height }}"
+>
+  <view id="scrollContent">
+    <!-- 动态内容 -->
+  </view>
+</scroll-view>
+```
+
+## 样式适配
+
+### 文本溢出省略适配
+
+文本溢出省略，或者文本超长打点，在 Skyline 下需要在对应的 `view`/`text`/`rich-text`/`special-text` 组件上增加 `max-lines`/`overflow` 属性
+
+> **完整扫描要求**：适配时须扫描组件/页面内**所有**包含文本省略样式（`text-overflow: ellipsis` / `-webkit-line-clamp` / `overflow: hidden` + `white-space: nowrap` 组合）的节点，逐一为其补齐 `max-lines`/`overflow`。
+
+> 注意事项
+>
+> **新增/替换 `text` 节点时务必把插值压回单行**：`<view>` 会折叠首尾空白，`<text>` 则字面保留。开闭标签之间留下换行 + 缩进会被当作前导/尾随空格渲染出来，影响 `max-lines`/`overflow` 的截断点与视觉对齐。属性多到必须折行时，只折属性、把插值紧贴 `>`
+> **WebView 样式与 Skyline 属性共存**：原 WebView 的 webkit 省略样式（`-webkit-line-clamp`/`-webkit-box-orient`/`display:-webkit-box`/`text-overflow:ellipsis`/`white-space: nowrap`/`overflow: hidden;`）**保留不删**（WebView 仍需要），同时在承载文本的 `view` / `text` / `rich-text` / `special-text` 节点**新增** `max-lines`/`overflow` 属性给 Skyline 使用。两者共存互不冲突。
+
+**单行省略**：
+
+```html
+<!-- ❌ Bad -->
+<view class="ellipsis">
+  {{title}}
+</view>
+
+<!-- ✅ Good -->
+<view class="ellipsis" max-lines="{{1}}" overflow="ellipsis">{{title}}</view>
+```
+
+```css
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+```
+
+**多行省略**：
+
+> 注意：文本省略场景下不要删除原 WebView 下的文本省略样式，尤其是 `display: -webkit-box;`
+
+```html
+<view class="normal"
+      wx:class="{{{ ellipsis: !isSkyline }}}" max-lines="{{2}}" overflow="ellipsis">{{title}}</view>
+```
+
+```css
+.ellipsis {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis
+}
+```
+
+### 字体 PostScript name 兼容
+
+部分机型可能不支持 `font-weight: 500` / `600` 等数值加粗，但直接改为 `bold` / `700` 可能改变 WebView 视觉表现。命中时先澄清确认是否调整字重；确认后再统一修改，未确认时保留原值并说明 Skyline 兼容风险。涉及自定义字体时，先检查字体资源与 PostScript name 映射，再确定替代写法。
+
+确认需要调整后，可参考以下自定义字体 PostScript name 映射：
+
+| PostScript name | CSS 写法 | 备注 |
+| --- | --- | --- |
+| `xx-Medium` | `font-family: xx; font-weight: bold;` | 若已通过 `@font-face` 将 `xx-Medium` 单独定义为 `font-family`，则无需更改 |
+| `xx-Semibold` | `font-family: xx; font-weight: bold;` | 若已通过 `@font-face` 将 `xx-Semibold` 单独定义为 `font-family`，则无需更改 |
+| `xx-Bold` | `font-family: xx; font-weight: bold;` | 若已通过 `@font-face` 将 `xx-Bold` 单独定义为 `font-family`，则无需更改 |
+
+例如，以下写法已将 `XX-Medium` 定义为独立字体，使用 `font-family: 'XX-Medium'` 时无需更改；`XX-Semibold`、`XX-Bold` 同理：
+
+```css
+@font-face {
+  font-family: 'XX-Medium';
+  src: url('XX.otf');
+}
+```
+
+> Skyline 支持的自定义字体格式有：ttf/otf/woff2
+
+### 伪元素不支持的 animation 需替换为真实节点
+
+Skyline 下伪元素的 `animation` 不生效，需要改用真实节点。
+
+**使用真实节点 + CSS animation**
+
+```css
+/* ❌ Bad — 伪元素 animation 在 Skyline 不生效 */
+.loading::after {
+  content: '';
+  animation: spin 1s linear infinite;
+}
+
+/* ✅ Good — 使用真实节点 animation */
+.loading-spinner {
+  animation: spin 1s linear infinite;
+}
+```
+
+### animation API 不支持 → 使用 CSS transition
+
+Skyline 不支持 `wx.createAnimation` API（`animation` 属性赋值方式），需要改用 CSS `transition` 或 Worklet 动画。
+
+```js
+// ❌ Bad — wx.createAnimation 在 Skyline 下无效
+const animation = wx.createAnimation({
+  duration: 300,
+  timingFunction: 'ease'
+})
+const animationData = ref(animation.opacity(0).step().export())
+```
+
+```css
+/* ✅ Good — 使用 CSS transition 替代 */
+.fade-element {
+  transition: opacity 0.3s ease;
+}
+.fade-element.hidden {
+  opacity: 0;
+}
+```
+
+### text-decoration-line 多值适配
+
+Skyline 下 `text-decoration-line` 只取单值，`underline line-through` 这类双值组合会被截断为单值（实际只渲染其中一条线），WebView 则正常叠加两条线。删除线 + 下划线常见于「划线价 + 强调」类价格文案，直接迁移会丢失一条装饰线。
+
+由于 Skyline 下装饰线只能由 `text` 节点单值承载，**双值需拆成嵌套 `text` 节点，每层承担一条装饰线**。用 [运行时 renderer 判断](./skyline-runtime-practice.md#判断当前渲染模式) 区分：Skyline 下增加一层 `text` 节点，WebView 维持单节点双值，避免给 WebView 引入无谓的嵌套。
+
+```html
+<!-- ❌ Bad — Skyline 下双值被截断，只剩一条装饰线 -->
+<text class="dual-decoration">{{price}}</text>
+```
+
+```css
+.dual-decoration {
+  text-decoration-line: underline line-through;
+}
+```
+
+```html
+<!-- ✅ Good — 运行时判断：Skyline 嵌套 text 各承担一条装饰线；WebView 维持单节点双值 -->
+<!-- 嵌套 text 的插值务必紧贴标签，text 节点会字面保留首尾空白 -->
+<text wx:if="{{isSkyline}}" class="underline"><text class="line-through">{{price}}</text></text>
+<text wx:else class="dual-decoration">{{price}}</text>
+```
+
+```css
+/* WebView：单节点双值即可叠加两条线 */
+.dual-decoration { text-decoration-line: underline line-through; }
+/* Skyline：外层节点画下划线，内层节点画删除线，嵌套后两条线同时生效 */
+.underline { text-decoration-line: underline; }
+.line-through { text-decoration-line: line-through; }
+```
+
+```js
+// isSkyline 来自 renderer 判断，在生命周期里写入 data 供模板使用
+createPage({
+  data: {
+    isSkyline: false
+  },
+  onLoad() {
+    this.isSkyline = this.renderer === 'skyline'
+  }
+})
+```
+> 嵌套的内外层只设 `text-decoration-line`，字号/颜色等由外层继承，避免重复声明导致两层样式打架。两条装饰线归属哪层不影响最终视觉，但内层文本节点要紧贴标签写，防止 `text` 字面保留空白把价格文案撑出多余间距。
+
+### flex 布局的子节点 min-width 百分比撑开失效
+
+Skyline 下 flex 布局子节点依赖百分比 `min-width` 撑开或等分时，百分比无法按预期生效，节点会按内容收缩。
+这个 case 中，外层 `.estimate-form` 的 `min-width: 100%` 未能撑满一屏，子项 `.form-item` 的 `min-width: 25%` 也未能按四等分撑开。典型表现是业务工具栏在 WebView 下 4 个按钮均分一屏，但 Skyline 下子项宽度按内容收缩，导致间距和滚动范围异常。
+
+```html
+<!-- ❌ Bad — 子项依赖百分比 min-width 撑开 -->
+<view class="estimate-form text-12px" id="estimate-form">
+  <view class="form-item" wx:for="{{operationList}}" wx:key="key">
+    <view class="form-item-content-wrapper normal">
+      <image wx:if="{{item.icon}}" src="{{item.icon}}" class="form-item-icon normal" />
+      <view wx:else class="form-item-text normal">{{item.title}}</view>
+    </view>
+  </view>
+</view>
+```
+
+```stylus
+/* ❌ Bad — flex 布局内的 min-width 百分比在 Skyline 下不生效 */
+.estimate-form
+  display flex
+  // Skyline 下这里也未能按一屏宽度撑开
+  min-width 100%
+  box-sizing border-box
+  min-height 38px
+  color #444
+  .form-item
+    position relative
+    display flex
+    justify-content center
+    align-items center
+    padding 0 10px
+    flex 1 0 auto
+    // Skyline 下这里也未能按四等分宽度撑开
+    min-width 25% 
+    max-width 100%
+    box-sizing border-box
+```
+
+```html
+<!-- ✅ Good — 用 rpx 固定换算值替代百分比 min-width -->
+<view class="estimate-form text-12px" id="estimate-form">
+  <view class="form-item" wx:for="{{operationList}}" wx:key="key">
+    <view class="form-item-content-wrapper normal">
+      <image wx:if="{{item.icon}}" src="{{item.icon}}" class="form-item-icon normal" />
+      <view
+        wx:else
+        class="form-item-text normal"
+        max-lines="{{1}}"
+        overflow="ellipsis"
+      >
+        {{item.title}}
+      </view>
+    </view>
+  </view>
+</view>
+```
+
+```stylus
+/* ✅ Good — 用 rpx 固定换算值替代百分比 min-width */
+.estimate-form
+  display flex
+  flex-shrink 0
+  box-sizing border-box
+  min-height 38px
+  color #444
+  //  ✅ Good — min-width 100% 换算为 min-width 750rpx
+  min-width 750rpx
+  justify-content space-around
+  .form-item
+    position relative
+    display flex
+    justify-content center
+    align-items center
+    padding 0 10px
+    flex 1 0 auto
+    //  ✅ Good — min-width 25% 换算为 min-width 187rpx
+    min-width 187rpx
+    max-width 100%
+    box-sizing border-box
+```
+
+适配要点：
+1. 不再依赖 `min-width` 百分比撑开，按实际基准宽度换算为 `rpx` / `px` 等明确长度单位。若基准宽度是一屏，750rpx 代表屏宽，25% 可写为 187rpx。
+2. 若外层内容容器预期至少撑满一屏，使用 `min-width: 750rpx`；若基准不是一屏，应按实际容器设计宽度换算，不要机械套用 750rpx。
+
+### flex 布局的子节点文本超出未自动换行
+
+Skyline 下 flex 布局的子节点文本超出后可能无法自动换行，因为此时子节点宽度由文本内容决定，需要显式指定宽度。
+
+```html
+<view class="wrapper">
+  <text class="content">测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案</text>
+  <view class="content">测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案</view>
+  <span class="content">测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案测试文案</span>
+</view>
+```
+
+```css
+/* ❌ Bad — .content 未定义 width，Skyline 下未能自动换行 */
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+```
+
+```css
+/* ✅ Good — .content 显式定义 width 来支持自动换行  */
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.content {
+  width: 100%;
+}
+```
+
+### @media screen 替换方案
+
+Skyline 不支持 `@media screen` 的条件判断：`@media screen and (...)` 外层条件会被忽略，但内部样式仍会生效，等价于把媒体查询内的规则裸写到全局样式里。因此，原本依赖 `@media screen` 区分大小屏的逻辑，在 Skyline 下必须改为运行时动态类。
+
+适配目标是：**WebView 继续使用原生 `@media` 实时响应屏幕变化；Skyline 只使用运行时类控制大小屏状态**。因此需要用 [运行时 renderer 判断](./skyline-runtime-practice.md#判断当前渲染模式) 隔离 WebView 与 Skyline，并在 Skyline 分支额外提供一个默认类，用来覆盖 `@media screen` 内部规则泄漏后的默认态。
+
+❌ Bad — Skyline 下 `@media screen` 条件被忽略，内部规则全局生效
+```html
+<view class="wrapper"></view>
+```
+
+```css
+@media screen and (max-width: 320px) {
+  .wrapper { display: none; }
+}
+```
+
+✅ Good — 用 `isSkyline` 门控 Skyline 默认类与状态类，WebView 仍走原生 `@media`
+```html
+<!-- 仅 Skyline 加 .wrapper-skyline / .small；WebView 不加，继续走原生 @media -->
+<view wx:class="wrapper {{ { 'wrapper-skyline': isSkyline, small: isSkyline && isSmall } }}"></view>
+```
+
+```js
+// isSkyline 来自 renderer 判断；isSmall 为屏宽快照
+const isSmall = ref(mpx.getWindowInfo().screenWidth <= 320)
+```
+
+```css
+/* 默认态先声明，WebView 大屏与 Skyline 默认态都以此为基准 */
+.wrapper {
+  display: block;
+}
+
+/* WebView：原生 @media 实时响应横竖屏/resize */
+@media screen and (max-width: 320px) {
+  .wrapper { display: none; }
+}
+
+/*
+ * Skyline：上面的 @media 条件会被忽略，.wrapper { display: none; } 会泄漏为全局规则。
+ * 必须在 @media 之后声明 Skyline 默认类，把非小屏状态覆盖回默认样式。
+ */
+.wrapper-skyline {
+  display: block;
+}
+
+/* Skyline 小屏态 */
+.wrapper-skyline.small { display: none; }
+```
+
+- WebView：`isSkyline=false` → 动态类永不加 → `@media` 生效，保留原生响应式。
+- Skyline：`isSkyline=true` → `.wrapper-skyline` 先覆盖 `@media` 泄漏的默认态，`.small` 再表达小屏态。
+
+> `@media` 与 `.small` 两份规则需同步（阈值 / 样式改动要两处一起改）。`getWindowInfo` 是一次性快照，若 Skyline 下需响应运行时屏宽变化（横竖屏），要再用 `wx.onWindowResize` / 页面 `onResize` 更新 `isSmall`。
+> ⚠️ 声明顺序陷阱：不要直接把 `.wrapper { display: block; }` 写在 `@media` 后面覆盖泄漏规则，这会在 WebView 小屏下同样覆盖原生 `@media`。需要使用 `isSkyline` 门控的 Skyline 默认类（如 `.wrapper-skyline`）放在 `@media` 后面，只覆盖 Skyline 分支。
+
+## 模板结构适配
+
+### [必须] 模板中数据绑定外的转义改为标准 XML 转义
+
+数据绑定**外**的引号须改用 XML 实体转义；数据绑定**内**无需再转义。
+
+```html
+<!-- ❌ Bad — 旧写法：反斜杠转义 -->
+<view prop-a="\"test\"" prop-b="{{ test === \"test\" }}" />
+
+<!-- ✅ Good — 新写法：XML 实体转义（外）、不转义（内） -->
+<view prop-a="&quot;test&quot;" prop-b="{{ test === 'test' }}" />
+```
+
+### [必须] wx:for 内嵌 &lt;include&gt; 时改为 &lt;template&gt;
+
+在 `wx:for` 中使用 `<include>` 时，被引入的模板中的 `item` / `index` 变量不再有效，需改为 `<template>` + `<import>` 方案。
+
+```html
+<!-- ❌ Bad -->
+<block wx:for="{{ arr }}">
+  <include src="inc.wxml" />
+</block>
+
+<!-- inc.wxml -->
+<view>{{ index }}. {{ item }}</view>
+```
+
+```html
+<!-- ✅ Good -->
+<import src="inc.wxml" />
+<block wx:for="{{ arr }}">
+  <template is="wx-for-content" data="{{ index, item }}" />
+</block>
+
+<!-- inc.wxml -->
+<template name="wx-for-content">
+  <view>{{ index }}. {{ item }}</view>
+</template>
+```
+
+### navigator 嵌套限制
+
+Skyline 下 `<navigator>` 内**只能嵌套 `<text>` 组件或纯文本节点**，**不能嵌套** `<view>` / `<image>` / `<swiper>` 等任意其他组件。WebView 下常见的“navigator 内放图标 + 文字”业务结构会让 Skyline 静默渲染异常（图标不显示，或点击区域错位）。
+
+```html
+<!-- ❌ Bad — navigator 内嵌 view + image 在 Skyline 下渲染异常 -->
+<navigator url="/pages/chat/index">
+  <view class="row">
+    <image src="/static/chat.png" />
+    <text>联系客服</text>
+  </view>
+</navigator>
+
+<!-- ✅ Good — 仅嵌套 text -->
+<navigator url="/pages/chat/index">
+  <text>联系客服</text>
+</navigator>
+```
+
+### SVG 在 Skyline 下的限制与适配
+
+**1. 不支持 `<style>` 选择器匹配**
+
+SVG 内嵌的 `<style>` 标签中的 CSS 选择器在 Skyline 下不生效，需将样式转为内联属性。
+
+```xml
+<!-- ❌ Bad — <style> 选择器在 Skyline 下不匹配 -->
+<svg>
+  <style>.icon { fill: #FF6400; }</style>
+  <path class="icon" d="..." />
+</svg>
+
+<!-- ✅ Good — 改为内联样式属性 -->
+<svg>
+  <path fill="#FF6400" d="..." />
+</svg>
+```
+
+**2. 不支持 `rgba()` 颜色格式**
+
+SVG 属性中的 `rgba()` 颜色值在 Skyline 下不生效，需拆分为颜色值 + `fill-opacity` / `stroke-opacity`。
+
+```xml
+<!-- ❌ Bad — rgba() 在 Skyline 下不生效 -->
+<path fill="rgba(255, 100, 0, 0.5)" d="..." />
+
+<!-- ✅ Good — 用 fill-opacity 替代透明度 -->
+<path fill="#FF6400" fill-opacity="0.5" d="..." />
+```
+
+> 建议用 [SVGO 在线工具](https://jakearchibald.github.io/svgomg/) 优化 SVG，可自动清理冗余属性、合并路径，减小体积并降低兼容性风险。
diff --git a/.agents/skills/mpx2skyline/references/skyline-runtime-practice.md b/.agents/skills/mpx2skyline/references/skyline-runtime-practice.md
new file mode 100644
index 0000000000..2ca8f2b464
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-runtime-practice.md
@@ -0,0 +1,302 @@
+# Skyline 运行时与性能适配实践
+
+本文记录 WebView 迁移 Skyline 时偏运行时的改造方案，包括常见问题与性能优化等改造方案。
+
+## 目录
+
+- [常见问题](#常见问题)
+  - [判断当前渲染模式](#判断当前渲染模式)
+  - [[必须] SelectorQuery 选择器不再支持以数字开头](#必须-selectorquery-选择器不再支持以数字开头)
+  - [[必须] Skyline 不支持的组件实例方法](#必须-skyline-不支持的组件实例方法)
+  - [[推荐] 用 this.createSelectorQuery 替代 wx.createSelectorQuery](#推荐-用-thiscreateselectorquery-替代-wxcreateselectorquery)
+  - [[必须] ScrollViewContext：开启 enhanced 属性](#必须-scrollviewcontext开启-enhanced-属性)
+  - [[必须] properties 默认值使用 value 而非 default](#必须-properties-默认值使用-value-而非-default)
+  - [[必须] 确保 wx:for 数据始终为 Array 或 Object](#必须-确保-wxfor-数据始终为-array-或-object)
+  - [[必须] properties 声明类型与实际值保持一致](#必须-properties-声明类型与实际值保持一致)
+  - [wxs 跨包引用错误](#wxs-跨包引用错误typeerror-rwxsstringify4ccc0480-is-not-a-function)
+- [性能优化](#性能优化)
+  - [列表用 list / custom 模式按需渲染](#列表用-list--custom-模式按需渲染)
+  - [cache-extent 预渲染（按需启用）](#cache-extent-预渲染按需启用)
+  - [预加载 Skyline 环境](#预加载-skyline-环境)
+
+---
+
+## 常见问题
+
+### 判断当前渲染模式
+
+在页面或组件实例上可读取 `renderer` 成员，取值为 `webview` 或 `skyline`。如果在模板中要判断，可以拿到值后设置到 data 上。
+
+在生命周期（如 `onLoad`/`attached`）中赋值到 data，供模板使用：
+
+```js
+// 选项式 API
+createComponent({
+  data: {
+    isSkyline: false
+  },
+  attached() {
+    this.isSkyline = this.renderer === 'skyline'
+  }
+})
+```
+
+```js
+// <script setup>
+import { getCurrentInstance } from '@mpxjs/core'
+
+const instance = getCurrentInstance()
+const isSkyline = instance.proxy.renderer === 'skyline'
+```
+
+> 注意事项：Skyline 与 WebView 只能通过运行时变量区分；编译时仅能区分微信平台，无法区分是否为 Skyline 渲染。
+
+### [必须] SelectorQuery 选择器不再支持以数字开头
+
+`#1` 等以数字开头的 id 选择器在 glass-easel 下不合法（与 CSS 选择器规范保持一致），需重命名。
+
+```js
+// ❌ Bad
+this.createSelectorQuery().select('#1').exec(res => {})
+
+// ✅ Good
+this.createSelectorQuery().select('#element-1').exec(res => {})
+```
+
+### [必须] Skyline 不支持的组件实例方法
+
+Skyline 下以下组件实例方法暂不支持，调用后静默不生效，需改用 CSS transition 或 Worklet 动画替代：
+
+- `animate`
+- `applyAnimation`
+- `clearAnimation`
+- `setInitialRenderingCache`
+
+### [推荐] 用 this.createSelectorQuery 替代 wx.createSelectorQuery
+
+glass-easel 下 `wx.createSelectorQuery` 性能不如 `this.createSelectorQuery`，推荐使用后者（exparser 同样支持）。
+
+```js
+// ❌ Bad
+wx.createSelectorQuery().in(this).select('#el').exec(res => {})
+
+// ✅ Good
+this.createSelectorQuery().select('#el').exec(res => {})
+```
+
+### [必须] ScrollViewContext：开启 enhanced 属性
+
+通过 `NodesRef.node()` 获取 `ScrollViewContext` 时，`scroll-view` 必须开启 `enhanced` 属性，否则返回的不是 ScrollViewContext 实例，调用 `scrollTo` 等方法会报错。
+
+```html
+<!-- ❌ Bad — 未开启 enhanced，node() 返回的不是 ScrollViewContext -->
+<scroll-view type="list" scroll-y="true" id="sv">
+  <view wx:for="{{list}}" wx:key="id">{{item.name}}</view>
+</scroll-view>
+
+<!-- ✅ Good — 开启 enhanced，才能获取 ScrollViewContext 实例 -->
+<scroll-view type="list" scroll-y="true" enhanced="true" id="sv">
+  <view wx:for="{{list}}" wx:key="id">{{item.name}}</view>
+</scroll-view>
+```
+
+```js
+createPage({
+  onReady() {
+    this.createSelectorQuery().select('#sv').node()
+      .exec(res => {
+        const ctx = res[0].node  // 只有开启 enhanced 才是 ScrollViewContext
+        ctx.scrollTo({ top: 200, animated: true })
+      })
+  }
+})
+```
+
+### [必须] properties 默认值使用 `value` 而非 `default`
+
+glass-easel 要求组件 properties 的默认值通过 `value` 字段声明，使用 `default` 字段会被忽略，导致属性值为 `undefined`。
+
+```js
+// ❌ Bad — glass-easel 下 default 字段无效，属性值为 undefined
+createComponent({
+  properties: {
+    title: {
+      type: String,
+      default: ''
+    }
+  }
+})
+
+// ✅ Good — 使用 value 字段声明默认值
+createComponent({
+  properties: {
+    title: {
+      type: String,
+      value: ''
+    }
+  }
+})
+```
+
+### [必须] 确保 wx:for 数据始终为 Array 或 Object
+
+`wx:for` 在任意渲染阶段收到非 Array/Object 值时，都会触发 `"The for-list data is neither Array nor Object"` 错误。常见来源包括 properties 默认值缺失、异步数据未返回、computed 分支未返回值或上游传入 `null` 等；computed 初始化未完成只是其中一种情况。
+
+```js
+// ❌ Bad — 初始化阶段 computed 未完成，wx:for 收到 undefined 导致崩溃
+createComponent({
+  properties: {
+    compData: {
+      type: Object,
+      value: () => ({
+        data: {}
+      })
+    }
+  },
+  computed: {
+    list() {
+      return this.compData?.data.recommend_info
+    }
+  }
+})
+
+// ✅ Good — initData 保护初始化阶段，computed 保护后续更新
+createComponent({
+  properties: {
+    compData: {
+      type: Object,
+      value: () => ({
+        data: {}
+      })
+    }
+  },
+  initData: {
+    list: []
+  },
+  computed: {
+    list() {
+      return this.compData?.data.recommend_info || []
+    }
+  }
+})
+```
+
+`initData` 只能提供初始化阶段的值，不能替代 computed 返回值保护。适配时需检查 `wx:for` 数据源的所有赋值和返回路径，确保始终为 Array 或 Object。
+
+### [必须] properties 声明类型与实际值保持一致
+
+glass-easel 会校验 properties 的声明类型；实际传入值或默认值与 `type` 不匹配时会报 `"the type of property "xxx" is illegal"` 类型校验错误，按以下优先级处理：
+
+1. 优先修正调用侧传值和默认值，使其匹配真实类型；
+2. 业务确实允许联合类型时使用 `optionalTypes`；
+3. 只有类型确实不可知时才使用 `type: null` 跳过校验。
+
+```js
+// ❌ Bad — type 不支持使用数组声明多个类型
+createComponent({
+  properties: {
+    moreIconStyle: {
+      type: [Object, String],
+      value: ''
+    }
+  }
+})
+
+// ✅ Good — 通过 optionalTypes 补充定义其他类型（更推荐）
+createComponent({
+  properties: {
+    config: {
+      type: String,
+      optionalTypes: [Object],
+      value: ''
+    }
+  }
+})
+
+// ✅ Good — 将 type 设为 null 跳过校验
+// 在无法获知 properties 全部类型场景的兜底方案
+createComponent({
+  properties: {
+    config: {
+      type: null,
+      value: () => ({})
+    }
+  }
+})
+```
+
+> properties 中 value 可选；type 必写，基础库 2.17.2 及以上允许设置为 null 跳过校验（低于 2.17.2 的基础库不支持，这里暂不考虑低版本）。
+
+### wxs 跨包引用错误：TypeError: R.wxs/stringify4ccc0480 is not a function
+
+触发条件：分包中启用 `componentFramework: "glass-easel"` 的页面或组件引用了主包 WXS，但主包内没有任何启用 glass-easel 的页面或组件引用该 WXS。
+
+规避方案：在主包任意一个启用 `componentFramework: "glass-easel"` 的页面或组件模板中引用该 WXS；若主包没有此类页面或组件，可创建一个空组件完成引用。
+
+## 性能优化
+
+### 列表用 list / custom 模式按需渲染
+
+`scroll-view` 不指定 `type` 会退化为 WebView 渲染路径，整个列表一次性全量渲染。Skyline 下务必声明 `type`，让滚动容器只渲染在屏节点：
+
+- `type="list"`：列表模式，根据**直接子节点**是否在屏按需渲染。
+- `type="custom"`：自定义模式，子节点可用 `sticky-section` / `list-view` / `grid-view` 等。
+
+```html
+<!-- ❌ Bad — 未声明 type，退化为全量渲染 -->
+<scroll-view scroll-y>
+  <view wx:for="{{list}}" wx:key="id">{{item.name}}</view>
+</scroll-view>
+
+<!-- ✅ Good — list 模式，只渲染在屏节点 -->
+<scroll-view type="list" scroll-y>
+  <view wx:for="{{list}}" wx:key="id">{{item.name}}</view>
+</scroll-view>
+```
+
+> 注意：`list` 模式下列表项必须是 `scroll-view` 的**直接子节点**；若只有一个直接子节点（例如外面又包了一层 `view`），按需渲染会退化为全量渲染。
+
+适用前提：列表项结构、样式一致（差异仅由数据驱动）。结构差异较大的卡片混排不要无脑标注 `list-item`，否则共享失败反而增加判定成本。
+
+### cache-extent 预渲染（按需启用）
+
+`cache-extent` 指定预渲染范围，默认视口外节点不渲染。设置后可减少快速滚动 / 切换时的白屏、提升流畅度，但**会提高内存占用并拖慢首屏**——属于用内存换流畅的权衡，不要无脑全开。
+
+`scroll-view`（单位 px）：
+
+```html
+<!-- 预渲染视口上下各约 500px 的内容 -->
+<scroll-view type="list" scroll-y cache-extent="{{500}}">
+  <view wx:for="{{list}}" wx:key="id">{{item.name}}</view>
+</scroll-view>
+```
+
+`swiper`（单位「屏」，默认 `1`，即前后各预渲染一屏）：
+
+```html
+<!-- 预渲染相邻 1 页（默认值），重内容场景不建议盲目调大 -->
+<swiper cache-extent="{{1}}">
+  <swiper-item wx:for="{{banners}}" wx:key="id">...</swiper-item>
+</swiper>
+```
+
+- 首屏敏感的页面：首屏不设或设小值，渲染完成后再调大。
+- 仅在出现明显白屏 / 掉帧时按需加，并以真机表现为准。
+
+### 预加载 Skyline 环境
+
+微信客户端默认不预加载 Skyline 环境（以 WebView 为主），首次进入 Skyline 页面会有冷启动开销。在可能跳转到 Skyline 页面的前置页面手动预加载，可显著缩短首屏：
+
+```js
+createPage({
+  onShow() {
+    // 延迟调用，避免阻塞当前页面渲染
+    setTimeout(() => {
+      wx.preloadSkylineView()
+    }, 500)
+  }
+})
+```
+
+- 放在 `onShow` 而非 `onLoad`：用户从 Skyline 页面返回时，前置页 `onShow` 会再次触发，保证下次跳转仍是热环境。
+- 延迟约 500ms 触发，避开当前页首帧高峰。
diff --git a/.agents/skills/mpx2skyline/references/skyline-style-reference.md b/.agents/skills/mpx2skyline/references/skyline-style-reference.md
new file mode 100644
index 0000000000..2d08d8592d
--- /dev/null
+++ b/.agents/skills/mpx2skyline/references/skyline-style-reference.md
@@ -0,0 +1,241 @@
+# Skyline 样式支持程度与兼容方案
+
+本文整理当前知识库已确认的 Skyline WXSS 支持范围、差异与不支持能力。支持表按属性或能力分类；不支持清单按具体属性、取值、行为及 API 列出兼容方案。某属性“部分支持”不等于所有用法均可用。
+
+- “支持”表示表中所列用法可用；“部分支持”表示存在取值、节点、版本或机型限制，详情见说明。
+- 不支持项集中在[Skyline 不支持能力及兼容方案](#skyline-不支持能力及兼容方案)。未收录能力需要回源确认，不以未列出推断支持。
+- 本文覆盖样式、布局及相关动画 API；组件专属属性与行为见[组件参考](./skyline-component-reference.md)，运行时约束见[运行时参考](./skyline-runtime-practice.md)。
+
+## 目录
+
+- [非标准默认值](#非标准默认值)
+- [选择器支持](#选择器支持)
+- [值类型支持](#值类型支持)
+  - [长度、函数与单位](#长度函数与单位)
+  - [CSS 变量](#css-变量)
+  - [百分比支持情况](#百分比支持情况)
+  - [颜色与渐变](#颜色与渐变)
+- [布局、盒模型与层叠差异](#布局盒模型与层叠差异)
+- [文本与字体差异](#文本与字体差异)
+- [背景、边框与遮罩差异](#背景边框与遮罩差异)
+- [滤镜差异](#滤镜差异)
+- [动画与过渡差异](#动画与过渡差异)
+- [Skyline 不支持能力及兼容方案](#skyline-不支持能力及兼容方案)
+
+## 非标准默认值
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                                              |
+| --- | --- |-------------------------------------------------------------------------------------------------|
+| `display` | 部分支持 | 默认 `flex`；`defaultDisplayBlock: true` 后为默认 `block`。`grid` / `flow-root` 不支持，替代方案见末尾清单。          |
+| `position` | 部分支持 | 默认 `relative`；需要静态定位时显式写 `static`。支持 `fixed`，`sticky` 使用组件替代。                                   |
+| `box-sizing` | 部分支持 | 默认 `border-box`；`defaultContentBox: true` 后为默认 `content-box`。有效值为 `content-box` / `border-box`。 |
+| `flex-direction` | 支持 | 默认 `column`；`defaultDisplayBlock: true` 后为默认 `row`，纵向 Flex 显式声明 `column`。                       |
+| `align-items` | 支持 | 默认 `stretch`；`defaultDisplayBlock: true` 后为默认 `normal`。                                           |
+| `text-align` | 部分支持 | 默认 `start`；可用 `left` / `center` / `right` / `justify` / `start` / `end`。                        |
+| `mask-repeat` | 支持 | 默认 `no-repeat`，需要平铺时显式声明。                                                                       |
+
+## 选择器支持
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                      |
+| --- | --- |---------------------------------------------------------|
+| 类选择器 | 支持 | 可将属性或交互状态映射为模板 class。                                   |
+| `::before` / `::after` | 部分支持 | 支持静态伪元素；伪元素 animation 与 `content: url()` 不支持，替代方案见末尾清单。 |
+| `:first-child` / `:last-child` | 支持 | 可直接使用。                                                  |
+| `a ~ b` / `a + b` | 部分支持 | 微信 8.0.49+ 支持；低版本需要模板动态类替代。                             |
+| `:not` / `:only-child` / `:empty` | 部分支持 | 微信 8.0.49+ 支持；低版本需要模板动态类替代。                             |
+| `:nth-child` | 部分支持 | 微信 8.0.50+ 支持；低版本通过 index 动态类实现。                        |
+
+## 值类型支持
+
+### 长度、函数与单位
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                          |
+| --- | --- |-----------------------------------------------------------------------------|
+| `calc()` | 部分支持 | 仅支持长度计算；角度等其他类型与嵌套计算不支持，详见末尾清单。                                             |
+| `env()` | 部分支持 | 仅支持 `safe-area-inset-top/right/bottom/left` 四个安全区变量。                        |
+| `em` | 支持 | Mpx 适配优先使用 `rpx` / `px`                                     |
+| `auto` | 部分支持 | 取决于属性：`overflow` 的 `auto` 用法见末尾清单；`min-height` / `max-height` 默认值不是 `auto`。 |
+
+### CSS 变量
+
+| 属性 / 行为 | Skyline 支持程度 | 说明 |
+| --- | --- | --- |
+| CSS 自定义属性 | 支持 | 变量名以 `--` 开头，例如 `--name`。 |
+| `var(--name, fallback)` | 支持 | 支持 fallback 语法；变量命名与作用域应清晰。 |
+
+### 百分比支持情况
+
+本表的支持程度仅评价百分比用法，不代表该属性的所有取值或组合均受支持。
+
+| 属性 / 行为 | Skyline 支持程度 | 说明 |
+| --- | --- | --- |
+| `line-height` | 支持 | 百分比参照当前 `font-size`。 |
+| `transform-origin` | 支持 | 参照元素自身 `width` / `height`。 |
+| `background-position` | 支持 | 参照元素尺寸减背景图尺寸。 |
+| `width` / `height` | 支持 | 参照包含块的同方向尺寸。 |
+| `min-width` / `min-height` / `max-width` / `max-height` | 部分支持 | 通常参照包含块同方向尺寸；Flex 子节点依赖百分比 `min-width` 撑开或等分的场景失效，应使用明确长度。 |
+| `top` / `right` / `bottom` / `left` | 支持 | 参照包含块尺寸。 |
+| `padding` / `padding-*`、`margin` / `margin-*` | 支持 | 参照包含块的同方向尺寸。 |
+| `flex-basis` | 支持 | 参照 Flex 容器主轴尺寸。 |
+| `gap` / `row-gap` / `column-gap` | 支持 | 参照 Flex 容器对应方向尺寸。 |
+| `border-radius` / `border-*-radius` | 支持 | 参照元素自身 border-box 尺寸。 |
+| `background-size` | 支持 | 参照背景定位区域减背景图尺寸。 |
+| `box-shadow` / `text-shadow` 偏移 | 支持 | 参照元素自身 width / height；模糊半径的百分比见末尾清单。 |
+| `letter-spacing` / `word-spacing` | 支持 | 参照元素自身 font-size。 |
+| `transform: translate*()` / `translateZ()` | 支持 | 参照元素自身 width / height。 |
+
+### 颜色与渐变
+
+| 属性 / 行为 | Skyline 支持程度 | 说明 |
+| --- | --- | --- |
+| `currentColor` | 支持 | 可作为颜色值或变量值；跨组件继承及迁移可读性需留意，关键颜色可显式声明。 |
+| `linear-gradient()` | 部分支持 | 颜色停止位置仅支持 `%` 和固定长度单位。 |
+| `radial-gradient()` | 部分支持 | 仅支持 `circle`；尺寸仅支持 `px`；颜色停止位置仅支持 `%`。 |
+| `conic-gradient()` | 支持 | Skyline 无额外限制。 |
+
+## 布局、盒模型与层叠差异
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                                                              |
+| --- | --- |-----------------------------------------------------------------------------------------------------------------|
+| `position: fixed` | 支持 | 节点进入 fixed-context，整体高于 normal-context；所有 fixed 节点按全局 z-index 排序。                                               |
+| `overflow` | 部分支持 | 使用整体 overflow 控制裁剪；滚动及分轴设置见末尾清单。`overflow: hidden` 不建立 BFC。                                                     |
+| `visibility` | 部分支持 | 隐藏使用 `hidden`；`collapse` 不支持，替代方案见末尾清单。                                                                         |
+| `margin` | 部分支持 | 支持节点自身间距，但没有垂直 margin 折叠。先确认原 WebView 是否折叠，再保留其有效间距，详见[布局实践](./skyline-layout-practice.md#垂直-margin-折叠处理)。      |
+| `z-index` | 部分支持 | 普通节点按共同父级下的兄弟分支比较；fixed 节点按全局 fixed-context 比较。transform/opacity 不创建 Web 式层叠上下文；scroll-view 直接子节点的 z-index 不生效。 |
+| `content: none` / `normal` | 部分支持 | 均映射为空；不能用两者区分状态。                                                                                                |
+
+## 文本与字体差异
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                                                                                               |
+| --- | --- |--------------------------------------------------------------------------------------------------------------------------------------------------|
+| `font-weight` | 部分支持 | 可用 `normal` / `bold` / `100-900`；500/600 在部分 Android 机型不生效。                                                   |
+| `font-style` | 部分支持 | 斜体使用 `italic`；`oblique` 不支持，替代方案见末尾清单。                                                                                                           |
+| `font-feature-settings` | 部分支持 | 静态属性可用，transition/animation 用法见末尾清单。                                                                                                             |
+| `white-space` | 部分支持 | 使用 `normal` / `nowrap`；保留空白、换行的其他值见末尾清单。                                                                                                         |
+| `word-break` | 部分支持 | `keep-all` / `break-word` 可解析但映射为 `normal`；需强制断词时按语义使用 `break-all`。                                                                              |
+| `vertical-align` | 部分支持 | 使用 `top` / `middle` / `bottom` / `baseline`。                                                                                                     |
+| `text-decoration` | 部分支持 | 仅 `<text>` / `<input>` 生效；简写展开后的 `text-decoration-line` / `text-decoration-style` / `text-decoration-color` 可生效，`text-decoration-thickness` 不生效。 |
+| `text-decoration-line` | 部分支持 | 仅支持单值，多装饰效果需要拆分节点。                                                                                                                               |
+| `text-overflow: ellipsis` | 部分支持 | CSS 属性仅在 `<text>` 生效；Skyline 文本截断优先使用承载节点的 `overflow` / `max-lines` 属性。                                                                          |
+
+## 背景、边框与遮罩差异
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                                |
+| --- | --- |-----------------------------------------------------------------------------------|
+| `background-image` | 部分支持 | 最多 2 个值，超出的值忽略；更多背景层拆节点。                                                          |
+| `background-position` | 部分支持 | 最多 2 组值，更多位置组拆节点。                                                                 |
+| `background-repeat` | 部分支持 | 使用单组 `repeat` / `repeat-x` / `repeat-y` / `no-repeat`；space/round 及多组值不支持，详见末尾清单。 |
+| `background-size` | 部分支持 | 仅单组值；多背景需要不同尺寸时拆节点。                                                               |
+| `background` 简写 | 部分支持 | attachment/origin/clip 子属性不生效；其他子属性仍受各自支持范围约束。                                    |
+| `border-style` | 部分支持 | 使用 `none` / `solid` / `dashed` / `dotted`。                                        |
+| `border-radius` 与四边边框 | 部分支持 | 圆角非 0 时，四边 border-color / border-style 需一致；不同效果拆节点。                               |
+| `box-shadow` | 部分支持 | 支持单层阴影，包括 rgba 颜色；颜色函数内部逗号不代表多层阴影。多层效果拆节点。                                        |
+| `mask-image` | 部分支持 | 仅支持 `url()`，最多 2 个值，超出值忽略；渐变遮罩不支持，详见末尾清单。                                         |
+| `mask` 简写 | 部分支持 | origin/clip/mode 子属性不生效；其余能力遵循各子属性限制。                                             |
+
+## 滤镜差异
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                                                                                                      |
+| --- | --- |-----------------------------------------------------------------------------------------------------------------------------------------|
+| `filter` / `backdrop-filter` | 部分支持 | 支持单个 blur()/brightness()/contrast()/grayscale()/hue-rotate()/invert()/opacity()/saturate()/sepia()；url()/drop-shadow()及多函数组合不支持，详见末尾清单。 |
+
+## 动画与过渡差异
+
+| 属性 / 行为 | Skyline 支持程度 | 说明                                                  |
+| --- | --- |-----------------------------------------------------|
+| 真实节点 CSS `animation` | 部分支持 | 支持节点动画；作用属性限于下方白名单，伪元素动画及不支持的属性动画详见末尾清单。             |
+| `animation-fill-mode` | 部分支持 | 稳定语义为 forwards/both；none/backwards 可写但表现为 forwards。 |
+| `animation-name` | 支持 | 支持 `none` / `<custom-ident>` / `<string>`，可逗号分隔。    |
+| `@keyframes` 选择器 | 支持 | 支持 from/to/百分比，可逗号分隔。                               |
+| `will-change` | 部分支持 | 使用 auto/contents；scroll-position及自定义属性名不支持，详见末尾清单。  |
+| `transition-property` / animation 可动画属性 | 部分支持 | 仅支持 Skyline 白名单；属性静态可用不代表它可参与动画。                    |
+
+Skyline 支持 transition / animation 的主要属性如下；每项仍受其静态值域与节点约束限制，通配写法不意味着任意后缀均可用：
+
+- `transform`、`transform-origin`、`opacity`
+- `width`、`height`、`min-width`、`max-width`、`min-height`、`max-height`
+- `margin-*`、`padding-*`
+- `top`、`right`、`bottom`、`left`
+- `flex`、`flex-grow`、`flex-shrink`、`flex-basis`
+- `border-*`、`border-radius`
+- `background-color`、`background-position`、`background-size`、`background`
+- `filter`、`backdrop-filter`、`box-shadow`、`z-index`
+- `text-decoration-color`
+- `mask`、`mask-size`、`mask-position`
+
+## Skyline 不支持能力及兼容方案
+
+以下集中列出本文涉及的全部已确认不支持项，包括可解析但原语义不生效的用法。支持属性的受限取值在此单列，不代表整个属性不受支持。替代方案应保留原视觉与交互；无等效方案时明确差异。
+
+| 属性 / 行为 / API | 兼容方案 |
+| --- | --- |
+| `*` | 使用页面根类或组件类。 |
+| `[attr]` / `[attr=value]` | 模板绑定 class，以类选择器表达状态。 |
+| `::before` / `::after` 以外的伪元素 | 用受支持伪元素或真实节点。 |
+| `:active` | 使用 hover-class / hover-stay-time。 |
+| 低于微信8.0.49的相邻/通用兄弟选择器及:not/:only-child/:empty；低于8.0.50的:nth-child | 模板按节点关系及index绑定动态类，或明确最低微信版本。 |
+| 支持表未列出的其他伪类 | 使用模板动态类。 |
+| `calc()` 角度等非长度计算、嵌套计算 | 静态计算后写明确值，如 135deg；动态计算放脚本中。 |
+| `env()` 的非 safe-area-inset-* 变量 | 使用对应宿主信息或显式状态值，按需求核验来源。 |
+| `border-width` / `border-*-width`、`font-size` 的 `%` | 换为明确长度单位。 |
+| `box-shadow` / `text-shadow` 模糊半径、`perspective` 的 `%` | 使用明确长度；偏移百分比支持范围见前表。 |
+| Flex 子节点通过百分比 min-width 撑开或等分 | 按实际基准尺寸换算明确长度，或改用等分 Flex 布局。 |
+| linear-gradient 的复杂 calc/关键字停止位置 | 改为百分比或固定长度停止位置。 |
+| radial-gradient 的 ellipse、非px尺寸、非百分比停止位置 | 用支持的 circle/px/%，需保留椭圆视觉时改图片或分层节点。 |
+| `display: grid` | Flex 或 grid-view 组件。 |
+| `display: flow-root` / BFC | 使用显式布局；按原WebView是否折叠确定间距，保留必要裁剪。 |
+| 垂直 margin 折叠 | 保留原折叠后的有效间距；外部margin和内部padding分别处理。 |
+| `float` / 清除浮动相关写法 | 使用 Flex。 |
+| `position: sticky` | 使用 custom 类型 scroll-view 内的 sticky-section/sticky-header。 |
+| Web式层叠上下文（含transform/opacity创建上下文） | 按普通兄弟分支或fixed-context比较层级，详见[层叠实践](./skyline-layout-practice.md#z-index-与层叠适配)。 |
+| scroll-view 直接子节点的 z-index | 在滚动项内部增加节点承载层级，或按需求移到fixed层。 |
+| `visibility: collapse` | 按需求使用hidden；布局占位变化需单独确认。 |
+| `box-sizing: padding-box` | 使用content-box / border-box。 |
+| `contain` | 使用Skyline私有 -wx-contain，并核验实际约束。 |
+| `resize` | 无直接等效替代；需要交互时单独实现尺寸状态。 |
+| 多列布局 `column-*` | Flex 或 grid-view；此处指多列布局属性，不含支持的column-gap。 |
+| `outline` | border / box-shadow模拟，检查盒尺寸及外观差异。 |
+| `justify-items` | 无直接等效替代；按实际Flex布局选择对齐方式。 |
+| 页面滚动 | 普通长列表使用scroll-view type=list及页面disableScroll:true，迁移刷新/触底/滚动事件。 |
+| `overflow: auto` / `overflow: scroll` | 使用scroll-view。 |
+| `overflow-x` / `overflow-y` 单独设置 | 整体overflow裁剪，或使用scroll-view的方向属性。 |
+| `@media screen` | Skyline用renderer及屏宽动态类；WebView媒体查询保留，详见[媒体查询实践](./skyline-layout-practice.md#media-screen-替换方案)。 |
+| `cursor` | 无等效指针样式替代。 |
+| `content: url()` | 用真实图片节点或背景图。 |
+| 通过content:none区别于normal的Web语义 | 两者均映射为空；通过状态控制真实节点展示。 |
+| `direction` | 无等效CSS方向控制；按目标语言设计并验证排版。 |
+| `font-weight: bolder/lighter` | 澄清目标字重后使用normal/bold/100-900，500/600机型风险见支持表。 |
+| `font-weight: 500/600` 在部分机型不生效 | 保留原设计并记录真机风险；澄清并获确认后才调整到bold/700，或核验独立字体族。 |
+| `font-style: oblique` | 按视觉要求使用italic。 |
+| `white-space: pre/pre-wrap/pre-line` | 使用normal/nowrap；需保留空白与换行时拆文本或真实节点并验证。 |
+| `word-break: keep-all/break-word` 的原有断词语义 | 当前映射为normal；按目标使用break-all或调整文本结构。 |
+| `text-align: justify-all/match-parent` | 使用left/center/right/justify/start/end。 |
+| `vertical-align: text-top/text-bottom` | 使用top/middle/bottom/baseline。 |
+| text/input以外节点的text-decoration | 用text包裹文字。 |
+| `text-decoration-thickness` | 无等效属性；需指定粗细时用真实装饰节点。 |
+| `text-decoration-line` 多值组合 | 多装饰效果拆节点。 |
+| 非text节点上的CSS text-overflow:ellipsis | 普通文本改用text；混排使用[span方案](./skyline-layout-practice.md#图文混排)及实际承载节点overflow/max-lines。 |
+| `text-indent` | padding-left或真实占位节点，核对首行缩进与整体缩进差异。 |
+| `overflow-wrap` | 按断词语义使用word-break。 |
+| `writing-mode` | 无等效CSS替代。 |
+| `list-style-*` | 列表符号使用真实节点。 |
+| background-image超过2层、background-position超过2组 | 拆节点保留全部背景效果。 |
+| `background-repeat: space/round` 及多组值 | 使用单组repeat/repeat-x/repeat-y/no-repeat；复杂重复布局拆节点。 |
+| `background-size` 多组值 | 单组值或拆节点分别设置尺寸。 |
+| `background-attachment` / `background-origin` / `background-clip`（含background简写对应子项） | 无直接等效CSS替代；按目标拆分定位、背景或裁剪节点并验证。 |
+| `border-style: hidden/double/groove/ridge/inset/outset` | 使用none/solid/dashed/dotted；特殊视觉拆节点实现。 |
+| 非零border-radius配合四边不同border-color/border-style | 保持四边一致或拆节点。 |
+| 单节点多层box-shadow | 同尺寸节点分层，保留原始参数及前后关系；rgba内部逗号不作多层分隔。 |
+| mask-image渐变、超过2个值 | 渐变转图片；更多层拆节点，保留合成效果。 |
+| `mask-origin` / `mask-clip` / `mask-mode`（含mask简写对应子项） | 无直接等效CSS替代，按目标调整资源和节点结构。 |
+| filter/backdrop-filter的url() | SVG filter无直接等效支持；按效果使用支持的单函数或预渲染资源。 |
+| filter/backdrop-filter的drop-shadow() | 可用box-shadow替代盒阴影；轮廓阴影需核对视觉差异。 |
+| filter/backdrop-filter多函数组合 | 按作用顺序分层或提供等效资源，保留各效果；backdrop-filter分层还需核验采样范围。 |
+| 伪元素animation | 真实节点加CSS animation。 |
+| animation-fill-mode:none/backwards的Web语义 | 当前表现为forwards；使用forwards/both，或显式设置初始/恢复状态。 |
+| will-change:scroll-position / <custom-ident> | 使用auto/contents，或省略该优化提示。 |
+| 文本属性transition/animation：text-align、text-shadow、direction、white-space、word-break | 直接切换静态值或调整节点结构；可动画属性见白名单。 |
+| 字体属性transition/animation：color、font-size、font-weight、font-style、font-family、font-feature-settings、line-height、letter-spacing、word-spacing | 直接切换静态值；确需过渡时另行设计支持的transform/opacity方案。 |
+| visibility / pointer-events 的transition/animation | 状态直接切换；渐显渐隐用opacity并单独管理交互。 |
+| `wx.createAnimation` | 简单状态动画用CSS transition，循环动画用真实节点CSS animation；确需UI线程实时驱动时采用Skyline Worklet并隔离renderer。 |
+| `animate` / `applyAnimation` / `clearAnimation` / `setInitialRenderingCache` | 用CSS状态/animation及显式复位，或按需求使用Worklet；详见[运行时参考](./skyline-runtime-practice.md#必须-skyline-不支持的组件实例方法)。 |