📱 移动端布局测试

✅ 成功标准（手机模式 < 768px）:

• □ 屏幕宽度显示 < 768px
• □ 3个彩色框上下排列
• □ 每个框占满整行宽度
• □ 框之间没有左右并排
• □ CSS状态显示"mobile-responsive.css已加载"

❌ 失败标志:

• □ 3个框左右并排显示
• □ 框的宽度小于屏幕宽度
• □ 需要横向滚动才能看到所有框