Product Web Visual System

SecFusionAgent 视觉系统

适用：2026-10-16 main。面向安全研究者的轻盈阅读环境，保留四入口的信息结构，以抽象颗粒显影与局部扩散表现观察、辨认和联系。用户认可显影基础效果并要求按页推广；全站每个细节不据此自动视为主观验收通过。

当前美术规则

暖灰纸面与石墨操作色构成基础，World 使用独立深色主题。版面通过字级、疏密和内容构成组织，避免重复套框、默认字段小字、装饰尾箭头、玻璃光影和无意义线束。引用的 Hume/Sounex 用于理解细节与动效质量，不复制声音产品波形；放大标准字体的字形显影不属于当前方案。

普通记录直接落在阅读面上，报告有独立纸面，关系图有实际画布，输入有明确边界。返回、发送、分页和展开保留功能性图示；图标不默认配底盒。真实来源关系和测量趋势保留语义，不改成装饰。

字体与语言

本地 Manrope / Noto Sans SC UI 覆盖页面；保留授权与子集生成说明。用户侧显示可读的角色、来源、动作与状态名，UUID、raw enums 和调用坐标收进技术详情。字体更换不改变原文、对象身份或证据。

动效

共享 DevelopingField 材质，页面通过 developingProfiles.ts 配置沉积位置、宽厚比例、迁移、显影起点和聚焦汇聚。问答保留原抽象参数；事件沿时间展开，资料薄层叠印，调查逐步靠拢，任务错位迁移。标题、状态、数量不映射为装饰字形或虚假曲线。

减少动态效果下有静态呈现；离屏/隐藏标签页停止帧更新，卸载清理资源。装饰不代表模型进度或证据数量，不重挂载会话、不改变权限/SSE/调用。真实图谱和导航布局动效按需加载。

组件与主题归属

共享 token 归 ui.css，基础排版归 product-foundation.css，构图由页面附近 CSS 持有；不叠加无归属覆盖层。Radix 持有 tabs/dialog/menu 的键盘和焦点语义；Phosphor 为功能图标。

深色 .world-main 同时设置 color: var(--ui-foreground) 和 background: var(--ui-background)，避免继承浅色页面的深文字。普通、选中、hover、focus 和 disabled 都必须可读。

具体页面与源码规则见 MASTER。桌面/移动、减少动态效果、字体、键盘与构建验证见 产品体验；这些工程检查与主观美术认可分开记录。