用途：渲染一张带深度线索的 UI 模拟卡片，通过轻微 Y 轴倾斜、柔和投影、边缘模糊光晕和持续视差漂移，传达“真实产品悬浮在空间中”的观感，而非扁平的 Figma 导出图。属于 sp-f 产品演示机制的标志性组件。
主要能力：支持面板宽高与圆角设置，可嵌入任意 React/HTML 内容；支持 Y/X 轴 3D 倾斜角度、模糊光晕像素、投影偏移/模糊/透明度/颜色；支持入场动画（缩放与透明度从起始值过渡到结束值，含时长帧数与缓动曲线）；入场完成后可进行水平或垂直方向的持续视差漂移，含振幅、周期与起始帧参数。
使用方式：将面板渲染为包含内容的 div，应用 rotateY 实现 3D 深度（需 CSS 3D 上下文），用 box-shadow 实现投影，用 filter: drop-shadow 实现边缘模糊光晕，按 duration_frames 播放入场动画，入场结束后通过视差插值持续漂移。样式包默认使用 SP-F（产品演示），其背后始终有极光光斑。
质量检查：倾斜角须非零（3D 深度线索是核心）；投影与模糊光晕都需渲染；面板内容在面板尺度下须清晰可读（12-22px 小号 UI 文字应清楚）；视差漂移须在入场完成后才开始。
限制与失败模式：面板看起来扁平说明倾斜为 0，应设为 -3 至 -5 度；阴影不可见通常是透明度太低或偏移过紧；UI 文字像素化时应以原生分辨率渲染，仅通过 CSS 缩小而非渲染成更小的位图；3D 倾斜不生效通常是父级缺少 perspective: 1200px，需在合成根节点添加。
适用场景：产品演示、营销动效、UI 展示类动态图形合成。具体收费、价格与平台信息暂未提供。