⑦ hero 入场(is-ready 触发,纯 CSS)

zeroseal landing 效果 demo

每个效果一个 section,随 commit 逐个出现。刷新页面看 hero 逐字入场。

⑥ 字级 scrub 标题(滚动驱动)

运行时级审计,密码学上可验证

上滚下滚感受 scrub 0.5 的跟手 + 惯性;每字 stagger 0.022s。

③ 页面过渡(色块圆铺屏,纯 CSS keyframes)

点链接看三球错峰盖屏

跳回本页(走过渡) —— 1.75s 铺屏,1.5s 时真跳转;返回手势触发 bfcache 时强制 reload。

⑧ image trail(hero 备选,鼠标划过甩图)

在这块区域里快速划动鼠标

①② Lenis 平滑滚动 + 加载序列

滚动感受 lerp 0.18 的插值

原生滚动条仍在,cmd+F 搜索与锚点不受影响。刷新后回到顶部 (scrollRestoration=manual),html 上依次出现 .is-ready / .fonts-loaded 两个 class。

⑫ 横向滚动段(竖滚驱动,pin + scrub)

继续往下滚,这一段横着走

指针在哪都一样:track 的横向超出量占用等长的竖向滚动区间, 7 张卡走完自然接回竖滚。移动端退化为原生横向滑动。

卡 1 / 7

卡 2 / 7

卡 3 / 7

卡 4 / 7

卡 5 / 7

卡 6 / 7

卡 7 / 7

⑬ 视差(scrub 0 完全跟手)

内容块从右滑入,图先到位

xPercent 45→0,section 进度 62% 处归位。

⑭ FAQ(JS 只写 --index,级联全 CSS)

常见问题

quote 里的度量值怎么核对?

占位回答:对照开源 verifier 仓库的复现流程,逐项比对 RTMR。

换 base_url 就能用是什么意思?

占位回答:gw.zeroseal.cn/v1 兼容 OpenAI 协议,SDK 改一行。

激活码在哪里买?

占位回答:panel 里自助购买,支持按量与包月。

数据会被记录吗?

占位回答:TEE 内处理,运行时级审计可验证。

①② 续

尾屏,给滚动留出距离