/* product — legacy visual, jby- BEM; no page chrome */
/* 禁止 overflow-x:clip;overflow-y:visible 裁切 Hero 上拉（main 用 margin-top:-72px 贴齐固定头） */
.jby-product {
  position: relative;
  z-index: 1;
  margin: 0 0 0 calc(50% - 50vw);
  width: 100vw;
  overflow-x: clip;
  overflow-y: visible;
  color: var(--jby-ink);
  font-family: var(--jby-font);
}
.jby-product__wrap {
  width: min(1160px, calc(100% - 48px));
  margin: auto;
}
.jby-product__eyebrow { display: none; }
.jby-product__hero-btn {
  padding: .375rem .75rem;
  border: 1px solid #007aff;
  border-radius: 5px;
  background: #007aff;
  box-shadow: none;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}
.jby-product__hero-btn:hover { background: #0062cc; border-color: #0062cc; }
.jby-product__hero-btn b { display: none; }
.jby-product__section-title > p { display: none; }

/* Hero 顶距由 main.css 统一：margin-top:-72px + padding-top:96px；此处只设底边距与背景 */
.jby-product__hero{position:relative;padding-bottom:85px;background:radial-gradient(circle at 78% 30%,color-mix(in srgb,#007aff 28%,#fff) 0,transparent 25%),linear-gradient(125deg,color-mix(in srgb,#007aff 5%,#fff),color-mix(in srgb,#007aff 12%,#fff) 58%,color-mix(in srgb,#007aff 4%,#fff))}.jby-product__hero-grid{position:relative;z-index:1;min-height:470px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:58px}.jby-product__hero:before{content:"";position:absolute;top:-160px;right:-130px;width:560px;height:560px;border:1px solid #007aff44;border-radius:50%;box-shadow:0 0 0 70px #007aff0c,0 0 0 140px #007aff08}.jby-product__hero-copy{position:relative;z-index:1}.jby-product__eyebrow{margin:0 0 20px;color:#1681ee;font-size:12px;font-weight:700;letter-spacing:1.8px}.jby-product__hero-copy h1{margin:0;font-size:56px;line-height:1.16;letter-spacing:-3px}.jby-product__hero-copy h1 span{color:var(--jby-blue)}.jby-product__hero-copy>p:last-of-type{max-width:510px;margin:26px 0 33px;color:#60788e;font-size:16px;line-height:1.9}.jby-product__hero-btn{display:inline-flex;align-items:center;padding:14px 22px;border-radius:99px;background:var(--jby-blue);box-shadow:0 14px 26px #1878f240;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.jby-product__hero-btn b{margin-left:11px;font-size:18px}.jby-product__hero-art{position:relative;z-index:1;padding:22px;border:1px solid #d9edf3;border-radius:25px;background:#ffffffa6;box-shadow:0 26px 60px #1e66941c;backdrop-filter:blur(10px)}.jby-product__hero-art img{display:block;width:100%;height:380px;object-fit:contain;border-radius:16px}.jby-product__values{padding:126px 0;background:#fff}.jby-product__section-title{text-align:center}.jby-product__section-title p{margin:0 0 14px;color:#1c82f2;font-size:12px;font-weight:700;letter-spacing:1.5px}.jby-product__section-title h2{margin:0;font-size:40px;letter-spacing:-2px}.jby-product__value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.jby-product__value-card{position:relative;min-height:260px;padding:31px 29px;overflow-x:clip;overflow-y:visible;border:1px solid #dce9f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f5fbfd);transition:.25s}.jby-product__value-card:nth-child(2){background:linear-gradient(145deg,#f6faff,#edf5ff)}.jby-product__value-card:nth-child(3){background:linear-gradient(145deg,#f3fbfa,#effaf5)}.jby-product__value-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #1a5a7915}.jby-product__value-card span{display:block;color:#5c98e7;font-size:12px;font-weight:700}.jby-product__value-card h3{max-width:275px;margin:38px 0 12px;font-size:21px;line-height:1.4}.jby-product__value-card p{margin:0;color:#6b8396;font-size:14px;line-height:1.8}.jby-product__value-card i{position:absolute;right:27px;top:24px;color:#89c9e6;font-size:23px;font-style:normal}.jby-product__abilities{padding:125px 0;background:var(--jby-bg)}.jby-product__abilities-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.jby-product__abilities-head h2{margin:0;font-size:42px;letter-spacing:-2px}.jby-product__abilities-head p{max-width:345px;margin:0;color:#6a8296;font-size:14px;line-height:1.8}.jby-product__capability{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center;padding:76px 0;border-top:1px solid #dce8ef}.jby-product__capability--reverse{grid-template-columns:1.12fr .88fr}.jby-product__capability--reverse .jby-product__cap-copy{order:2}.jby-product__capability--reverse .jby-product__cap-art{order:1}.jby-product__cap-label{margin:0 0 18px;color:#167af2;font-size:13px;font-weight:800;letter-spacing:1px}.jby-product__cap-copy h2{max-width:430px;margin:0;font-size:34px;line-height:1.28;letter-spacing:-1.5px}.jby-product__cap-copy>p:not(.jby-product__cap-label){margin:22px 0 28px;color:#647d91;font-size:15px;line-height:1.9}.jby-product__cap-copy a{color:#1878f2;font-size:14px;font-weight:700;text-decoration:none}.jby-product__cap-copy a b{margin-left:9px;font-size:17px}.jby-product__cap-art{min-height:330px;display:grid;place-items:center;padding:20px;border-radius:22px;background:linear-gradient(145deg,#e1f5f8,#eef5ff);box-shadow:inset 0 0 0 1px #d3e9f0}.jby-product__capability--reverse .jby-product__cap-art{background:linear-gradient(145deg,#eaf2ff,#e9f9f7)}.jby-product__cap-art img{display:block;width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply}.jby-product__end{padding:95px 0;background:radial-gradient(ellipse 50% 80% at 20% 50%,rgba(59,139,255,.35),transparent 60%),linear-gradient(120deg,#0b1a33,#0f3f8f 55%,#007aff);color:#fff;text-align:center}.jby-product__end p{margin:0 0 15px;color:#75e4e8;font-size:12px;font-weight:700;letter-spacing:1.5px}.jby-product__end h2{margin:0;font-size:42px;letter-spacing:-2px}.jby-product__end a{display:inline-flex;margin-top:28px;padding:14px 23px;border-radius:99px;background:#fff;color:#1677ef;font-size:14px;font-weight:700;text-decoration:none}/* bda-motion */
@keyframes jby-product-rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes jby-product-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.jby-product__hero .jby-product__hero-copy{animation:jby-product-rise-in .7s cubic-bezier(.22,.8,.28,1) both}.jby-product__hero .jby-product__hero-art{animation:jby-product-rise-in .8s .14s cubic-bezier(.22,.8,.28,1) both}.jby-product__reveal{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,.8,.28,1),transform .65s cubic-bezier(.22,.8,.28,1)}.jby-product__reveal.is-visible{opacity:1;transform:translateY(0)}.jby-product__value-card{transition:transform .28s cubic-bezier(.22,.8,.28,1),box-shadow .28s ease,border-color .28s ease}.jby-product__value-card:hover{border-color:#acd5ec}.jby-product__cap-art.jby-product__image-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .6s cubic-bezier(.22,.8,.28,1),transform .6s cubic-bezier(.22,.8,.28,1)}.jby-product__cap-art.jby-product__image-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
@media (max-width:900px){
  .jby-product__hero{padding-bottom:68px}
  .jby-product__hero-grid{min-height:0;grid-template-columns:1fr;gap:42px}
  .jby-product__hero-copy h1{font-size:42px}
  .jby-product__hero-art img{height:270px}
  .jby-product__value-grid{grid-template-columns:1fr}
  .jby-product__abilities-head{display:block}
  .jby-product__abilities-head p{margin-top:18px}
  .jby-product__capability,.jby-product__capability--reverse{grid-template-columns:1fr;gap:30px;padding:58px 0}
  .jby-product__capability--reverse .jby-product__cap-copy{order:1}
  .jby-product__capability--reverse .jby-product__cap-art{order:2}
  .jby-product__cap-copy h2{font-size:29px}
  .jby-product__end h2{font-size:32px}
}
@media (prefers-reduced-motion:reduce){
  .jby-product__hero .jby-product__hero-copy,.jby-product__hero .jby-product__hero-art{animation:none}
  .jby-product__reveal{opacity:1;transform:none;transition:none}
  .jby-product__value-card,.jby-product__cap-art{transition:none}
}

/* 首屏操作与核心能力标识 */
.jby-product__hero-btn {
  padding: .375rem .75rem;
  border: 1px solid #007aff;
  border-radius: 5px;
  background: #007aff;
  box-shadow: none;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}
.jby-product__hero-btn:hover { background: #0062cc; border-color: #0062cc; }
.jby-product__hero-btn b { display: none; }
.jby-product__cap-label {
  display: inline-flex;
  align-items: center;
  width: min(320px, 100%);
  margin: 0 0 24px;
  padding: 14px 18px;
  border: 1px solid #d7e8f6;
  border-radius: 5px;
  background: linear-gradient(135deg, #fff, #eef7ff);
  box-shadow: 0 10px 24px rgba(38, 105, 160, .08);
  color: #0878e8;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.2;
}
.jby-product__cap-label::before {
  width: 4px;
  height: 27px;
  margin-right: 12px;
  border-radius: 4px;
  background: #007aff;
  box-shadow: none;
  content: "";
}
.jby-product__cap-label::after {
  margin-left: auto;
  color: #8db6d9;
  content: "CORE";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
}
.jby-product__capability--reverse .jby-product__cap-label {
  border-color: #d2ebe7;
  background: linear-gradient(135deg, #fff, #eefaf8);
  box-shadow: 0 10px 24px rgba(26, 120, 111, .07);
  color: #087f7a;
}
.jby-product__capability--reverse .jby-product__cap-label::before {
  background: #16a29a;
  box-shadow: none;
}
.jby-product__capability--reverse .jby-product__cap-label::after {
  color: #8bbdb8;
}

/* 保持核心能力英文标识原有的轻量样式。 */
.jby-product__cap-label {
  display: block;
  width: auto;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #167af2;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: normal;
}
.jby-product__cap-label::before,
.jby-product__cap-label::after { display: none; }
.jby-product__capability--reverse .jby-product__cap-label {
  background: transparent;
  box-shadow: none;
  color: #167af2;
}

/* 价值卡片：沿用首页的简洁白卡、编号和悬浮层次。 */
.jby-product__value-grid {
  gap: 24px;
  margin-top: 46px;
}
.jby-product__value-card,
.jby-product__value-card:nth-child(2),
.jby-product__value-card:nth-child(3) {
  min-height: 286px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid #e1eaf3;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(31, 76, 119, .05);
}
.jby-product__value-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #007aff;
  content: "";
}
.jby-product__value-card:nth-child(2)::before { background: #398cff; }
.jby-product__value-card:nth-child(3)::before { background: #19a69a; }
.jby-product__value-card:hover {
  transform: translateY(-6px);
  border-color: #c5ddf2;
  box-shadow: 0 18px 36px rgba(31, 76, 119, .12);
}
.jby-product__value-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 26px;
  padding: 0 9px;
  border-radius: 5px;
  background: #edf6ff;
  color: #007aff;
  font-size: 12px;
  font-weight: 800;
}
.jby-product__value-card:nth-child(2) span { background: #edf4ff; color: #398cff; }
.jby-product__value-card:nth-child(3) span { background: #eaf9f6; color: #15958b; }
.jby-product__value-card h3 {
  max-width: 290px;
  margin: 42px 0 14px;
  font-size: 20px;
  line-height: 1.5;
}
.jby-product__value-card p {
  color: #70859a;
  line-height: 1.8;
}
.jby-product__value-card i {
  display: grid;
  place-items: center;
  top: 25px;
  right: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid #dceaf5;
  border-radius: 50%;
  color: #007aff;
  font-size: 16px;
}

/* 核心能力名称作为每段的主视觉锚点。 */
.jby-product__cap-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 24px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: linear-gradient(135deg, #006fe6, #1596ff);
  box-shadow: 0 14px 28px rgba(0, 122, 255, .24);
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .4px;
  line-height: 1.2;
}
.jby-product__cap-label::before {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 11px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .18);
  content: "";
}
.jby-product__cap-label::after { display: none; }
.jby-product__capability--reverse .jby-product__cap-label {
  background: linear-gradient(135deg, #078f88, #17b4a8);
  box-shadow: 0 14px 28px rgba(8, 143, 136, .22);
  color: #fff;
}
.jby-product__capability--reverse .jby-product__cap-label::before {
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .18);
}

/* 首屏标题与介绍文案 */
.jby-product__section-title h2,
.jby-product__abilities-head h2 { font-weight: 700; }
.jby-product__hero-copy h1 { font-size: 48px; }
.jby-product__hero-copy > p:last-of-type {
  color: #333;
  font-size: 16px;
}
@media (max-width: 900px) {
  .jby-product__hero-copy h1 { font-size: 42px; }
}

/* 价值卡片只保留内容与色彩层次，去除编号和箭头装饰。 */
.jby-product__value-card span,
.jby-product__value-card i { display: none; }
.jby-product__value-card h3 {
  position: relative;
  z-index: 1;
  margin: 30px 0 14px;
  font-size: 21px;
  line-height: 1.45;
}
.jby-product__value-card p { position: relative; z-index: 1; }
.jby-product__value-card::after {
  position: absolute;
  right: -48px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 122, 255, .09), transparent 68%);
  content: "";
}
.jby-product__value-card:nth-child(2)::after {
  background: radial-gradient(circle, rgba(57, 140, 255, .1), transparent 68%);
}
.jby-product__value-card:nth-child(3)::after {
  background: radial-gradient(circle, rgba(25, 166, 154, .1), transparent 68%);
}

/* 手机端：在既有 900px 单列布局上进一步收紧字号与间距。 */
@media (max-width: 600px) {
  .jby-product__wrap { width: min(100% - 32px, 1160px); }
  .jby-product__hero { padding-bottom: 48px; }
  .jby-product__hero-grid { gap: 30px; }
  .jby-product__hero-copy h1 { font-size: 32px; letter-spacing: -1.5px; }
  .jby-product__hero-copy > p:last-of-type { margin: 20px 0 26px; font-size: 14px; line-height: 1.8; }
  .jby-product__hero-art { padding: 14px; }
  .jby-product__hero-art img { height: 220px; }
  .jby-product__values { padding: 76px 0; }
  .jby-product__section-title h2 { font-size: 28px; letter-spacing: -1px; }
  .jby-product__value-grid { gap: 14px; margin-top: 32px; }
  .jby-product__value-card,
  .jby-product__value-card:nth-child(2),
  .jby-product__value-card:nth-child(3) { min-height: 0; padding: 24px; }
  .jby-product__value-card h3 { margin-top: 20px; font-size: 19px; }
  .jby-product__value-card p { font-size: 14px; }
  .jby-product__abilities { padding: 76px 0; }
  .jby-product__abilities-head { margin-bottom: 38px; }
  .jby-product__abilities-head h2 { font-size: 28px; letter-spacing: -1px; }
  .jby-product__capability,
  .jby-product__capability--reverse { padding: 46px 0; }
  .jby-product__cap-label { margin-bottom: 18px; padding: 10px 14px; font-size: 18px; }
  .jby-product__cap-copy h2 { font-size: 25px; letter-spacing: -1px; }
  .jby-product__cap-copy > p:not(.jby-product__cap-label) { margin: 18px 0 22px; font-size: 14px; }
  .jby-product__cap-art { min-height: 240px; padding: 14px; }
  .jby-product__cap-art img { height: 210px; }
.jby-product__end { padding: 70px 0; }
  .jby-product__end h2 { font-size: 28px; letter-spacing: -1px; }
}

/* 核心能力标题区 */
.jby-product__abilities-head {
  display: block;
  margin-bottom: 65px;
  text-align: center;
}
.jby-product__abilities-head h2 { margin: 0; }
.jby-product__abilities-head p {
  max-width: 600px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 16px;
  line-height: 1.8;
}
.jby-product__cap-copy > p:not(.jby-product__cap-label) {
  color: #666666;
  font-size: 16px;
}
.jby-product__cap-art,
.jby-product__capability--reverse .jby-product__cap-art {
  min-height: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.jby-product__hero-art {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.jby-product__hero-copy h1 {
  font-size: clamp(24px, 3.3vw, 42px);
  font-weight: 700;
  letter-spacing: -1.5px;
  white-space: nowrap;
}
.jby-product .jby-check-list { margin: 26px 0 33px; }

/* 首屏免费体验与首页首屏主按钮采用同一组 Bootstrap 尺寸变量。 */
.jby-product__hero-btn.btn {
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  border-radius: var(--bs-btn-border-radius);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
}

/* 首屏与首页采用一致的容器宽度与紧凑垂直节奏。 */
.jby-product__wrap {
  width: min(1140px, calc(100% - 48px));
}
.jby-product__hero {
  padding-bottom: 72px;
}
.jby-product__hero-grid {
  min-height: 360px;
  gap: 48px;
}
.jby-product__hero-art img {
  height: 320px;
}
@media (max-width: 900px) {
  .jby-product__hero {
    padding-bottom: 52px;
  }
  .jby-product__hero-grid {
    min-height: 0;
    gap: 32px;
  }
  .jby-product__hero-art img {
    height: 270px;
  }
}
@media (max-width: 600px) {
  .jby-product__wrap {
    width: min(100% - 32px, 1140px);
  }
}

/* 由主题公共 CTA 替代页面旧结尾区。 */
.jby-product__end { display: none; }