/*
 * Machine 卡片样式
 * 冻结自: echomachinery.com/en/packaging-machines/
 * data-astro-cid: g6x3lt2p (卡片), 45ckyiuw (网格)
 * 
 * 注: archive.css 和 pouch-related-machines.css 也有这份样式，
 *     为了保证 archive-grid widget 正确加载，这里单独再定义一份。
 */

/* 网格布局 */
.mc-grid[data-astro-cid-45ckyiuw] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}

/* 卡片 */
.mc-card[data-astro-cid-g6x3lt2p] {
  background: var(--surface-alt);
  border-radius: var(--radius-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-border);
  transition: all var(--transition-slow);
  text-decoration: none;
}

.mc-card[data-astro-cid-g6x3lt2p]:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand);
}

/* 图片区域 */
.mc-card-img[data-astro-cid-g6x3lt2p] {
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.mc-card-img[data-astro-cid-g6x3lt2p] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 内容区 */
.mc-card-body[data-astro-cid-g6x3lt2p] {
  padding: var(--space-5);
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 标题 */
.mc-card-title[data-astro-cid-g6x3lt2p] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 var(--space-2);
  transition: color var(--transition);
}

.mc-card[data-astro-cid-g6x3lt2p]:hover .mc-card-title[data-astro-cid-g6x3lt2p] {
  color: var(--brand);
}

/* 速度/副标题 */
.mc-speed[data-astro-cid-g6x3lt2p] {
  font-size: 13px;
  font-weight: 600;
  color: var(--brand);
  margin: 0 0 var(--space-2);
}

/* 描述 */
.mc-desc[data-astro-cid-g6x3lt2p] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 标签徽章 */
.card-tag[data-astro-cid-g6x3lt2p] {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--brand-blue, #036edc);
  background: var(--brand-blue-subtle, rgba(3, 110, 220, 0.08));
  border: 1px solid var(--brand-blue-border, rgba(3, 110, 220, 0.3));
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: var(--space-2);
}

/* 响应式 */
@media (max-width: 768px) {
  .mc-grid[data-astro-cid-45ckyiuw] {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
}

@media (max-width: 480px) {
  .mc-grid[data-astro-cid-45ckyiuw] {
    grid-template-columns: 1fr;
  }

  .mc-card-title[data-astro-cid-g6x3lt2p] {
    font-size: 16px;
  }
}