这是一个专为2026年除夕夜设计的响应式倒计时网页应用，采用PHP技术实现服务器端时间计算，并结合现代前端技术提供流畅的用户体验。该应用不仅提供准确的倒计时功能，还包含丰富的春节文化内容展示。

• 实时倒计时功能：精确计算并显示距离2026年2月16日00:00:00的剩余时间
• 平滑数字滚动动画：时间更新时呈现流畅的数字滚动过渡效果
• 自动跳转功能：倒计时结束后自动跳转到新年祝福页面
• 春节文化介绍：展示除夕传统习俗、各地庆祝方式和经典春联
• 随机春联展示：每次刷新页面随机显示不同的春联内容（超过100副春联）
• 烟花动画效果：在特定时刻展示庆祝烟花动画
• 响应式设计：适配桌面端、平板和移动设备

• 后端：PHP 7.4+
• 前端：HTML5, CSS3, JavaScript (ES6+)
• 样式框架：Tailwind CSS 3
• 字体：Inter, Noto Sans SC
• 数据存储：文本文件（春联数据）
• 浏览器兼容：Chrome, Firefox, Safari, Edge

bugcool/CognoFest
├── index.php         # 主页面，包含倒计时功能
├── greeting.html     # 倒计时结束后的新年祝福页面
├── css/              # 样式文件目录
│   └── style.css     # 主样式文件
├── js/               # JavaScript文件目录
│   └── countdown.js  # 倒计时功能和春联随机显示功能实现
├── data/             # 数据文件目录
│   └── couplets.txt  # 春联数据文件（超过100副春联）
└── README.md         # 项目说明文档

index.php文件使用PHP实现服务器端时间计算，确保倒计时基于准确的服务器时间而非客户端时间：

<?php
// 目标时间：2026年2月16日00:00:00
$target_date = new DateTime('2026-02-16 00:00:00', new DateTimeZone('Asia/Shanghai'));
$current_date = new DateTime('now', new DateTimeZone('Asia/Shanghai'));
$diff = $current_date->diff($target_date);

// 计算总秒数差
$total_seconds = $target_date->getTimestamp() - $current_date->getTimestamp();

// 准备初始数据
$initial_data = array(
    'days' => $diff->days,
    'hours' => $diff->h,
    'minutes' => $diff->i,
    'seconds' => $diff->s,
    'is_past' => $total_seconds <= 0,
    'target_timestamp' => $target_date->getTimestamp(),
    'current_timestamp' => $current_date->getTimestamp()
);
?>

js/countdown.js实现了CountdownTimer类，负责实时更新倒计时并提供平滑的数字滚动动画：

• 从PHP获取初始时间数据
• 每秒更新倒计时显示
• 实现数字平滑滚动动画
• 处理倒计时结束逻辑（显示0值、播放烟花效果、自动跳转）

通过从外部文本文件读取春联数据并随机显示，实现了动态内容展示：

• 使用fetch API读取春联数据文件
• 解析CSV格式的数据（上联,下联,横批）
• 随机选择一副春联并更新页面显示
• 包含错误处理机制，确保加载失败时显示默认内容

项目采用响应式设计原则，通过Tailwind CSS和自定义媒体查询支持不同屏幕尺寸：

• 倒计时模块采用横向flex布局，支持响应式间距调整
• 文化卡片使用网格布局，在移动端自动调整为单列显示
• 春联展示区采用固定宽度和居中布局，确保在各种设备上的美观性

项目支持以下浏览器：

• Google Chrome
• Mozilla Firefox
• Apple Safari
• Microsoft Edge

通过使用现代JavaScript特性并添加适当的polyfill，确保在主流浏览器中提供一致的用户体验。

• Web服务器：Apache/Nginx
• PHP版本：7.4或更高
• 支持HTML5和CSS3的现代浏览器

1. 将项目文件上传至Web服务器的根目录或子目录
2. 确保PHP模块已启用
3. 确保data目录具有正确的访问权限
4. 访问项目URL即可使用

1. 倒计时显示不正确：检查服务器时间设置和时区配置
2. 动画效果不流畅：可能是性能问题，考虑降低动画复杂度
3. 春联不显示：检查data/couplets.txt文件是否存在且格式正确

如需更新倒计时目标日期，修改index.php中的目标日期设置：

$target_date = new DateTime('2026-02-16 00:00:00', new DateTimeZone('Asia/Shanghai'));

如需添加或修改春联内容，编辑data/couplets.txt文件，每行格式为：

上联内容,下联内容,横批内容

• HTML：使用语义化标签，遵循HTML5标准
• CSS：使用CSS变量管理主题，采用现代布局技术
• JavaScript：使用ES6+语法，注重异步编程和错误处理
• PHP：遵循PSR-12编码规范，注重安全性

• 添加多语言支持
• 实现用户自定义倒计时功能
• 添加更多互动元素和文化内容
• 优化移动端性能和体验

本项目采用MIT许可证开源。详见 LICENSE 文件。

欢迎提交Issue和Pull Request来帮助改进这个项目。在提交贡献之前，请确保您已经阅读了项目的代码规范。