这是一款仿老式霓虹招牌的 404 错误页。深黑背景上，"Error"是冷白偏蓝的灯管字，"404"是浓烈的红色，其中几个字母在不规则地忽明忽暗——像极了街角那种接触不良的旧招牌。鼠标悬停上去，整块灯管会骤然增亮，光晕扩散一圈。整个效果零 JavaScript、零图片，全靠 CSS 的多层文字阴影堆出来的辉光。
这款霓虹 404 页面的四个亮点
辉光是叠出来的：三层不同扩散半径的阴影叠加，才有由内而外的灯管质感。
闪烁毫无规律：关键帧的时间点刻意错开，看不出循环，真实感的来源就在这。
两个字母各闪各的：节奏不同步，避免了整齐划一的机械感。
极致轻量：一个样式文件、几行 HTML，加载几乎无成本。
灯管的质感和闪烁是怎么做的
其一，辉光靠多层阴影而非滤镜。同一段文字叠了三层阴影：最外层大范围低亮度做环境光晕，中间层收紧提亮，最内层极小半径模拟灯管本体的高光。比起直接上模糊滤镜，这种写法边缘更利落、性能也更好。
其二，闪烁的秘诀是"不整齐"。关键帧的百分比被刻意设成了 19.999%、22%、62.999% 这样的碎值，明暗切换发生在毫无规律的时刻：
0%, 19.999%, 22%, 62.999% { opacity: .99; }正是这种"不好看的数字"，才让它像坏掉的真招牌而不是一个动画。
其三，暗态是彻底熄灭。字母变暗时不只是降低透明度，而是把阴影整体移除，因此暗下去的瞬间辉光会同时消失，符合真实灯管断电的物理表现。悬停时的整体增亮则是换了一组更强的阴影参数。
怎么改成自己的错误页
页面结构极简，就是两行文字，改成 500、403 或任意提示语都可以；想让某个字符闪烁，把它单独包一层即可，规则完全一致。
颜色、辉光强度、闪烁节奏都在样式文件里直观可见，把红色换成青色或粉色就是另一套风格。若要加返回首页的按钮，沿用同一套阴影写法就能保持风格统一。字体使用了装饰性较强的西文灯管字体，中文提示语建议另配字体或改用图形化处理。
兼容提示：只用到常规的文字阴影与关键帧动画，各主流浏览器均可正常显示，兼容性无忧。页面引用了在线字体，首次加载需联网。运行方法参见压缩包内的帮助文档。
关于这款 404 页面的常见问题
能改成其他错误码吗？
能。文字是普通 HTML 内容，改成 500、403 或"页面走丢了"之类的提示都可以，闪烁规则通过给字符单独包一层来指定。
可以换颜色吗？
可以。辉光由几组阴影颜色决定，换成青色、粉色或品牌色都只是替换色值，三层阴影的层次关系保持不变即可。
中文能用这个字体吗？
不能直接用。原字体只包含西文字符，中文会回退成系统字体、失去灯管观感。建议中文部分另选装饰字体，或把中文标语做成图形。
会不会影响页面性能？
不会。只有文字阴影和两个关键帧动画，资源占用极低，作为错误页完全没有负担。
适用场景
适合网站 404 与错误提示页、复古主题站点、酒吧餐饮类品牌页、个人博客的趣味页面，也可把文字换成品牌名当作首屏标题。下载源码即可查看完整实现。
