用途：为 iPad Pro 12.9 英寸（M1/M2/M4）构建教育类 Web 应用时提供 CSS 与 UX 实现约定，可与项目的 Utopia 流式缩放和 Web Components 架构配合使用。
主要能力： 视口与 PWA：要求 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">，并提示不要禁用缩放或使用固定宽度；提供 apple-mobile-web-app-capable、status-bar-style、theme-color 等 PWA 元信息。 安全区域：用 env(safe-area-inset-*) 定义回退变量，给固定头部/底部导航和内容容器加内边距，并为底部 home indicator 预留间距。 触摸目标：给出 44pt 最小、48pt 推荐、儿童 56pt+ 及目标间距 8pt 的规格，附触控目标、扩大热区、儿童按钮与卡片示例。 响应式与容器查询：提供 iPad Pro 横竖屏媒体查询、Retina 媒体查询、指针/悬停检测（hover: none、pointer: coarse 等），并推荐用容器查询替代视口查询做组件响应。 ProMotion 动画：建议只动画 transform、opacity、filter、backdrop-filter 等硬件加速属性，给出 120Hz 时长与缓动变量，说明 will-change 的谨慎使用，并用 Anime.js 4.0 处理复杂动画，同时检查 prefers-reduced-motion。 触摸交互：用 Pointer Events 实现拖拽、setPointerCapture、touch-action 控制、点击与长按区分、以及 iPadOS 上 :hover 需按 hover 能力媒体查询处理。 布局：为大屏提供网格列数、内容最大宽度、多栏布局，避免“放大版手机”布局，并处理横竖屏切换与方向检测。
适用场景：iPad Pro 12.9 英寸上的儿童教育游戏、互动卡片、拖拽练习等触屏 Web 应用。
限制：资料未说明收费方式、价格、平台发布渠道或可直接安装的命令；示例代码仅作为模式参考，落地需结合项目自身架构。