如果登录页会看你一眼

一颗圆脸，会变色。眼睛是两道竖胶囊——纯白、两端圆、高是宽的两倍半。进门它先点一下头、整颗转暖紫，「你来了。」——两秒之后才回到自己该待的位置，「填好了叫我。」颜色不是装饰，是它的情绪：待机是品牌紫，凑近看邮箱是暖紫，切到密码框立刻冷成蓝——同时把视线移开，不是闭眼，是明确不看，整个身体还会往旁边挪一点。 它撑不了多久。你停手三秒，它会偷偷回头瞄一眼，脸上泛起一点品红；这时候把鼠标移到它身上，它吓得弹开、整颗变橙，台词是「——别看！」。 输错也不总是同一个反应：第一次「哦，不对」，第二次「……又不对」，脸都是红的；第三次它开始犯困「你是不是忘了？」，红色逐渐加深，第四次直接闭上眼「我不问了」。反应和颜色一起递进，不是同一个摇头循环播放。 只有你点「显示密码」主动让它看，它才有资格评价密码：全是数字它说「这个，我有点担心」，够长够杂它瞪大眼睛、脸色转绿说「哦，这个可以」。 它说的每句话也不是同一个样子：想事情时气泡是没框的淡底、后面跟着三点跳动的省略号；转过去不看、偷偷瞄你这类小声的话缩成灰色小字；被你抓到、登录不通过时镶红边、抖一下；放你进去时镶绿边、弹着出来。气泡还跟着它的身体走——凑近的时候往一侧挪、尾巴对着脸，回避的时候挪到另一头。想知道它在干什么就把鼠标停上去，它会告诉你此刻在做什么；点一下它本人会回一句「嗯？」并抖一下，点气泡则把刚才那句话重新说一遍。 全部表情与台词由表单事件触发；只有进门欢迎和偷看两处是自己到点发生的。安静下来时它也不是一张静止图：待机会极缓地起伏，像在喘气——这是全页唯一一条循环动画，其余都靠事件。状态之间走逐帧插值过渡，换色也是逐帧插值，不是直接跳；跟随系统减少动态效果设置，关掉动效后停在静态代表帧。 这是交互演示，不提供真实账号登录。邮箱和密码仅在当前页面内存中参与表情演示，不发送到服务器，不写入本地存储；刷新后清空。正式站点仅记录独立预览、提交尝试、校验未通过、模拟完成和重演的事件名称，不记录输入内容。页面资源加载及浏览计数沿用本站通用规则。手机端使用紧凑吸顶舞台，填写时也能看到反馈；动效跟随系统减少动态效果设置。 密码框移开视线的做法参考 TunnelBear 登录页；事件时机参考 GitHub 上若干同类登录页（peek-a-login、AniLogin 等）的共同选择。代码与参数由本站独立编写，复用的是「会表情的小机器人」同一套 SVG / TypeScript 引擎，没有使用上述项目的素材。