/* NOVA3D 珠宝铸造 3D 打印应用详情页 — 阶段 3: Header + Hero + Definition */

@font-face {
  font-family: "MiSans";
  src: url("/static/fonts/miSans.woff") format("woff"),
       url("/static/fonts/miSans.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* === 基础变量 === */

.jc-main {
  font-family: "PingFang SC", Arial, sans-serif;
}

/* 珠宝页面所有模块统一以 PingFang SC 为最高优先级。 */
.applications-page-header,
.applications-page-header *,
.jc-main,
.jc-main *,
.jc-contact,
.jc-contact *,
.jc-footer,
.jc-footer * {
  font-family: "PingFang SC", "MiSans", "Microsoft YaHei", Arial, sans-serif !important;
}
.jc-main h1,
.jc-main h2,
.jc-main h3 {
  font-family: "PingFang SC", "MiSans", Arial, sans-serif;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  border: 0;
  background: none;
  cursor: pointer;
}
.jc-main {
  display: block;
}

/* === Header(与集合页共用同一套类名/样式/交互) === */
.applications-page-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 56px;
  color: #fff;
  background: #000;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

.applications-page-header-inner {
  display: flex;
  align-items: center;
  width: min(1820px, calc(100% - 64px));
  height: 100%;
  margin: 0 auto;
}

.applications-page-logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 160px;
  height: 44px;
}

.applications-page-logo img {
  width: 160px;
  height: 20px;
  object-fit: contain;
}

.applications-page-primary-navigation {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(22px, 2.0833vw, 40px);
  height: 100%;
  margin: 0 auto;
}

.applications-page-primary-navigation a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

/* 导航下拉小箭头:设计 8×4 #AFAFAF,文字右侧 6px,垂直居中 */
.applications-page-primary-navigation a span,
.applications-page-language span {
  flex: 0 0 auto;
  width: 8px;
  height: 4px;
  margin-left: 6px;
  background: #afafaf;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.applications-page-primary-navigation a:hover {
  color: #0097e0;
}

.applications-page-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 24px;
}

.applications-page-language {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.applications-page-store {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  min-height: 30px;
  border-radius: 10px;
  color: #fff;
  background: #00ae42;
  font-size: 14px;
  font-weight: 500;
}

.applications-page-menu-toggle {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.applications-page-menu-toggle span {
  width: 22px;
  height: 2px;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.applications-page-menu-toggle[aria-expanded="true"] span:first-child {
  transform: translateY(7px) rotate(45deg);
}

.applications-page-menu-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.applications-page-menu-toggle[aria-expanded="true"] span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

/* === Hero === */
.jc-hero {
  position: relative;
  width: 100%;
  height: clamp(520px, 51.0416667vw, 980px);
  overflow: hidden;
  background: var(--jc-black);
}
.jc-hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.jc-hero__video[src=""],
.jc-hero__video:not([src]),
.jc-hero__video[src="pending"] {
  display: none;
}
.jc-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .35);
}
.jc-hero__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  text-align: center;
}
.jc-hero__title {
  position: absolute;
  left: 0;
  right: 0;
  top: min(388px, 20.2083333vw);
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "PingFang SC", "MiSans", Arial, sans-serif;
  font-size: clamp(24px, 1.88vw, 36px);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.jc-hero__sub {
  position: absolute;
  left: 0;
  right: 0;
  top: min(455px, 23.6979167vw);
  max-width: 1060px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  font-size: clamp(14px, .83vw, 16px);
  font-weight: 400;
  line-height: 1.875;
}
.jc-hero__actions {
  position: absolute;
  left: 0;
  right: 0;
  top: min(541px, 28.1770833vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(10px, 1vw, 20px);
  margin: 0;
  padding: 0;
}
.jc-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(140px, 10.4vw, 200px);
  height: clamp(42px, 2.6vw, 50px);
  border-radius: 25px;
  color: #fff;
  background: var(--jc-blue);
  font-size: clamp(14px, .83vw, 16px);
  font-weight: 500;
  transition: background .15s;
}
.jc-hero__btn:hover,
.jc-hero__btn:focus-visible {
  background: var(--jc-blue-hover);
}

/* === Definition === */
.jc-definition {
  padding: clamp(32px, 4vw, 80px) 16px;
  background: #fff;
}
.jc-definition__inner {
  width: var(--jc-wide);
  max-width: 1380px;
  margin: 0 auto;
  text-align: center;
}
.jc-definition__title {
  margin: 0;
  color: var(--jc-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.jc-definition__body {
  max-width: 1100px;
  margin: clamp(16px, 1.9vw, 37px) auto 0;
  color: var(--jc-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.14;
}

/* === 场景切换 === */
.jc-visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
.jc-scenes {
  padding: 40px 16px 60px;
  background: #f5f5f5;
}
.jc-scenes__stage {
  position: relative;
  width: min(1380px, calc(100% - 128px));
  margin: 0 auto;
}
.jc-scenes__swiper {
  width: 100%;
  overflow: hidden;
}
.jc-scenes__swiper > .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.jc-scenes__panel {
  display: grid;
  grid-template-columns: minmax(0, 32fr) minmax(0, 105fr);
  grid-template-rows: minmax(0, 1fr);
  column-gap: 10px;
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: visible;
  background: transparent;
  flex: 0 0 100%;
}
.jc-scenes__info {
  padding: clamp(20px, 2.6vw, 50px) clamp(16px, 1.5vw, 29px);
  background: #333;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.jc-scenes__info-title {
  margin: 0;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 700;
  line-height: 1.25;
}
.jc-scenes__info-desc {
  margin: clamp(10px, .8vw, 15px) 0 0;
  font-size: clamp(13px, .73vw, 14px);
  line-height: 28px;
  color: #999;
}
.jc-scenes__info-section {
  margin-top: clamp(14px, 1.2vw, 24px);
}
.jc-scenes__info-label {
  margin: 0;
  font-size: clamp(14px, .83vw, 16px);
  color: #999;
  line-height: 1.6;
}
.jc-scenes__info-products {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}
.jc-scenes__info-products span {
  font-size: clamp(14px, .83vw, 16px);
  color: #0097e0;
  font-weight: 500;
  line-height: 1.6;
}
.jc-scenes__info-struct {
  margin: 4px 0 0;
  font-size: clamp(13px, .73vw, 14px);
  line-height: 30px;
  color: #fff;
}
.jc-scenes__visual {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2100 / 1576;
}
.jc-scenes__visual-img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (min-width: 1024px) {
  .jc-scenes__info,
  .jc-scenes__visual {
    border-radius: 15px;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .jc-scenes {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .jc-scenes__info {
    padding: 50px 29px;
  }
  .jc-scenes__info-desc {
    margin-top: 15px;
  }
  .jc-scenes__info-section {
    margin-top: 39px;
  }
  .jc-scenes__info-products {
    margin-top: 20px;
  }
  .jc-scenes__info-struct {
    margin-top: 19px;
  }
}

.jc-scenes__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 44px;
  height: 64px;
  border: 0;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .7;
  transition: opacity .15s;
}
.jc-scenes__arrow:hover,
.jc-scenes__arrow:focus-visible {
  opacity: 1;
}
.jc-scenes__arrow img {
  width: 34px;
  height: 62px;
  pointer-events: none;
}
.jc-scenes__arrow--prev {
  left: -48px;
}
.jc-scenes__arrow--next {
  right: -48px;
}
.jc-scenes__tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 16px;
  width: min(1380px, calc(100% - 48px));
  margin: clamp(16px, 1.2vw, 24px) auto 0;
}
.jc-scenes__tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 158px;
  height: 80px;
  min-height: 80px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  transition: none;
}
.jc-scenes__tab[aria-selected="true"],
.jc-scenes__tab:not([aria-selected="true"]),
.jc-scenes__tab:not([aria-selected="true"]):hover {
  background: transparent;
}
.jc-scenes__tab-icon {
  width: 60px;
  height: 80px;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
}
.jc-scenes__tab-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  flex: 1;
  padding-left: 14px;
}
.jc-scenes__tab-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  white-space: nowrap;
}
.jc-scenes__tab-resin {
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}
.jc-scenes__tab[aria-selected="true"] .jc-scenes__tab-name {
  color: #0097e0;
}
.jc-scenes__tab[aria-selected="true"] .jc-scenes__tab-resin {
  color: #0097df;
}
.jc-scenes__tab:not([aria-selected="true"]) .jc-scenes__tab-name {
  color: #333;
}
.jc-scenes__tab:not([aria-selected="true"]) .jc-scenes__tab-resin {
  color: #666;
}
.jc-scenes__tab:focus {
  outline: none;
}
.jc-scenes__tab:focus-visible {
  outline: 2px solid #0097e0;
  outline-offset: 2px;
}

@media (min-width: 1200px) {
  .jc-scenes__tabs {
    width: min(1298px, calc(100% - 128px));
    margin-top: 40px;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0;
  }
  .jc-scenes__tab {
    flex: 0 0 158px;
    width: 158px;
    height: 80px;
    min-height: 80px;
    padding: 0;
    background: transparent;
  }
  .jc-scenes__tab[aria-selected="true"],
  .jc-scenes__tab:not([aria-selected="true"]),
  .jc-scenes__tab:not([aria-selected="true"]):hover {
    background: transparent;
  }
}

/* 场景响应式 */
@media (max-width: 1199px) {
  .jc-scenes__stage {
    width: calc(100% - 64px);
  }
  .jc-scenes__panel {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    column-gap: 0;
    row-gap: 16px;
    height: auto;
  }
  .jc-scenes__info {
    flex: auto;
    order: 1;
    padding: 24px 20px 28px;
  }
  .jc-scenes__visual {
    order: 0;
    height: auto;
    aspect-ratio: 2100 / 1576;
  }
  .jc-scenes__tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 8px 4px;
    scroll-padding-inline: 8px;
  }
  .jc-scenes__tabs::-webkit-scrollbar {
    display: none;
  }
  .jc-scenes__tab {
    flex: 0 0 158px;
    flex-shrink: 0;
    width: 158px;
  }
  .jc-scenes__arrow {
    top: 45%;
  }
  .jc-scenes__arrow--prev {
    left: -6px;
  }
  .jc-scenes__arrow--next {
    right: -6px;
  }
}
@media (max-width: 767px) {
  .jc-scenes {
    padding: 28px 12px 40px;
  }
  .jc-scenes__stage {
    width: calc(100% - 48px);
  }
  .jc-scenes__panel {
    border-radius: 10px;
  }
  .jc-scenes__visual {
    height: auto;
    aspect-ratio: 2100 / 1576;
  }
  .jc-scenes__arrow {
    width: 36px;
    height: 48px;
  }
  .jc-scenes__arrow img {
    width: 26px;
    height: 48px;
  }
  .jc-scenes__arrow--prev {
    left: -10px;
  }
  .jc-scenes__arrow--next {
    right: -10px;
  }
  .jc-scenes__tabs {
    gap: 12px;
    padding: 0 8px 4px;
    scroll-padding-inline: 8px;
  }
  .jc-scenes__tabs::-webkit-scrollbar { display: none; }
}
@media (max-width: 430px) {
  .jc-scenes__tabs {
    gap: 10px;
  }
}
/* === 蓝湖珠宝页正式切图：透明画布与设计框精确映射 === */
.jc-value-card__img,
.jc-workflow-card__img,
.jc-eco-card-big__img,
.jc-eco-card-small__img,
.jc-sample-feature__media,
.jc-case-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.jc-eco-card-big__img,
.jc-eco-card-small__img {
  position: absolute;
  inset: 0;
}

