用途：产品发布、App 演示、设计稿展示。该模板把用户提供的 UI 内容真实渲染进 iPhone / MacBook 的“屏幕”里，设备本身用 CSS 3D transform 模拟 GLTF 模型的玻璃、高光与折射，灵感来自 hyperframes vfx-iphone-device。
主要能力：画布 1920×1080，暖灰渐变背景与底部反射地面；iPhone 15 Pro 位于左侧或中部，钛金属银边框、56px 屏幕圆角，屏幕内嵌真实 HTML 内容（mobile viewport 375×812）；可选第二台 MacBook Pro 14" 位于右侧，上盖嵌入桌面 viewport 内容（1440×900 缩放），底座键盘与 trackpad 用 CSS 阴影线条绘制。顶部用 2-3 个椭圆 radial-gradient 模拟玻璃镜头光斑，设备下方用 scaleY(-1) 加 mask-image 做地面反射。
使用方式：单文件 HTML。用户提供文本或数据时，自动渲染为 mock app 界面（status bar、标题、body、底部 tab bar 或 home indicator）；提供 HTML 时原样嵌入屏幕 div 内，并注意缩放适配。屏幕内 UI 用 Tailwind，字号按 mobile 真实尺寸。可选附加元素包括右下角 product slug 角标、顶部 caption，以及 8s 自动 CSS 转盘动画（可被 prefers-reduced-motion 关闭）。
限制与要求：不得使用外部 mockup 图片 URL，设备全部用 CSS / SVG 绘制；不要用 srcdoc 嵌套 iframe，改用 div.screen 加 Tailwind；必须用用户真实数据填充屏幕，禁止 lorem ipsum 或占位文案；背景可选 charcoal / pearl / midnight blue / mocha 四套调色，不要彩虹渐变。字体方面，设备外 caption 与 logo 用 Inter Tight / SF Pro 风格，设备内根据用户内容自适应。具体安装命令与收费信息暂未提供。