OC
一封邮件里的 CSS 能窃取令牌:Webmail 为什么守不住内容边界
科技 · 2026-08-10 · 网络安全 · 阅读 10

一封邮件里的 CSS 能窃取令牌:Webmail 为什么守不住内容边界

作者:韩启明|OC 政策与安全编辑

PortSwigger 研究员 Gareth Heyes 发布研究 《CSS: The bomb inside your inbox》,展示恶意邮件如何利用被允许的 HTML 和 CSS 操纵 Webmail 界面、追踪阅读、影响 AI 浏览器,甚至在特定条件下窃取登录令牌和密码。

一句话结论:问题不是 CSS 突然变成了脚本,而是邮件客户端、浏览器解析器、图片代理和应用代码对“安全样式”的理解不一致;只要其中一层重新解释内容,收件箱的隔离边界就可能被打穿。

Webmail 必须在可信界面里显示不可信内容。它通常会删除脚本和危险标签,再允许一部分排版样式。研究利用的正是这个“允许一部分”:HTML 的 label 可以触发界面控件,CSS 属性选择器可以按字符匹配页面中的值,某些图片和字体属性可以向外发请求,应用脚本还可能把清洗后的自定义属性重新变成危险样式。

其中一类攻击针对一次性令牌。攻击者不能直接读取页面文本,却可以构造大量 CSS 选择条件,让匹配某段字符的元素加载特定 URL,再从服务器请求中逐步还原令牌。另一类攻击利用复制粘贴,把隐藏样式带进邮件草稿,在浏览器和编辑器处理剪贴板 HTML 的瞬间越过清洗。

邮件HTML从清洗器到浏览器再到图片代理的解析差异链

AI 浏览器扩大了影响面。恶意邮件可以把间接提示藏在样式或页面内容里,诱使浏览器 Agent 打开页面、拼接 URL 或执行所谓调试步骤。传统邮件攻击等待用户点击;Agent 则可能把“阅读并处理邮件”变成连续操作,替攻击者完成后半段。

研究覆盖 Fastmail、Proton Mail、Gmail、Outlook、Yahoo Mail 和 AOL Mail 等产品,但不同漏洞状态并不相同。Fastmail 修复了研究者报告的 CSS mutation 等问题并支付奖励;Proton Mail 的相关行为后来不再可复现;研究者称 Gmail 的某个 image-set() 外联问题在披露时仍存在。不能把整篇研究概括成“所有邮箱都能直接偷密码”。

防御需要让不同解析层使用同一种结果:严格隔离邮件 DOM,减少允许的 CSS,外部资源统一经过无法绕过的代理,对清洗后的节点禁止应用代码二次扩展,并把 AI Agent 读取的邮件视为不可信输入。内容安全策略 CSP 有用,但若允许域名、代理路径或浏览器解析差异仍能传递信息,它不是单独的终点。

关键事实

  • 研究展示 HTML 标签、CSS 选择器、外部资源属性和解析差异的多条攻击路径
  • 风险包括界面欺骗、打开追踪、令牌外泄、密码窃取和间接提示注入
  • 各 Webmail 产品受影响的具体漏洞与修复状态不同
  • Fastmail 修复了部分报告问题;研究者称 Gmail 仍有一项外联行为未获认可

OC 判断

“禁止 JavaScript”并不能让富文本邮件自动安全。真正的边界是邮件内容在所有后续环节都不能获得宿主页面能力。引入 AI 浏览器后,邮箱还应把提示注入纳入同一威胁模型,因为 Agent 会把原本分散的低风险动作串起来。

为什么重要

  • 对 Web 开发者:清洗器必须与实际浏览器解析结果持续做差分测试。
  • 对安全团队:邮件中的 CSS、剪贴板 HTML 和图片代理都应纳入攻击面。
  • 对用户:关闭远程图片能减少部分追踪,但不能修复客户端自身的隔离缺陷。

参考来源

相关阅读

基于标题、摘要和正文内容自动匹配。

更多科技

评论

围绕这篇文章补充信息、提出问题或分享观察。

0
暂无评论。

发表评论

继续看看 OC 用户围绕这个话题说了什么、做了什么。

相关帖子

更多

你们的Codex额度提前耗完了没?戒断反应如何?

