保罗·麦卡特尼找我要签名!”苏·波拉德谈《Hi-de-Hi!》和她那些不可思议的名人邂逅。

保罗·麦卡特尼找我要签名!”苏·波拉德谈《Hi-de-Hi!》和她那些不可思议的名人邂逅。
这是一段CSS代码块,用于在网站上定义“Guardian Headline Full”字体家族。它包含多个font-face规则,每个规则指定字体的不同字重(细体、常规、中粗、半粗)和样式(正常或斜体)。对于每种变体,代码提供了不同格式(WOFF2、WOFF和TTF)的字体文件,以确保在各种浏览器中的兼容性。字体文件托管在Guardian的资产服务器上。这段文本看起来是CSS代码,而非自然语言散文。它定义了网页的字体样式和布局规则。由于是技术代码,将其改写为流畅的英语并不适用。如果您想分享的是其他文本,请提供,我将很乐意提供帮助。left: -11px。 交互式文章的主要内容栏在嵌入元素周围没有边距或内边距,顶部和底部有12px的内边距。当段落后面跟着嵌入元素时,内边距被移除,替换为两侧12px的外边距。内联元素的最大宽度限制为620px。在宽度超过61.25em的屏幕上,标记为内联的图形也被限制在620px以内。 对于包含循环视频的媒体部分,说明文字以z-index为6叠加在上方,循环按钮位于右下角,底部边距40px,右边距3px。静音和取消静音按钮右对齐,并带有额外的左内边距。说明文字按钮具有较高的z-index,在较大的屏幕上,它距离底部20px。对于宽度超过46.25em的屏幕上的动态照片视频,高度限制被移除。 在正文部分,自托管视频以块形式显示,最大宽度为620px,边距为12px。循环视频及其视频元素填满整个宽度,保持宽高比,并居中显示。如果循环视频设置为沉浸模式,它会扩展到全宽,没有边距。在宽度超过71.25em的屏幕上,沉浸式视频拉伸到1140px宽,并向左移动180px,说明文字缩进20px。在宽度超过81.25em的屏幕上,它们增长到1300px,并向左移动260px。 设计使用CSS变量定义颜色:日期线为深灰色,标题边框为浅灰色,说明文字为中灰色,带有半透明的深色背景,特色颜色为深红色。主支柱颜色默认为特色颜色。副标题、引文和块引用使用次要支柱颜色,该颜色在深色模式下会适应不同的色调。 交互式内容列在嵌入元素周围没有内边距。当嵌入元素紧跟在另一个元素或水平线之后时,后面的段落不会获得额外的顶部边距。这适用于各种容器类型,包括主要文章正文和交互式部分。这是一个技术性的CSS选择器列表,因此将其改写为“流畅、自然的英语”并不直接。但是,我可以简化并用简单的英语解释其意图: --- 这些CSS规则适用于在特定内容部分中紧跟某些元素(如交互式小部件、登录提示或水平线)之后的段落。第一条规则为这些段落添加额外的顶部内边距(14px)。第二条规则为这些段落的第一个字母应用首字下沉效果。 --- 如果您想重写CSS本身以提高清晰度,这里有一个精简版本: ```css / 在特定元素之后的段落上方添加间距 / .element-atom:first-of-type + p:first-of-type, .sign-in-gate + p:first-of-type, #sign-in-gate + p:first-of-type, .element-atom + p:first-of-type, hr:not(.last-horizontal-rule) + p, hr:not(.last-horizontal-rule) + .ad-slot-container + p { padding-top: 14px; } / 为这些段落的第一个字母应用首字下沉 / .content__main-column--interactive .element-atom:first-of-type + p:first-of-type::first-letter, .content__main-column--interactive .sign-in-gate + p:first-of-type::first-letter, .content__main-column--interactive #sign-in-gate + p:first-of-type::first-letter, .content__main-column--interactive .element-atom + p:first-of-type::first-letter, .content__main-column--interactive hr:not(.last-horizontal-rule) + p::first-letter, .content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter, #article-body > div .element-atom:first-of-type + p:first-of-type::first-letter, #article-body > div .sign-in-gate + p:first-of-type::first-letter, #article-body > div #sign-in-gate + p:first-of-type::first-letter, #article-body > div .element-atom + p:first-of-type::first-letter, #article-body > div hr:not(.last-horizontal-rule) + p::first-letter, #article-body > div hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter, .content--interactive > div .element-atom:first-of-type + p:first-of-type::first-letter, .content--interactive > div .sign-in-gate + p:first-of-type::first-letter, .content--interactive > div #sign-in-gate + p:first-of-type::first-letter, .content--interactive > div .element-atom + p:first-of-type::first-letter, .content--interactive > div hr:not(.last-horizontal-rule) + p::first-letter, .content--interactive > div hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter, #comment-body .element-atom:first-of-type + p:first-of-type::first-letter, #comment-body .sign-in-gate + p:first-of-type::first-letter, #comment-body #sign-in-gate + p:first-of-type::first-letter, #comment-body .element-atom + p:first-of-type::first-letter, #comment-body hr:not(.last-horizontal-rule) + p::first-letter, #comment-body hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter, [data-gu-name="body"] .element-atom:first-of-type + p:first-of-type::first-letter, [data-gu-name="body"] .sign-in-gate + p:first-of-type::first-letter, [data-gu-name="body"] #sign-in-gate + p:first-of-type::first-letter, [data-gu-name="body"] .element-atom + p:first-of-type::first-letter, [data-gu-name="body"] hr:not(.last-horizontal-rule) + p::first-letter, [data-gu-name="body"] hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter { / 首字下沉样式在此处 / } ``` --- 如果您指的是其他内容,请澄清,我会相应调整。以下是改写为流畅、自然英语的文本: --- 这些CSS规则对页面特定部分中某些元素(如水平线或广告容器)之后的第一个段落的第一个字母应用特殊样式。这个首字母被样式化为一个大型、粗体、大写的首字下沉,使用Guardian标题字体,大小为111px,行高为92px。它向左浮动,右侧有边距,并使用自定义属性定义的颜色(回退到支柱颜色)。 对于水平线(带或不带广告容器)之后的段落,顶部内边距被移除。 主要内容区域中的拉引文(突出显示的引文)被限制为最大宽度620px。 对于展示图片(大型特色图片),说明文字采用静态定位,并占据全宽,最大宽度为620px。在较宽的屏幕上(超过71.25em),说明文字变为绝对定位,最大宽度为140px,在更宽的屏幕上(超过81.25em),最大宽度增加到220px。 沉浸式元素(全宽图片或视频)跨越整个视口宽度,考虑滚动条宽度。在较小的屏幕上(低于71.24em),它们被限制在978px,说明文字获得水平内边距(非常小的屏幕上为10px,稍大的屏幕上为20px)。在46.25em到61.24em之间,最大宽度为738px。在非常小的屏幕上(低于46.24em),元素被拉到左边缘,带有负边距,说明文字的内边距相应调整。 在较大的屏幕上(超过71.25em),正文中的展示图形向左移动,负边距为160px,在更大的屏幕上(超过81.25em),这增加到240px。 家具包装器(某些布局元素的容器)采用相对定位,在宽度超过61.25em的屏幕上,应用额外的样式(尽管规则在此处被截断)。.furniture-wrapper { display: grid; grid-column-gap: 20px; grid-row-gap: 0px; grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end]; } .furniture-wrapper #headline > div:first-child, .furniture-wrapper [data-gu-name="headline"] > div:first-child, .furniture-wrapper .headline > div:first-child { border-top: 1px solid var(--headerBorder); } .furniture-wrapper #meta, .furniture-wrapper [data-gu-name="meta"] { position: relative; padding-top: 2px; margin-right: 0; } .furniture-wrapper .standfirst .content__standfirst, .furniture-wrapper #standfirst .content__standfirst, .furniture-wrapper [data-gu-name="standfirst"] .content__standfirst { margin-bottom: 4px; } .furniture-wrapper .standfirst ul li, .furniture-wrapper #standfirst ul li, .furniture-wrapper [data-gu-name="standfirst"] ul li { font-size: 20px; } .furniture-wrapper .standfirst li a, .furniture-wrapper .standfirst a, .furniture-wrapper #standfirst li a, .furniture-wrapper #standfirst a, .furniture-wrapper [data-gu-name="standfirst"] li a, .furniture-wrapper [data-gu-name="standfirst"] a { border-bottom: none; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); text-decoration-thickness: 1px; } .furniture-wrapper .standfirst li a:hover, .furniture-wrapper .standfirst a:hover, .furniture-wrapper #standfirst li a:hover, .furniture-wrapper #standfirst a:hover, .furniture-wrapper [data-gu-name="standfirst"] li a:hover, .furniture-wrapper [data-gu-name="standfirst"] a:hover { text-decoration-color: var(--new-pillar-colour); } .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: 1px solid var(--headerBorder); padding-bottom: 0; } @media (min-width: 61.25em) and (min-width: 71.25em) { .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: unset; } } @media (min-width: 61.25em) { .furniture-wrapper figure { margin: 0 0 0 -10px; } .furniture-wrapper figure[data-spacefinder-role="inline"].element { max-width: 630px; } } @media (min-width: 71.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { content: ""; width: 540px; position: absolute; top: 0; background-color: var(--headerBorder); height: 1px; } .furniture-wrapper .standfirst p, .furniture-wrapper #standfirst p, .furniture-wrapper [data-gu-name="standfirst"] p { border-top: unset; } .furniture-wrapper .standfirst:before, .furniture-wrapper #standfirst:before, .furniture-wrapper [data-gu-name="standfirst"]:before { content: ""; width: 1px; background-color: var(--headerBorder); height: 100%; position: absolute; top: 0; left: 0.5px; } } @media (min-width: 81.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { width: 620px; } .furniture-wrapper .standfirst:before, .furniture-wrapper #standfirst:before, .furniture-wrapper [data-gu-name="standfirst"]:before { left: -0.5px; } } .furniture-wrapper .article-header .content__labels > div, .furniture-wrapper [data-gu-name="title"].content__labels > div { padding-top: 2px; } .furniture-wrapper #headline h1, .furniture-wrapper [data-gu-name="headline"] h1, .furniture-wrapper .headline h1 { font-weight: 600; max-width: 620px; font-size: 32px; } @media (min-width: 71.25em) { .furniture-wrapper #headline h1, .furniture-wrapper [data-gu-name="headline"] h1, .furniture-wrapper .headline h1 { max-width: 540px; font-size: 50px; } } @media (min-width: 46.25em) { .furniture-wrapper .keyline-4, .furniture-wrapper [data-gu-name="lines"] { margin-right: 0; } } @media (min-width: 61.25em) { .furniture-wrapper .keyline-4, .furniture-wrapper [data-gu-name="lines"] { display: none; } } .furniture-wrapper .keyline-4 svg, .furniture-wrapper [data-gu-name="lines"] svg { stroke: var(--headerBorder); } @media (min-width: 46.25em) { .furniture-wrapper #meta, .furniture-wrapper [data-gu-name="meta"] { margin-right: 0; } } .furniture-wrapper #meta .meta__social, .furniture-wrapper #meta .meta__social ul li a span, .furniture-wrapper #meta .meta__comment, .furniture-wrapper [data-gu-name="meta"] .meta__social, .furniture-wrapper [data-gu-name="meta"] .meta__social ul li a span, .furniture-wrapper [data-gu-name="meta"] .meta__comment { border-color: var(--headerBorder); } .furniture-wrapper #meta .content__meta-container_dcr > div > gu-island, .furniture-wrapper [data-gu-name="meta"] .content__meta-container_dcr > div > gu-island { display: none; } .furniture-wrapper .standfirst, .furniture-wrapper #standfirst, .furniture-wrapper [data-gu-name="standfirst"] { margin-left: -10px; padding-left: 10px; position: relative; } @media (min-width: 46.25em) { .furniture-wrapper .standfirst, .furniture-wrapper #standfirst, .furniture-wrapper [data-gu-name="standfirst"] { padding-top: 2px; } } .furniture-wrapper .standfirst p, .furniture-wrapper #standfirst p, .furniture-wrapper [data-gu-name="standfirst"] p { font-weight: 400; font-size: 20px; padding-bottom: 14px; } .furniture-wrapper #main-media, .furniture-wrapper [data-gu-name="media"] { position: relative; margin-top: 0; margin-bottom: 2px; grid-area: portrait; } .furniture-wrapper #main-media div div, .furniture-wrapper [data-gu-name="media"] div div { width: 100%; margin-inline: 0; } @media (min-width: 61.25em) { .furniture-wrapper #main-media, .furniture-wrapper [data-gu-name="media"] { margin-bottom: 0; } } @media (max-width: 46.24em) { .furniture-wrapper #main-media, .furniture-wrapper [data-gu-name="media"] { width: calc(100vw - var(--scrollbar-width, 0px)); margin-left: -10px; } } @media (max-width: 46.24em) and (min-width: 30em) { .furniture-wrapper #main-media, .furniture-wrapper [data-gu-name="media"] { margin-left: -20px; } } .furniture-wrapper figcaption { position: absolute; bottom: 0; padding: 4px 10px 12px; background-color: var(--captionBackground); color: var(--captionText); max-width: unset; margin-bottom: 0; min-height: 46px; } .furniture-wrapper figcaption span { color: var(--headerBorder); } .furniture-wrapper figcaption span svg { fill: var(--headerBorder); } .furniture-wrapper figcaption span:nth-of-type(1) { display: none; } .furniture-wrapper figcaption span:nth-of-type(2) { display: inline; max-width: 90%; } @media (min-width: 30em) { .furniture-wrapper figcaption { padding: 4px 20px 12px; } } .furniture-wrapper figcaption.hidden { opacity: 0; } .furniture-wrapper #caption-button { display: block; position: absolute; bottom: 10px; right: 8px; z-index: 30; background-color: var(--captionBackground); border: none; border-radius: 50%; padding: 6px 5px 5px; } .furniture-wrapper #caption-button svg { transform: scale(0.85); } @media (min-width: 30em) { .furniture-wrapper #caption-button { right: 10px; } } @media (min-width: 71.25em) { .content__main-column--interactive:before { top: -12px !important; height: calc(100% + 24px) !important; } } .content__main-column--interactive h2 { max-width: 620px; } :root { --new-pillar-colour: var(--darkmode-pillar, var(--darkModeFeature)) !important; --headerBorderColor: #606060; --darkModeFeature: #ff5943; } nav + section { display: none; } nav + aside { display: none; } aside + section { display: none; } .furniture-wrapper { background-color: var(--darkBackground); margin: 0 -10px; padding: 0 10px 4px; } @media (min-width: 30em) { .furniture-wrapper { margin: 0 -20px; padding: 0 20px 8px; } } @media (min-width: 61.25em) { .furniture-wrapper { padding: 0 20px; } } @media (min-width: 81.25em) { .furniture-wrapper:before { content: ""; width: calc((100vw - 1298px) / 2); height: 100%; } }eight:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfirst li a:hover,.furniture-wrapper [data-gu-name=standfirst] a:hover,.furniture-wrapper [data-gu-name=standfirst] li a:hover{border-bottom:none;text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{color:#dcdcdc}@media (min-width: 61.25em){.furniture-wrapper .standfirst p:first-of-type,.furniture-wrapper #standfirst p:first-of-type,.furniture-wrapper [data-gu-name=standfirst] p:first-of-type{bo我无法重写这段文本,因为它看起来是CSS代码,而非自然语言散文。您能否提供一段书面英语供我改写?以下是改写为流畅、自然英语的文本: 这是一组“Guardian Headline Full”字体家族的font-face规则。每条规则定义了字体的不同样式或字重,指向相同的一组文件,以不同格式(WOFF2、WOFF和TTF)提供,以确保跨浏览器兼容性。样式包括常规、斜体、中粗、中粗斜体、半粗、半粗斜体、粗体、粗体斜体和黑色。字体文件托管在Guardian的资产服务器上。这段文本看起来是CSS代码,而非自然语言。它定义了网站的字体样式和布局规则,很可能是Guardian的。由于是技术代码,将其改写为“流畅、自然的英语”并不适用。但是,我可以提供代码功能的简单英语摘要: --- 这段代码设置了自定义字体,并调整了移动设备(iOS和Android)的布局。它定义了三种字体类型:“Guardian Headline Full”的常规、粗体和斜体样式,以及“Guardian Titlepiece”的粗体样式。它还设置了深色模式的配色方案,使用红色作为主要强调色。对于移动文章,它隐藏了标题,调整了间距,并确保某些段落的第一个字母使用特定颜色。代码针对特定的文章容器,并仅在移动平台上应用这些样式。对于iOS和Android设备,文章容器的家具包装器内的标签使用粗体文本样式,使用Guardian标题字体家族,并根据支柱颜色着色,文本大写。 在iOS和Android上,家具包装器中的主标题设置为32像素,粗体,底部有12像素的内边距,颜色为深色(接近黑色)。 在两个平台上,家具包装器中的图像采用相对定位,顶部边距为14像素,左边距为负10像素。图像宽度跨越整个视口宽度(考虑任何滚动条),高度自动调整。图像本身及其内部容器和链接具有透明背景,并保持相同的全宽尺寸和自动高度。 两个平台上家具包装器中的引导段(介绍性文本)顶部有4像素的内边距,底部有24像素的内边距,右边距为负10像素。引导段内的段落相应样式化。.ment-article-container .furniture-wrapper .standfirst__inner p { font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif; } body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a, body.ios #feature-article-container .furniture-wrapper .standfirst__inner a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner a, body.android #feature-article-container .furniture-wrapper .standfirst__inner li a, body.android #feature-article-container .furniture-wrapper .standfirst__inner a, body.android #standard-article-container .furniture-wrapper .standfirst__inner li a, body.android #standard-article-container .furniture-wrapper .standfirst__inner a, body.android #comment-article-container .furniture-wrapper .standfirst__inner li a, body.android #comment-article-container .furniture-wrapper .standfirst__inner a { color: var(--new-pillar-colour) !important; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); border-bottom: none; } body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover, body.ios #feature-article-container .furniture-wrapper .standfirst__inner a:hover, body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a:hover, body.ios #standard-article-container .furniture-wrapper .standfirst__inner a:hover, body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a:hover, body.ios #comment-article-container .furniture-wrapper .standfirst__inner a:hover, body.android #feature-article-container .furniture-wrapper .standfirst__inner li a:hover, body.android #feature-article-container .furniture-wrapper .standfirst__inner a:hover, body.android #standard-article-container .furniture-wrapper .standfirst__inner li a:hover, body.android #standard-article-container .furniture-wrapper .standfirst__inner a:hover, body.android #comment-article-container .furniture-wrapper .standfirst__inner li a:hover, body.android #comment-article-container .furniture-wrapper .standfirst__inner a:hover { text-decoration-color: var(--new-pillar-colour); } body.ios #feature-article-container .furniture-wrapper .meta, body.ios #standard-article-container .furniture-wrapper .meta, body.ios #comment-article-container .furniture-wrapper .meta, body.android #feature-article-container .furniture-wrapper .meta, body.android #standard-article-container .furniture-wrapper .meta, body.android #comment-article-container .furniture-wrapper .meta { margin: 0; } body.ios #feature-article-container .furniture-wrapper .meta .byline, body.ios #feature-article-container .furniture-wrapper .meta .byline__author, body.ios #feature-article-container .furniture-wrapper .meta span.byline__author a, body.ios #feature-article-container .furniture-wrapper .meta .meta__byline span, body.ios #standard-article-container .furniture-wrapper .meta .byline, body.ios #standard-article-container .furniture-wrapper .meta .byline__author, body.ios #standard-article-container .furniture-wrapper .meta span.byline__author a, body.ios #standard-article-container .furniture-wrapper .meta .meta__byline span, body.ios #comment-article-container .furniture-wrapper .meta .byline, body.ios #comment-article-container .furniture-wrapper .meta .byline__author, body.ios #comment-article-container .furniture-wrapper .meta span.byline__author a, body.ios #comment-article-container .furniture-wrapper .meta .meta__byline span, body.android #feature-article-container .furniture-wrapper .meta .byline, body.android #feature-article-container .furniture-wrapper .meta .byline__author, body.android #feature-article-container .furniture-wrapper .meta span.byline__author a, body.android #feature-article-container .furniture-wrapper .meta .meta__byline span, body.android #standard-article-container .furniture-wrapper .meta .byline, body.android #standard-article-container .furniture-wrapper .meta .byline__author, body.android #standard-article-container .furniture-wrapper .meta span.byline__author a, body.android #standard-article-container .furniture-wrapper .meta .meta__byline span, body.android #comment-article-container .furniture-wrapper .meta .byline, body.android #comment-article-container .furniture-wrapper .meta .byline__author, body.android #comment-article-container .furniture-wrapper .meta span.byline__author a, body.android #comment-article-container .furniture-wrapper .meta .meta__byline span { / 此处未定义具体样式;为保持一致性而保留 / }在Android上,文章和评论部分的署名和作者链接使用新的支柱颜色。在iOS上,同样适用。 对于iOS和Android,文章底部的元信息部分没有额外的内边距。该部分中的任何图标使用新的支柱颜色作为其描边颜色。 在两个平台上,展示图片中的说明文字按钮居中,有5px的内边距,尺寸为28x28像素,距离右边缘14px。 文章正文在iOS和Android上两侧都有12px的内边距。 文章正文中的图像(不包括缩略图和沉浸式图像)没有边距,其宽度计算为整个视口宽度减去24px和任何滚动条宽度。其高度自动调整。这些图像的说明文字遵循相同的布局规则。对于非沉浸式元素,说明文字的内边距被移除。 在iOS和Android设备上,文章正文中的沉浸式图像应占据屏幕的整个宽度,考虑任何滚动条宽度。 在iOS和Android上,文章正文中的引用块引用,引号颜色应与支柱颜色匹配。 在iOS和Android上,文章正文文本中的链接应加下划线,下划线偏移6像素,下划线颜色应与标题边框匹配。当悬停在这些链接上时,下划线颜色变为支柱颜色。 在深色模式下,家具包装器(包含文章标题的区域)应具有深色背景。此包装器内的标签、标题和引导段文本应酌情使用支柱颜色或标题边框颜色。标题不应有自己的背景颜色。这段文本看起来是一块CSS代码,而非自然语言。它包含针对网站(可能与Guardian的文章页面相关)的选择器和样式规则,针对iOS和Android设备上的特定元素。由于是技术代码,将其改写为“流畅、自然的英语”并不适用——它不是用来作为散文阅读的。如果您想提供不同的文本进行改写,请分享,我会提供帮助。这是一块CSS代码,不是要用自然英语重写的文本。它包含网页的选择器和样式规则。如果您愿意,我可以用简单的英语解释它的作用,或者您可以提供不同的文本进行改写。这段文本看起来是一个CSS选择器列表,而非自然语言段落。它由针对网页上特定元素的技术代码组成。由于它不是用来作为散文阅读的,我无法在不改变其含义或目的的情况下将其改写为流畅的英语。 如果您想提供不同的文本进行改写,请分享,我将很乐意提供帮助。这是一块CSS代码,不是要用自然英语重写的文本。它包含针对网站(可能与Guardian的文章页面相关)的选择器和样式规则,针对iOS和Android设备上的特定元素。 如果您想让我总结或解释这段CSS的作用,这里有一个简单的英语分解: - 它将某些元素(如“atom”或“sign-in gate”)之后的特定段落的