.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard {
  display: flex;
  flex-direction: column;
  color: inherit;
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__media, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__media, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--ali-radius-md);
  background: var(--ali-muted);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__media img, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__media img, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--ali-dur-panel) var(--ali-ease-out);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard:hover .ali-blogcard__media img, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard:hover .ali-blogcard__media img, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard:hover .ali-blogcard__media img {
  transform: scale(1.04);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__ph, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__ph, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ali-tertiary);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__body, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__body, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: var(--ali-space-xs);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__meta, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__meta, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  letter-spacing: 0.02em;
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__cat, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__cat, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__cat {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--ali-radius-full);
  background: var(--ali-muted);
  color: var(--ali-on-surface);
  font-weight: var(--ali-weight-medium);
  text-decoration: none;
  transition: background-color var(--ali-dur-fast) var(--ali-ease-out-soft);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__cat:hover, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__cat:hover, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__cat:hover {
  background: var(--ali-border);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__date, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__date, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__date {
  color: var(--ali-tertiary);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__title, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__title, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__title {
  margin: 0;
  font-weight: var(--ali-weight-medium);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: inherit;
  text-decoration: none;
  transition: color var(--ali-dur-fast) var(--ali-ease-out-soft);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__title:hover, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__title:hover, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__title:hover {
  color: var(--ali-tertiary);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__excerpt, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__excerpt, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__excerpt {
  margin: 0;
  font-weight: var(--ali-weight-body);
  line-height: 1.5;
  color: var(--ali-tertiary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__more, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__more, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-weight: var(--ali-weight-medium);
  letter-spacing: 0.04em;
  color: var(--ali-primary);
  text-decoration: none;
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__more svg, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__more svg, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__more svg {
  transition: transform var(--ali-dur-base) var(--ali-spring-lo);
}

.cc_xqaduz1e_dQ1kl25bgx .ali-blogcard__more:hover svg, .cc_xqaduz1e_T0Azqj6rc6 .ali-blogcard__more:hover svg, .cc_xqaduz1e_Hxv5AlyXye .ali-blogcard__more:hover svg {
  transform: translateX(4px);
}