img.jc-design-asset {
  position: absolute;
  display: block;
  max-width: none;
  width: var(--asset-canvas-width, 100%);
  height: var(--asset-canvas-height, 100%);
  left: var(--asset-canvas-left, 0);
  top: var(--asset-canvas-top, 0);
  object-fit: contain;
  object-position: center;
}

/* 应用价值卡片：图片元素始终限制在自己的媒体容器内。 */
.jc-value-card__img > img.jc-design-asset {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 其余卡片媒体：沿用应用价值模块的完整图片约束方式。 */
.jc-workflow-card__img > img.jc-design-asset,
.jc-eco-card-big__img > img.jc-design-asset,
.jc-eco-card-small__img > img.jc-design-asset,
.jc-sample-feature__media > img.jc-design-asset,
.jc-case-card__img > img.jc-design-asset {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 生态、样件及案例模块：图片始终铺满媒体容器，并由容器裁切溢出部分。 */
.jc-eco-card-big__img > img.jc-design-asset,
.jc-eco-card-small__img > img.jc-design-asset,
.jc-sample-feature__media > img.jc-design-asset,
.jc-case-card__img > img.jc-design-asset {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}

.jc-design-asset--value-1 { --asset-canvas-width: 264.671%; --asset-canvas-height: 235.060%; --asset-canvas-left: -44.611%; --asset-canvas-top: -95.219%; }
.jc-design-asset--value-2 { --asset-canvas-width: 200%; --asset-canvas-height: 251.394%; --asset-canvas-left: -46.108%; --asset-canvas-top: -89.641%; }
.jc-design-asset--value-3 { --asset-canvas-width: 105.689%; --asset-canvas-height: 187.649%; --asset-canvas-left: -4.192%; --asset-canvas-top: -50.199%; }
.jc-design-asset--value-4 { --asset-canvas-width: 129.940%; --asset-canvas-height: 230.677%; --asset-canvas-left: -18.563%; --asset-canvas-top: -79.681%; }

.jc-design-asset--workflow-1 { --asset-canvas-width: 118.386%; --asset-canvas-height: 157.848%; --asset-canvas-left: -4.933%; --asset-canvas-top: -7.175%; }
.jc-design-asset--workflow-2 { --asset-canvas-width: 126.233%; --asset-canvas-height: 168.161%; --asset-canvas-left: -10.314%; --asset-canvas-top: -9.865%; }
.jc-design-asset--workflow-3 { --asset-canvas-width: 108.520%; --asset-canvas-height: 286.996%; --asset-canvas-left: -3.587%; --asset-canvas-top: -91.031%; }
.jc-design-asset--workflow-4 { --asset-canvas-width: 100.673%; --asset-canvas-height: 113.453%; --asset-canvas-left: -0.224%; --asset-canvas-top: -8.072%; }
.jc-design-asset--workflow-5 { --asset-canvas-width: 176.233%; --asset-canvas-height: 198.206%; --asset-canvas-left: -44.843%; --asset-canvas-top: -30.493%; }
.jc-design-asset--workflow-6 { --asset-canvas-width: 102.242%; --asset-canvas-height: 363.677%; --asset-canvas-left: -0.897%; --asset-canvas-top: -103.139%; }

.jc-design-asset--eco-gem { --asset-canvas-width: 105%; --asset-canvas-height: 117.009%; --asset-canvas-left: -5%; }
.jc-design-asset--eco-full { --asset-canvas-width: 100%; --asset-canvas-height: 100%; }
.jc-design-asset--eco-novahandy { --asset-canvas-width: 111.659%; --asset-canvas-height: 114.350%; --asset-canvas-left: -11.659%; }
.jc-design-asset--eco-novacloud { --asset-canvas-width: 100.897%; --asset-canvas-height: 184.753%; --asset-canvas-left: -0.897%; --asset-canvas-top: -15.247%; }
.jc-design-asset--sample { --asset-canvas-width: 165.509%; --asset-canvas-height: 124.298%; --asset-canvas-left: -31.017%; --asset-canvas-top: -2.645%; }
.jc-design-asset--case-1 { --asset-canvas-width: 131.614%; --asset-canvas-height: 203.587%; --asset-canvas-left: -19.507%; --asset-canvas-top: -54.709%; }
.jc-design-asset--case-2 { --asset-canvas-width: 106.951%; --asset-canvas-height: 285.650%; --asset-canvas-left: -0.673%; --asset-canvas-top: -86.099%; }
.jc-design-asset--case-3 { --asset-canvas-width: 170.852%; --asset-canvas-height: 280.269%; --asset-canvas-left: -38.341%; --asset-canvas-top: -102.242%; }

.jc-scenes__visual.is-pending::after {
  content: attr(data-pending-label);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #999;
  font-size: 16px;
  background: #e8e8e8;
}

@media (min-width: 1200px) {
  .jc-newsletter {
    display: grid;
    grid-template-columns: 550px 548px;
    justify-content: space-between;
    align-items: start;
  }
  .jc-newsletter > form {
    width: 548px;
    justify-self: end;
  }
  .jc-newsletter__fields {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jc-scenes__arrow {
    transition: none;
  }
  .jc-scenes__tab {
    transition: none;
  }
}

/* === 行业痛点对比 === */
.jc-comparison {
  padding: clamp(32px, 4vw, 60px) 16px;
  background: #fff;
}
.jc-comparison__panel {
  position: relative;
  display: grid;
  grid-template-columns: 689px 689px;
  justify-content: center;
  width: min(1380px, calc(100% - 32px));
  margin: 0 auto;
  padding: 1px 0;
  height: 302px;
  border-radius: 10px;
  overflow: hidden;
}
.jc-comparison__side {
  padding: 0;
}
.jc-comparison__side-title {
  margin: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}
.jc-comparison__side--old .jc-comparison__side-title {
  background: #dbdbdb;
  color: #333;
  border-radius: 0 0 0 10px;
}
.jc-comparison__side--new .jc-comparison__side-title {
  background: #0097e0;
  color: #fff;
  border-radius: 0 0 10px 0;
}
.jc-comparison__list {
  margin: 0;
  padding: 16px 20px;
  list-style: none;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  min-height: 240px;
}
.jc-comparison__side--old .jc-comparison__list {
  padding: 16px 60px 16px 20px;
  background: #f5f5f5;
  border-radius: 0 0 0 10px;
}
.jc-comparison__side--new .jc-comparison__list {
  padding: 16px 20px 16px 60px;
  background: #d6f2ff;
  border-radius: 0 0 10px 0;
}
.jc-comparison__list li {
  display: grid;
  grid-template-columns: clamp(80px, 8vw, 140px) 1fr;
  align-items: center;
  gap: clamp(8px, 1vw, 20px);
  padding: 2px 0;
}
.jc-comparison__list li strong {
  font-size: clamp(14px, .83vw, 16px);
  color: #333;
  text-align: right;
  line-height: 1.4;
}
.jc-comparison__list li span {
  font-size: clamp(13px, .73vw, 14px);
  color: #555;
  line-height: 1.6;
}
.jc-comparison__vs {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 86px;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.jc-comparison__vs img {
  width: 86px;
  height: 116px;
  object-fit: contain;
}

/* 对比响应式 */
/* ≤1199 纵向排列:桌面 1380×302 双列仅 ≥1200 保留 */
@media (max-width: 1199px) {
  .jc-comparison {
    width: 100%;
    max-width: 100%;
    padding: clamp(28px, 4vw, 48px) 16px;
    box-sizing: border-box;
  }
  .jc-comparison__panel {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    row-gap: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  .jc-comparison__side {
    width: 100%;
    min-width: 0;
    height: auto;
  }
  .jc-comparison__side--old .jc-comparison__side-title {
    border-radius: 10px 10px 0 0;
  }
  .jc-comparison__side--new .jc-comparison__side-title {
    border-radius: 0;
  }
  .jc-comparison__side--old .jc-comparison__list {
    border-radius: 0;
  }
  .jc-comparison__side--new .jc-comparison__list {
    border-radius: 0 0 10px 10px;
  }
  .jc-comparison__side--old .jc-comparison__list,
  .jc-comparison__side--new .jc-comparison__list {
    padding: 16px 20px;
  }
  .jc-comparison__list {
    grid-template-rows: none;
    min-height: 0;
    gap: 2px;
  }
  .jc-comparison__list li {
    grid-template-columns: minmax(0, 140px) minmax(0, 1fr);
    min-width: 0;
  }
  .jc-comparison__list li strong,
  .jc-comparison__list li span {
    min-width: 0;
    overflow-wrap: break-word;
  }
  .jc-comparison__vs {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    height: 48px;
    margin: 4px 0;
    z-index: 2;
  }
  .jc-comparison__vs img {
    width: 48px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .jc-comparison__panel {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0;
  }
  .jc-comparison__vs {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    height: 48px;
    margin: -8px 0;
    z-index: 2;
  }
  .jc-comparison__vs img {
    width: 48px;
    height: 64px;
  }
  .jc-comparison__list li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .jc-comparison__list li strong {
    text-align: left;
  }
}

/* === 应用价值 === */
.jc-values {
  padding: clamp(32px, 4vw, 60px) 16px;
  background: #fff;
}
.jc-values__inner {
  width: min(1380px, calc(100% - 32px));
  margin: 0 auto;
}
.jc-values__title {
  margin: 0 0 clamp(24px, 2.8vw, 53px);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}
.jc-values__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(8px, .7vw, 14px);
}
.jc-value-card {
  border-radius: 10px;
  overflow: hidden;
}
.jc-value-card__img {
  width: 100%;
  aspect-ratio: 334 / 251;
  background: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jc-value-card__img[data-asset-status="pending"]::after {
  content: attr(aria-label);
  font-size: 14px;
  color: #999;
  text-align: center;
  padding: 12px;
}
.jc-value-card h3 {
  margin: 12px 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  line-height: 1.3;
}
.jc-value-card p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.71;
}

@media (max-width: 1023px) {
  .jc-values__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639px) {
  .jc-values__grid {
    grid-template-columns: 1fr;
  }
}

/* === 工作流程 === */
.jc-workflow {
  padding: min(71px, 3.7vw) 16px min(66px, 3.44vw);
  background: #f5f5f5;
  scroll-margin-top: 56px;
}
.jc-workflow__inner {
  width: min(1380px, calc(100% - 32px));
  margin: 0 auto;
}
.jc-workflow__header {
  text-align: center;
  margin-bottom: min(24px, 1.25vw);
}
.jc-workflow__title {
  margin: 0;
  font-size: clamp(20px, 1.25vw, 24px);
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}
.jc-workflow__sub {
  max-width: 1060px;
  margin: min(12px, 0.63vw) auto 0;
  font-size: clamp(13px, .73vw, 14px);
  color: #666;
  line-height: 1.71;
}
.jc-workflow__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px;
}
.jc-workflow-card {
  display: flex;
  flex-direction: column;
}
.jc-workflow-card__img {
  position: relative;
  width: 100%;
  aspect-ratio: 446 / 223;
  border-radius: 10px;
  overflow: hidden;
  background: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jc-workflow-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.jc-workflow-card__play {
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
}
.jc-workflow-card__play::before {
  content: "";
  position: absolute;
  inset: -2px;
}
.jc-workflow-card__play::after {
  content: "";
  position: relative;
  display: block;
  width: 0; height: 0;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-left: 2px;
}
.jc-workflow-card__play:hover,
.jc-workflow-card__play:focus-visible {
  background: rgba(0,0,0,.85);
}
.jc-workflow-card__body {
  padding: 12px 0 0;
  min-height: clamp(95px, 6.9vw, 133px);
}
.jc-workflow-card__body h3 {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(16px, .94vw, 18px);
  font-weight: 700;
  color: #333;
  line-height: 1.3;
}
.jc-workflow-card__link {
  font-size: clamp(13px, .73vw, 14px);
  color: #0097e0;
  font-weight: 400;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 4px 0 4px 16px;
  white-space: nowrap;
}
.jc-workflow-card__link::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-left: 1px solid currentColor;
  border-top: 1px solid currentColor;
  transform: rotate(135deg);
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.jc-workflow-card__body p {
  margin: clamp(6px, .5vw, 10px) 0 0;
  font-size: clamp(13px, .73vw, 14px);
  color: #333;
  line-height: 1.71;
}

/* 蓝湖 1920px 工作流程模块参数。 */
@media (min-width: 1200px) {
  .jc-workflow {
    height: auto;
    min-height: 984px;
    padding: 71px 16px 79px;
    box-sizing: border-box;
  }
  .jc-workflow__inner {
    width: min(1380px, calc(100% - 32px));
  }
  .jc-workflow__header {
    margin-bottom: 20px;
  }
  .jc-workflow__title {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    color: #333;
  }
  .jc-workflow__sub {
    width: min(1059px, 100%);
    margin-top: 17px;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    color: #666;
  }
  .jc-workflow__grid {
    column-gap: 21px;
    row-gap: 10px;
  }
  .jc-workflow-card__img {
    height: 223px;
    aspect-ratio: auto;
  }
  .jc-workflow-card__body {
    width: 439px;
    max-width: 100%;
    height: auto;
    min-height: 119px;
    padding-top: 19px;
    overflow: visible;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  }
  .jc-workflow-card:nth-child(3n + 1) .jc-workflow-card__body {
    width: 435px;
  }
  .jc-workflow-card__body h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    color: #333;
  }
  .jc-workflow-card__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    color: #0097e0;
  }
  .jc-workflow-card__body p {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    color: #333;
  }
}

/* === 阶段7: 珠宝数字化生产生态 === */
.jc-ecosystem {
  padding: 80px 16px 0;
  background: #fff;
}
.jc-ecosystem__inner {
  width: min(1380px, calc(100% - 32px));
  margin: 0 auto;
}
.jc-ecosystem__header {
  text-align: center;
  margin-bottom: 0;
}
.jc-ecosystem__header h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}
.jc-ecosystem__header p {
  max-width: 1060px;
  margin: 12px auto 0;
  font-size: 14px;
  color: #666;
  line-height: 2;
}

/* 大卡行 680x341 gap 20 — 341px 为完整卡片(含文字叠加) */
.jc-ecosystem__featured {
  display: flex;
  gap: 20px;
  margin-top: 16px;
  margin-bottom: 20px;
}
.jc-eco-card-big {
  --eco-big-gap: clamp(16px, 1.25vw, 24px);
  display: flex;
  align-items: stretch;
  flex: 1 1 calc(50% - 10px);
  min-width: 0;
  min-height: 341px;
  padding: clamp(16px, 1.25vw, 24px);
  gap: var(--eco-big-gap);
  border-radius: 10px;
  overflow: hidden;
  background: #f5f5f5;
}
.jc-eco-card-big__img {
  position: relative;
  flex: 1 1 calc(50% - var(--eco-big-gap) / 2);
  min-width: 0;
  align-self: stretch;
  overflow: hidden;
  border-radius: 8px;
  background: #e8e8e8;
}
.jewelry-casting-page .jc-eco-card-big__img {
  position: relative;
  inset: auto;
}
.jc-eco-card-big__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.jewelry-casting-page .jc-eco-card-big__img > img.jc-design-asset {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
.jc-eco-card-big__img--pending {
  background: #e8e8e8;
}
.jc-eco-card-big__img--pending::after {
  content: attr(aria-label);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #999;
}
.jc-eco-card-big__body {
  display: flex;
  flex: 1 1 calc(50% - var(--eco-big-gap) / 2);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(8px, 1vw, 20px) 0;
  color: #222;
}
.jc-eco-card-big__body h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.jc-eco-card-big__body p {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.5;
  opacity: .92;
}
.jc-eco-card-big__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 160px);
  height: 46px;
  margin-top: 10px;
  border: 0;
  border-radius: 23px;
  background: #0097e0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background .15s;
}
.jc-eco-card-big__btn:hover {
  background: #007bc8;
}

/* 小卡行 446x223 gap 21 — 223px 为完整卡片(含文字叠加) */
.jc-ecosystem__products,
.jc-ecosystem__software {
  display: flex;
  gap: 21px;
}
.jc-ecosystem__products {
  margin-bottom: 20px;
}
.jc-eco-card-small {
  position: relative;
  flex: 1 1 calc((100% - 42px) / 3);
  min-width: 0;
  aspect-ratio: 446 / 223;
  border-radius: 10px;
  overflow: hidden;
  background-color: #e8e8e8;
  background-image: var(--eco-card-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.jc-eco-card-small__img {
  display: none;
}
.jc-eco-card-small__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.jc-eco-card-small__img--pending {
  background: #e8e8e8;
}
.jc-eco-card-small__img--pending::after {
  content: attr(aria-label);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 13px;
  color: #999;
}
.jc-eco-card-small__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 16px 14px;
  background: linear-gradient(transparent 0%, rgba(0,0,0,.55) 40%);
  color: #fff;
}
.jc-eco-card-small__body h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  flex: 1;
  color: #fff;
}
.jc-eco-card-small__title-2l {
  display: block;
  line-height: 1.3;
}
.jc-eco-card-small__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.jc-eco-card-small__link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #fff;
  border-top: 1.5px solid #fff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.jc-eco-card-small__link:hover {
  text-decoration: underline;
}

