虚线预测线
stroke-dasharray: 5 5 将“推断”与“事实”在视觉上严格分离，绝不混淆已发生与将发生。
BI / Analytics · No.34
看见下一季度的曲线走向
实线记录已发生的事实，虚线延展 AI 的推断：置信区间随不确定性张开，异常点以脉冲告警，情景一键切换。
月度营收 · 实际 vs 预测
回测精度 94.2%实际值预测线90% 置信区间异常点
AI 洞察：按当前趋势，营收将于 8 月中旬突破 240 万；4 月异常峰值与大促活动相关，已从趋势拟合中剔除。
预测置信度 87% · 更新于 2026-07-07
风格特性
预测类界面的三个关键语汇：虚线、阴影带、脉冲。
置信区间
fill-opacity: 0.2 的阴影带随时间张开，不确定性越大区间越宽，诚实呈现模型边界。
异常脉冲
琥珀色异常点带扩散脉冲动画，偏离置信区间的数据自己“跳”出来报警。
按钮与控件
情景开关宽 48px，切换乐观 / 基准 / 悲观假设。
AI 洞察
检出 1 个异常
订阅预测简报
预测更新或检出异常时，第一时间推送给你。
配色板
深空底色上的推断紫、事实蓝与告警琥珀。
预测紫
#8B5CF6AI 靛蓝
#6366F1事实蓝
#0284C7异常琥珀
#F59E0B深空底
#0F172A面板色
#1E293B字体级阶
Space Grotesk 撑起科技感标题，Inter 保证正文可读。
Display · Space Grotesk 700 · 44px预测下一个拐点
Heading · Space Grotesk 700 · 24pxQ3 营收预测报告
Body · Inter 400 · 16px模型预计 8 月中旬营收突破 240 万，置信度 87%；若投放预算上调 20%，乐观情景下可提前两周达成。
Label · Inter 700 · 12pxForecast · CI 90% · MAPE 5.8%