106 lines
7.5 KiB
HTML
106 lines
7.5 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;
|
||
--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-10T05:15:00+08:00</span>
|
||
</div>
|
||
<h1>豆包内测抖音式内容流：在AI对话中嵌入短视频推荐</h1>
|
||
<div class="content">豆包内测新功能，用户上滑屏幕会出现基于兴趣和对话推荐的内容流，相当于在豆包内再造微缩版'抖音'，增强用户粘性和使用时长。</div>
|
||
<div class="source-box">
|
||
<div class="source-label">📎 原始来源</div>
|
||
<a href="https://www.doubao.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应用下载量TOP6：ChatGPT、Gemini、DeepSeek、豆包、Perplexity、Grok</div><div class="related-source">Sensor Tower · 07:00</div></a><a href="detail-8.html" class="related-card"><div class="related-title">字节豆包推理成本低于DeepSeek-V3，低定价仍可盈利</div><div class="related-source">财新 · 06:00</div></a></div></div>
|
||
<div class="nav-bar">
|
||
<a href="detail-11.html" class="nav-link">← 上一篇</a>
|
||
<span style="color:var(--text-muted);font-size:0.85rem;">13 / 51</span>
|
||
<a href="detail-13.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> |