/* 材料选择指南 */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.jc-material-guide {
  margin-top: 30px;
}
.jc-material-guide__table {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 0;
  height: 418px;
}
.jc-material-guide__head {
  display: grid;
  grid-template-columns: 220px 300px 1fr;
  height: 50px;
  background: #f5f5f5;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.jc-material-guide__head span {
  display: flex;
  align-items: center;
  padding: 0 min(16px, .83vw);
  border-bottom: 1px solid #e0e0e0;
}
.jc-material-guide__row {
  display: grid;
  grid-template-columns: 220px 300px 1fr;
  min-height: 74px;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  border-bottom: 1px solid #f0f0f0;
}
@media (min-width: 768px) {
  .jc-material-guide__row {
    min-height: 58px;
    height: 58px;
  }
}
.jc-material-guide__row:last-child {
  border-bottom: 0;
}
.jc-material-guide__row span[role="cell"] {
  display: flex;
  align-items: center;
  padding: min(14px, .73vw) min(16px, .83vw);
  word-break: break-word;
}
.jc-material-guide__row span[role="cell"]:first-child {
  background: #fafafa;
}
.jc-material-guide__col-label {
  display: none;
}
.jc-material-guide__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 0 10px;
}
.jc-material-guide__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: #0097e0;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.jc-material-guide__link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #0097e0;
  border-top: 1.5px solid #0097e0;
  transform: rotate(45deg);
  margin-left: 2px;
}
.jc-material-guide__link:hover {
  text-decoration: underline;
}

