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

72 lines
4.1 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>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI新闻测试</title>
<style>
body { font-family: sans-serif; background: #1a1a2e; color: #fff; padding: 20px; }
.news-card { background: rgba(255,255,255,0.05); border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.news-detail { display: none; margin-top: 15px; padding: 15px; background: rgba(99,102,241,0.2); border-radius: 8px; }
.news-detail.active { display: block; }
.read-more { color: #a855f7; cursor: pointer; text-decoration: underline; }
</style>
</head>
<body>
<h1>AI新闻速报 (测试版 - 3篇)</h1>
<div class="news-card" id="card-0">
<h3>Manus AI推出Wide Research支持100个Agent同时并行协作</h3>
<p>Manus AI上线以来最大更新推出Wide Research功能。支持用户一键开启大规模并行Agent协作可同时启动多达100个Agent处理复杂任务大...</p>
<div class="news-detail" id="detail-0">
<p><strong>完整内容:</strong></p>
<p>Manus AI上线以来最大更新推出Wide Research功能。支持用户一键开启大规模并行Agent协作可同时启动多达100个Agent处理复杂任务大幅提升研究和分析效率。</p>
<p><a href="https://manus.im" target="_blank" style="color:#818cf8;">📎 来源Manus AI →</a></p>
</div>
<p><span class="read-more" onclick="toggleDetail(0)">查看详情 →</span></p>
</div>
<div class="news-card" id="card-1">
<h3>Kimi K2高速版发布输出速度提升至40 Tokens/秒限时5折</h3>
<p>月之暗面发布kimi-k2-turbo-preview高速版模型参数与K2一致但输出速度由每秒10 Tokens提升至40 Tokens。目前限时5折特惠...</p>
<div class="news-detail" id="detail-1">
<p><strong>完整内容:</strong></p>
<p>月之暗面发布kimi-k2-turbo-preview高速版模型参数与K2一致但输出速度由每秒10 Tokens提升至40 Tokens。目前限时5折特惠每百万tokens输入价格低至2元。</p>
<p><a href="https://www.moonshot.cn" target="_blank" style="color:#818cf8;">📎 来源:月之暗面 →</a></p>
</div>
<p><span class="read-more" onclick="toggleDetail(1)">查看详情 →</span></p>
</div>
<div class="news-card" id="card-2">
<h3>阿里通义千问发布Qwen3-Coder-Flash编程模型原生支持256K tokens</h3>
<p>阿里发布Qwen3-Coder-30B-A3B-Instruct编程模型性能超越当前顶级开源模型。原生支持256K tokens可通过YaRN扩展至1M t...</p>
<div class="news-detail" id="detail-2">
<p><strong>完整内容:</strong></p>
<p>阿里发布Qwen3-Coder-30B-A3B-Instruct编程模型性能超越当前顶级开源模型。原生支持256K tokens可通过YaRN扩展至1M tokens能理解整个项目库代码避免上下文断层。</p>
<p><a href="https://huggingface.co/Qwen" target="_blank" style="color:#818cf8;">📎 来源:阿里云 →</a></p>
</div>
<p><span class="read-more" onclick="toggleDetail(2)">查看详情 →</span></p>
</div>
<script>
function toggleDetail(index) {
var detail = document.getElementById('detail-' + index);
var card = document.getElementById('card-' + index);
var btn = card.querySelector('.read-more');
if (detail.classList.contains('active')) {
detail.classList.remove('active');
btn.textContent = '查看详情 →';
} else {
// 先关闭所有
document.querySelectorAll('.news-detail').forEach(d => d.classList.remove('active'));
document.querySelectorAll('.read-more').forEach(b => b.textContent = '查看详情 →');
// 再打开当前
detail.classList.add('active');
btn.textContent = '收起详情 ↑';
}
}
</script>
</body>
</html>