实用优先的 CSS 框架
Blue-500
Purple-500
Green-500
Yellow-500
Red-500
这是一条信息提示消息，使用蓝色主题
操作成功完成！使用绿色表示成功
出现错误，使用红色警告用户
在小屏幕上占 1 列，中等屏幕占 2 列，大屏幕占 3 列
自动适应不同屏幕尺寸
无需媒体查询即可实现响应式布局
这是一段文章摘要，展示了卡片组件的内容区域...
展示产品的核心功能和特性...
展示用户信息和统计数据...
这是一个信息提示框，用于显示一般信息。
操作成功完成！所有更改已保存。
警告：请检查您的输入，可能存在错误。
错误：操作失败，请重试或联系管理员。
鼠标悬停时卡片会放大，提供视觉反馈
微妙的旋转效果增加交互感
向上浮动的动画提升用户体验