/*=============================
AI人才方舟 Card - 數位內容開發
==============================*/

.program-intro-section {

  background:

    radial-gradient(circle at right top,
      rgba(166, 195, 145, .18),
      transparent 35%),

    linear-gradient(180deg,
      #F7FBFC,
      #ffffff);

}

.program-intro-head {

  display: flex;

  align-items: center;

  gap: 30px;

}

.intro-icon {

  width: 110px;

  height: 110px;

  border-radius: 50%;

  background: #ECF8F5;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 3rem;

  color: #5D9B84;

}

.program-title {

  font-size: 2.6rem;

  font-weight: 800;

  color: #1F3F4D;

}

.program-title-line {

  width: 150px;

  height: 6px;

  margin: 15px 0 20px;

  border-radius: 50px;

  background:

    linear-gradient(90deg,
      #5D98B4,
      #A6C391);

}

.program-subtitle {

  font-size: 1.15rem;

  color: #61717A;

  line-height: 1.8;

}

.program-card {

  background: #fff;

  border-radius: 28px;

  padding: 40px;

  box-shadow:

    0 15px 40px rgba(0, 0, 0, .08);

  position: relative;

  overflow: hidden;

}

.program-card:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 10px;

  height: 100%;

  background:

    linear-gradient(180deg,
      #5D98B4,
      #A6C391);

}

.program-image {

  padding: 20px;

}

.program-image img {

  border-radius: 18px;

}

.program-content {

  padding-left: 30px;

  position: relative;

}

.program-number {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background:

    linear-gradient(135deg,
      #5D98B4,
      #A6C391);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 2rem;

  font-weight: 700;

  margin-bottom: 20px;

}

.program-content h3 {

  font-size: 2rem;

  font-weight: 700;

  color: #1F3F4D;

  margin-bottom: 15px;

}

.program-card-line {

  width: 60px;

  height: 5px;

  border-radius: 50px;

  background:

    linear-gradient(90deg,
      #5D98B4,
      #A6C391);

  margin-bottom: 25px;

}

.program-content .ql-editor {

  padding: 0;

  font-size: 1.1rem;

  line-height: 2;

  color: #37474F;

}

@media(max-width:991px) {

  .program-intro-head {

    display: block;

  }

  .intro-icon {

    margin-bottom: 20px;

  }

  .program-content {

    padding-left: 0;

    margin-top: 30px;

  }

}