ai-news/detail/detail-8.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>字节豆包推理成本低于DeepSeek-V3低定价仍可盈利 - 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-product">产品动态</span>
<span class="time">2026-03-10T06:00:00+08:00</span>
</div>
<h1>字节豆包推理成本低于DeepSeek-V3低定价仍可盈利</h1>
<div class="content">财新从字节跳动人士处了解到豆包模型的推理成本已低于DeepSeek-V3在低定价基础上仍能产生利润。豆包深度思考模型发力方向是提升创作水平与DeepSeek-R1形成差异化竞争。</div>
<div class="source-box">
<div class="source-label">📎 原始来源</div>
<a href="https://www.caixin.com" 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-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-4.html" class="related-card"><div class="related-title">2025年全球AI应用下载量TOP6ChatGPT、Gemini、DeepSeek、豆包、Perplexity、Grok</div><div class="related-source">Sensor Tower · 07:00</div></a><a href="detail-10.html" class="related-card"><div class="related-title">阿里通义App全新升级上线超级智能体作为交互中枢</div><div class="related-source">阿里云 · 06:00</div></a></div></div>
<div class="nav-bar">
<a href="detail-7.html" class="nav-link">← 上一篇</a>
<span style="color:var(--text-muted);font-size:0.85rem;">9 / 51</span>
<a href="detail-9.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>