cc-web/.planning/2026-08-13-wasteland-runtime-card-animation/findings.md

暗金荒野任务卡运行态动画发现

• 截图主题为 wasteland / 暗金荒野。
• 服务端 taskBoardTaskWithRuntime() 已同时返回 isRunning 和中文 runtimeState。
• 前端 normalizeTask() 当前只保留 runtimeState 文案，导致 CSS 无法基于可靠布尔状态选择卡片。
• 任务卡 DOM 已有 data-status-id；新增独立 data-runtime-state 不会混淆任务列。
• 任务卡已有移动/进出场动画；运行态动画不得覆盖 transform，避免和卡片移动及 hover 冲突。
• task-board.css 已有全局 prefers-reduced-motion 门禁，可再给运行卡片明确静态落点。
• Firefox 实测确认 data-runtime-state="running" 只来自服务端布尔字段，任务列仍为 in_progress；运行态动画不会改变列位置。
• 真实截图：/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-first.png、/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-second.png、/tmp/cc-web-wasteland-runtime-animation-1786605817208/reduced-motion-desktop-first.png。完整数据在 evidence.json。
• 用户确认只保留左侧竖条/活动轨迹；运行卡片本体必须与同列未运行卡片保持相同背景、边框、阴影且没有动画。
• 收敛版 Firefox computed style：running/idle 背景均为 rgba(14, 16, 14, 0.94)、边框均为 rgba(196, 154, 90, 0.28)、阴影均为 none、卡片动画均为 none；左侧竖条约 3.52px 宽、0.74 opacity。
• 收敛版证据：/tmp/cc-web-wasteland-runtime-animation-1786607214412/；1024px 与 500px 的页面 scrollWidth 均等于 viewport width。