self-media-james/articles/007/diagrams/use-cases.html
邓文兵 450056ee4a feat(blog): 添加通义千问Qwen3.5深度分析文章及配套图表
- 新增关于Qwen3.5登顶中国第一的深度技术解读文章
- 添加LMArena评测机制可视化图表页面
- 添加Qwen3.5 MoE混合专家架构示意图
- 添加综合能力跑分对比图表
- 添加价格对比可视化页面
- 添加使用场景推荐图表
- 更新.gitignore文件添加.playwright-mcp目录忽略规则
2026-03-30 10:32:36 +08:00

62 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { width: 1200px; height: 680px; background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; display: flex; align-items: center; justify-content: center; color: #fff; }
.container { width: 1080px; }
h2 { text-align: center; font-size: 32px; margin-bottom: 44px; background: linear-gradient(90deg, #a78bfa, #60a5fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 28px 24px; text-align: center; }
.card .icon { font-size: 40px; margin-bottom: 12px; }
.card .title { font-size: 17px; font-weight: 700; color: #c4b5fd; margin-bottom: 8px; }
.card .model { font-size: 13px; color: #60a5fa; background: rgba(96,165,250,0.1); padding: 3px 12px; border-radius: 20px; display: inline-block; margin-bottom: 10px; }
.card .desc { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.6; }
</style>
</head>
<body>
<div class="container">
<h2>Qwen3.5 使用场景推荐</h2>
<div class="grid">
<div class="card">
<div class="icon">💬</div>
<div class="title">日常对话 & 写作</div>
<div class="model">Qwen3.5-Plus</div>
<div class="desc">性价比最高,适合日常聊天、文案创作、知识问答</div>
</div>
<div class="card">
<div class="icon">💻</div>
<div class="title">编程辅助</div>
<div class="model">Qwen3.5-Max</div>
<div class="desc">代码能力强,支持多语言编程、代码审查、调试</div>
</div>
<div class="card">
<div class="icon">🖼️</div>
<div class="title">图片 / 文档分析</div>
<div class="model">Qwen3.5 多模态</div>
<div class="desc">原生视觉理解,读文档、看图表、识别 UI</div>
</div>
<div class="card">
<div class="icon">🎬</div>
<div class="title">视频内容理解</div>
<div class="model">Qwen3.5 多模态</div>
<div class="desc">支持最长 2 小时视频直接输入分析</div>
</div>
<div class="card">
<div class="icon">🏢</div>
<div class="title">企业私有化部署</div>
<div class="model">Qwen3.5-27B 开源版</div>
<div class="desc">数据不出境,可微调定制,无 API 依赖</div>
</div>
<div class="card">
<div class="icon">📱</div>
<div class="title">手机端 AI 助手</div>
<div class="model">Qwen3.5-2B</div>
<div class="desc">轻量本地运行,离线可用,隐私安全</div>
</div>
</div>
</div>
</body>
</html>