屏保风格时钟 - 浮动大字时间动画

屏保风格时钟是一种模仿经典屏幕保护程序设计的数字时钟界面。它通常以深色（黑色）背景搭配明亮的浮动数字显示当前时间，并伴有柔和的光晕效果和粒子动画。这种风格起源于CRT显示器时代的屏幕保护程序，旨在防止长时间静态图像导致的屏幕灼烧（Burn-in），同时兼具美观与实用性。本工具在此基础上加入了浮动动画、粒子背景和全屏模式，让您在现代设备上重温经典屏保的视觉体验。

您可以通过以下方式使用：

方法一（推荐）：点击右上角的"全屏"按钮，浏览器会进入全屏模式，此时即可作为临时屏保使用。按Esc键或再次点击按钮退出全屏。

方法二：在Windows系统中，可以使用第三方屏幕保护程序制作工具（如ScreenPaver、Axialis等），将本页面导出为.scr屏保文件。

方法三：在macOS系统中，可以通过"系统设置 → 屏幕保护程序"添加自定义屏保，或使用第三方工具将网页嵌入屏保。

方法四：保持浏览器打开本页面，配合操作系统的自动锁屏/睡眠设置，在空闲时展示此时钟。

12小时制将一天分为两个12小时周期，使用AM（上午）和PM（下午）区分。例如：下午3点显示为"03:00 PM"。
24小时制从00:00到23:59连续计时，下午3点显示为"15:00"。24小时制在国际标准、军事、航空和计算机系统中广泛使用。

切换方式：点击右上角的"24小时制/12小时制"按钮即可实时切换，您的偏好会自动保存在浏览器中，下次打开页面时会自动应用。

粒子系统经过精心优化，使用Canvas渲染并通过requestAnimationFrame高效更新。桌面端约60个粒子，移动端自动降至约25个粒子，确保流畅运行。每个粒子仅为简单的半透明圆形，计算量极小。在主流设备上（包括中低端手机），粒子效果的CPU占用率通常低于2%，不会影响设备性能或电池续航。如果您在使用中遇到性能问题，可以刷新页面重置粒子系统。

每个时间字符（数字和冒号）都使用CSS关键帧动画（@keyframes）独立驱动。每个字符的动画延迟根据其位置动态计算，形成错落有致的波浪浮动效果。数字使用fc-float动画（上下浮动9-12px），冒号使用fc-float-subtle动画（浮动5-7px）并叠加每秒闪烁效果。整个时钟容器还有一个缓慢的漂移动画（fc-drift，18秒周期），模拟经典屏保中元素在屏幕上移动的特性。所有动画均使用GPU加速的transform属性，确保流畅丝滑。

屏幕保护程序（Screensaver）诞生于1980年代CRT（阴极射线管）显示器时代。当时如果同一图像长时间静态显示，荧光粉会被"灼烧"，在屏幕上留下永久残影。屏保通过在空闲时显示动态画面来防止这一问题。最早的屏保只是简单的移动图形或星星动画。到了1990年代，随着Windows和macOS的普及，屏保发展出各种创意形式——飞翔的烤面包机、3D迷宫、水族馆等。虽然现代LCD/LED显示器已不再有灼烧问题，但屏保作为一种数字文化符号和美学表达被保留下来，成为许多人怀旧和装饰屏幕的方式。

本工具针对移动端做了全面适配：
• 字体使用clamp()函数自适应屏幕宽度，在手机上依然保持大而清晰的显示
• 粒子数量自动减少以保证流畅度
• 按钮尺寸适配触屏操作
• 支持横屏和竖屏模式
• 在iOS Safari和Android Chrome上均有良好表现
小贴士：将手机横屏放置并点击全屏按钮，可以获得类似桌面屏保的沉浸体验。在充电时可保持屏幕常亮（需在系统设置中调整），让时钟持续显示。

冒号每秒闪烁一次是经典数码时钟屏保的标志性特征，模仿了早期LED/数码管时钟的视觉效果。闪烁周期为1秒（显示约0.48秒，隐藏约0.48秒后再次显示），与秒针跳动同步。目前冒号闪烁是内置特性，暂不支持单独关闭，但您可以通过点击"隐藏秒"按钮来减少屏幕上的动态元素，此时冒号闪烁频率不变但整体视觉更加简洁。如果您希望完全静止显示，可以考虑使用浏览器的开发者工具自定义CSS。