<p>我在第三天就消耗了只剩1%,忍了一天,然后今天干脆用这最后的1%,开着5.6 Sol 极高 强推我一个提示词笔记本应用的功能落地。最终用时3小时,居然还是跑完了。但是现在还是出现一些戒断反应,感觉啥也做不了,就无精打采的,困。</p> <p>我做了一个Prompt Notebook,专门用来收藏或者记录自己手搓的生图提示词。带Chrome一键收藏插件。支持AI优化提示词。支持提示词中提取常用字段作为提示词百科词汇。也自带生图功能用来测提示词。但是要搭配Cloudflare R2+Worker的图床。</p> <p>今天主要是做一个AI模特的资产库。将常用的AI模特固定下来,进行身份设定,以及模特的一些角色定妆图。之后生图可以直接调用AI模特自动作为垫图。</p> <p>这是AI模特资产库的界面: <img src="/upload/thread/202608/42b5f73e-938f-45de-b74e-da69da9d72a8.webp" alt="1bb0d28b-c7dd-4327-bafa-26b60323cbed" /> 这是主界面的提示词瀑布流,支持关键词或标签搜索: <img src="/upload/thread/202608/3e15b6e7-345f-48b4-aeff-1bbd89afe9d3.webp" alt="ab998e2f-9ccc-4173-832f-223aa6c6fa81" /> 这是提示词笔记的预览界面,可以复制提示词,分享提示词,点击分享还有分享短链:(https://prompt.jintao.co.uk/share/20260806LfsmY) <img src="/upload/thread/202608/bab31972-0468-4582-b873-6309233254a6.webp" alt="20260806-201213" /> 可惜现在没额度了,我又不想换模型折腾。现在还有些界面细节和小功能需要落地完善,可能还要虫子要抓。弄好了,打算放GitHub开源。</p> <p>有朋友想试试的么?</p>

shynloc 2 4

一个体会,Codex 这种现代 Agent,每天一个变,几天不用就有新惊喜

<p>当然我说的也包括 Claude Code,新功能日新月异,还有就是 AI 能力提升以后,可以做的东西日新月异。还有各种工作流方法日新月异。</p> <p>更好玩的是,我最近经历过很多次,你跟人介绍现在 Codex 可以做到什么样子,他们都觉得很厉害。但是你现场一演示,他们的震撼就更加完全不同了。所以,这种东西,需要大量的 Workshop 去沟通交流,光看文字很难讲清楚,直播、视频也越来越重要了。</p>

tinyfool 1 89

做 AI 语音产品时,授权、撤回和审计日志应该怎么落地?

<p>最近看到越来越多关于声音授权的讨论。对开发者来说,真正麻烦的往往不是“模型能不能模仿”,而是授权如何进入系统、生成结果如何追溯,以及授权撤回后该怎么办。</p> <p>我们在做 FlowSpeech 时也碰到过类似问题。我的体会是,不要把“用户勾选过同意”当成一个布尔字段,而应该把它做成一组可以审计的业务对象。</p> <h2>1. 把声音资产和授权分开</h2> <p>声音文件只描述技术属性,例如哈希、上传者、存储位置和创建时间。授权记录则至少要包含授权主体、用途范围、地域、有效期、来源证据和当前状态。这样同一份声音用于个人试听、商业广告、公开播客时,可以绑定不同的授权,而不是共用一个模糊的 consent=true。</p> <h2>2. 每次生成都保存授权快照</h2> <p>生成任务不要只引用当前授权 ID。授权内容以后可能变更,如果任务只查最新状态,历史结果就无法解释。更稳妥的做法是在任务创建时保存授权版本、文本哈希、声音版本、模型版本和操作者。生成出的音频再记录 artifact_id,并反向关联任务。</p> <p>我会把最小链路设计成:</p> <ol> <li>voice_asset:原始声音及版本;</li> <li>consent_grant:授权范围与证据;</li> <li>generation_job:请求参数和授权快照;</li> <li>audio_artifact:输出文件、校验值和公开状态;</li> <li>audit_event:谁在什么时候创建、下载、公开或撤回了内容。</li> </ol> <h2>3. 撤回不是简单删除一行</h2> <p>授权撤回后,系统至少要阻止新任务,并把相关公开音频进入下架队列。已经交付给客户的文件是否能删除,要按照合同和产品能力区分,不能在界面上承诺技术上做不到的“全球删除”。更现实的状态机是 active、suspended、revoked、expired,并明确每个状态允许哪些动作。</p> <h2>4. 对外展示也要可验证</h2> <p>除了后台日志,公开音频最好带上来源标记或可查询的生成记录。水印不是万能方案,但“可识别的音频 + 可验证的元数据 + 清晰的举报入口”组合起来,比一句“AI 生成”更有用。</p> <p>我们现在做的 <a href="https://flowspeech.io/zh">FlowSpeech</a> 主要解决上下文感知、情绪和停顿控制。越往产品化走,越觉得声音效果只是前半程,权限边界和可追溯性才决定这类工具能不能长期使用。</p> <p>大家在实际项目里会把授权证据放在业务数据库、对象存储,还是单独的审计系统?如果授权撤回,你们通常怎么处理已经生成并交付的音频?</p>

FlowSpeech 0 1