self-media-james/articles/017/timeline.html
邓文兵 6339209cc2 feat(article): 新增 017 Claude Fable 5 全球下线新闻
- Fable 5 上线三天即被美国政府出口管制令叫停的事实梳理
- 配图均用官方图并转存七牛:封面(官方声明 banner)、Claude Fable 标识
- 自制「三天下线时间线」图(HTML 渲染,附 timeline.html 源文件)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-13 13:01:42 +08:00

84 lines
3.0 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 2000px; height: 1050px; }
body {
background: #F0EEE6;
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
color: #1A1A18;
padding: 110px 130px;
display: flex;
flex-direction: column;
}
.brand {
display: flex; align-items: center; gap: 18px;
font-size: 34px; color: #6B675E; letter-spacing: 2px;
font-weight: 600;
}
.brand .star { color: #CC785C; font-size: 40px; }
h1 {
font-family: "Songti SC", Georgia, serif;
font-size: 88px; font-weight: 700; margin-top: 26px;
letter-spacing: 2px;
}
h1 .accent { color: #CC785C; }
.timeline {
margin-top: 130px; position: relative;
display: flex; justify-content: space-between;
}
.line {
position: absolute; top: 26px; left: 60px; right: 60px;
height: 4px; background: #D8D3C7; z-index: 0;
}
.node { position: relative; z-index: 1; width: 30%; text-align: left; }
.dot {
width: 54px; height: 54px; border-radius: 50%;
background: #F0EEE6; border: 6px solid #CC785C;
display: flex; align-items: center; justify-content: center;
margin-bottom: 36px;
}
.dot.dead { border-color: #1A1A18; background: #1A1A18; }
.dot .inner { width: 16px; height: 16px; border-radius: 50%; background: #CC785C; }
.date { font-size: 46px; font-weight: 700; }
.tag { font-size: 40px; font-weight: 700; margin-top: 10px; color: #CC785C; }
.tag.dead { color: #1A1A18; }
.desc { font-size: 30px; line-height: 1.55; color: #4A463E; margin-top: 22px; max-width: 480px; }
.footer {
margin-top: auto; font-size: 26px; color: #908B80;
border-top: 2px solid #D8D3C7; padding-top: 26px;
}
</style>
</head>
<body>
<div class="brand"><span class="star"></span><span>老邓唠AI · 事件梳理</span></div>
<h1>Claude Fable 5 <span class="accent">三天</span>下线时间线</h1>
<div class="timeline">
<div class="line"></div>
<div class="node">
<div class="dot"><div class="inner"></div></div>
<div class="date">6 月 9 日</div>
<div class="tag">发布上线</div>
<div class="desc">Anthropic 推出 Fable 5对外开放过的最强模型Mythos 级旗舰的公开版本。</div>
</div>
<div class="node">
<div class="dot dead"></div>
<div class="date">6 月 12 日</div>
<div class="tag dead">突然关停</div>
<div class="desc">美国政府出口管制指令要求禁止外国公民访问Anthropic 对所有用户关停 Fable 5 与 Mythos 5。</div>
</div>
<div class="node">
<div class="dot"><div class="inner"></div></div>
<div class="date">当前状态</div>
<div class="tag">无限期暂停</div>
<div class="desc">未进入退役名单Opus 4.8、Sonnet 4.6、Haiku 等其他模型均不受影响。</div>
</div>
</div>
<div class="footer">数据来源Anthropic 官方声明、CNBC、彭博、Axios2026 年 6 月)</div>
</body>
</html>