| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-CN"><head><meta charset="utf-8"><title>KPI Grid</title> |
| 3 | <link rel="stylesheet" href="../../assets/fonts.css"> |
| 4 | <link rel="stylesheet" href="../../assets/base.css"> |
| 5 | <link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> |
| 6 | <link rel="stylesheet" href="../../assets/animations/animations.css"> |
| 7 | </head><body class="single"> |
| 8 | <div class="deck"><section class="slide is-active" data-title="KPIs"> |
| 9 | <p class="kicker">Metrics · 关键数字</p> |
| 10 | <h2 class="h2">这一季度，我们做到了什么</h2> |
| 11 | <div class="grid g4 mt-l anim-stagger-list" data-anim-target> |
| 12 | <div class="card"><p class="eyebrow">Revenue</p><div style="font-size:56px;font-weight:800"><span class="counter" data-to="1248">0</span>K</div><p class="dim" style="color:var(--good)">↑ 38% YoY</p></div> |
| 13 | <div class="card"><p class="eyebrow">Active users</p><div style="font-size:56px;font-weight:800"><span class="counter" data-to="82">0</span>K</div><p class="dim" style="color:var(--good)">↑ 12% QoQ</p></div> |
| 14 | <div class="card"><p class="eyebrow">Retention</p><div style="font-size:56px;font-weight:800"><span class="counter" data-to="74">0</span>%</div><p class="dim" style="color:var(--good)">↑ 3 pts</p></div> |
| 15 | <div class="card"><p class="eyebrow">NPS</p><div style="font-size:56px;font-weight:800"><span class="counter" data-to="61">0</span></div><p class="dim" style="color:var(--warn)">→ 持平</p></div> |
| 16 | </div> |
| 17 | </section></div> |
| 18 | <script src="../../assets/runtime.js"></script> |
| 19 | </body></html> |
| 20 |