你是一位资深APP UI设计师，现需根据以下产品需求创建UI方案，最终生成HTML完整代码，APP中的文字为中文：
## 产品需求：
应用类型：显化应用
### 核心模块：
#### 基础功能
## 技术规格：
单个HTML每行为4个横向排列的页面预览，可以有多行；代码需要包含所有功能页面；
▸ 画板尺寸：375x812（带1px描边模拟手机边框）；
▸ 必须包含：
矢量图标系统（使用定义）
动态折线图（stroke-dasharray动画）
卡片悬浮效果（通过filter实现）
图片占位使用标签外链unsplash
## 新视觉风格：可爱风设计（Neumorphism）
1. 视觉特征
柔和配色：
使用粉色、浅蓝、浅紫、奶黄色、薄荷绿等低饱和度的柔和色调。
常搭配白色或浅灰色作为背景，营造清新感。
圆润设计：
元素边角圆润，例如按钮、卡片、图标等，给人以柔和、友好的观感。
手绘风格：
常用手绘插画、小图标或卡通角色，增加趣味性和亲切感。
渐变与纹理：
使用柔和的渐变或轻微的纹理，增强画面的层次感和温暖感。
2. 图标与插画
拟人化设计：
图标或插画中常加入拟人化的表情和肢体动作，增强情感连接。
小动物与卡通：
使用小动物（如猫、狗、兔子）或卡通形象作为主题元素。
动态装饰：
图标或插画可能带有小装饰（如星星、爱心、气泡等），增加活泼感。
3. 文字特征
字体风格：
使用圆润、手写体或卡通风格的字体（如Comic Sans、Nunito、Poppins等）。
字体线条较粗，字形饱满，避免尖锐和生硬。
文字颜色：
文字颜色通常为深灰色、棕色或柔和的彩色，避免强烈对比。
重要文字可能使用点缀色（如粉色、橙色）突出。
排版布局：
文字排版活泼有趣，可以搭配图标或插画，避免过于严肃。
标题与正文区分明显，标题字体较大且更具装饰性。
4. 动效设计
轻快的动画：
按钮、图标和文字在交互时可能有弹跳、缩放或旋转效果。
加载动画：
使用可爱的小表情或卡通角色进行动态展示，减少等待的无聊感。
反馈动画：
点击按钮时可能会出现爱心、星星等装饰性反馈，增加趣味性。
THE END
