这是一款信息图节点连线动效，基于 HTML+CSS+SVG+JavaScript（GSAP + ScrollTrigger）实现。画面结构很直白：中心一枚大脑图标作为核心，左右各三个圆形图标节点，六条 SVG 贝塞尔曲线把它们和中心连起来。加载时按时间线依次登场——先淡入背景圆盘，中心图标带回弹放大，随后连线从中心向两侧描边"长"出来，节点错峰弹出，标题最后上移显现。之后所有节点进入呼吸式浮动，上下各自反向、周期略有差异，避免整齐划一的机械感；鼠标悬停节点会轻微放大，页面滚动时整组图形还有一点视差位移。
它讨巧的地方在于"顺序"：连线先于节点完成，视觉上就形成了"能力向外辐射"的叙事，比所有元素一起淡入更有说服力。代码量很小，换掉图标和文案就能直接复用。
适用于品牌能力介绍、技术架构示意、AI/数据类产品首屏、服务流程展示等场景。
