ai-news/detail/detail-41.html
2026-03-10 16:55:44 +08:00

106 lines
7.5 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" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度文心大模型4.5重磅发布:多模态能力全面跃升 - AI新闻速报</title>
<style>
:root {
--bg-primary: #0f0f23;
--bg-secondary: #1a1a2e;
--bg-card: rgba(255,255,255,0.05);
--text-primary: #e0e0e0;
--text-secondary: #a0a0a0;
--text-muted: #888;
--accent-primary: #6366f1;
--accent-secondary: #a855f7;
--border-color: rgba(99,102,241,0.2);
}
[data-theme="light"] {
--bg-primary: #f8fafc;
--bg-secondary: #ffffff;
--bg-card: #ffffff;
--text-primary: #1e293b;
--text-secondary: #475569;
--text-muted: #64748b;
--accent-primary: #4f46e5;
--accent-secondary: #9333ea;
--border-color: #e2e8f0;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg-primary); min-height: 100vh; color: var(--text-primary); transition: background 0.3s, color 0.3s; }
.container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.back-link { display: inline-flex; align-items: center; gap: 5px; color: var(--accent-primary); text-decoration: none; font-size: 0.95rem; }
.theme-toggle { background: var(--bg-card); border: 1px solid var(--border-color); color: var(--text-primary); padding: 8px 16px; border-radius: 20px; cursor: pointer; font-size: 0.9rem; }
.card { background: var(--bg-card); border-radius: 20px; padding: 40px; border: 1px solid var(--border-color); }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; gap: 10px; }
.category-tag { padding: 6px 16px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; }
.category-model { background: rgba(99,102,241,0.2); color: #818cf8; }
.category-product { background: rgba(16,185,129,0.2); color: #34d399; }
.category-company { background: rgba(245,158,11,0.2); color: #fbbf24; }
.category-research { background: rgba(236,72,153,0.2); color: #f472b6; }
.time { color: var(--text-muted); font-size: 0.9rem; }
h1 { font-size: 1.8rem; line-height: 1.5; margin-bottom: 30px; color: var(--text-primary); }
.content { font-size: 1.1rem; line-height: 2; color: var(--text-secondary); margin-bottom: 40px; }
.source-box { background: rgba(99,102,241,0.1); border-radius: 15px; padding: 25px; margin-bottom: 30px; }
.source-label { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 10px; }
.source-link { display: inline-flex; align-items: center; gap: 8px; color: #818cf8; text-decoration: none; font-size: 1rem; padding: 10px 20px; background: rgba(99,102,241,0.2); border-radius: 25px; }
.nav-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color); }
.nav-link { color: var(--accent-secondary); text-decoration: none; font-size: 0.95rem; padding: 10px 20px; border: 1px solid var(--border-color); border-radius: 25px; }
.nav-link.disabled { opacity: 0.5; }
.related-section { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--border-color); }
.related-section h3 { font-size: 1.2rem; margin-bottom: 20px; }
.related-grid { display: grid; gap: 15px; }
.related-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: transform 0.2s; }
.related-card:hover { transform: translateY(-3px); border-color: var(--accent-primary); }
.related-title { font-size: 1rem; color: var(--text-primary); margin-bottom: 8px; line-height: 1.5; }
.related-source { font-size: 0.85rem; color: var(--text-muted); }
@media (max-width: 600px) { .container { padding: 20px 15px; } .card { padding: 25px; } h1 { font-size: 1.4rem; } }
</style>
</head>
<body>
<div class="container">
<div class="header-bar">
<a href="../index.html" class="back-link">← 返回首页</a>
<button class="theme-toggle" onclick="toggleTheme()">☀️ 明亮模式</button>
</div>
<div class="card">
<div class="card-header">
<span class="category-tag category-model">模型发布</span>
<span class="time">2026-03-09T14:30:00+08:00</span>
</div>
<h1>百度文心大模型4.5重磅发布:多模态能力全面跃升</h1>
<div class="content">百度正式发布文心大模型4.5版本在逻辑推理、代码生成和多模态理解能力上实现重大突破支持百万字长文本处理企业API调用成本降低40%。</div>
<div class="source-box">
<div class="source-label">📎 原始来源</div>
<a href="https://www.baidu.com/ai-news/wenxin-4-5-release" target="_blank" class="source-link">百度官方 →</a>
</div>
<div class="related-section"><h3>📌 相关资讯</h3><div class="related-grid"><a href="detail-1.html" class="related-card"><div class="related-title">Kimi K2高速版发布输出速度提升至40 Tokens/秒限时5折</div><div class="related-source">月之暗面 · 09:15</div></a><a href="detail-2.html" class="related-card"><div class="related-title">阿里通义千问发布Qwen3-Coder-Flash编程模型原生支持256K tokens</div><div class="related-source">阿里云 · 09:00</div></a><a href="detail-3.html" class="related-card"><div class="related-title">字节发布Seed Diffusion扩散语言模型推理速度提升5.4倍</div><div class="related-source">字节跳动Seed · 08:45</div></a><a href="detail-5.html" class="related-card"><div class="related-title">国产大模型备案突破260家仅9家获得等保三+国密双证</div><div class="related-source">中国信通院 · 06:45</div></a></div></div>
<div class="nav-bar">
<a href="detail-40.html" class="nav-link">← 上一篇</a>
<span style="color:var(--text-muted);font-size:0.85rem;">42 / 51</span>
<a href="detail-42.html" class="nav-link">下一篇 →</a>
</div>
</div>
</div>
<script>
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>