测试

1. 🌐 全局空间与地标态势 (核心 3D 区域 & 底部导航)
这是整个系统的视觉和业务核心，主要用于空间地理数据的直观展示。

区域态势联动：底部导航栏（Southeast, Great Lakes, South Region, Southwest, Alaska, Hawaii）表明系统支持宏观大区级的切换。点击不同大区，核心 3D 地图和两侧的数据面板会联动刷新，展示该区域的专属数据。

重点地标监控：3D 地图中悬浮的标签（如 Imperial Building, Pentagon, Rockefeller 等）代表重点监控对象。业务上，这通常用于查看核心建筑的具体档案（如：楼层数、建筑高度、主要材质、当前能耗或安防状态等）。

2. 📈 城市建设进度与趋势追踪 (左上、左下、右中面板)
这三个模块构成了时间维度上的建设追踪，主要业务是看“增量”和“速度”。

Construction growth trends (建设增长趋势 - 左上)：监控短期（按月，1-8月）内的工程项目启动或施工增长量。业务上用于评估近期的城建活跃度。

Building area growth trend (建筑面积增长趋势 - 右中)：通过柱状图和折线的结合，不仅看建筑数量，更看重“建筑面积”的扩张速度。

Architectural changes (建筑变迁趋势 - 左下)：拉长周期，通过折线图展示跨年度（2020-2023年）的建筑总量（Total 728）的历史演变趋势，用于做中长期规划复盘。

3. 🏙️ 城市资源密度与分布分析 (左中面板)
Building density analysis (建筑密度分析)：横向对比四大区（Eastern, Southern, Western, Northern）的建筑密度指标。

业务价值：此类数据通常用于城市容积率评估。密度过高的区域可能意味着交通压力大、公共设施承载力达到饱和；密度低的区域则可能是未来招商引资或土地开发的重点方向。

4. 🏢 建筑形态与公共配套分类 (右上、右下面板)
这部分业务关注的是建筑的“结构质量”与“功能属性”。

Scope of construction (建设规模类型 - 右上)：将全网 9474 栋建筑按高度形态划分为“高层建筑 (Tall Buildings, 7362)”和“低层建筑 (Low Buildings, 2481)”。用于监控城市的天际线发展和空间利用率。

Architectural Features (建筑功能特征 - 右下)：统计具有特定公共服务属性的建筑数量，如文化设施（Culture, 7941）和学校（School, 2497）。这在业务上用于评估城市的宜居程度和基础配套完善率。

**第一步：基础架构与响应式布局**
搭建项目外层大框，实现基于 `transform: scale` 的 1920x1080 自适应缩放逻辑。完成左右侧边栏、顶部标题和中心区域的 DIV 划分，并加上临时背景色以便预览。

**第二步：科技感 UI 组件与样式**
编写 HUD 风格的面板容器组件（BorderBox），实现切角边框和发光效果。完善顶部标题栏和底部的按钮组样式。

**第三步：ECharts 图表集成**
使用 Mock 数据，依次填充左侧和右侧的 6 个数据模块。要求图表样式符合暗黑科技风（去除默认网格线，修改坐标轴颜色，添加发光特效）。

**第四步：3D 场景占位与基础构建**
在中心区域初始化一个基础的 Three.js 场景，添加几个半透明、带发光线框效果的 BoxGeometry 来模拟城市建筑群，并加上轨道控制器（OrbitControls）。