好的，我需要做三件事：1) 调整数据顺序为 L1 -> L2 -> L3（从上到下）；2) 三张卡片宽度一致；3) 通过颜色渐变深浅来表现能力递进。让我同时更新数据、卡片组件和页面布局。

已完成调整。三张卡片现在宽度完全一致，从上到下依次为 L1 -> L2 -> L3。通过颜色渐变的深浅变化（L1 浅灰 -> L2 蓝色 -> L3 深黑）自然表达能力递进关系，同时每张卡片内新增了一条进度指示条（1/3、2/3、满格）作为额外的视觉层级提示。底部还增加了一行 "L1 -> L2 -> L3 颜色递进 = 能力深化" 的说明文字。

Now I understand the full content. Let me redesign this completely - fix L1 color contrast, add iOS wallet-style stacked cards with hover-to-expand panels containing visual content for each level, all fitting in one iPhone 17 Pro screen (~852pt height). Let me rebuild the components:

完成了三项核心改动：1) L1 底色改为更深的灰色（#5e5d63 -> #3a393e），确保白色文字清晰可读；2) 三张卡片宽度完全一致，通过微负 margin 实现 iOS 钱包式的堆叠效果，鼠标悬浮时向下展开可视化面板（L1 是模拟对话记录、L2 是工作流节点链、L3 是 Agent 终端命令）；3) 整体布局控制在 max-w-sm，字号和间距针对 iPhone 17 Pro 一屏内完整呈现做了优化。