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

106 lines
7.5 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" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>微信开启DeepSeek灰度测试国民级应用接入R1模型 - 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-09T23:30:00+08:00</span>
</div>
<h1>微信开启DeepSeek灰度测试国民级应用接入R1模型</h1>
<div class="content">微信开始灰度测试接入DeepSeek-R1模型用户可在微信搜索中使用AI搜索功能。这是DeepSeek首次进入月活超13亿的超级App生态。</div>
<div class="source-box">
<div class="source-label">📎 原始来源</div>
<a href="https://weixin.qq.com" 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-13.html" class="nav-link">← 上一篇</a>
<span style="color:var(--text-muted);font-size:0.85rem;">15 / 51</span>
<a href="detail-15.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>