| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-CN"><head><meta charset="utf-8"><title>Bullets</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="Why"> |
| 9 | <p class="kicker">Why · 为什么</p> |
| 10 | <h2 class="h2">好的演讲系统，帮你做三件事</h2> |
| 11 | <p class="lede mb-l">不是做不出漂亮的 slide，是每次都要重新做。</p> |
| 12 | <ul class="grid g1 anim-stagger-list" style="list-style:none;padding:0;margin:0;gap:14px" data-anim-target> |
| 13 | <li class="card card-accent"><h4>① 统一设计语言</h4><p class="dim">所有页共用同一套 tokens，字号、颜色、阴影不会跑偏。</p></li> |
| 14 | <li class="card card-accent"><h4>② 降低复用成本</h4><p class="dim">下一次讲同类话题，复制 deck、换数据、换主题即可。</p></li> |
| 15 | <li class="card card-accent"><h4>③ 可切换，可演示</h4><p class="dim">按 T 即可循环切主题、按 A 可切动效，汇报现场加分。</p></li> |
| 16 | </ul> |
| 17 | </section></div> |
| 18 | <script src="../../assets/runtime.js"></script> |
| 19 | </body></html> |
| 20 |