<!-- run -->
<div id="highlights">
  <div class="inner">
    <div class="point">
      <div>功能丰富</div>
      <p>风格简约但功能丰富，提供三种代码高亮方案，提供导航大纲，提供黑夜模式，提供魔法注释，适配移动端。</p>
    </div>
    <div class="point">
      <div>易用易改</div>
      <p>基于模块化开发，颜色全局定义，对页面加载速度进行了优化，提供源码和注释，方便管理和修改。</p>
    </div>
    <div class="point">
      <div>平台优势</div>
      <p>对比自建博客，博客园的SEO效果做的更好。对比思否、知乎专栏等平台，博客园的自由度更高。</p>
    </div>
  </div>
</div>
<style>
  #highlights {
    font-size: 14px;
  }
  #highlights .inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }

  #highlights .point div {
    color: #409eff;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0;
    padding: 0.5em 0;
  }

  #highlights .point {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 2em;
  }

  @media screen and (max-width: 600px) {
    #highlights .point {
      display: block;
      margin: 0 auto;
      width: 300px;
      padding: 0 40px 30px;
    }
  }
</style>