Files
self-media-james/articles/017/timeline.html
T
dengwenbing 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 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、彭博、Axios(2026 年 6 月)</div>
</body>
</html>