Saas environment management website

Prompt: 顶部导航栏 标签：共用、印先森、Phomemo、小标、qs、Likcut、Phocol、大数据 增加背景色区分当前选中的标签（如“共用”可以使用浅蓝色背景）。 使用圆角设计，让导航栏更现代化。 左侧筛选区 选项：test、pre、prod 增加复选框的视觉对比度（如使用浅灰色背景）。 为每个选项添加小图标（如文件夹图标），增强视觉引导。 卡片区域 卡片布局：网格排列，每行 4-5 个卡片，增加卡片间距，避免拥挤。 卡片设计： 标题：使用深色字体加粗，突出显示。 环境标签：test（浅蓝色）、prod（浅绿色）、pre（浅黄色），使用圆角矩形设计，增加对比度。 描述：使用浅灰色字体，保持信息清晰。 链接：使用蓝色字体，点击时有下划线动画。 按钮：使用浅灰色背景，圆角设计，悬停时轻微变亮。 卡片内容 SaaS测试环境 标签：test 描述：Labelife、P3S管理系统、SDK配置信息、产品体验官、EPrinter、固件管理系统、帮助中心 链接：https://10.168.3.184 按钮：打开 SaaS（国内） 标签：prod 描述：EPrinter、Labelife、P3S管理系统、帮助中心、P3S配置信息 链接：https://ul.saas.qu-in.fun 按钮：打开 SaaS（新） 标签：prod 描述：SaaS正式环境（新） 链接：https://aimocloud.aimotech.cn 按钮：打开 SaaS（国外） 标签：prod 描述：EPrinter、Labelife、P3S管理系统、帮助中心、SDK配置信息、产品体验官 链接：https://ul.saas.qu-in.top 按钮：打开 爱墨固资：正式环境 标签：prod 描述：正式环境 链接：https://www.aimocloud.com 按钮：打开 业务中台 - 测试 标签：test 描述：测试环境 链接：http://10.168.2.19:31698 按钮：打开 业务中台 - 正式（国内） 标签：prod 描述：正式环境 链接：https://cn-ui-quindata.qu-in... 按钮：打开 业务中台 - 正式（海外） 标签：prod 描述：正式环境 链接：https://ul-quindata.qu-in.top 按钮：打开 内容中台 - 正式 标签：prod 描述：正式环境 链接：https://pre-quindata-cmp.qu... 按钮：打开 内容中台 - 测试 标签：test 描述：测试环境 链接：http://10.168.9.217:8101/ 按钮：打开 业务中台 - 预上线 标签：pre 描述：预上线环境 链接：https://pre-quindata-bmp.qu... 按钮：打开 内容中台 - 预上线 标签：pre 描述：预上线环境 链接：https://pre-quindata-cmp.qu... 按钮：打开 视觉优化建议 卡片阴影：为每个卡片添加轻微阴影，增强层次感。 卡片圆角：使用圆角设计，让界面更柔和。 颜色对比：确保文字和背景的对比度足够高，提高可读性。 响应式设计：在小屏幕设备上自动调整卡片数量，保持布局整齐。