/* 蓝湖 1920px 桌面稿：阶段7 独立精确覆盖，不影响其他模块 */
@media (min-width: 1200px) {
  .jc-ecosystem {
    padding: 80px 16px 80px;
  }
  .jc-ecosystem__inner {
    width: 1380px;
  }
  .jc-ecosystem__header h2 {
    height: 23px;
    font-size: 24px;
    line-height: 30px;
    color: #333;
    white-space: nowrap;
  }
  .jc-ecosystem__header p {
    width: 1004px;
    max-width: none;
    height: 15px;
    margin: 19px auto 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
  }
  .jc-ecosystem__featured {
    margin-top: 29px;
    margin-bottom: 20px;
  }
  .jc-eco-card-big {
    background: #f5f5f5;
  }
  .jc-eco-card-big__img {
    background: #f5f5f5;
  }
  .jc-eco-card-big__body {
    color: #000;
  }
  .jc-eco-card-big__body h3 {
    font-size: 18px;
    line-height: 30px;
    color: #000;
  }
  .jc-eco-card-big__body p {
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    opacity: 1;
  }
  .jc-eco-card-big__btn {
    height: 46px;
    margin-top: 20px;
    border-radius: 23px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
  }
  .jc-ecosystem__products,
  .jc-ecosystem__software {
    gap: 21px;
  }
  .jc-ecosystem__products {
    margin-bottom: 20px;
  }
  .jc-eco-card-small {
    background-image: var(--eco-card-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .jc-eco-card-small__body {
    color: #fff;
  }
  .jc-eco-card-small__body h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
  }
  .jc-eco-card-small__title-2l {
    line-height: 30px;
  }
  .jc-eco-card-small__link {
    display: inline-flex;
    min-width: 0;
    min-height: 16px;
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
  }
  .jc-eco-card-small__link:focus,
  .jc-eco-card-small__link:focus-visible,
  .jc-eco-card-small__link:active {
    outline: none;
    box-shadow: none;
  }
  .jc-eco-card-small__link::after {
    width: 4px;
    height: 8px;
    margin-left: 0;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8' viewBox='0 0 4 8'%3E%3Cpath fill='%230097E0' d='M0 0l4 4-4 4z'/%3E%3C/svg%3E") center / 4px 8px no-repeat;
    transform: none;
  }
  .jc-material-guide {
    margin-top: 30px;
  }
  .jc-material-guide__table {
    width: 1381px;
    height: 418px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
  }
  .jc-material-guide__head,
  .jc-material-guide__row {
    grid-template-columns: 280px 550px 548px;
  }
  .jc-material-guide__head {
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
  }
  .jc-material-guide__head span,
  .jc-material-guide__row span[role="cell"] {
    padding: 0 40px;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
  }
  .jc-material-guide__head span:last-child,
  .jc-material-guide__row span[role="cell"]:last-child {
    border-right: 0;
  }
  .jc-material-guide__row {
    min-height: 0;
    height: 59.8px;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 0;
  }
  .jc-material-guide__row span[role="cell"]:first-child {
    background: #f5f5f5;
    font-weight: 700;
  }
  .jc-material-guide__footer {
    height: 67px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .jc-material-guide__link {
    min-width: 0;
    min-height: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
}
/* 移动端表头行标签 */
@media (max-width: 767px) {
  .jc-material-guide__head {
    display: none;
  }
  .jc-material-guide__row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: min(14px, 3vw);
    border-bottom: 1px solid #ddd;
  }
  .jc-material-guide__row span[role="cell"] {
    padding: 4px 0;
    align-items: flex-start;
    font-size: 15px;
    background: none;
  }
  .jc-material-guide__row span[role="cell"]:first-child {
    background: none;
  }
  .jc-material-guide__col-label {
    display: inline;
    font-weight: 600;
    color: #555;
    margin-right: 6px;
    font-size: 13px;
  }
}

@media (max-width: 1024px) {
  .jc-workflow__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639px) {
  .jc-workflow__grid {
    grid-template-columns: 1fr;
  }
}

/* === 阶段8: 样件展示 + 资料下载 === */
.jc-samples {
  padding: 80px 16px 80px;
  background: #f5f5f5;
}
.jc-samples__inner {
  display: grid;
  grid-template-columns: 529px 822px;
  gap: 29px;
  width: min(1380px, calc(100% - 32px));
  margin: 0 auto;
  align-items: start;
}
.jc-samples__left h2 {
  margin: 50px 0 0;
  font-size: 30px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  white-space: nowrap;
}
.jc-samples__desc {
  margin: 17px 0 0;
  max-width: 528px;
  font-size: 16px;
  color: #333;
  line-height: 2;
}
.jc-samples__tabs {
  margin-top: 14px;
}
.jc-samples__tabs-row {
  display: flex;
  gap: 10px;
}
.jc-samples__tabs-row + .jc-samples__tabs-row {
  margin-top: 10px;
}
.jc-samples__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 113px;
  height: 40px;
  border-radius: 10px;
  background: #e0e0e0;
  padding: 0;
  border: 0;
  appearance: none;
  font-family: inherit;
  font-size: 16px;
  color: #555;
  cursor: pointer;
}
.jc-samples__tab:focus-visible {
  outline: 2px solid #006dcc;
  outline-offset: 2px;
}
.jc-samples__tab:last-child,
.jc-samples__tab:nth-child(5),
.jc-samples__tab:nth-child(6) {
  width: 146px;
}
.jc-samples__tab--active {
  background: #0097e0;
  color: #fff;
}
.jc-samples__dl-title {
  margin: 39px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.jc-samples__dl-list {
  list-style: none;
  margin: 9px 0 0;
  padding: 0;
}
.jc-samples__dl-list li {
  margin: 0;
}
.jc-samples__dl-list button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 4px 0;
  border: 0;
  background: none;
  color: #0097e0;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.jc-samples__dl-list button:hover {
  text-decoration: underline;
}
.jc-samples__dl-list img {
  flex-shrink: 0;
  width: 14px;
  height: 15px;
}

/* 右侧样件展示卡 */
.jc-sample-feature {
  width: 822px;
  height: 753px;
  align-self: start;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.jc-sample-feature__media {
  position: relative;
  width: 806px;
  height: 605px;
  margin: 8px 8px 0;
  background: #e8e8e8;
  overflow: hidden;
  border-radius: 6px;
}
.jc-sample-feature__media.is-empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.jc-sample-feature__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 80px;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, .78);
  color: #d0d0d0;
  cursor: pointer;
  transform: translateY(-50%);
}
.jc-sample-feature__arrow--prev {
  left: 0;
}
.jc-sample-feature__arrow--next {
  right: 0;
}
.jc-sample-feature__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 25px;
  height: 25px;
  border-top: 5px solid currentColor;
  border-left: 5px solid currentColor;
}
.jc-sample-feature__arrow--prev::before {
  left: 17px;
  transform: translateY(-50%) rotate(-45deg);
}
.jc-sample-feature__arrow--next::before {
  right: 17px;
  transform: translateY(-50%) rotate(135deg);
}
.jc-sample-feature__arrow:hover {
  color: #aaa;
  background: rgba(255, 255, 255, .9);
}
.jc-sample-feature__arrow:focus-visible {
  outline: 2px solid #006dcc;
  outline-offset: -2px;
}
.jc-sample-feature__media[data-asset-status="pending"]::after {
  content: attr(aria-label);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #999;
}
.jc-sample-feature__body {
  flex: 1;
  padding: 10px 24px 10px;
  background: #0097e0;
}
.jc-sample-feature__desc {
  margin: 0;
  font-size: 16px;
  color: #fff;
  line-height: 1.4;
}
.jc-sample-feature__meta {
  margin: 6px 0 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
}
.jc-sample-feature__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  margin-top: 6px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.jc-sample-feature__link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #fff;
  border-top: 1.5px solid #fff;
  transform: rotate(45deg);
  margin-left: 2px;
}
.jc-sample-feature__link:hover {
  text-decoration: underline;
}

