#ysb-application-fields {
      box-sizing: border-box;
      width: auto;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding: 128px 0;
      background: radial-gradient(circle at 8% 92%, rgb(34 175 231 / 10%), transparent 26%), #f3f7fc;
      color: #122137;
      font: 16px/1.75 "Noto Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    #ysb-application-fields *,
    #ysb-application-fields *::before,
    #ysb-application-fields *::after {
      box-sizing: border-box;
    }

    #ysb-application-fields .ysb-shell {
      width: min(1240px, calc(100% - 80px));
      margin: 0 auto;
    }

    #ysb-application-fields .ysb-heading {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: end;
      gap: 60px;
    }

    #ysb-application-fields h2 {
      margin: 0;
      color: #122137;
      font-size: clamp(36px, 4vw, 58px);
      font-weight: 520;
      line-height: 1.3;
      letter-spacing: -.035em;
    }

    #ysb-application-fields .ysb-intro {
      max-width: 560px;
      margin: 0 0 8px;
      color: #617188;
      font-size: 17px;
    }

    #ysb-application-fields .ysb-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-items: end;
      gap: 18px;
      margin-top: 74px;
    }

    #ysb-application-fields .ysb-card {
      position: relative;
      height: 520px;
      min-width: 0;
      overflow: hidden;
      color: #fff;
      background: #094baa;
      box-shadow: 0 22px 50px rgb(2 49 108 / 16%);
      transition: transform 280ms ease, box-shadow 280ms ease;
      -webkit-tap-highlight-color: transparent;
    }

    #ysb-application-fields .ysb-card:nth-child(2),
    #ysb-application-fields .ysb-card:nth-child(4) {
      height: 590px;
    }

    #ysb-application-fields .ysb-card:hover,
    #ysb-application-fields .ysb-card:focus-visible {
      z-index: 2;
      box-shadow: 0 30px 70px rgb(2 49 108 / 24%);
      transform: translateY(-12px);
    }

    #ysb-application-fields .ysb-card:focus-visible {
      outline: 3px solid #2eb9ee;
      outline-offset: 3px;
    }

    #ysb-application-fields .ysb-media,
    #ysb-application-fields .ysb-shade {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #ysb-application-fields .ysb-media {
      overflow: hidden;
      background: #094baa;
    }

    #ysb-application-fields .ysb-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    #ysb-application-fields .ysb-shade {
      background: linear-gradient(180deg, transparent 20%, rgb(5 51 117 / 30%) 55%, rgb(3 38 89 / 93%) 100%);
    }

    #ysb-application-fields .ysb-copy {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: grid;
      grid-template-rows: 1fr auto;
      grid-template-columns: minmax(0, 1fr) auto;
      padding: 28px 26px 34px;
      pointer-events: none;
    }

    #ysb-application-fields .ysb-number {
      color: rgb(255 255 255 / 66%);
      font: 700 12px Arial, sans-serif;
      letter-spacing: .14em;
    }

    #ysb-application-fields .ysb-label {
      grid-row: 2;
      min-width: 0;
    }

    #ysb-application-fields h3 {
      margin: 0;
      color: #fff;
      font-size: 25px;
      font-weight: 600;
      line-height: 1.4;
    }

    #ysb-application-fields .ysb-arrow {
      align-self: end;
      grid-column: 2;
      grid-row: 2;
      width: 22px;
      height: 22px;
    }

    @media (max-width: 1020px) {
      #ysb-application-fields .ysb-card,
      #ysb-application-fields .ysb-card:nth-child(2),
      #ysb-application-fields .ysb-card:nth-child(4) {
        height: 470px;
      }
    }

    @media (max-width: 760px) {
      #ysb-application-fields {
        padding: 88px 0;
      }

      #ysb-application-fields .ysb-shell {
        width: min(calc(100% - 36px), 620px);
      }

      #ysb-application-fields .ysb-heading {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      #ysb-application-fields .ysb-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 50px;
      }

      #ysb-application-fields .ysb-card,
      #ysb-application-fields .ysb-card:nth-child(2),
      #ysb-application-fields .ysb-card:nth-child(4) {
        height: 440px;
      }

      #ysb-application-fields .ysb-copy {
        padding: 22px 18px 26px;
      }

      #ysb-application-fields h3 {
        font-size: 22px;
      }
    }

    @media (max-width: 380px) {
      #ysb-application-fields .ysb-copy {
        padding: 20px 12px 24px;
      }

      #ysb-application-fields h3 {
        font-size: 20px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      #ysb-application-fields .ysb-card {
        transition: none;
      }

      #ysb-application-fields .ysb-card:hover,
      #ysb-application-fields .ysb-card:focus-visible {
        transform: none;
      }
    }