.advantages-section, .pjeyd28-component[data-style-section] {
      --primary: #1a73e8;
      --body: #374151;
      box-sizing: border-box;
      color: var(--body);
      line-height: 1.7;
      width: 100%;
      background-color: var(--ac-root-background-color, #ffffff);
      background-image: var(--ac-root-background-image, none);
      background-position: var(--ac-root-background-position, center);
      background-size: var(--ac-root-background-size, cover);
      background-repeat: var(--ac-root-background-repeat, no-repeat);
      margin-top: var(--ac-root-margin-tb, 0rem);
      margin-bottom: var(--ac-root-margin-tb, 0rem);
    }

    .advantages-section *,
    .advantages-section *::before,
    .advantages-section *::after {
      box-sizing: border-box;
    }

    .advantages-section .advantage-link {
      color: inherit;
      text-decoration: none;
      transition-property: color, background-color, border-color, box-shadow, opacity, transform;
      transition-duration: 220ms;
      transition-timing-function: ease;
    }

    .advantages-section .advantages-inner,
    .pjeyd28-component[data-style-section] > .pjeyd28-component__inner {
      box-sizing: border-box;
      width: 100%;
      max-width: var(--custom-content-max-width);
      margin-left: auto;
      margin-right: auto;
      padding-top: var(--padding_tb, 0rem);
      padding-bottom: var(--padding_tb, 0rem);
      padding-left: var(--padding_lr);
      padding-right: var(--padding_lr);
    }

    .advantages-section .advantages-header {
      text-align: center;
      margin-bottom: 50px;
    }

    .advantages-section .advantages-title {
      overflow-wrap: anywhere;
      font-size: var(--title-size, 34px);
      line-height: var(--title-line, 1.12);
      font-weight: var(--title-weight);
      font-style: var(--title-style, normal);
      text-decoration: var(--title-decoration, none);
      text-align: var(--title-align, center);
      color: var(--title-color, #0b1d33);
      margin: 0 0 10px 0;
      letter-spacing: var(--title-spacing, 2px);
      font-family: var(--title-family);
      text-transform: var(--title-transform, uppercase);
    }

    .advantages-section .advantages-title:hover {
      font-size: var(--title-hover-size, 34px);
      font-family: var(--title-hover-family);
      color: var(--title-hover-color, #0b1d33);
      font-weight: var(--title-hover-weight);
      font-style: var(--title-hover-style, normal);
      text-decoration: var(--title-hover-decoration, none);
    }

    .advantages-section .advantages-subtitle {
      overflow-wrap: anywhere;
      font-size: var(--subtitle-size, 16px);
      font-style: var(--subtitle-style, italic);
      font-weight: var(--subtitle-weight);
      text-decoration: var(--subtitle-decoration, none);
      text-align: var(--subtitle-align, center);
      line-height: var(--subtitle-line, 1.7);
      color: var(--subtitle-color, #64748b);
      margin: 0 0 16px 0;
      font-family: var(--subtitle-family);
      letter-spacing: var(--subtitle-spacing, 0);
      text-transform: var(--subtitle-transform, none);
    }

    .advantages-section .advantages-subtitle:hover {
      font-size: var(--subtitle-hover-size, 16px);
      font-family: var(--subtitle-hover-family);
      color: var(--subtitle-hover-color, #64748b);
      font-weight: var(--subtitle-hover-weight);
      font-style: var(--subtitle-hover-style, italic);
      text-decoration: var(--subtitle-hover-decoration, none);
    }

    .advantages-section .header-line-accent {
      width: 50px;
      height: 3px;
      background-color: var(--accent-color, var(--primary));
      margin: 0 auto;
      border-radius: 2px;
    }

    .advantages-section .advantages-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(15, 102, 216, 0.07);
    }

    .advantages-section .advantage-card {
      background: var(--card-background, #ffffff);
      display: flex;
      padding: 38px 24px 38px 0;
      position: relative;
      overflow: hidden;
      transition: background-color 0.35s ease, box-shadow 0.35s ease;
      min-height: 260px;
      border-right: 1px solid #e2e8f0;
    }

    .advantages-section .advantage-card:last-child {
      border-right: none;
    }

    .advantages-section .advantage-card:hover {
      background: var(--card-hover-background, #ffffff);
    }

    .advantages-section .advantage-icon-column {
      width: 64px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      padding-top: 4px;
    }

    .advantages-section .advantage-icon-box {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 5;
      border-radius: 8px;
      background: var(--icon-background, #0b1d33);
      transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.35s ease, box-shadow 0.35s ease;
    }

    .advantages-section .advantage-card:hover .advantage-icon-box {
      background: var(--icon-hover-background, var(--primary));
      transform: scale(1.14);
      box-shadow: 0 8px 22px rgba(26, 115, 232, 0.4);
    }

    .advantages-section .adv-icon {
      width: var(--icon-size, 24px);
      height: var(--icon-size, 24px);
      font-size: var(--icon-size, 24px);
      line-height: 1;
      color: var(--icon-color, #ffffff);
      transition: transform 0.35s ease;
    }

    .advantages-section .adv-icon.yiyingbaoicon,
    .advantages-section .advantage-link .arrow.yiyingbaoicon {
      font-family: yiyingbao;
    }

    .advantages-section .advantage-card:hover .adv-icon {
      transform: translateY(2px) scale(1.05);
    }

    .advantages-section .advantage-vertical-line {
      width: 3px;
      flex-grow: 1;
      margin-top: 10px;
      z-index: 3;
      border-radius: 3px;
      background: linear-gradient(to bottom, var(--divider-color, var(--primary)) 0%, rgba(26, 115, 232, 0.2) 100%);
      transform-origin: top center;
      transform: scaleY(0.35);
      opacity: 0.4;
      position: relative;
      overflow: hidden;
      transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease, background 0.35s ease;
    }

    .advantages-section .advantage-vertical-line::after {
      content: '';
      position: absolute;
      top: -40%;
      left: 0;
      width: 100%;
      height: 40%;
      background: linear-gradient(to bottom, transparent, #ffffff, #60a5fa, transparent);
      opacity: 0;
    }

    .advantages-section .advantage-card:hover .advantage-vertical-line {
      transform: scaleY(1);
      opacity: 1;
      background: linear-gradient(to bottom, var(--divider-color, var(--primary)) 0%, #60a5fa 100%);
      box-shadow: 0 0 8px rgba(26, 115, 232, 0.6);
    }

    .advantages-section .advantage-card:hover .advantage-vertical-line::after {
      opacity: 1;
      animation: advantagesLaserFlowDown 1.2s infinite cubic-bezier(0.4, 0, 0.2, 1);
    }

    @keyframes advantagesLaserFlowDown {
      0% {
        top: -40%;
      }

      100% {
        top: 120%;
      }
    }

    .advantages-section .advantage-card-content {
      padding-left: 14px;
      display: flex;
      flex-direction: column;
      z-index: 5;
      text-align: left;
    }

    .advantages-section .advantage-card-title {
      overflow-wrap: anywhere;
      font-size: var(--card-title-size, 18px);
      font-weight: var(--card-title-weight);
      font-style: var(--card-title-style, normal);
      text-decoration: var(--card-title-decoration, none);
      text-align: var(--card-title-align, left);
      text-transform: var(--card-title-transform, none);
      font-family: var(--card-title-family);
      letter-spacing: var(--card-title-spacing, 0);
      color: var(--card-title-color, #0b1d33);
      margin: 0 0 12px 0;
      line-height: var(--card-title-line, 1.3);
      transition: color 0.3s ease;
    }

    .advantages-section .advantage-card:hover .advantage-card-title {
      font-size: var(--card-title-hover-size, 18px);
      font-family: var(--card-title-hover-family);
      color: var(--card-title-hover-color, var(--primary));
      font-weight: var(--card-title-hover-weight);
      font-style: var(--card-title-hover-style, normal);
      text-decoration: var(--card-title-hover-decoration, none);
    }

    .advantages-section .advantage-card-description {
      overflow-wrap: anywhere;
      font-size: var(--description-size, 14px);
      line-height: var(--description-line, 1.6);
      font-family: var(--description-family);
      letter-spacing: var(--description-spacing, 0);
      font-weight: var(--description-weight);
      font-style: var(--description-style, normal);
      text-decoration: var(--description-decoration, none);
      text-align: var(--description-align, left);
      text-transform: var(--description-transform, none);
      color: var(--description-color, #64748b);
      margin: 0 0 20px 0;
      flex-grow: 1;
    }

    .advantages-section .advantage-card-description:hover {
      font-size: var(--description-hover-size, 14px);
      font-family: var(--description-hover-family);
      color: var(--description-hover-color, #64748b);
      font-weight: var(--description-hover-weight);
      font-style: var(--description-hover-style, normal);
      text-decoration: var(--description-hover-decoration, none);
    }

    .advantages-section .advantage-link {
      font-size: var(--action-size, 13px);
      line-height: var(--action-line, normal);
      font-family: var(--action-family);
      letter-spacing: var(--action-spacing, 0.5px);
      font-weight: var(--action-weight);
      font-style: var(--action-style, normal);
      text-align: var(--action-align, left);
      color: var(--action-color, var(--primary));
      background: var(--action-background, transparent);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-transform: var(--action-transform, uppercase);
      margin-top: auto;
      text-decoration: var(--action-decoration, none);
    }

    .advantages-section .advantage-link:hover {
      font-size: var(--action-hover-size, 13px);
      font-family: var(--action-hover-family);
      color: var(--action-hover-color, var(--primary));
      background: var(--action-hover-background, transparent);
      font-weight: var(--action-hover-weight);
      font-style: var(--action-hover-style, normal);
      text-decoration: var(--action-hover-decoration, none);
    }

    .advantages-section .advantage-link .arrow {
      transition: transform 0.3s ease;
      font-size: 15px;
    }

    .advantages-section .advantage-link img.arrow {
      width: 15px;
      height: 15px;
      object-fit: contain;
    }

    .advantages-section .advantage-link:hover .arrow {
      transform: translateX(5px);
    }

    @media only screen and (max-width: 1100px) {
      .advantages-section .advantages-container {
        grid-template-columns: repeat(2, 1fr);
      }

      .advantages-section .advantage-card:nth-child(2) {
        border-right: none;
      }

      .advantages-section .advantage-card:nth-child(1),
      .advantages-section .advantage-card:nth-child(2) {
        border-bottom: 1px solid #e4eaf2;
      }
    }

    @media only screen and (max-width: 600px) {
      .advantages-section .advantages-container {
        grid-template-columns: 1fr;
      }

      .advantages-section .advantage-card {
        border-right: none;
        border-bottom: 1px solid #e4eaf2;
      }

      .advantages-section .advantages-inner {
        width: 100%;
      }

      .advantages-section .advantages-title { font-size: var(--title-mobile-size, 34px); }
      .advantages-section .advantages-subtitle { font-size: var(--subtitle-mobile-size, 16px); }
      .advantages-section .advantage-card-title { font-size: var(--card-title-mobile-size, 18px); }
      .advantages-section .advantage-card-description { font-size: var(--description-mobile-size, 14px); }
      .advantages-section .advantage-link { font-size: var(--action-mobile-size, 13px); }
    }

    @media (max-width: 959px) {
      .advantages-section .advantages-inner,
      .pjeyd28-component[data-style-section] > .pjeyd28-component__inner {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }