/* =========================================
   home-v3.css — 首页改版：复用现有组件，调整排列
   ========================================= */

/* ==========================================
   大模型矩阵 — 自适应 Grid（去掉轮播）
   ========================================== */
.home-models-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

/* 网格内卡片高度微调 */
.home-models-grid .model-card-v2 {
  height: 360px;
}

@media (max-width: 768px) {
  .home-models-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-models-grid .model-card-v2 { height: 300px; }
}

@media (max-width: 480px) {
  .home-models-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================
   AI产品矩阵 — 1大 + 2×2小 Featured 布局
   ========================================== */
.home-products-featured {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 212px 212px;
  gap: 14px;
}

.home-products-featured__main {
  grid-column: 1;
  grid-row: 1 / 3;
}

/* 覆盖原来固定高度，让卡片撑满格子 */
.home-products-featured .product-card-v2 {
  height: 100%;
}

@media (max-width: 1024px) {
  .home-products-featured {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 280px 200px 200px;
  }
  .home-products-featured__main {
    grid-column: 1 / 3;
    grid-row: 1;
  }
}

@media (max-width: 640px) {
  .home-products-featured {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .home-products-featured__main {
    grid-column: 1;
    grid-row: auto;
  }
  .home-products-featured .product-card-v2 {
    height: 260px;
  }
}

/* ==========================================
   场景落地 — Bento 宫格（复用 solution-card）
   ========================================== */
.home-scene-bento-section {
  padding: 3.75rem 0;
  background: rgba(248, 250, 252, 0.6);
}

.home-scene-bento {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 290px 210px;
  gap: 14px;
}

/* 左大卡：跨两行 */
.home-scene-bento__large {
  grid-column: 1;
  grid-row: 1 / 3;
}

/* 所有格子内的 solution-card 撑满格子 */
.home-scene-bento .solution-card--image {
  height: 100%;
  position: relative;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* 图片区域撑满整张卡 */
.home-scene-bento .solution-card__img-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: unset;
  border-radius: var(--radius-xl);
}

/* 内容区覆盖在图片上 */
.home-scene-bento .solution-card--image .solution-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 18px;
  background: linear-gradient(to top, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.08) 65%, transparent 100%);
  color: #fff;
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  gap: 0;
}

/* 文字颜色覆盖 */
.home-scene-bento .solution-card--image .solution-card__title {
  color: #fff;
  margin-bottom: 6px;
}

.home-scene-bento .solution-card--image .solution-card__subtitle {
  color: rgba(255,255,255,0.75);
  -webkit-line-clamp: 2;
}

.home-scene-bento .solution-card--image .solution-card__link {
  color: rgba(255,255,255,0.88);
  border-top: none;
  padding-top: 0;
  margin-top: 10px;
}

/* 大卡内容字号放大 */
.home-scene-bento__large .solution-card--image .solution-card__content {
  padding: 24px 26px;
}

.home-scene-bento__large .solution-card--image .solution-card__title {
  font-size: 1.375rem;
}

/* hover 时图片缩放（复用原有 img-bg transition） */
.home-scene-bento .solution-card--image:hover .solution-card__img-bg {
  transform: scale(1.04);
}

/* 响应式 */
@media (max-width: 1024px) {
  .home-scene-bento {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 260px 200px 200px;
  }
  .home-scene-bento__large {
    grid-column: 1 / 3;
    grid-row: 1;
  }
}

@media (max-width: 640px) {
  .home-scene-bento {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 10px;
  }
  .home-scene-bento__large {
    grid-column: 1;
    grid-row: auto;
    height: 240px;
  }
  .home-scene-bento > div:not(.home-scene-bento__large) {
    height: 180px;
  }
}