:root {
      /* =========================
         可修改：区块整体设置
         1. 整个模块保持 100% 宽度铺满
         2. 中间内容单独限宽
         3. 可改背景色、背景图、最小高度
         ========================= */
      --page-bg: transparent;
      --section-bg: #fbfbfd;
      --section-bg-image: none;
      --section-bg-size: cover;
      --section-bg-position: center;
      --section-bg-repeat: no-repeat;
      --text: #2b3351;
      --content-max-width: 1440px;
      --section-min-height: 320px;
      --section-radius: 0px;

      /* =========================
         可修改：容器内边距
         ========================= */
      --section-padding-top: 72px;
      --section-padding-right: 28px;
      --section-padding-bottom: 78px;
      --section-padding-left: 28px;

      /* =========================
         可修改：网格间距
         ========================= */
      --grid-column-gap: 28px;
      --grid-row-gap: 28px;

      /* =========================
         可修改：图片尺寸
         ========================= */
      --item-image-width: 78px;
      --item-image-height: 78px;
      --item-image-gap: 22px;

      /* =========================
         可修改：标题样式
         ========================= */
      --title-font-size: 20px;
      --title-line-height: 1.18;
      --title-font-weight: 500;
      --title-letter-spacing: -0.03em;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: var(--page-bg);
      font-family: "Avenir Next", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
      color: var(--text);
    }

    .feature-section {
      width: 100%;
      min-height: var(--section-min-height);
      padding: var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);
      border-radius: var(--section-radius);
      background-color: var(--section-bg);
      background-image: var(--section-bg-image);
      background-size: var(--section-bg-size);
      background-position: var(--section-bg-position);
      background-repeat: var(--section-bg-repeat);
    }

    .feature-container {
      width: 100%;
      max-width: var(--content-max-width);
      margin: 0 auto;
    }

    .feature-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      column-gap: var(--grid-column-gap);
      row-gap: var(--grid-row-gap);
      align-items: start;
    }

    .feature-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      min-width: 0;
    }

    .feature-image {
      width: var(--item-image-width);
      height: var(--item-image-height);
      margin-bottom: var(--item-image-gap);
    }

    .feature-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }

    .feature-title {
      margin: 0;
      font-size: 13px
      line-height: var(--title-line-height);
      font-weight: var(--title-font-weight);
      letter-spacing: var(--title-letter-spacing);
    }

    @media (max-width: 767px) {
      :root {
        /* =========================
           可修改：手机端尺寸
           手机端固定 2 列，4 个项目时自动形成 2 行 2 列
           ========================= */
        --section-padding-top: 34px;
        --section-padding-right: 18px;
        --section-padding-bottom: 38px;
        --section-padding-left: 18px;
        --grid-column-gap: 14px;
        --grid-row-gap: 28px;
        --item-image-width: 62px;
        --item-image-height: 62px;
        --item-image-gap: 14px;
        --title-font-size: 16px;
        --title-line-height: 1.28;
      }

      .feature-section {
        min-height: auto;
      }

      .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }