453 lines
22 KiB
HTML
453 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>全球AI资讯 - AI新闻速报</title>
|
||
<style>
|
||
:root {
|
||
--bg-primary: #0f0f23;
|
||
--glass-bg: rgba(255,255,255,0.05);
|
||
--glass-border: rgba(255,255,255,0.1);
|
||
--text-primary: #e0e0e0;
|
||
--text-secondary: #a0a0a0;
|
||
--text-muted: #888;
|
||
--accent-primary: #6366f1;
|
||
--accent-secondary: #a855f7;
|
||
--shadow-md: 0 8px 30px rgba(0,0,0,0.3);
|
||
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
[data-theme="light"] {
|
||
--bg-primary: #f8fafc;
|
||
--glass-bg: rgba(255,255,255,0.7);
|
||
--glass-border: rgba(0,0,0,0.08);
|
||
--text-primary: #1e293b;
|
||
--text-secondary: #475569;
|
||
--text-muted: #64748b;
|
||
--accent-primary: #4f46e5;
|
||
--accent-secondary: #9333ea;
|
||
--shadow-md: 0 8px 30px rgba(0,0,0,0.12);
|
||
}
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
html { scroll-behavior: smooth; }
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
|
||
background: var(--bg-primary);
|
||
min-height: 100vh;
|
||
color: var(--text-primary);
|
||
}
|
||
|
||
@keyframes fadeInUp {
|
||
from { opacity: 0; transform: translateY(30px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
.container { max-width: 1400px; margin: 0 auto; padding: 20px; }
|
||
|
||
/* 导航栏 */
|
||
.nav-bar {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 20px 0;
|
||
margin-bottom: 30px;
|
||
}
|
||
.nav-logo {
|
||
font-size: 1.5rem;
|
||
font-weight: 700;
|
||
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
text-decoration: none;
|
||
}
|
||
.nav-links {
|
||
display: flex;
|
||
gap: 30px;
|
||
}
|
||
.nav-link {
|
||
color: var(--text-secondary);
|
||
text-decoration: none;
|
||
font-weight: 500;
|
||
transition: var(--transition);
|
||
position: relative;
|
||
}
|
||
.nav-link:hover, .nav-link.active {
|
||
color: var(--accent-primary);
|
||
}
|
||
.nav-link.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -5px;
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
|
||
border-radius: 2px;
|
||
}
|
||
|
||
/* 头部 */
|
||
header {
|
||
text-align: center;
|
||
padding: 50px 30px;
|
||
background: var(--glass-bg);
|
||
backdrop-filter: blur(20px);
|
||
border-radius: 24px;
|
||
margin-bottom: 40px;
|
||
border: 1px solid var(--glass-border);
|
||
position: relative;
|
||
box-shadow: var(--shadow-md);
|
||
animation: fadeInUp 0.8s ease-out;
|
||
}
|
||
.theme-toggle {
|
||
position: absolute;
|
||
top: 20px;
|
||
right: 20px;
|
||
background: var(--glass-bg);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid var(--glass-border);
|
||
color: var(--text-primary);
|
||
padding: 10px 20px;
|
||
border-radius: 25px;
|
||
cursor: pointer;
|
||
font-size: 0.9rem;
|
||
transition: var(--transition);
|
||
}
|
||
.theme-toggle:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: var(--shadow-md);
|
||
}
|
||
h1 {
|
||
font-size: 2.5rem;
|
||
background: linear-gradient(135deg, #10b981 0%, #3b82f6 50%, #8b5cf6 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
margin-bottom: 15px;
|
||
}
|
||
.subtitle { color: var(--text-muted); font-size: 1.1rem; }
|
||
|
||
/* 筛选 */
|
||
.filters {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
justify-content: center;
|
||
margin-bottom: 40px;
|
||
padding: 25px;
|
||
background: var(--glass-bg);
|
||
backdrop-filter: blur(10px);
|
||
border-radius: 20px;
|
||
border: 1px solid var(--glass-border);
|
||
animation: fadeInUp 0.8s ease-out 0.2s both;
|
||
}
|
||
.filter-btn {
|
||
padding: 10px 24px;
|
||
border: 1px solid var(--glass-border);
|
||
background: var(--glass-bg);
|
||
color: var(--text-secondary);
|
||
border-radius: 25px;
|
||
cursor: pointer;
|
||
transition: var(--transition);
|
||
font-size: 0.9rem;
|
||
font-weight: 500;
|
||
}
|
||
.filter-btn:hover, .filter-btn.active {
|
||
background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
|
||
color: white;
|
||
border-color: transparent;
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
/* 新闻卡片 */
|
||
.news-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
||
gap: 24px;
|
||
}
|
||
.news-card {
|
||
background: var(--glass-bg);
|
||
backdrop-filter: blur(15px);
|
||
border-radius: 20px;
|
||
padding: 28px;
|
||
border: 1px solid var(--glass-border);
|
||
transition: var(--transition);
|
||
opacity: 0;
|
||
animation: fadeInUp 0.6s ease-out forwards;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.news-card:hover {
|
||
transform: translateY(-8px);
|
||
box-shadow: var(--shadow-md);
|
||
border-color: rgba(59,130,246,0.3);
|
||
}
|
||
.card-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: 18px;
|
||
}
|
||
.company-tag {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 6px 14px;
|
||
border-radius: 20px;
|
||
font-size: 0.8rem;
|
||
font-weight: 600;
|
||
background: var(--glass-bg);
|
||
border: 1px solid var(--glass-border);
|
||
}
|
||
.company-tag.openai { background: rgba(16,185,129,0.15); color: #10b981; border-color: rgba(16,185,129,0.3); }
|
||
.company-tag.anthropic { background: rgba(139,92,246,0.15); color: #8b5cf6; border-color: rgba(139,92,246,0.3); }
|
||
.company-tag.google { background: rgba(59,130,246,0.15); color: #3b82f6; border-color: rgba(59,130,246,0.3); }
|
||
.company-tag.others { background: rgba(107,114,128,0.15); color: #6b7280; border-color: rgba(107,114,128,0.3); }
|
||
.time { font-size: 0.8rem; color: var(--text-muted); }
|
||
.news-title {
|
||
font-size: 1.15rem;
|
||
font-weight: 600;
|
||
line-height: 1.6;
|
||
margin-bottom: 15px;
|
||
color: var(--text-primary);
|
||
}
|
||
.news-summary {
|
||
font-size: 0.95rem;
|
||
color: var(--text-secondary);
|
||
line-height: 1.8;
|
||
margin-bottom: 20px;
|
||
flex-grow: 1;
|
||
}
|
||
.card-footer {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding-top: 18px;
|
||
border-top: 1px solid var(--glass-border);
|
||
}
|
||
.source {
|
||
font-size: 0.9rem;
|
||
color: var(--accent-primary);
|
||
font-weight: 500;
|
||
}
|
||
.read-more {
|
||
color: var(--accent-secondary);
|
||
text-decoration: none;
|
||
font-size: 0.95rem;
|
||
font-weight: 500;
|
||
transition: var(--transition);
|
||
}
|
||
.read-more:hover {
|
||
color: var(--accent-primary);
|
||
}
|
||
|
||
footer {
|
||
text-align: center;
|
||
padding: 50px;
|
||
color: var(--text-muted);
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.nav-links { display: none; }
|
||
h1 { font-size: 2rem; }
|
||
.news-grid { grid-template-columns: 1fr; }
|
||
.theme-toggle { position: static; margin-bottom: 20px; display: inline-block; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<nav class="nav-bar">
|
||
<a href="index.html" class="nav-logo">🚀 AI新闻速报</a>
|
||
<div class="nav-links">
|
||
<a href="index.html" class="nav-link">国内资讯</a>
|
||
<a href="global.html" class="nav-link active">全球视野</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<header>
|
||
<button class="theme-toggle" onclick="toggleTheme()">☀️ 明亮模式</button>
|
||
<h1>🌍 全球AI资讯</h1>
|
||
<p class="subtitle">OpenAI · Claude · Gemini · 全球人工智能前沿动态</p>
|
||
</header>
|
||
|
||
<div class="filters">
|
||
<button class="filter-btn active" onclick="filterNews('all')">全部</button>
|
||
<button class="filter-btn" onclick="filterNews('openai')">🟢 OpenAI</button>
|
||
<button class="filter-btn" onclick="filterNews('anthropic')">🟣 Anthropic</button>
|
||
<button class="filter-btn" onclick="filterNews('google')">🔵 Google</button>
|
||
<button class="filter-btn" onclick="filterNews('model')">🤖 模型发布</button>
|
||
<button class="filter-btn" onclick="filterNews('company')">💼 商业动态</button>
|
||
</div>
|
||
|
||
<div class="news-grid" id="newsGrid">
|
||
<div class="news-card" data-company="openai" data-category="model" style="animation-delay: 0.0s">
|
||
<div class="card-header">
|
||
<span class="company-tag openai">🟢 OpenAI</span>
|
||
<span class="time">09:00</span>
|
||
</div>
|
||
<h3 class="news-title">OpenAI发布GPT-5.4及GPT-5.4 Pro模型，新增Thinking思维模式</h3>
|
||
<p class="news-summary">当地时间3月5日，OpenAI正式推出GPT-5.4，提供Thinking思维模式，上线ChatGPT、API及Codex平台。GPT-5.4不仅继承了GPT-5.3-Codex的编程能力，更优化了模型在各类工具、软件环境及专业任务中的协同表现，涵盖电子表格、演示文稿和文档处理等场景。</p>
|
||
<div class="card-footer">
|
||
<span class="source">钛媒体</span>
|
||
<a href="https://www.tmtpost.com/7904009.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="anthropic" data-category="product" style="animation-delay: 0.1s">
|
||
<div class="card-header">
|
||
<span class="company-tag anthropic">🟣 Anthropic</span>
|
||
<span class="time">08:30</span>
|
||
</div>
|
||
<h3 class="news-title">Claude日活突破1130万，同比暴增297.7%，登顶美区App Store</h3>
|
||
<p class="news-summary">Anthropic公布数据显示，Claude在2026年3月日活用户达1130万，同比增长297.7%。上周末，Claude登顶美国应用商店总榜，目前已在15个国家位列榜首。公司表示，自上周初以来，Claude在所有上线国家的每日注册量均刷新纪录。</p>
|
||
<div class="card-footer">
|
||
<span class="source">新浪科技</span>
|
||
<a href="https://finance.sina.com.cn/tech/roll/2026-03-08/doc-inhqhuhc7433361.shtml" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="anthropic" data-category="model" style="animation-delay: 0.2s">
|
||
<div class="card-header">
|
||
<span class="company-tag anthropic">🟣 Anthropic</span>
|
||
<span class="time">07:00</span>
|
||
</div>
|
||
<h3 class="news-title">Anthropic CEO确认Claude 5发布窗口：2026年Q2</h3>
|
||
<p class="news-summary">Anthropic CEO Dario Amodei确认Claude 5将于2026年Q2发布，预计4-5月亮相。泄露信息显示Claude 5将达到92% SWE-bench成绩，拥有50万token上下文窗口，新增Turbo层级定价。目前已有200家企业客户参与Beta测试。</p>
|
||
<div class="card-footer">
|
||
<span class="source">Claude5.ai</span>
|
||
<a href="https://claude5.ai/news/anthropic-ceo-confirms-claude-5-launch-date" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="google" data-category="model" style="animation-delay: 0.30000000000000004s">
|
||
<div class="card-header">
|
||
<span class="company-tag google">🔵 Google</span>
|
||
<span class="time">06:00</span>
|
||
</div>
|
||
<h3 class="news-title">谷歌推出Gemini 3.1 Flash-Lite模型，每百万token仅0.25美元</h3>
|
||
<p class="news-summary">谷歌发布Gemini 3.1 Flash-Lite模型，定价极具竞争力：每100万输入token仅0.25美元，输出token 1.50美元。该模型即日起通过Gemini API在Google AI Studio推出预览版，面向开发者提供高性价比选择。</p>
|
||
<div class="card-footer">
|
||
<span class="source">钛媒体</span>
|
||
<a href="https://www.tmtpost.com/7904009.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="anthropic" data-category="model" style="animation-delay: 0.4s">
|
||
<div class="card-header">
|
||
<span class="company-tag anthropic">🟣 Anthropic</span>
|
||
<span class="time">05:00</span>
|
||
</div>
|
||
<h3 class="news-title">Claude Sonnet 4.6正式上线，编程和Agent能力大幅提升</h3>
|
||
<p class="news-summary">Anthropic发布Claude Sonnet 4.6，在编程、Agent能力和专业工作场景中实现前沿性能。主要升级包括更强的代码理解和生成能力、更可靠的Agent任务执行、更好的长文本处理能力以及更准确的推理和数学计算。</p>
|
||
<div class="card-footer">
|
||
<span class="source">AI日报</span>
|
||
<a href="https://blog.aichanning.cn/ai-daily-2026-03-04/index.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="anthropic" data-category="company" style="animation-delay: 0.5s">
|
||
<div class="card-header">
|
||
<span class="company-tag anthropic">🟣 Anthropic</span>
|
||
<span class="time">04:00</span>
|
||
</div>
|
||
<h3 class="news-title">Anthropic收购视觉AI公司Vercept，强化Claude图像理解能力</h3>
|
||
<p class="news-summary">Anthropic宣布收购视觉AI创业公司Vercept，旨在增强Claude的计算机视觉和图像理解能力。这次收购表明Anthropic正在积极布局多模态AI，试图在视觉理解领域追赶GPT-4V和Gemini。</p>
|
||
<div class="card-footer">
|
||
<span class="source">AI日报</span>
|
||
<a href="https://blog.aichanning.cn/ai-daily-2026-03-04/index.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="openai" data-category="company" style="animation-delay: 0.6000000000000001s">
|
||
<div class="card-header">
|
||
<span class="company-tag openai">🟢 OpenAI</span>
|
||
<span class="time">03:00</span>
|
||
</div>
|
||
<h3 class="news-title">OpenAI与美军达成合作协议，ChatGPT卸载率激增引争议</h3>
|
||
<p class="news-summary">在美以对伊朗军事行动后，OpenAI宣布与五角大楼达成合作协议。此举引发用户对AI技术武器化的担忧，导致大量用户卸载ChatGPT。OpenAI不得不大幅修改合作协议，明确禁止技术被用于监控美国民众。</p>
|
||
<div class="card-footer">
|
||
<span class="source">钛媒体</span>
|
||
<a href="https://www.tmtpost.com/7904009.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="openai" data-category="research" style="animation-delay: 0.7000000000000001s">
|
||
<div class="card-header">
|
||
<span class="company-tag openai">🟢 OpenAI</span>
|
||
<span class="time">02:00</span>
|
||
</div>
|
||
<h3 class="news-title">2026年前沿AI模型竞争格局：Claude、GPT、Gemini三足鼎立</h3>
|
||
<p class="news-summary">当前AI大模型竞争白热化：Claude 4.5 Opus以80.9% SWE-bench领先编程领域，GPT-5.2在数学推理方面保持优势，Gemini 3凭借与Google Cloud深度整合在生态方面独具优势。Claude 5预计将成为性价比之王。</p>
|
||
<div class="card-footer">
|
||
<span class="source">Apiyi.com</span>
|
||
<a href="https://help.apiyi.com/claude-5-latest-news-2026-features-release.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="openai" data-category="product" style="animation-delay: 0.8s">
|
||
<div class="card-header">
|
||
<span class="company-tag openai">🟢 OpenAI</span>
|
||
<span class="time">01:00</span>
|
||
</div>
|
||
<h3 class="news-title">GPT-5.4新增原生计算机使用能力，可直接操作桌面应用</h3>
|
||
<p class="news-summary">GPT-5.4旗舰版引入原生computer-use能力，可操作桌面应用程序、导航UI、点击按钮、填写表单并执行多步骤工作流程。这是OpenAI对Anthropic computer-use功能的直接回应，模型还提供100万token上下文窗口。</p>
|
||
<div class="card-footer">
|
||
<span class="source">DigitalKoncept</span>
|
||
<a href="https://www.digitalkoncept.in/blog/anthropic-vs-openai-clawrouter-picoclaw-openclaw-ai-agents-2026" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-card" data-company="anthropic" data-category="product" style="animation-delay: 0.9s">
|
||
<div class="card-header">
|
||
<span class="company-tag anthropic">🟣 Anthropic</span>
|
||
<span class="time">22:00</span>
|
||
</div>
|
||
<h3 class="news-title">Anthropic与卢旺达政府签署MOU，在医疗教育领域推广AI</h3>
|
||
<p class="news-summary">Anthropic与卢旺达政府签署谅解备忘录，将在医疗健康和教育教学领域推广AI应用。这是Anthropic在非洲的首个政府级合作，体现了AI技术向发展中国家扩散的趋势。</p>
|
||
<div class="card-footer">
|
||
<span class="source">AI日报</span>
|
||
<a href="https://blog.aichanning.cn/ai-daily-2026-03-04/index.html" target="_blank" class="read-more">查看原文 →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer>
|
||
<p>📊 数据更新时间：2026年3月10日 | 全球AI前沿动态</p>
|
||
</footer>
|
||
</div>
|
||
<script>
|
||
function filterNews(type) {
|
||
document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));
|
||
event.target.classList.add('active');
|
||
document.querySelectorAll('.news-card').forEach(card => {
|
||
if (type === 'all') {
|
||
card.style.display = 'flex';
|
||
card.style.animation = 'fadeInUp 0.5s ease-out forwards';
|
||
} else if (['model','company','research'].includes(type)) {
|
||
if (card.dataset.category === type) {
|
||
card.style.display = 'flex';
|
||
card.style.animation = 'fadeInUp 0.5s ease-out forwards';
|
||
} else {
|
||
card.style.display = 'none';
|
||
}
|
||
} else {
|
||
if (card.dataset.company === type) {
|
||
card.style.display = 'flex';
|
||
card.style.animation = 'fadeInUp 0.5s ease-out forwards';
|
||
} else {
|
||
card.style.display = 'none';
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function toggleTheme() {
|
||
const html = document.documentElement;
|
||
const btn = document.querySelector('.theme-toggle');
|
||
if (html.getAttribute('data-theme') === 'dark') {
|
||
html.setAttribute('data-theme', 'light');
|
||
btn.textContent = '🌙 深色模式';
|
||
localStorage.setItem('theme', 'light');
|
||
} else {
|
||
html.setAttribute('data-theme', 'dark');
|
||
btn.textContent = '☀️ 明亮模式';
|
||
localStorage.setItem('theme', 'dark');
|
||
}
|
||
}
|
||
const savedTheme = localStorage.getItem('theme') || 'dark';
|
||
document.documentElement.setAttribute('data-theme', savedTheme);
|
||
document.querySelector('.theme-toggle').textContent = savedTheme === 'dark' ? '☀️ 明亮模式' : '🌙 深色模式';
|
||
</script>
|
||
</body>
|
||
</html>
|