============================================================
移动端响应式布局E2E测试
测试目标: 验证手机端列表/预览切换功能
Viewport: 375x667 (iPhone SE)
============================================================
============================================================
启动浏览器 (iPhone SE viewport: 375x667)

============================================================
Step 1: 导航到首页
============================================================
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
[Console] API not available, using mock data
截图保存: D:\Idea Project\publish\agent_test\screenshots\01_home.png
等待项目列表加载...

============================================================
Step 2: 进入项目详情页
============================================================
尝试选择器: div.cursor-pointer (找到 3 个元素)
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
[Console] API not available, using mock data
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
[Console] API not available, using mock data
成功点击元素 0: 项目一主要产品线15 份报告 未知时间...
截图保存: D:\Idea Project\publish\agent_test\screenshots\02_project_page.png

============================================================
Step 3: 验证报告列表
============================================================
列表选择器 '.glass-light': 1 个元素, 可见=True
[OK] 报告列表已显示

============================================================
Step 4: 点击报告进入预览模式
============================================================
页面文本长度: 148
包含报告关键词的元素: 0
尝试报告选择器: div.cursor-pointer.rounded-xl (找到 4 个)
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
[Console] API not available, using mock data
[OK] 点击了报告卡片: 2026-05-22 日报.htmlHTML15KB 2026-05-22...
等待预览内容加载...
截图保存: D:\Idea Project\publish\agent_test\screenshots\03_preview_mode.png

============================================================
Step 5: 验证预览内容
============================================================
[OK] 发现可见的 iframe 元素 (第1个)
预览页面内容长度: 182
列表面板是否隐藏: True
[OK] 移动端：列表面板已隐藏，预览模式激活

============================================================
Step 6: 验证返回按钮
============================================================
查找移动端返回列表按钮...
[OK] 找到移动端返回按钮: '返回列表'
点击返回列表按钮
截图保存: D:\Idea Project\publish\agent_test\screenshots\04_back_to_list.png

============================================================
Step 7: 验证返回列表视图
============================================================
返回后页面内容长度: 148
[OK] 回到了报告列表视图

============================================================
Step 8: 截图对比分析
============================================================
图片对比: 03_preview_mode.png vs 04_back_to_list.png
  - 哈希值: 21adf0b2... vs 417cd742...
  - 相同: False
[OK] 预览视图与列表视图存在明显差异（切换正常）
最终截图保存: D:\Idea Project\publish\agent_test\screenshots\mobile-responsive-test.png