/* 样件响应式 */
@media (max-width: 1199px) {
  .jc-samples__inner {
    grid-template-columns: 1fr;
  }
  .jc-sample-feature {
    width: 100%;
    min-width: 0;
    height: auto;
    max-width: 822px;
    justify-self: center;
  }
  .jc-sample-feature__media {
    width: calc(100% - 16px);
    height: auto;
    aspect-ratio: 806 / 605;
  }
}
@media (max-width: 1024px) {
  .jc-samples__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .jc-samples__left,
  .jc-sample-feature {
    width: 100%;
    min-width: 0;
  }
  .jc-sample-feature {
    height: auto;
  }
  .jc-sample-feature__media {
    width: calc(100% - 16px);
    height: auto;
    aspect-ratio: 806 / 605;
  }
}
@media (max-width: 768px) {
  .jc-samples__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .jc-samples {
    padding: 40px 16px;
  }
  .jc-samples__left h2 {
    margin-top: 0;
    font-size: 24px;
  }
  .jc-samples__tabs-row {
    flex-wrap: wrap;
  }
}

/* === 阶段9: 珠宝行业应用案例 === */
.jc-cases {
  padding: 80px 16px 80px;
  background: #fff;
}
.jc-cases__inner {
  width: min(1381px, calc(100% - 32px));
  margin: 0 auto;
}
.jc-cases__inner h2 {
  margin: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}
