爱与战争：从战场到家庭生活。普利策奖得主、战地摄影师林赛·阿达里奥分享塑造她职业生涯的五个故事。
这段CSS代码定义了"Guardian Headline Full"字体家族，包含多种字重和样式：细体(300)、常规(400)、中等(500)和半粗体(600)，每种字重均提供正体和斜体版本。字体文件以WOFF2、WOFF和TrueType格式从《卫报》网络资源加载。 该CSS代码为《卫报》网站定义了多个字体家族，指定了不同字重样式及对应文件格式（WOFF2/WOFF/TTF），同时包含响应式设计的媒体查询，可根据脚本状态、用户动态偏好和屏幕尺寸调整样式。此外还设置了色彩变量、交互元素布局属性，以及演职员信息卡和电影宣传组件等特定样式，确保跨设备视觉一致性。 演职员信息卡内的文本元素采用特定字体和尺寸。其中的链接与段落以行内块形式显示，使用24px衬线字体、粗体字重、115%行高、20px底边距，最大宽度适应内容。段落文本设为小写字母且字间距正常。 信息卡内的标题采用绝对定位居中显示，使用14px无衬线字体、全大写字母及2px字间距。其他段落使用相同无衬线字体与尺寸，部分段落采用大写样式和特定字间距。 信息卡内链接继承衬线字体、尺寸、字重、行高、边距和最大宽度属性，悬停时显示白色无下划线。末个链接无底边距。卡片容器采用绝对定位居中，通过弹性盒模型垂直对齐项目。 信息卡内iframe宽度为视口85%，保持16:9宽高比，最大宽度680px，底边距12px。 交互式图库包装器设置最小高度为视口高度，深色背景居中显示，在大屏幕下调整负边距。当包含固定元素时对齐方式重置。 图库本身宽度基于视口，最大宽度随屏幕尺寸变化，居中定位显示白色文本，采用弹性布局且最大高度为视口60%，隐藏溢出内容并添加圆角边框。底部包含渐变遮罩层并禁用链接指针事件。图形和标题经过性能优化。 图库内部容器采用相对定位并调整宽度。固定模式下覆盖整个视口，黑色背景固定定位，启用滚动且无边框圆角。固定模式内文本元素具有特定内边距、最大宽度和颜色设置，图形缩放至全尺寸并调整边距与透明度。固定模式下图片最大宽度980px且居中显示。 该CSS代码定义了交互式图库样式，确保图片视频通过响应式设计正确显示。标题与说明文字采用特定字体、尺寸和色彩保持一致性。图库包含交互功能如叠加层开关按钮，悬停效果增强用户体验。视频设置为完全覆盖容器，说明文字样式清晰易读。布局针对移动端和桌面端优化，保持简洁动人的呈现效果。 CSS代码定义了全屏交互式页头样式，包含视频背景和文字叠加层。元素定位覆盖整个视口，隐藏特定组件，针对不同屏幕尺寸调整边距与内边距。页头文字以半透明背景居中底部显示，使用特定字体和尺寸（大屏幕下变化）。标题包含"专访"标签，分段设置并调整边距实现视觉对齐。 主交互栏标题的第二部分字体尺寸17px、行高125%、无内边距、常规字重、最大宽度280px且居中显示。在宽于46.25em的屏幕上字体增至20px，最大宽度335px。该部分内人名以斜体显示。 引言段无内边距，段落文字为白色。元信息段无最大宽度，社交链接和按钮悬停时变为黑色无下划线，图标同步变黑。评论功能隐藏，作者链接无边框。 应用渲染中，页头包装器高度设为完整视口高度。视频封面卡绝对定位覆盖全区域，半透明黑色背景配合弹性布局分配内容。海报视频亮度调至50%。封面内容居中显示，描述文字具有上下边距，最大宽度80%（宽屏下400px）。文本使用特定无衬线字体，全大写带字间距的白色文字，标题为常规字重。主标题居中白色显示。 视频控件包含居中圆形边框播放按钮，白色文字与图标，悬停时变为深色文字。快拍视频包装器相对定位。 当屏幕宽度至少740px时，视频包装器无侧边距。内部视频容器以半秒时长平滑淡入淡出。应用显示中，页头和视频包装器均设为全屏高度，适配网页与iOS视图。 页面导航圆点组固定于右侧垂直居中，以列布局排列并保持小间距。圆点平滑显现且置于其他内容上方。宽屏下位置调整以保持与内容中心对齐。每个圆点为小尺寸圆角矩形，悬停或激活时变色。 导航箭头固定于右下角但仅在大屏幕显示。样式设为圆角按钮配合模糊深色背景，悬停时改变外观。其位置随屏幕宽度移动以保持居中。 图库和视频控件的交互按钮悬停时颜色变浅，文字与图标转为深色。 演职员表： 专访与摄影：大卫·莱文 多媒体编辑：劳伦斯·托帕姆 设计与开发：哈里·费舍尔与皮普·莱夫 图片编辑：马特·菲德勒 摄影总监：菲奥娜·希尔兹 《爱与战争》将于2025年11月7日起在Disney+和国家地理频道播出。 2003-2004年伊拉克内容： 反思："我当时如此年轻天真"...
