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

52 lines
2.5 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: 1100px; }
h2 { text-align: center; font-size: 32px; margin-bottom: 48px; background: linear-gradient(90deg, #a78bfa, #60a5fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.flow { display: flex; align-items: center; justify-content: center; gap: 16px; }
.step { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 16px; padding: 28px 24px; width: 220px; text-align: center; backdrop-filter: blur(10px); }
.step .icon { font-size: 48px; margin-bottom: 12px; }
.step .title { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #c4b5fd; }
.step .desc { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.7); }
.arrow { font-size: 32px; color: #60a5fa; flex-shrink: 0; }
.bottom-note { text-align: center; margin-top: 40px; font-size: 15px; color: rgba(255,255,255,0.5); }
.bottom-note span { color: #fbbf24; font-weight: 700; font-size: 20px; }
</style>
</head>
<body>
<div class="container">
<h2>LMArena 评测机制:全球用户当裁判</h2>
<div class="flow">
<div class="step">
<div class="icon">👤</div>
<div class="title">用户提问</div>
<div class="desc">用户输入一个真实问题,系统随机分配两个模型</div>
</div>
<div class="arrow"></div>
<div class="step">
<div class="icon">🤖🤖</div>
<div class="title">匿名对战</div>
<div class="desc">两个模型同时回答,用户不知道哪个是谁</div>
</div>
<div class="arrow"></div>
<div class="step">
<div class="icon">👆</div>
<div class="title">真人盲测</div>
<div class="desc">用户根据回答质量投票选出更好的那个</div>
</div>
<div class="arrow"></div>
<div class="step">
<div class="icon">📊</div>
<div class="title">ELO 评分</div>
<div class="desc">采用国际象棋 ELO 积分系统,胜率越高分数越高</div>
</div>
</div>
<div class="bottom-note">截至 2026 年 3 月,已累计 <span>563 万+</span> 次投票,覆盖 <span>333</span> 个模型</div>
</div>
</body>
</html>