这是一款基于原生 JavaScript、CSS 与本地图像技术实现的带配对和消息状态的小型幽灵聊天剧场。画面像一台旧式手机，用户先看到幽灵资料卡，可以点爱心、略过或左右滑动。配对后进入聊天页，输入符合规则的英文幽灵语言，页面依次显示送达、已读、正在输入，最后停止回应。它把常见社交界面做成一个有叙事结尾的前端演示。
幽灵配对界面有哪些连续阶段
资料、配对和聊天分阶段显示。每个阶段都有独立状态，按钮按当前阶段推进流程。
滑动与键盘都有入口。资料卡支持指针拖动，左右方向键也能触发选择。
消息会经过规则校验。无效输入打开说明并提示，合法消息才进入后续状态动画。
消息校验与延时状态怎样组成小剧场
应用用 phase 管理流程，消息发送后按多个延时依次改变回执与输入动画。幽灵语言是对英文单词的规则变形，不是自然语言识别。画面缩放通过 ResizeObserver 与手机屏幕比例保持对齐，素材中的测试页与结果链接已从最终目录移除。
let phase = "profile";
复古聊天页的角色与流程从哪里修改
页面文本和阶段结构在 index.html，阶段切换与消息时序在 script.js，规则校验在 ghosttalk.js；手机、卡片与气泡样式在 style.css。若需要连续对话，应重写发送后锁定输入与结束状态。
幽灵聊天演示的消息与语言规则问题
它会把消息发给真实用户吗？
不会。所有状态都在本地模拟，没有聊天服务器、账户或真实联系人。
为什么普通中文消息不能发送？
演示只接受特定英文幽灵语言，例如 ey-hoo。中文界面说明已汉化，语言规则本身仍保留英文字符处理。
为什么出现输入提示后没有回复？
这是演示安排的结尾，不是网络故障。若要变成持续聊天组件，需要补充回复和重新开放输入的逻辑。
适合社交界面原型、万圣节主题和消息状态演示。下载后可查看幽灵聊天的完整结构与参数，按自己的内容继续调整。
