# 
项目文档：马年气运天眼
## 1. 项目简介
**“甲辰龙年 · 春运天眼系统”** 是一个专为中国春节设计的全息数据可视化大屏模拟器。它摆脱了传统气象站的枯燥感，融合了**赛博朋克科幻风格**与**中国传统节日元素**（Cyber-CNY Style）。
项目旨在为用户提供一个上帝视角，通过极具视觉冲击力的 3D 界面，查看春节期间中国各地的气象实况、返乡拥堵状况及年味指数。
## 2. 核心功能与文化融合
### 2.1 沉浸式“赛博中国风”视觉
* **配色体系**：放弃了传统的科技蓝，采用**“朱砂红” (Cyber Red)** 与 **“流光金” (Luminous Gold)** 作为主色调，寓意红红火火。
* **字体设计**：标题采用加粗的无衬线字体，配合金色渐变填充，模拟春节对联的金字质感。
* **全息面板**：玻璃拟态面板加入了红色的边框发光效果，四角带有简约的中式纹样装饰。
### 2.2 本土化数据监测
我们将通用的气象数据替换为与春节出行息息相关的指标：
* **
返乡拥堵指数**：模拟春运期间高速公路的实时压力（如“严重拥堵”、“一路顺风”）。
* **
年味浓度**：用星级表示当地的春节氛围（如逛花市、贴对联的热闹程度）。
* **
AI 出行建议**：根据天气提供的具体建议（如“备好红包”、“注意高速封路”）。
* **
农历日期**：显示“腊月二十八”、“大年三十”等传统历法。
### 2.3 互动场景（春节限定版）
点击地图上的不同区域，会触发独特的春节场景：
* **东北（暴雪）**：漫天飞雪，提醒“道路结冰”，年味浓度极高（冰雪大世界）。
* **华北（晴朗）**：金色祥云粒子，提醒“置办年货”。
* **华南（除夕）**：**除夕夜特别模式**，背景转为深邃夜空，无数**孔明灯**缓缓升起，寓意祈福。
## 3. 技术实现亮点
### 3.1 3D 视差交互 (Parallax HUD)
* 利用 CSS `perspective` 和 `transform-style: preserve-3d` 构建纵深感。
* **交互逻辑**：监听鼠标移动，实时计算偏转角度，让地图、面板、文字层级分明地在空间中悬浮移动，仿佛置身于未来的交通指挥中心。
### 3.2 粒子特效引擎 (Canvas)
重写了粒子系统，以适应春节主题：
* **孔明灯算法**：粒子具有向上的浮力，且大小不一，模拟远近透视。
* **金色祥云**：缓慢流动的金色光点，营造祥和氛围。
* **电子烟花**：点击右下角按钮，基于物理重力的粒子爆炸效果，作为“除夕倒计时”的彩蛋。
### 3.3 故障艺术反馈 (Glitch Art)
在切换地区时，面板会产生瞬间的位移和色彩分离（Glitch），模拟全息投影信号传输时的波动，增加了科技硬核感。
## 4. 部署与体验
* **文件结构**：单文件 HTML，内嵌 CSS/JS，开箱即用。
* **最佳分辨率**：1920x1080 及以上（全屏体验最佳）。
* **彩蛋操作**：点击右下角的 **“
燃放电子烟花 ”** 按钮，屏幕将绽放随机颜色的烟花粒子。
-–
*版本：v4.0_Cyber_Dragon_Year*
*开发者：AI Web Expert*