你是一位资深APP UI设计师，现需根据以下产品需求创建UI方案，最终生成HTML完整代码：
## 产品需求：
应用类型：显化应用
### 核心模块：
#### 基础功能
## 技术规格：
单个HTML每行为4个横向排列的页面预览，可以有多行；代码需要包含所有功能页面；
▸ 画板尺寸：375x812（带1px描边模拟手机边框）；
▸ 必须包含：
矢量图标系统（使用定义）
动态折线图（stroke-dasharray动画）
卡片悬浮效果（通过filter实现）
图片占位使用标签外链unsplash
## 新视觉风格：暗黑风设计
1. 色彩运用
深色背景：以黑色或深灰色为主背景，营造神秘感和高对比度。
点缀色：使用高饱和度的点缀色（如红色、紫色、蓝色或金色）来突出重要信息或交互元素。
低饱和度：整体色彩多偏向冷色调，保持低饱和度，避免视觉疲劳。
2. 光影效果
渐变和霓虹光效：常用柔和的渐变和霓虹光效，增加未来感和科技感。
阴影与高光：通过精致的阴影和高光处理，营造立体感和质感。
3. 字体设计
现代感字体：多使用无衬线字体，线条简洁，增强科技与未来感。
对比强烈：字体大小对比明显，标题通常较大且醒目。
字母间距：适当拉宽字母间距，增加冷峻感。
4. 图标与元素
极简设计：图标和装饰元素多为线性或几何形状，避免复杂的细节。
金属质感：部分图标可能使用金属或镜面效果，增加高级感。
动态效果：常用微交互动效或粒子效果，提升视觉吸引力。
5. 布局风格
对称与留白：布局讲究对称性和留白，突出核心内容。
模块化设计：内容分区清晰，模块之间界限明确。
深邃空间感：通过光影和层次感，营造空间纵深。
6. 主题氛围
神秘与冷峻：整体氛围偏向冷峻、克制，避免过于活泼或鲜艳。
未来科技感：结合赛博朋克、太空或机械元素，增加未来感。
7. 用户体验
高对比度：深色背景与亮色文字的对比，确保内容清晰可读。
舒适的暗色调：适合夜间使用，减少对眼睛的刺激。
THE END
