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>阿里通义开源Z-Image模型：解决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-model">模型发布</span>
|
||
<span class="time">2026-03-09T21:00:00+08:00</span>
|
||
</div>
|
||
<h1>阿里通义开源Z-Image模型：解决AI绘画风格单一问题</h1>
|
||
<div class="content">阿里通义开源发布Z-Image模型，专注于解决AI绘画风格单一、人像同质化等问题，支持更丰富的艺术风格迁移和个性化图像生成。</div>
|
||
<div class="source-box">
|
||
<div class="source-label">📎 原始来源</div>
|
||
<a href="https://huggingface.co/Qwen/Z-Image" 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-19.html" class="nav-link">← 上一篇</a>
|
||
<span style="color:var(--text-muted);font-size:0.85rem;">21 / 51</span>
|
||
<a href="detail-21.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> |