/* 首页与产品场景共用的底部下载区 */
.closing {
  padding: 76px 0 104px;
  border-top: 1px solid var(--line);
  color: var(--charcoal);
  background: var(--cream);
}

.closing h2 {
  max-width: 760px;
  margin: 0 0 36px;
  color: var(--charcoal);
  font-size: var(--text-closing);
  line-height: 1.18;
  letter-spacing: -0.028em;
}

.closing-label {
  margin: 0 0 14px;
  color: var(--muted);
  font-family: var(--sans);
  font-size: 12.5px;
  letter-spacing: 0.04em;
}

.closing-platforms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 100%;
}

.closing-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--cream-light);
  color: var(--charcoal);
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.closing-card:hover {
  border-color: var(--line-strong);
  background: #ffffff;
  transform: translateY(-1px);
}

.closing-card svg {
  flex: none;
  width: 26px;
  height: 26px;
  color: var(--charcoal);
}

.closing-card-text { flex: 1; min-width: 0; }

.closing-card-text strong {
  display: block;
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.closing-card-note {
  display: block;
  min-height: 19px;
  margin-top: 1px;
  color: var(--green);
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.5;
}

.closing-card-action {
  flex: none;
  color: var(--green);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 160ms ease, transform 160ms ease;
  white-space: nowrap;
}

.closing-card:hover .closing-card-action,
.closing-card:focus-visible .closing-card-action {
  opacity: 1;
  transform: none;
}

.closing-card.is-recommended {
  border-color: var(--green);
  background: #ffffff;
  box-shadow: 0 14px 30px -26px rgba(14, 122, 78, 0.5);
}

.closing-card.is-recommended svg {
  color: var(--green);
}

.closing-card.is-recommended .closing-card-note {
  font-weight: 600;
}

.closing-card.is-recommended .closing-card-action {
  opacity: 1;
  transform: none;
}

@media (hover: none) {
  .closing-card-action { opacity: 1; transform: none; }
}

.closing-note {
  margin: 20px 0 0;
  font-family: var(--sans);
  font-size: 14px;
}

.closing-note a { color: var(--green); }

@media (max-width: 760px) {
  .closing { padding: 56px 0 72px; }
  .closing-platforms { grid-template-columns: 1fr; }
  .closing-actions { min-width: 0; }
}