@charset "utf-8";

     .section {
        background-color: #eef2ff;
        border-radius: 16px;
        padding: 24px;
        margin-bottom: 24px;
      }
      .section-header {
        display: flex;
        align-items: center;
        margin-bottom: 24px;
      }
      .section-icon {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-right: 10px;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .section-title {
        margin-top: 8px;
        margin-left: 5px;
        font-size: 18px;
        font-weight: bold;
        color: #0066cc;
      }
      .items-list {
        display: flex;
        flex-wrap: wrap;
      }
      .item {
        width: 20%; /* 一行五个，每个占20% */
        padding: 8px;
      }
      .item a {
        display: flex;
        align-items: center;
        #border-radius: 8px;
        #background-color: #fff;
        #border-radius: 8px;
        padding: 8px 12px;
        text-decoration: none;
        color: #333;
        #font-size: 14px;
        font: 17px / 1.2 'Microsoft YaHei';
      }

      /* 每个名称前的标识符号（可通过伪元素实现） */
      .item a::before {
        content: ""; /* 必须保留空内容，伪元素才能显示 */
        display: inline-block; /* 让伪元素支持宽高和背景图 */
        width: 6px; /* 图片宽度（根据你的图标实际尺寸调整） */
        height: 6px; /* 图片高度（与宽度一致，保持正方形） */
        border-radius: 50%;
        margin-right: 10px; /* 图片与文字的间距（和原符号间距一致） */
        vertical-align: middle; /* 图片与文字垂直居中对齐 */
        background-image: url(/szgyyq/xhtml/images/wzdt/blank_circular_logo.png); /* 你的符号图片路径 */
        background-size: cover; /* 图片自适应容器，不拉伸 */
        background-repeat: no-repeat; /* 防止图片重复 */
        background-position: center; /* 图片居中显示 */
      }