一、核心功能总览

1. 网站导航入口：提供素颜系列官方网站 + 常用平台的快速访问链接；
2. 响应速度可视化：用颜色标识（绿 / 黄 / 红）直观展示各网站加载速度等级；
3. 实时刷新检测：支持手动触发重新检测，更新所有网站的响应时间和状态；
4. 响应式布局：适配 PC / 手机 / 平板，不同设备下均有良好展示效果；
5. 联系与免责说明：提供联系入口和响应时间的免责提示。

1. 实用性：既提供官方网站导航，又通过速度检测帮助用户选择稳定链接，解决「官网多、不知道哪个能打开」的问题；
2. 直观性：颜色标识 + 数字结合，无需专业知识也能快速判断网站性能；
3. 交互友好：卡片 hover 反馈、加载状态提示、响应式布局，提升用户体验；
4. 轻量化：纯 HTML/CSS/JavaScript 实现，无外部依赖，加载速度快。