|
- <!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>高级编排配色修复</title><style>body{margin:0;background:#f2f6f7;color:#17344f;font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif}main{max-width:1200px;margin:auto;padding:28px}section{background:white;border:1px solid #d4e1e7;border-radius:12px;padding:24px;margin:18px 0}h1{margin:0}h2{font-size:20px}img{width:100%;display:block;border:1px solid #d4e1e7}a{color:#126b5b}li{margin:6px 0}code{overflow-wrap:anywhere}summary{cursor:pointer}p{overflow-wrap:anywhere}@media(max-width:600px){main{padding:12px}section{padding:16px}}</style><main><h1>高级编排配色修复</h1><p>2026-09-06 · 浏览器复核 9 项通过 · 构建通过</p><section><h2>修复内容</h2><p>原有 tone-* 强制背景覆盖节点白底，造成蓝绿底上的灰字难以辨认。现恢复浅底深字，类型色用于图标与边框；同时提高节点说明、节点库和时间轴文字对比。</p><p>当前检查的文字样式最低对比度 4.92:1。修改仅涉及 training-flow-authoring.css。</p><p>仅高级编排CSS。浏览器禁止内容业务写请求，节点添加/排布仅为本地样式检查。编辑器沿用固定浅色画布，分别切换四种宿主主题属性和系统暗色偏好验证。</p></section><section><h2>修复后：实际狐狸项目</h2><a href="screenshots/lan-after.png"><img src="screenshots/lan-after.png" alt="修复后的高级编排"></a><p>局域网实际页面；截图时在本地使用自动排布，不写入训练数据。</p></section><section><h2>修复前</h2><a href="screenshots/before.png"><img src="screenshots/before.png" alt="原有彩底灰字"></a></section><section><h2>全部类型及宿主主题检查</h2><details open><summary>military</summary><a href="screenshots/theme-military.png"><img loading="lazy" src="screenshots/theme-military.png" alt="military主题下全部节点类型"></a></details><details><summary>technology</summary><a href="screenshots/theme-technology.png"><img loading="lazy" src="screenshots/theme-technology.png" alt="technology主题下全部节点类型"></a></details><details><summary>graphite</summary><a href="screenshots/theme-graphite.png"><img loading="lazy" src="screenshots/theme-graphite.png" alt="graphite主题下全部节点类型"></a></details><details><summary>dark</summary><a href="screenshots/theme-dark.png"><img loading="lazy" src="screenshots/theme-dark.png" alt="dark主题下全部节点类型"></a></details></section><section><h2>验证记录</h2><ul><li>当前图节点、说明、图标及时间轴前景对比：通过</li><li>全部六类节点色调（本地增加节点，未保存）：通过</li><li>宿主配色 military 下高级编排可读性：通过</li><li>宿主配色 technology 下高级编排可读性：通过</li><li>宿主配色 graphite 下高级编排可读性：通过</li><li>宿主配色 dark 下高级编排可读性：通过</li><li>系统暗色偏好下高级编排可读性：通过</li><li>选中、自动排布、时间轴播放/停止：通过</li><li>局域网6180真实页面及6100代理：通过</li><li>pnpm run build：通过（类型检查、Vite 构建与 iframe 分发校验）</li><li>控制台未发生页面异常</li></ul><p><a href="evidence.json">查看检查数据</a></p></section></main></html>
|
