: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: 980px;
      --section-min-height: auto;
      --section-radius: 0px;

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

      /* =========================
         可修改：标题区域样式
         ========================= */
      --eyebrow-display: none;
      --title-font-size: 44px;
      --title-line-height: 1.1;
      --title-font-weight: 700;
      --title-color: #2f3650;
      --title-letter-spacing: -0.03em;
      --title-margin-bottom: 18px;

      --desc-font-size: 18px;
      --desc-line-height: 1.55;
      --desc-font-weight: 400;
      --desc-color: #38415d;
      --desc-max-width: 760px;
      --header-margin-bottom: 34px;

      /* =========================
         可修改：卡片网格设置
         ========================= */
      --grid-column-gap: 22px;
      --grid-row-gap: 22px;
      --card-min-height: 184px;
      --card-bg: #f7f8fc;
      --card-radius: 0px;
      --card-padding: 20px;
      --card-column-image: 40%;
      --card-column-text: 60%;

      /* =========================
         可修改：图片设置
         ========================= */
      --image-radius: 0px;

      /* =========================
         可修改：卡片标题与描述
         ========================= */
      --card-title-font-size: 19px;
      --card-title-line-height: 1.2;
      --card-title-font-weight: 500;
      --card-title-color: #2f3650;
      --card-title-margin-bottom: 14px;

      --card-desc-font-size: 14px;
      --card-desc-line-height: 1.55;
      --card-desc-font-weight: 400;
      --card-desc-color: #4a536d;
    }

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

    .applications-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);
    }

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

    .applications-header {
      text-align: center;
      margin-bottom: var(--header-margin-bottom);
    }

    .applications-eyebrow {
      display: var(--eyebrow-display);
      margin: 0 0 10px;
      font-size: 14px;
      line-height: 1.4;
      color: var(--desc-color);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .applications-title {
      margin: 0 0 var(--title-margin-bottom);
      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);
    }

    .applications-desc {
      margin: 0 auto;
      max-width: var(--desc-max-width);
      font-size: var(--desc-font-size);
      line-height: var(--desc-line-height);
      font-weight: var(--desc-font-weight);
      color: var(--desc-color);
    }

    .applications-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: var(--grid-column-gap);
      row-gap: var(--grid-row-gap);
    }

    .application-card {
      min-height: var(--card-min-height);
      display: grid;
      grid-template-columns: minmax(0, var(--card-column-image)) minmax(0, var(--card-column-text));
      background: var(--card-bg);
      border-radius: var(--card-radius);
      overflow: hidden;
    }

    .application-card__image {
      min-height: 100%;
    }

    .application-card__image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: var(--image-radius);
    }

    .application-card__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: var(--card-padding);
    }

    .application-card__title {
      margin: 0 0 var(--card-title-margin-bottom);
      font-size: var(--card-title-font-size);
      line-height: var(--card-title-line-height);
      font-weight: var(--card-title-font-weight);
      color: var(--card-title-color);
    }

    .application-card__desc {
      margin: 0;
      font-size: var(--card-desc-font-size);
      line-height: var(--card-desc-line-height);
      font-weight: var(--card-desc-font-weight);
      color: var(--card-desc-color);
    }

    @media (max-width: 767px) {
      :root {
        /* =========================
           可修改：手机端尺寸
           手机端改为单列堆叠，阅读更舒服
           ========================= */
        --content-max-width: 100%;
        --section-padding-top: 22px;
        --section-padding-right: 16px;
        --section-padding-bottom: 32px;
        --section-padding-left: 16px;
        --title-font-size: 32px;
        --title-margin-bottom: 12px;
        --desc-font-size: 15px;
        --header-margin-bottom: 22px;
        --grid-column-gap: 0px;
        --grid-row-gap: 16px;
        --card-min-height: auto;
        --card-padding: 18px;
        --card-title-font-size: 20px;
        --card-desc-font-size: 14px;
      }

      .applications-grid {
        grid-template-columns: 1fr;
      }

      .application-card {
        grid-template-columns: 1fr;
      }

      .application-card__image {
        aspect-ratio: 16 / 10;
      }
    }