通过控制span的标签样式，帮我设计一个简约蓝色中国风格的序号样式

好的，以下是一个简约蓝色中国风格的序号样式，使用了伪元素和 CSS 属性来实现：

ul {
  list-style-type: none; /* 隐藏默认的列表项符号 */
  counter-reset: my-counter; /* 重置计数器 */
}

li {
  position: relative; /* 设置相对定位，以便用伪元素创建自定义符号 */
  margin-bottom: 10px; /* 设置下方间距 */
  color: #333; /* 设置文本颜色 */
}

li::before {
  content: counter(my-counter); /* 使用计数器作为序号 */
  counter-increment: my-counter; /* 计数器加一 */
  font-size: 20px; /* 设置字体大小 */
  font-weight: bold; /* 设置字体加粗 */
  color: #3c78d8; /* 设置序号颜色 */
  position: absolute; /* 设置绝对定位 */
  left: -30px; /* 设置左侧位置 */
  top: 0; /* 设置顶部位置 */
  
  /* 使用伪元素创建蓝色圆形背景 */
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #3c78d8;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
}

这样，你就可以用这个样式来美化你的列表了。需要注意的是，这个样式使用了计数器来自动生成序号，所以你需要把列表的每个 li 元素放在 ul 元素内，以便计数器的正确运作。