/* kenda_companyIntro 组件样式 */
.kenda_companyIntro {
  padding: 120px 0;
}

/* ========== 标题区 ========== */
.kenda_companyIntro-head {
  text-align: center;
  margin-bottom: 60px;
}

.kenda_companyIntro-title {
  margin: 0;
  color: var(--title-text-color);
  font-family: var(--font-family);
  text-align: center;
  font-size: 64px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.kenda_companyIntro-subtitle {
  max-width: 911px;
  margin:  0 auto;
  color: #475569;
  text-align: center;
  /* 副标题-大标题 */
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 160% */
  text-transform: capitalize;
}

/* ========== 宫格卡片：5 列 / 40px 间距 ========== */
.kenda_companyIntro-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.kenda_companyIntro-item {
  height: 365px;
  padding: 32px 24px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #475569;
  transition: color 0.3s ease;
}

.kenda_companyIntro-letter {
  display: block;
  margin-bottom: 18px;
  color: #0F172A;
  /* 大标题 */
  font-family: var(--second-font-family);
  font-size: 64px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease;
}

.kenda_companyIntro-item-title {
  margin: 0 0 16px;
  color: #0F172A;
  /* 文字标题 */
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  transition: color 0.3s ease;
}

.kenda_companyIntro-item-desc {
  margin: 0;
  color: #475569;
  /* 文字正文 */
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease;
  height: 130px;
  overflow-y: auto;
}

.kenda_companyIntro-item-desc::-webkit-scrollbar {
  width: 8px;
}

.kenda_companyIntro-item-desc::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.05);
  border-radius: 4px;
  margin: 10px 0;
}

.kenda_companyIntro-item-desc::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  transition: background 0.3s;
}

.kenda_companyIntro-item-desc::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.4);
}


/* hover：卡片内文字整体变主题色 */
.kenda_companyIntro-item:hover .kenda_companyIntro-letter,
.kenda_companyIntro-item:hover .kenda_companyIntro-item-title,
.kenda_companyIntro-item:hover .kenda_companyIntro-item-desc {
  color: var(--color-second);
}

/* ========== 响应式：仅调整宫格列数 ========== */
@media screen and (max-width: 1200px) {
  .kenda_companyIntro-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .kenda_companyIntro-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 576px) {
  .kenda_companyIntro-list {
    grid-template-columns: 1fr;
  }
}