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

106 lines
7.6 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>国产大模型备案突破260家仅9家获得等保三+国密双证 - 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-10T06:45:00+08:00</span>
</div>
<h1>国产大模型备案突破260家仅9家获得等保三+国密双证</h1>
<div class="content">中国信通院闭门会透露国产大模型备案数已突破260家但真正拿到等保三级和国密算法双证的仅9家。头部玩家通过降价大战抢占市场文心4.5推理成本降四成通义千问3.0开源MoE架构。</div>
<div class="source-box">
<div class="source-label">📎 原始来源</div>
<a href="https://www.caict.ac.cn/news" target="_blank" class="source-link">中国信通院 →</a>
</div>
<div class="related-section"><h3>📌 相关资讯</h3><div class="related-grid"><a href="detail-0.html" class="related-card"><div class="related-title">Manus AI推出Wide Research支持100个Agent同时并行协作</div><div class="related-source">Manus AI · 09:30</div></a><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></div></div>
<div class="nav-bar">
<a href="detail-4.html" class="nav-link">← 上一篇</a>
<span style="color:var(--text-muted);font-size:0.85rem;">6 / 51</span>
<a href="detail-6.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>