/* JIYUAN website prototype V5 visual polish.
 * This layer preserves the approved launch-stage direction while improving
 * product hierarchy, human warmth, mobile length, and evidence readability.
 */

.hero-trust,
.inner-trust {
  width: fit-content;
  max-width: 100%;
  padding: 9px 12px;
  color: #c9d5e8;
  background: rgba(255, 128, 88, 0.075);
  border: 1px solid rgba(255, 145, 108, 0.14);
  border-radius: 12px;
}

.entry-card-business {
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 131, 90, 0.18), transparent 32%),
    linear-gradient(145deg, #fffaf7, #ffffff 66%);
  border-color: rgba(242, 197, 177, 0.82);
}

.entry-card-business::after {
  background: rgba(255, 107, 61, 0.1);
}

.entry-card-business .entry-icon {
  color: var(--orange-500);
  background: #fff0e8;
}

.entry-card-business span {
  color: #e85e34;
}

.entry-card-developer::after {
  background: rgba(47, 124, 255, 0.08);
}

.entry-card-developer .entry-icon {
  color: var(--blue-600);
  background: #edf4ff;
}

.entry-card-developer span {
  color: var(--blue-600);
}

.inner-copy h1 {
  font-size: clamp(51px, 6.15vw, 81px);
  text-wrap: balance;
}

.inner-copy h1 > span {
  text-wrap: balance;
}

.control-row small {
  font-size: 13px;
}

.product-english,
.stage-kicker,
.portfolio-topline,
.evidence-status,
.detail-status {
  font-size: max(11px, 0.7rem);
}

.product-card:nth-child(6),
.portfolio-card:nth-child(6) {
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 123, 79, 0.16), transparent 35%),
    linear-gradient(145deg, #fff9f5, #ffffff 70%);
  border-color: rgba(242, 197, 177, 0.78);
}

.screen-overview img,
.image-preview-overview img,
.cms-public-evidence-figure img {
  object-fit: contain;
}

.image-preview-overview {
  overflow: hidden;
  background: #050b14;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
}

.image-preview-overview img {
  border: 0;
  border-radius: 0;
}

.image-preview-overview figcaption {
  padding-inline: 2px;
}

html[data-jiyuan-route*="/products/unified-ai-api"] .inner-copy h1 {
  font-size: clamp(49px, 5.46vw, 71px);
}

.inner-page > .inner-section.mist .detail-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--line);
}

.inner-page > .inner-section.mist .detail-grid .detail-card {
  min-height: 0;
  padding: 26px 0;
  display: grid;
  grid-template-columns: 44px 38px minmax(180px, 0.34fr) 1fr;
  gap: 18px;
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}

.inner-page > .inner-section.mist .detail-grid .detail-card > span,
.inner-page > .inner-section.mist .detail-grid .detail-card > svg,
.inner-page > .inner-section.mist .detail-grid .detail-card h3,
.inner-page > .inner-section.mist .detail-grid .detail-card p {
  margin: 0;
}

@media (min-width: 1121px) {
  .product-grid,
  .portfolio-index {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;
  }

  .product-grid > :nth-child(1),
  .product-grid > :nth-child(2),
  .portfolio-index > :nth-child(1),
  .portfolio-index > :nth-child(2) {
    grid-column: span 6;
    min-height: 390px;
  }

  .product-grid > :nth-child(3),
  .product-grid > :nth-child(4),
  .portfolio-index > :nth-child(3),
  .portfolio-index > :nth-child(4) {
    grid-column: span 6;
  }

  .product-grid > :nth-child(5),
  .portfolio-index > :nth-child(5) {
    grid-column: span 7;
  }

  .product-grid > :nth-child(6),
  .portfolio-index > :nth-child(6) {
    grid-column: span 5;
  }
}

@media (max-width: 620px) {
  .hero-section {
    min-height: 0;
    padding-bottom: 112px;
  }

  .hero-visual {
    min-height: 410px;
  }

  .control-row {
    min-height: 72px;
  }

  .control-row:nth-child(4) {
    display: none;
  }

  .entry-bridge {
    margin-top: 48px;
  }

  .product-card {
    min-height: 360px;
  }

  .inner-page {
    padding-bottom: calc(84px + env(safe-area-inset-bottom));
  }

  body.modal-open .mobile-cta-bar,
  body.menu-open .mobile-cta-bar {
    display: none !important;
  }

  .inner-copy h1 {
    font-size: clamp(43px, 13.14vw, 49px);
    line-height: 1.02;
    letter-spacing: -0.052em;
  }

  html[data-jiyuan-route*="/products/unified-ai-api"] .inner-copy h1 {
    font-size: clamp(41px, 11.87vw, 45px);
  }

  .inner-page > .inner-section.mist .detail-grid .detail-card {
    grid-template-columns: 30px 34px 1fr;
    gap: 12px;
  }

  .inner-page > .inner-section.mist .detail-grid .detail-card p {
    grid-column: 3;
  }
}