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

      /* =========================
         可修改：模块内边距
         ========================= */
      --section-padding-top: 46px;
      --section-padding-right: 28px;
      --section-padding-bottom: 58px;
      --section-padding-left: 28px;

      /* =========================
         可修改：标题样式
         ========================= */
      --title-font-size: 54px;
      --title-line-height: 1.08;
      --title-font-weight: 700;
      --title-color: #2f3650;
      --title-letter-spacing: -0.04em;
      --title-margin-bottom: 54px;

      /* =========================
         可修改：左右布局比例
         ========================= */
      --main-column-gap: 68px;
      --media-column-width: 57%;
      --content-column-width: 43%;

      /* =========================
         可修改：左侧主图设置
         ========================= */
      --media-min-height: 490px;
      --media-bg: #f3f6fb;
      --media-radius: 0px;
      --media-padding: 0px;
      --media-image-fit: cover;

      /* =========================
         可修改：右侧文案区设置
         ========================= */
      --item-gap: 28px;
      --item-padding-bottom: 36px;
      --divider-color: #d7dce8;
      --divider-width: 1px;
      --text-font-size: 22px;
      --text-line-height: 1.16;
      --text-font-weight: 400;
      --text-color: #333a55;
      --text-letter-spacing: -0.025em;
    }

    * {
      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-color);
    }

    .lab-section {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      min-height: var(--section-min-height);
      padding: var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);
      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);
      border-radius: var(--section-radius);
    }

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

    .lab-title {
      margin: 0 0 var(--title-margin-bottom);
      text-align: center;
      font-size: var(--title-font-size);
      line-height: var(--title-line-height);
      font-weight: var(--title-font-weight);
      color: var(--title-color);
      letter-spacing: var(--title-letter-spacing);
    }

    .lab-layout {
      display: grid;
      grid-template-columns: minmax(0, var(--media-column-width)) minmax(0, var(--content-column-width));
      column-gap: var(--main-column-gap);
      align-items: start;
    }

    .lab-media {
      min-height: var(--media-min-height);
      padding: var(--media-padding);
      background: var(--media-bg);
      border-radius: var(--media-radius);
      overflow: hidden;
    }

    .lab-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: var(--media-image-fit);
    }

    .lab-points {
      display: flex;
      flex-direction: column;
      gap: var(--item-gap);
    }

    .lab-point {
      padding-bottom: var(--item-padding-bottom);
      border-bottom: var(--divider-width) solid var(--divider-color);
    }

    .lab-point:last-child {
      border-bottom: var(--divider-width) solid var(--divider-color);
    }

    .lab-point p {
      margin: 0;
      font-size: var(--text-font-size);
      line-height: var(--text-line-height);
      font-weight: var(--text-font-weight);
      color: var(--text-color);
      letter-spacing: var(--text-letter-spacing);
    }

    @media (max-width: 767px) {
      :root {
        /* =========================
           可修改：手机端尺寸
           手机端改为上下堆叠
           ========================= */
        --section-padding-top: 24px;
        --section-padding-right: 16px;
        --section-padding-bottom: 34px;
        --section-padding-left: 16px;
        --title-font-size: 34px;
        --title-line-height: 1.12;
        --title-margin-bottom: 26px;
        --main-column-gap: 22px;
        --media-min-height: auto;
        --item-gap: 18px;
        --item-padding-bottom: 22px;
        --text-font-size: 16px;
        --text-line-height: 1.5;
      }

      .lab-layout {
        grid-template-columns: 1fr;
        row-gap: 22px;
      }

      .lab-media {
        min-height: auto;
      }

      .lab-media img {
        aspect-ratio: 16 / 10;
      }
    }