标题按钮设计为圆形元素,高宽均为40像素,定位在屏幕右下角并保留10像素边距。采用半透明深色背景和高层级z-index以确保始终悬浮于其他内容之上。针对不同屏幕尺寸,其右侧位置会根据内容宽度动态调整以实现居中效果,并自动计算滚动条宽度的影响。
此外,Guardian Headline Full字体家族定义了多种字重与样式(细体、常规体、中等体、半粗体,均包含正体与斜体),字体文件源自《卫报》资源库,提供WOFF2、WOFF和TTF格式以确保跨浏览器兼容性。以下为字体定义代码块:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
(此处保留所有@font-face规则块原文)
```
.Scrolly-header.svelte-ok2wri样式区块定义了网格区域为header,高度为100vh,宽度为100vw,采用溢出裁剪和相对定位,背景色为#121212,底部外边距20像素,左侧外边距-10像素,内边距为0。通过媒体查询,在30em、46.25em、61.25em、71.25em及81.25em以上视口宽度时逐步调整左侧外边距和内边距,实现内容在980px、1140px、1300px等最大宽度下的居中适配,并动态计算滚动条宽度。
Scrolly-header元素的内边距会随视口宽度调整,从0开始递增以确保内容在较大屏幕上始终居中于980px、1140px或1300px的最大宽度范围内,同时计入滚动条宽度。
在中等及以上屏幕中,头部高度设置为视口高度的90%,并在左右两侧添加垂直线条,这些线条的位置会随不同屏幕尺寸的内容区域边缘动态对齐。
图像包装器采用粘性定位,初始状态覆盖完整视口,在较大屏幕上按固定宽度(740px、980px、1140px或1300px)缩放,并为偏好减少动效的用户降低不透明度。
包装器内的图像默认轻微放大并居中背景,若用户偏好减少动效则取消缩放,其宽度会进行响应式调整。
文本容器采用绝对定位,撑满整个视口高度,内容居中显示且内边距与头部布局保持响应式同步。在中等及以上屏幕中,其高度调整为视口高度的90%。
当屏幕宽度超过71.25em时,Scrolly-header内的文本容器会调整内边距,使内容在800px最大宽度内居中,并计入滚动条宽度。
头部文本包装器初始为透明状态,宽度撑满视口,内容居中且底部内边距80像素。初始状态下隐藏并下移30%,在0.5秒内完成淡入和上移动画。若用户偏好减少动效,则直接显示无动画。
在中等屏幕(46.25em及以上)中,包装器宽度变为740px;在更大屏幕(61.25em及以上)中收窄至640px。
标题与摘要文本均使用特定字体家族,白色字体配合阴影增强可读性,采用平衡文本换行。同时添加模糊深色背景效果以增强对比。标题字体更大更粗,摘要文本较细且位于标题下方,保留顶部边距。
在中等屏幕尺寸下,文本尺寸增大且边距调整以优化布局。更大屏幕上边距略微缩减。
动效触发时,图像包装器不透明度增加,文本包装器完全显现并居中。在iOS和Android设备上,头部左对齐且无外边距。
Guardian Headline Full字体定义了细体、细斜体和常规体字重,字体文件源自特定URL的woff2、woff及ttf格式。
《卫报》网站使用定制字体"Guardian Headline Full"显示标题,该字体包含常规体、斜体、中等体、半粗体、粗体及超粗体等多种样式,每种样式均提供WOFF2、WOFF和TrueType格式以确保跨浏览器兼容性。
(此处保留所有@font-face规则块及媒体查询代码原文)
.content__main-column--interactive相关样式定义了交互式内容列在不同屏幕尺寸下的布局规则:
- 在71.25em以上宽度时左侧外边距160px
- 81.25em以上时增至240px
- 原子元素最大宽度620px
- 46.24em以下宽度时原子元素撑满100%宽度
- 展示元素在46.25em以上时最大宽度620px,71.25em以上时860px
- 沉浸式元素在46.25em以下时横向撑满视口并居中,46.25em以上时进行位移变换,71.25em以上时恢复默认定位
- 段落与列表最大宽度620px
- 71.25em以上时左侧添加#dcdcdc分隔线
- 原子元素间距与内边距调整
- 启用脚本时的透明度过渡效果
- 导航栏相邻元素的隐藏规则
- 主内容区上边距归零
- 46.25em以上时显示参考线元素
.content--interactive-grid布局定义了网格区域与行模板,隐藏摘要部分及其相关组件。文章标题、主媒体元素设置z-index:10且高度自适应,内部链接设为白色带阴影,大屏幕悬停无修饰,隐藏标签元素。主媒体元素在不同屏幕尺寸下进行对齐方式、外边距和宽度调整,大屏幕显示为末端对齐的弹性容器。
图片说明采用深色背景,定位于底部上方,设置固定尺寸和内边距。隐藏类时不可见,内部span元素设为灰色文本且无SVG图标。元信息和参考线在大屏幕上绝对定位于左侧,设置特定宽度和顶部偏移。
摘要链接设置特定字体家族、尺寸和字重,大屏幕时调整内边距。对特定图形元素后的首段首字母应用大型大写首字样式,但排除强调标签及后续段落。
此CSS代码定义了响应式网页布局样式,特别针对交互式网格内容与沉浸式元素,包含首字下沉、元素高度边距调整、图片说明与媒体适配等规则。同时指定iOS与Android设备样式:隐藏特定元素、自定义说明容器背景色与字体、控制移动端文章标题与导语显示。媒体查询确保不同视口宽度下的适配。
针对iOS与Android设备:
- 文章/专题/评论头部的主媒体元素高度归零且说明不显示
- 正文内特定原子元素及相邻图形隐藏边距与内边距,内部内容与说明不可见
- 图片后强调段落的首字母应用大型大写首字样式
- 摘要链接移除列表标记,设置定制字体、粗体与红色,深色模式变色
- 图形后强调段落内的链接设为红色无下划线
此文本内容为网页样式代码,主要针对《卫报》等出版物的视觉设计,定义了字体样式、色彩及多设备布局调整,包含深色模式链接色与图形后段落的自定义首字下沉效果。同时指定"Guardian Headline Full"字体家族多种字重与样式的定制字体文件。
此文本定义了Guardian Headline Full与Guardian Titlepiece字体的源文件及属性,同时包含头部元素的特定样式规则。
此CSS代码定义了可滚动头部组件的深色背景样式,在30em至81.25em视口宽度范围内逐步调整头部外边距、内边距与尺寸。图像包装器固定于视口顶部,图像默认轻微放大居中,偏好减少动效时取消缩放并降低包装器不透明度。中等及以上屏幕在头部两侧添加垂直线条,图像包装器宽度随视口增大逐步扩展。
当视口宽度超过81.25em时,Scrolly-header内的图像调整为1300px宽。
文本容器绝对定位于左上角,撑满视口高度且最小高度410px,置于顶层。其水平内边距随屏幕尺寸变化,使内容在740px至1300px指定宽度内居中,并计入滚动条宽度。中等及以上屏幕容器高度降至视口90%。
容器内文本居中显示,初始隐藏并下移,滚动时淡入上移。偏好减少动效时立即显示无动画。文本宽度从满屏逐步适配为固定宽度(740px或640px),保留底部间距。标题与摘要使用特定字体家族,白色带阴影提升可读性,配模糊深色背景增强对比。中等屏幕字体尺寸与边距增大,标题粗体而摘要较细。
动效触发时图像略微变暗并放大,文本完全显现并复位。iOS与Android设备头部左对齐边缘。
说明按钮在小屏幕上显示为右下角深色圆形,较宽屏幕上调整位置始终居于内容区内,根据内容宽度减去滚动条后居中。
(此处保留媒体查询代码块原文)
全屏查看图片
Hidden九月活动宝丽来合集。插画:Guardian Design/照片由Stella Barey提供
Stella Barey有一小时午休时间。下午1:30,她把三只比利时马利诺犬装上皮卡,驱车前往洛杉矶僻静的徒步小径。她快速吃完木薯布丁换上运动鞋,确认四周无人后褪下棕色运动裤,将臀部对准镜头。接着褪去内裤,岩石上方可见修剪整齐的阴毛,她在小径上小便。每行走一英里就录制新视频:快速闪露、臀部裸露或手指插入。
当Barey在2020年决定全职从事色情行业时,没想到28岁的自己会大部分时间伏案工作——并非愉悦方式——而是制作流程图、安排Zoom会议、发送宣传稿。"我最快乐的是制作视频,比如把草莓塞进屁股再推出来,"她说,"现在整天都在通话,得了科技颈。"这位以洋娃娃般大眼噘嘴闻名的"肛交公主"愿意尝试任何新鲜事物——包括"科技创始人"头衔。
Barey旨在通过Hidden颠覆色情行业,这个旨在减轻创作者倦怠、重拾成人内容制作与观看乐趣的网站。与OnlyFans不同,Hidden允许她发布每日午休徒步时的公开暴露与小便视频。
"你不能整天制作内容又在社交媒体推广,这不可持续,"Barey表示。
Hidden诞生于色情行业充满不确定性的时期,尤其对Z世代而言。他们既对色情内容持怀疑态度,又成长于其包围之中,如今更多人开始自制内容。该平台体现了Barey一代的DIY精神,并回应他们对科技巨头、性工作和网络谋生的复杂感受。"最终Hidden不止是色情,"Barey解释,"这是政治宣言"——也是当今少数由性工作者创立并托管成人内容的性科技公司之一。
在圣胡安出生、由妇科医生母亲抚养长大的Barey始终对身体充满好奇。在纽约大学,她自创了伦理医疗系统与政策专业,随后在加州大学洛杉矶分校完成妇科医学预科要求。在那里,她被洛杉矶成人圈吸引:性爱派对、行业活动、与色情表演者的深夜友谊。首次新冠封锁期间,困在公寓被课业压垮的她开始与当时男友尝试肛交,并在TikTok故事中坦诚分享。"那时TikTok像是互联网的隐秘角落,"她回忆道。
她的第三条视频爆红。评论区男性索要OnlyFans,女性想要更多故事。到2021年,Barey同时满足两者需求。她的OnlyFans内容包含比基尼照片和裸体自拍,月入超4万美元——足以让医学院显得可有可无。她选择辍学,想着以后总能回归医学。在TikTok上,她成为Z世代女性中的人气人物,讨论阴道颜色、性病检测、治疗细菌性阴道炎、使用月经海绵及肛交快感等话题,常引用福柯、弗洛伊德、萨德等思想家。
"我冒着声誉风险谈论性...""我讨论性健康话题,这些是99%同龄女孩也在思考却无人污名化的,"Barey说(有位妇科医生母亲随时咨询当然有帮助)。到2022年,她已收获75万TikTok粉丝,单月在OnlyFans赚取28.5万美元。
但成功转瞬即逝。2018年联邦法律要求网站对涉及性交易的内容承担法律责任。因畏惧该法律及银行、广告商、宗教游说团体的压力,Instagram和TikTok开始对最细微的性暗示发布"社区违规"。长期作为"过于色情"法律标准的"淫秽"一词被故意不作定义,让这些平台自由删除任何令其不安的内容。成人内容创作者被影子封禁、账户删除、毫无预警地失去收入能力。然而他们无法完全离开这些主流平台——那里是他们推广内容和积累粉丝的地方。
为适应环境,他们发展出独特的网络生存策略:使用"算法黑话"规避内容指南(如用"玉米"代指色情、"赛克斯"代指性行为、"会计师"代指性工作者),运用VPN和临时账户避免检测,加入私密Discord服务器共享信息。"我们成了法外之徒,"Barey评论,"直到收到违规通知才知道什么被允许。全靠口口相传。"
到2022年底,Barey经历了22个TikTok账户(许多拥有超60万粉丝),每次被平台封禁就购买廉价手机重新开始。
随着主流网站严格限制,性工作者寻找分享成人内容的新场所,OnlyFans成为最热门选择。当Pornhub等平台通过广告和流媒体盈利时,OnlyFans将人际关系货币化,让创作者直接向粉丝销售。到2024年,超460万创作者从订阅者赚取72亿美元。但OnlyFans存在自身问题:该平台以缺乏创作者支持工具闻名。不同于Instagram或TikTok,没有"探索"页或发现流;表演者必须完全自主寻找受众,这意味着要在常怀敌意的网站持续自我推广。"人们没意识到这些女孩大多不想用社交媒体——她们只想制作色情内容,"Barey解释。
一旦粉丝找到创作者页面,月度订阅仅占潜在收入的很小部分。真正收入来自劳动密集型互动:定制视频、色情短信和一对一消息。曾有段时间Barey70%收入来自这些直接消息。"你不能整天创作内容、在社交媒体推广,同时24/7在账户向粉丝销售,"她说,"这不可持续。"
Leila Lewis补充:"所有人都厌倦了OnlyFans模式。我们精疲力尽。"
Hidden的构想诞生于2023年,当时一位高中好友兼沃顿商学院毕业生邀请Barey共同创立色情网站。Barey设定明确条款:平台必须由性工作者设计并为性工作者服务,聚焦于在这个常需持续努力才能生存的行业创造被动收入。平台于4月12日上线,拥有光滑黑色界面和艺术化品牌。强调业余内容,重现Tumblr时代的摄像头女孩美学——许多创作者怀念的时期("Hidden"名称指代人们常存储私密照片的手机隐藏文件夹)。
点击"18+"后,用户进入TikTok式"推荐"页,显示符合偏好的剪辑。滑动浏览视频照片,可见从邻家女孩穿睡衣微笑到表演者露骨姿势的各种内容。浏览Hidden如同任何社交媒体信息流,只是视频可能包含骑乘润滑按摩棒的画面。若看到喜欢的创作者,轻滑至其个人资料常出现首道付费墙——小额费用即可访问完整动态、查看露骨帖子或发送消息。
Barey特别热衷Hidden不同于OnlyFans之处:帮助创作者无需持续拍摄新内容或回复消息就能赚钱。网站算法推广新旧视频,每个资料页内置商店供粉丝购买剪辑和付费帖子。这意味着创作者已产出的内容正在后台持续创造价值。
Barey承认Hidden所有功能并非全新:滚动信息流类似RedGifs,商店仿效ManyVids,退单保护(让客户更难争议收费和退款而受创作者欢迎)借鉴SextPanther。但这些功能均整合于Hidden,且抽取行业最低分成:创作者收入的18%,对比OnlyFans的20%。
对月入超3万美元的费城创作者Leila Lewis而言,吸引力立竿见影。"所有人都厌倦了OnlyFans模式。我们精疲力尽,"她说。咨询Barey后,Lewis感觉Hidden是黄金时代的回归,重燃了她对工作的热情。"在OnlyFans不能做拳交或小便内容,"她解释这类内容虽受粉丝欢迎但被更谨慎的平台禁止,"所以我爱Hidden,因为他们几乎允许任何操作。"
Barey领导40人软件团队、1名产品设计师和6名内容审核员,更多功能正在开发。她与团队创建一键下架机器人扫描网络泄露和被盗内容,同时试验AI工具让粉丝请求基于表演者形象生成的个性化剪辑(如"穿红裙在飞机上的我"),保护创作者图像所有权免受销售未授权AI版本网站侵害。Barey甚至目标让Hidden自主处理支付而非依赖第三方处理器——成人行业罕见举措可能降低费用。她说若能直接收购银行,创作者未来或可保留几乎全部收入。
最终Barey坚持由性工作者塑造Hidden未来。"我有上千项待办清单,但若听到女孩们真心想要直播功能,我会优先处理。"同时她的核心Z世代助理团队——曾管理其OnlyFans、现担任"天使"的Drew、Chloe和Naomi——从营销策略到性爱录像最终剪辑提供全方位建议。她们对色情网站和社交媒体的经验赋予了对市场共鸣的直觉。
迄今Hidden已注册超11.3万用户(人均消费53美元),入驻超2100名活跃创作者(多为Z世代女性)。
与此同时,公众对色情内容的观感正在恶化。部分源于"愤怒诱饵"色情的兴起——这种刻意挑衅的内容最初让Barey爆红,当时她关于与父亲五十多岁好友睡觉的TikTok引爆网络。像Bonnie Blue和Lily Phillips这类Z世代创作者,其暴露癖群交奇观旨在激发愤慨,在由倦怠、审查、算法变更、重复内容和注意力持续缩短的受众所扭曲的生态中蓬勃发展。批评者认为这表明行业已迷失方向。
强烈反对也反映了对性、性别和权力的更广泛文化焦虑。美国大多数青少年在13岁前就已接触色情内容(通常无意间)。Z世代是第一代在算法作用下不仅可访问色情内容,更无处不在地被迫接触的人群。
由"处女"世代引领的美国下一次性革命。阅读更多。
美国调查中心2025年报告显示,近三分之二25岁以下男性支持限制网络色情访问——较前几代显著增长。这种变化可能与对色情无处不在的不安及年轻人整体保守化趋势有关,如TikTok上传播的"戒撸"和禁欲潮流。同时包括Z世代在内的女权主义批评者,正强调某些色情内容的危害性:如常态化的掐喉和交易式"色情剧本"性行为影响约会文化。
有趣的是,调查数据显示Z世代性行为少于前几代,指向更谨慎的群体。但金赛研究所