.jc-cases__grid {
  display: grid;
  grid-template-columns: repeat(3, 447px);
  gap: 20px;
  justify-content: center;
  margin-top: 23px;
}
.jc-case-card {
  width: 447px;
  background: #fff;
}
.jc-case-card__img {
  width: 446px;
  height: 223px;
  background: #e8e8e8;
  border-radius: 16px;
  overflow: hidden;
}
.jc-case-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: inherit;
}
.jc-case-card__body {
  padding: 20px 0 0;
}
.jc-case-card__body h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  line-height: 1.56;
}
.jc-case-card__text {
  margin: 4px 0 0;
  width: 434px;
  font-size: 14px;
  color: #333;
  line-height: 2;
}
.jc-case-card__label {
  font-weight: 600;
}
.jc-case-card__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  padding: 0;
  margin-top: 6px;
  border: 0;
  border-radius: 5px;
  background: #0097e0;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background .15s;
}
.jc-case-card__btn::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0;
  right: 0;
}
.jc-case-card__btn:hover {
  background: #007bc8;
}

/* 案例响应式 */
@media (max-width: 1440px) {
  .jc-cases__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .jc-case-card {
    width: 100%;
  }
  .jc-case-card__img {
    width: 100%;
    height: auto;
    aspect-ratio: 446 / 223;
  }
  .jc-case-card__text {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .jc-cases__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639px) {
  .jc-cases__grid {
    grid-template-columns: 1fr;
  }
  .jc-cases {
    padding: 40px 16px;
  }
}

/* === 阶段10: FAQ === */
.jc-faq {
  box-sizing: border-box;
  padding: 80px 16px;
  color: #333;
  text-align: center;
  background: #f5f5f5;
}
.jc-faq__inner {
  width: 100%;
  margin: 0 auto;
}
.jc-faq__inner > h2 {
  margin: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #333;
  line-height: 40px;
}
.jc-faq__panel {
  box-sizing: border-box;
  width: min(1200px, 100%);
  margin: 31px auto 0;
  padding: 42px 60px 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: left;
  background: #fff;
}
.jc-faq-item {
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px dashed #bbb;
}
.jc-faq-item h3,
.jc-faq-item p {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
}
.jc-faq-item h3 {
  font-weight: 600;
  color: #333;
}
.jc-faq-item p {
  color: #666;
}
.jc-faq__list.is-condensed .jc-faq-item:nth-of-type(n + 4) {
  display: none;
}
.jc-faq__toggle {
  display: block;
  margin: 4px auto 0;
  padding: 0;
  border: 0;
  color: #666;
  font: inherit;
  cursor: pointer;
  background: transparent;
}
.jc-faq__toggle span {
  display: inline-block;
  margin-left: 8px;
}
/* === CTA === */
.jc-cta { padding: 63px 16px 0; background: #333; }
.jc-cta__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.jc-cta__inner h2 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.56; }
.jc-cta__inner p { margin: 5px 0 0; font-size: 14px; color: #fff; line-height: 1.7; opacity: .85; }
.jc-cta__actions { display: flex; justify-content: center; gap: 20px; margin-top: 19px; padding-bottom: 34px; }
.jc-cta__actions button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  padding: 0 20px;
  border: 0;
  border-radius: 5px;
  background: #0097e0;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.jc-cta__actions button::before { content: ""; position: absolute; top: -2px; bottom: -2px; left: 0; right: 0; }

/* === Newsletter & Footer === */
.jc-footer { background: #000; color: #fff; }
.jc-footer__inner { width: min(1380px, calc(100% - 32px)); margin: 0 auto; padding: 60px 0 0; }
.jc-newsletter h2 { margin: 0; max-width: 550px; font-size: 24px; font-weight: 900; line-height: 1.3; }
.jc-newsletter__fields { display: flex; margin-top: 24px; max-width: 548px; border-radius: 5px; overflow: hidden; }
.jc-newsletter__fields input { width: 368px; height: 54px; padding: 0 16px; border: 0; background: #fff; font-size: 14px; color: #333; outline: none; }
.jc-newsletter__fields button { width: 180px; height: 54px; border: 0; background: #0097e0; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; }
.jc-newsletter__consent { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: #999; cursor: pointer; }
.jc-newsletter__consent input { width: 18px; height: 18px; }
.jc-newsletter__consent button { border: 0; background: none; color: #0097e0; font-size: 12px; cursor: pointer; padding: 0; text-decoration: underline; }
.jc-footer__divider { height: 1px; margin: 30px 0; background: rgba(255,255,255,.12); }
.jc-footer__divider--bottom { margin: 30px 0 16px; }
.jc-footer__nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; }
.jc-footer__nav section h2 { margin: 0 0 16px; font-size: 16px; font-weight: 600; }
.jc-footer__nav a { display: block; margin: 8px 0; color: #999; font-size: 14px; text-decoration: none; }
.jc-footer__nav a:hover { color: #fff; }
.jc-footer__legal { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding-bottom: 24px; font-size: 12px; color: #9e9e9e; }
.jc-footer__legal p { margin: 0; }
.jc-footer__legal button { border: 0; background: none; color: #9e9e9e; font-size: 12px; cursor: pointer; padding: 0; }
.jc-footer__legal button:hover { color: #fff; }
.jc-footer__legal span { margin: 0 8px; }
.jc-social { display: flex; align-items: center; gap: 16px; }
.jc-social a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.jc-social img { height: 20px; width: auto; }
.jc-social__text a { color: #9e9e9e; font-size: 14px; text-decoration: none; }
.jc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* 阶段10 响应式 */
@media (max-width: 1024px) { .jc-footer__nav { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
  .jc-faq { padding-top: 56px; padding-bottom: 56px; }
  .jc-faq__inner > h2 { font-size: 24px; line-height: 32px; }
  .jc-faq__panel { padding: 28px 22px 18px; }
  .jc-footer__nav { grid-template-columns: repeat(2, 1fr); }
  .jc-newsletter__fields { flex-direction: column; max-width: 100%; }
  .jc-newsletter__fields input { width: 100%; }
  .jc-newsletter__fields button { width: 100%; }
  .jc-cta__actions { flex-direction: column; align-items: center; }
  .jc-cta { padding: 40px 16px 0; }
  .jc-cta__actions { padding-bottom: 40px; }
}
@media (max-width: 430px) { .jc-footer__nav { grid-template-columns: 1fr; } .jc-faq { padding: 40px 16px; } }

/* === 生态模块响应式 === */
@media (max-width: 1024px) {
  .jc-ecosystem__featured {
    gap: 16px;
  }
  .jc-eco-card-big {
    min-height: 300px;
  }
  .jc-ecosystem__products,
  .jc-ecosystem__software {
    gap: 16px;
  }
}

/* 补齐桌面固定版与 1024px 响应式之间的宽度断档，避免卡片轨道撑宽根页面。 */
@media (min-width: 1025px) and (max-width: 1439px) {
  .jc-samples__inner {
    grid-template-columns: minmax(0, 529fr) minmax(0, 822fr);
  }
  .jc-samples__left,
  .jc-sample-feature {
    width: 100%;
    min-width: 0;
  }
  .jc-sample-feature {
    height: auto;
  }
  .jc-sample-feature__media {
    width: calc(100% - 16px);
    height: auto;
    aspect-ratio: 806 / 605;
  }
}
@media (max-width: 768px) {
  .jc-ecosystem__featured {
    flex-direction: column;
  }
  .jc-eco-card-big {
    flex-basis: auto;
  }
  .jc-ecosystem__products,
  .jc-ecosystem__software {
    flex-wrap: wrap;
  }
  .jc-eco-card-small {
    flex-basis: calc(50% - 8px);
  }
}
@media (max-width: 639px) {
  .jc-eco-card-big {
    min-height: 0;
    flex-direction: column;
  }
  .jc-eco-card-big__img {
    flex-basis: auto;
    aspect-ratio: 4 / 3;
  }
  .jc-eco-card-big__body {
    flex-basis: auto;
  }
  .jc-eco-card-small {
    flex-basis: 100%;
  }
  .jc-ecosystem__header {
    margin-bottom: 40px;
  }
  .jc-ecosystem {
    padding: 40px 16px 20px;
  }
}

/* 产品生态六张小卡：固定高度、左图 50%、右文 50%。 */
.jc-eco-card-small {
  display: flex;
  align-items: stretch;
  flex: 1 1 calc((100% - 42px) / 3);
  width: auto;
  min-width: 0;
  height: 223px;
  aspect-ratio: auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50% 100%;
}
.jc-eco-card-small__body,
.jc-ecosystem__products .jc-eco-card-small__body,
.jc-ecosystem__software .jc-eco-card-small__body {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: auto;
  width: 50%;
  max-width: 50%;
  height: 100%;
  min-width: 0;
  margin-left: auto;
  padding: clamp(12px, 1.1vw, 20px);
  gap: 14px;
  background: #f5f5f5;
  color: #222;
  text-align: left;
}
.jc-eco-card-small__body h3 {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  color: #222;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}
.jc-eco-card-small__link {
  flex: 0 0 auto;
  margin: 0;
  color: #0097e0;
}
@media (max-width: 1024px) {
  .jc-eco-card-small {
    flex-basis: calc((100% - 32px) / 3);
  }
  .jc-eco-card-small__body,
  .jc-ecosystem__products .jc-eco-card-small__body,
  .jc-ecosystem__software .jc-eco-card-small__body {
    padding: 12px;
  }
}
@media (max-width: 768px) {
  .jc-eco-card-small {
    flex-basis: 100%;
  }
}

/* 样件展示：大图铺满；窄屏时选项紧邻图片。 */
.jc-sample-feature__media {
  width: 100%;
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.jc-sample-feature__media > img.jc-design-asset {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1199px) {
  .jc-samples__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .jc-samples__left {
    display: contents;
  }
  .jc-samples__left h2 { order: 1; }
  .jc-samples__desc { order: 2; }
  .jc-samples__tabs {
    order: 3;
    margin: 18px 0 12px;
  }
  .jc-sample-feature {
    order: 4;
    width: 100%;
    max-width: none;
    height: auto;
  }
  .jc-samples__dl-title {
    order: 5;
    margin-top: 28px;
  }
  .jc-samples__dl-list { order: 6; }
  .jc-sample-feature__media {
    width: 100%;
    height: auto;
    aspect-ratio: 806 / 605;
  }
}
@media (max-width: 768px) {
  .jc-samples__tabs {
    margin-top: 14px;
    margin-bottom: 8px;
  }
  .jc-samples__tabs-row {
    gap: 8px;
  }
  .jc-sample-feature__media {
    aspect-ratio: 4 / 3;
  }
}

/* 手机端材料指南：卡片化信息层级，避免表格拥挤。 */
@media (max-width: 767px) {
  .jc-material-guide {
    margin-top: 24px;
  }
  .jc-material-guide__table {
    display: grid;
    gap: 12px;
    height: auto;
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }
  .jc-material-guide__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    min-height: 0;
    padding: 16px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .035);
  }
  .jc-material-guide__row span[role="cell"] {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 0;
    background: transparent;
    font-size: 14px;
    line-height: 1.55;
    color: #333;
  }
  .jc-material-guide__row span[role="cell"]:first-child {
    background: transparent;
    font-weight: 600;
    color: #222;
  }
  .jc-material-guide__col-label {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    color: #888;
  }
  .jc-material-guide__footer {
    position: static;
    padding: 0;
    margin-top: 4px;
  }
  .jc-material-guide__link {
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border-radius: 10px;
    background: #eef8fd;
    font-size: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .jc-workflow-card__play { transition: none; }
}

/* Video anchor — removed (replaced by #application-video on workflow section) */

/* === 响应式 === */

/* 768–1199: 为换行后的 Hero 副标题保留边距与按钮间距 */
@media (min-width: 768px) and (max-width: 1199px) {
  .jc-hero__sub {
    width: calc(100% - 48px);
  }
  .jc-hero__actions {
    top: calc(min(455px, 23.6979167vw) + 80px);
  }
}

/* ≥1200 桌面: Hero 内容区域回到蓝湖比例 */
@media (min-width: 1200px) {
  .jc-hero__title {
    font-size: 36px;
    line-height: 35px;
  }
  .jc-hero__sub {
    font-size: 16px;
    line-height: 1.875;
  }
  .jc-hero__actions {
    top: calc(min(455px, 23.6979167vw) + 94px);
    gap: 20px;
  }
  .jc-hero__btn {
    width: 200px;
    height: 50px;
    font-size: 16px;
  }
}

/* 1920 全屏基准: 使用蓝湖导出的 Hero 文字层参数 */
@media (min-width: 1800px) {
  .jc-hero__title {
    left: 50%;
    right: auto;
    width: 357px;
    height: 35px;
    transform: translateX(-50%);
    letter-spacing: 0;
  }
  .jc-hero__sub {
    width: 1060px;
    height: 46px;
    font-family: "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
  }
  .jc-hero__actions {
    top: 551px;
  }
  .jc-hero__btn {
    font-family: "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
  }
}

/* ≤1199 中等: 导航间隙压缩(与集合页一致) */
@media (max-width: 1199px) {
  .applications-page-header-inner {
    width: calc(100% - 40px);
  }
  .applications-page-primary-navigation {
    gap: 18px;
  }
  .applications-page-primary-navigation a {
    font-size: 13px;
  }
  .applications-page-header-actions {
    gap: 13px;
  }
}

/* ≤899 平板: 导航隐藏、汉堡按钮出现(与集合页一致) */
@media (max-width: 899px) {
  .applications-page-primary-navigation,
  .applications-page-language {
    display: none;
  }
  .applications-page-header-inner {
    justify-content: space-between;
  }
  .applications-page-header-actions {
    margin-left: auto;
  }
  .applications-page-menu-toggle {
    display: flex;
  }
  .applications-page-primary-navigation.is-open {
    position: absolute;
    top: 56px;
    left: 0;
    display: grid;
    width: 100%;
    height: auto;
    gap: 0;
    padding: 12px 24px 18px;
    background: rgba(5, 5, 5, 0.98);
  }
  .applications-page-primary-navigation.is-open a {
    min-height: 48px;
    border-bottom: 1px solid #252525;
    font-size: 14px;
  }
}

/* ≤767 手机: Logo 缩小、商城隐藏(与集合页一致) */
@media (max-width: 767px) {
  .applications-page-header-inner {
    width: calc(100% - 24px);
  }
  .applications-page-logo,
  .applications-page-logo img {
    width: 126px;
  }
  .applications-page-store {
    display: none;
  }
}

/* ≤767 手机: Hero 自适应高度,按钮竖排,取消桌面绝对定位 */
@media (max-width: 767px) {
  .jc-hero {
    height: auto;
    min-height: 420px;
  }
  .jc-hero__content {
    position: relative;
    padding: 60px 16px 40px;
  }
  .jc-hero__title,
  .jc-hero__sub,
  .jc-hero__actions {
    position: static;
    top: auto;
    left: auto;
    right: auto;
  }
  .jc-hero__title {
    font-size: clamp(20px, 5.5vw, 28px);
    line-height: 1.2;
    white-space: normal;
  }
  .jc-hero__sub {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 14px;
  }
  .jc-hero__actions {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
  }
  .jc-hero__btn {
    width: 100%;
    max-width: 320px;
    height: 48px;
    font-size: 15px;
  }
  .jc-definition {
    padding: 36px 16px;
  }
  .jc-definition__title {
    font-size: 17px;
  }
}

/* ≤430 小手机 */
@media (max-width: 430px) {
  .jc-hero {
    min-height: 360px;
  }
  .jc-hero__content {
    padding: 48px 16px 32px;
  }
  .jc-hero__title {
    font-size: 19px;
  }
  .jc-hero__sub {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jc-hero__btn {
    transition: none;
  }
  .jc-header__menu-toggle span {
    transition: none;
  }
}

/* === Hero video — viewport-locked design === */
.jc-hero {
  position: relative;
  width: 100%;
  height: calc(100vh - 56px);
  min-height: 0;
  overflow: hidden;
  background: #000;
}

.jc-hero__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
}

.jc-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .6);
}

.jc-hero__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
  text-align: center;
}

.jc-hero__title,
.jc-hero__sub,
.jc-hero__actions {
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  transform: none;
}

.jc-hero__title {
  margin: 0;
  color: #fff;
  font-family: "PingFang SC", "MiSans", Arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: normal;
}

.jc-hero__sub {
  max-width: 1060px;
  margin: 30px 0 0;
  padding: 0;
  color: #fff;
  font-family: "PingFang SC", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0;
}

.jc-hero__actions {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 40px 0 0;
  padding: 0;
}

.jc-hero__btn {
  box-sizing: border-box;
  width: auto;
  min-width: 200px;
  max-width: none;
  height: 50px;
  margin: 0 10px;
  padding: 0 25px;
  border-radius: 25px;
  color: #fff;
  background: #0097e0;
  font-family: "PingFang SC", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  transition: opacity .15s ease;
}

.jc-hero__btn:hover,
.jc-hero__btn:focus-visible {
  color: #fff;
  background: #0097e0;
  opacity: .8;
}

@media (max-width: 767px) {
  .jc-hero__content {
    padding: 24px 16px;
  }

  .jc-hero__title {
    font-size: 36px;
  }

  .jc-hero__sub {
    margin-top: 30px;
    font-size: 16px;
  }

  .jc-hero__actions {
    flex-direction: row;
    margin-top: 40px;
    gap: 20px;
  }

  .jc-hero__btn {
    width: auto;
    max-width: none;
    height: 50px;
    margin: 0;
    font-size: 16px;
  }
}

/* === 蓝湖模块标题字体参数（桌面稿） === */
@media (min-width: 1200px) {
  .jc-definition__title,
  .jc-values__title,
  .jc-ecosystem__header h2,
  .jc-samples__left h2,
  .jc-cases__inner h2,
  .jc-cta__inner h2 {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
  }

  .jc-definition__title {
    font-size: 18px;
    color: #333;
  }

  .jc-values__title,
  .jc-workflow__title,
  .jc-ecosystem__header h2,
  .jc-cases__inner h2 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    text-align: center;
  }

  .jc-workflow__title {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    text-align: center;
  }

  .jc-samples__left h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    text-align: left;
  }

  .jc-faq__inner > h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: #333;
    text-align: center;
  }

  .jc-cta__inner h2 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-align: center;
  }
}

/* === 2026-08-17 P1-P10 detail fixes: keep last to win the cascade === */
.jewelry-casting-page .jc-definition__body,
.jc-definition__body {
  color: #666666;
}

@media (max-width: 767px) {
  .jc-scenes {
    --jc-scene-mobile-width: calc(100vw - 32px);
    padding-right: 16px;
    padding-left: 16px;
  }
  .jc-scenes__stage {
    width: 100%;
    container-type: inline-size;
  }
  .jc-scenes__visual,
  .jc-scenes__info {
    border-radius: 10px;
    overflow: hidden;
  }
  .jc-scenes__arrow {
    top: calc(50cqw * 1576 / 2100);
  }
  .jc-scenes__arrow--prev { left: 0; }
  .jc-scenes__arrow--next { right: 0; }
}

@media (max-width: 1199px) {
  .jc-comparison__side--old .jc-comparison__list {
    border-radius: 0 0 10px 10px;
  }
  .jc-comparison__side--new .jc-comparison__side-title {
    border-radius: 10px 10px 0 0;
  }
}

@media (max-width: 639px) {
  .jc-values__inner { width: 100%; }
  .jc-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
  }
  .jc-value-card,
  .jc-value-card__img,
  .jc-value-card h3,
  .jc-value-card p {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .jc-value-card h3 { font-size: 15px; }
  .jc-value-card p {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 1024px) {
  .jc-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.jc-workflow-card__play { display: none !important; }
.jc-workflow__grid { row-gap: 68px; }
.jc-workflow-card__body { min-height: 0; }
.jc-workflow-card__body p { margin-top: 10px; }

.jewelry-casting-page .jc-eco-card-big__img,
.jc-eco-card-big__img {
  box-sizing: border-box;
  padding-left: 10px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jewelry-casting-page .jc-eco-card-big__img > img.jc-design-asset,
.jc-eco-card-big__img > img.jc-design-asset,
.jc-eco-card-big__img > img {
  position: static;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.jc-eco-card-big__body {
  justify-content: center;
  gap: 8px;
}
.jc-eco-card-big__body h3,
.jc-eco-card-big__body p,
.jc-eco-card-big__body .jc-eco-card-big__btn {
  margin-top: 0;
  margin-bottom: 0;
}

/* === 2026-08-17 comparison + ecosystem background corrections === */
.jc-comparison__panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: auto;
  min-height: 302px;
  padding: 0;
  border: 1px solid #bcbcbc;
  box-sizing: border-box;
  overflow: visible;
}

.jc-comparison__side {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
}

.jc-comparison__side--old .jc-comparison__side-title,
.jc-comparison__side--new .jc-comparison__side-title {
  flex: 0 0 60px;
  border-radius: 10px 10px 0 0;
}

.jc-comparison__side--old .jc-comparison__list,
.jc-comparison__side--new .jc-comparison__list {
  flex: 1 1 auto;
  grid-template-rows: repeat(4, minmax(min-content, auto));
  min-height: 240px;
  border-radius: 0 0 10px 10px;
}

.jc-comparison__list li {
  grid-template-columns: minmax(80px, 140px) minmax(0, 1fr);
  min-width: 0;
}

.jc-comparison__list li strong,
.jc-comparison__list li span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1199px) {
  .jc-comparison__panel {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .jc-comparison__side--old .jc-comparison__list,
  .jc-comparison__side--new .jc-comparison__list {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .jc-comparison__list li {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 六张图只按容器高度缩放，宽度自动计算，避免横向拉伸。 */
.jewelry-casting-page .jc-eco-card-small,
.jc-eco-card-small {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.jewelry-casting-page .jc-eco-card-small__body,
.jewelry-casting-page .jc-ecosystem__products .jc-eco-card-small__body,
.jewelry-casting-page .jc-ecosystem__software .jc-eco-card-small__body,
.jc-ecosystem__products .jc-eco-card-small__body,
.jc-ecosystem__software .jc-eco-card-small__body,
.jc-eco-card-small__body {
  background: transparent;
}

/* 横向对比卡只保留整个容器最外侧圆角，中间接缝保持直角。 */
@media (min-width: 1200px) {
  .jc-comparison__side--old .jc-comparison__side-title {
    border-radius: 10px 0 0 0;
  }
  .jc-comparison__side--old .jc-comparison__list {
    border-radius: 0 0 0 10px;
  }
  .jc-comparison__side--new .jc-comparison__side-title {
    border-radius: 0 10px 0 0;
  }
  .jc-comparison__side--new .jc-comparison__list {
    border-radius: 0 0 10px 0;
  }
}

/* 六张生态卡左右区域共用同一个浅灰背景色。 */
.jewelry-casting-page .jc-eco-card-small,
.jc-eco-card-small {
  background-color: #f5f5f5;
}

/* iPad / 窄桌面：六张生态卡连续排列为每行两张，避免图文互相覆盖。 */
@media (min-width: 769px) and (max-width: 1199px) {
  .jc-ecosystem__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 21px;
  }
  .jc-ecosystem__header,
  .jc-ecosystem__featured,
  .jc-material-guide {
    grid-column: 1 / -1;
  }
  .jc-ecosystem__products,
  .jc-ecosystem__software {
    display: contents;
  }
  .jc-eco-card-small {
    flex: none;
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }
}