【演示】一份较长标题的学习资料：围绕文档整理、片段拆分、检索结果核对、来源引用与复习记录展开，观察不同屏幕宽度下的自动换行和右侧主内容区域如何适配这份资料使用较长的标题、摘要和多个标签，便于观察列表模式、卡片模式以及窄屏模式中的信息间隔。摘要需要随容器宽度自然换行，标题不能覆盖来源标识，评分与浏览信息也不应挤到标签文字中。宽屏时，右侧主内容应利用可用空间；窄屏时，分类导航和筛选项应自然重新排列。继续增加一段用于观察高度变化的说明：不同资料的信息量可以不同，页面不应通过固定行高裁掉内容，也不应通过固定内容总宽度让宽屏产生过多空白。所有内容均为 AI 生成的页面演示材料。