/*
 * 成都净润官网页面专属样式
 * 已按页面外层类做作用域隔离，可全站统一加载。
 */

/* ===== 首页 ===== */
body:has(.jr-home) main,
body:has(.jr-home) article,
body:has(.jr-home) .page-content,
body:has(.jr-home) .post-content,
body:has(.jr-home) .markdown-body,
body:has(.jr-home) .single-page,
body:has(.jr-home) .content,
body:has(.jr-home) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-home) main > h1:first-child,
body:has(.jr-home) article > h1:first-child,
body:has(.jr-home) .page-content > h1:first-child,
body:has(.jr-home) .post-content > h1:first-child,
body:has(.jr-home) .markdown-body > h1:first-child {
display: none !important;
}

.jr-home {
--jr-deep: #0a2421;
  --jr-deep-2: #0f302b;
  --jr-green: #1d5a53;
  --jr-green-2: #2f766c;
  --jr-green-3: #9bc8c0;
  --jr-soft: #f6faf8;
  --jr-white: #ffffff;
  --jr-text: #123934;
  --jr-muted: #647a75;
  --jr-border: rgba(15, 47, 43, .13);
}

.jr-home,
.jr-home * {
box-sizing: border-box;
}

.jr-home {
width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 0;
  overflow-x: hidden;
  background: #ffffff;
  color: var(--jr-text);
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jr-home a {
text-decoration: none !important;
}

.jr-home img {
display: block;
  max-width: 100%;
}

.jr-home .jr-section {
width: 100%;
  padding: 96px 0;
}

.jr-home .jr-container {
width: min(1320px, calc(100% - 88px));
  margin: 0 auto;
}

.jr-home .jr-reveal {
opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease, transform .75s ease;
}

.jr-home .jr-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr-home .jr-section-head {
display: grid;
  grid-template-columns: 1fr 520px;
  gap: 56px;
  align-items: end;
  margin-bottom: 48px;
}

.jr-home .jr-section-kicker {
display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--jr-green);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.jr-home .jr-section-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  background: var(--jr-green-2);
  border-radius: 50%;
}

.jr-home .jr-section-title {
margin: 0;
  color: var(--jr-deep);
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr-home .jr-section-title span {
color: var(--jr-green-2);
}

.jr-home .jr-section-desc {
margin: 0;
  color: var(--jr-muted);
  font-size: 16px;
  line-height: 1.9;
  font-weight: 500;
}

.jr-home .jr-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 156px;
  height: 52px;
  padding: 0 26px;
  border-radius: 0;
  font-size: 15px;
  font-weight: 900;
  transition: all .25s ease;
  letter-spacing: .3px;
}

.jr-home .jr-btn::after {
content: "›";
  margin-left: 10px;
  font-size: 22px;
  line-height: 1;
}

.jr-home .jr-btn-primary {
color: #ffffff !important;
  background: var(--jr-green);
  border: 1px solid var(--jr-green);
}

.jr-home .jr-btn-primary:hover {
transform: translateY(-4px);
  background: var(--jr-green-2);
  box-shadow: 0 18px 44px rgba(29, 90, 83, .24);
}

.jr-home .jr-btn-outline {
color: #ffffff !important;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .72);
}

.jr-home .jr-btn-outline:hover {
transform: translateY(-4px);
  background: rgba(255, 255, 255, .16);
}

.jr-home .jr-hero {
position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background:
    linear-gradient(
      90deg,
      rgba(2, 22, 42, 0.76) 0%,
      rgba(3, 35, 63, 0.48) 36%,
      rgba(3, 35, 63, 0.14) 62%,
      rgba(3, 35, 63, 0.02) 100%
    ),
    url("/upload/home-hero.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-home .jr-hero::before {
content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 120px 120px;
  pointer-events: none;
}

.jr-home .jr-hero-content {
position: relative;
  z-index: 2;
  width: min(1480px, calc(100% - 96px));
  margin: 0 auto;
  padding: 0 0 130px;
}

.jr-home .jr-hero-text {
max-width: 760px;
}

.jr-home .jr-hero-title {
margin: 0;
  font-size: clamp(48px, 4.9vw, 78px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: none;
}

.jr-home .jr-hero-title .line-1 {
display: block;
  color: #ffffff !important;
}

.jr-home .jr-hero-title .line-2 {
display: block;
  margin-top: 8px;
  color: #35d07f !important;
}

.jr-home .jr-hero-divider {
width: 680px;
  max-width: 100%;
  height: 2px;
  margin: 18px 0 26px;
  background: linear-gradient(90deg, #18b96f 0 90px, rgba(255, 255, 255, 0.86) 90px 100%);
}

.jr-home .jr-hero-desc {
margin: 0;
  color: #ffffff !important;
  font-size: 20px;
  line-height: 1.95;
  font-weight: 600;
}

.jr-home .jr-hero-actions {
display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 34px;
}

.jr-home .jr-hero-features-wrap {
position: absolute;
  left: 0;
  right: 0;
  bottom: 42px;
  z-index: 3;
}

.jr-home .jr-hero-features {
width: min(1080px, calc(100% - 160px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 38px;
}

.jr-home .jr-hero-feature {
display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease;
}

.jr-home .jr-hero-feature:hover {
transform: translateY(-5px);
}

.jr-home .jr-feature-icon {
width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jr-home .jr-feature-icon svg {
width: 22px;
  height: 22px;
  stroke: #ffffff;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jr-home .jr-feature-text strong {
display: block;
  margin-bottom: 6px;
  color: #ffffff !important;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-home .jr-feature-text p {
margin: 0;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}

.jr-home .jr-about {
background: #ffffff;
}

.jr-home .jr-about-panel {
display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 58px;
  align-items: center;
}

.jr-home .jr-about-media {
position: relative;
  background: #ffffff;
  border: 1px solid var(--jr-border);
  box-shadow: 0 22px 60px rgba(15,47,43,.08);
  overflow: hidden;
}

.jr-home .jr-about-media::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 5px;
  background: var(--jr-green);
}

.jr-home .jr-about-img-main {
width: 100%;
  height: 520px;
  object-fit: contain;
  background: #ffffff;
  transition: transform .55s ease;
}

.jr-home .jr-about-media:hover .jr-about-img-main {
transform: scale(1.03);
}

.jr-home .jr-about-content {
display: grid;
  gap: 22px;
}

.jr-home .jr-about-content p {
margin: 0;
  color: #36534d;
  font-size: 17px;
  line-height: 2;
  font-weight: 500;
}

.jr-home .jr-about-stats {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 8px;
}

.jr-home .jr-about-stat {
padding: 22px 20px;
  background: var(--jr-soft);
  border: 1px solid var(--jr-border);
  transition: all .25s ease;
}

.jr-home .jr-about-stat:hover {
transform: translateY(-6px);
  background: #ffffff;
  box-shadow: 0 20px 48px rgba(15,47,43,.08);
}

.jr-home .jr-about-stat strong {
display: block;
  color: var(--jr-green);
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.jr-home .jr-about-stat span {
display: block;
  margin-top: 10px;
  color: var(--jr-muted);
  font-size: 14px;
  line-height: 1.6;
}

.jr-home .jr-about-tags {
display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.jr-home .jr-tag {
padding: 10px 15px;
  background: #eef7f3;
  color: var(--jr-green);
  font-size: 14px;
  font-weight: 900;
  border: 1px solid rgba(29,90,83,.08);
}

.jr-home .jr-section-more {
margin-top: 30px;
}

.jr-home .jr-more-link {
display: inline-flex;
  align-items: center;
  color: var(--jr-green);
  font-size: 15px;
  font-weight: 900;
}

.jr-home .jr-more-link::after {
content: "→";
  margin-left: 10px;
  transition: transform .2s ease;
}

.jr-home .jr-more-link:hover::after {
transform: translateX(5px);
}

.jr-home .jr-video {
background: var(--jr-soft);
}

.jr-home .jr-video-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.jr-home .jr-video-card {
position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--jr-border);
  box-shadow: 0 18px 46px rgba(15,47,43,.06);
  transition: all .25s ease;
}

.jr-home .jr-video-card:hover {
transform: translateY(-8px);
  box-shadow: 0 28px 70px rgba(15,47,43,.12);
}

.jr-home .jr-video-card video {
display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  object-fit: cover;
}

.jr-home .jr-video-info {
position: relative;
  padding: 26px 28px 30px;
}

.jr-home .jr-video-info::before {
content: "";
  position: absolute;
  left: 28px;
  top: 0;
  width: 62px;
  height: 4px;
  background: var(--jr-green);
}

.jr-home .jr-video-info h3 {
margin: 0 0 10px;
  color: var(--jr-deep);
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-home .jr-video-info p {
margin: 0;
  color: var(--jr-muted);
  font-size: 15px;
  line-height: 1.75;
}

.jr-home .jr-products {
background: #ffffff;
}

.jr-home .jr-product-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.jr-home .jr-product-card {
display: block;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--jr-border);
  box-shadow: 0 18px 46px rgba(15,47,43,.06);
  transition: all .25s ease;
}

.jr-home .jr-product-card:hover {
transform: translateY(-8px);
  box-shadow: 0 28px 72px rgba(15,47,43,.12);
}

.jr-home .jr-product-img {
height: 285px;
  overflow: hidden;
  background: #eef5f2;
}

.jr-home .jr-product-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.jr-home .jr-product-card:hover .jr-product-img img {
transform: scale(1.06);
}

.jr-home .jr-product-content {
padding: 28px 30px 32px;
}

.jr-home .jr-product-index {
margin-bottom: 12px;
  color: var(--jr-green);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}

.jr-home .jr-product-card h3 {
margin: 0 0 14px;
  color: var(--jr-deep);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-home .jr-product-card p {
margin: 0;
  color: var(--jr-muted);
  font-size: 15px;
  line-height: 1.8;
}

.jr-home .jr-card-arrow {
display: inline-flex;
  margin-top: 22px;
  color: var(--jr-green);
  font-size: 14px;
  font-weight: 900;
}

.jr-home .jr-card-arrow::after {
content: "→";
  margin-left: 8px;
}

.jr-home .jr-app {
position: relative;
  background:
    linear-gradient(180deg, rgba(246,250,248,.92), rgba(255,255,255,.96)),
    url("/upload/common-green-bg.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-home .jr-app-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.jr-home .jr-app-card {
position: relative;
  display: block;
  overflow: hidden;
  min-height: 500px;
  background: var(--jr-deep);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 64px rgba(15,47,43,.14);
  transition: all .28s ease;
}

.jr-home .jr-app-card:hover {
transform: translateY(-8px);
  box-shadow: 0 32px 82px rgba(15,47,43,.20);
}

.jr-home .jr-app-img {
height: 285px;
  overflow: hidden;
}

.jr-home .jr-app-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.jr-home .jr-app-card:hover .jr-app-img img {
transform: scale(1.07);
}

.jr-home .jr-app-body {
position: relative;
  padding: 30px;
  color: #ffffff;
}

.jr-home .jr-app-no {
position: absolute;
  right: 28px;
  top: -48px;
  color: rgba(255,255,255,.22);
  font-size: 66px;
  line-height: 1;
  font-weight: 900;
}

.jr-home .jr-app-body h3 {
margin: 0 0 14px;
  color: #ffffff;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.35;
}

.jr-home .jr-app-body p {
margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.85;
}

.jr-home .jr-app-tags {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.jr-home .jr-app-tags em {
display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #dceeea;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.jr-home .jr-cases {
background: #ffffff;
}

.jr-home .jr-case-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.jr-home .jr-case-card {
display: block;
  position: relative;
  overflow: hidden;
  min-height: 420px;
  background: #ffffff;
  border: 1px solid var(--jr-border);
  box-shadow: 0 18px 46px rgba(15,47,43,.06);
  transition: all .25s ease;
}

.jr-home .jr-case-card:hover {
transform: translateY(-8px);
  box-shadow: 0 28px 70px rgba(15,47,43,.12);
}

.jr-home .jr-case-card img {
width: 100%;
  height: 225px;
  object-fit: cover;
  transition: transform .6s ease;
}

.jr-home .jr-case-card:hover img {
transform: scale(1.06);
}

.jr-home .jr-case-body {
padding: 24px;
}

.jr-home .jr-case-type {
margin-bottom: 10px;
  color: var(--jr-green);
  font-size: 13px;
  font-weight: 900;
}

.jr-home .jr-case-body h3 {
margin: 0 0 14px;
  color: var(--jr-deep);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-home .jr-case-meta {
display: grid;
  gap: 8px;
  color: var(--jr-muted);
  font-size: 14px;
  line-height: 1.6;
}

.jr-home .jr-news {
background: var(--jr-soft);
}

.jr-home .jr-news-layout {
display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 28px;
  align-items: stretch;
}

.jr-home .jr-news-feature {
position: relative;
  min-height: 430px;
  overflow: hidden;
  background: var(--jr-deep);
  box-shadow: 0 24px 64px rgba(15,47,43,.12);
}

.jr-home .jr-news-feature img {
width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.jr-home .jr-news-feature:hover img {
transform: scale(1.05);
}

.jr-home .jr-news-feature::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,36,33,.10), rgba(10,36,33,.82));
}

.jr-home .jr-news-feature-body {
position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 34px;
  color: #ffffff;
}

.jr-home .jr-news-feature-body em {
display: inline-flex;
  margin-bottom: 14px;
  color: #dceeea;
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
}

.jr-home .jr-news-feature-body h3 {
margin: 0 0 14px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 900;
}

.jr-home .jr-news-feature-body p {
margin: 0;
  color: rgba(255,255,255,.80);
  font-size: 15px;
  line-height: 1.8;
}

.jr-home .jr-news-list {
display: grid;
  gap: 16px;
}

.jr-home .jr-news-card {
display: block;
  padding: 24px 26px;
  min-height: 132px;
  background: #ffffff;
  border: 1px solid var(--jr-border);
  box-shadow: 0 16px 42px rgba(15,47,43,.05);
  transition: all .25s ease;
}

.jr-home .jr-news-card:hover {
transform: translateX(8px);
  box-shadow: 0 24px 64px rgba(15,47,43,.10);
}

.jr-home .jr-news-date {
margin-bottom: 10px;
  color: var(--jr-green);
  font-size: 13px;
  font-weight: 900;
}

.jr-home .jr-news-card h3 {
margin: 0 0 10px;
  color: var(--jr-deep);
  font-size: 21px;
  line-height: 1.4;
  font-weight: 900;
}

.jr-home .jr-news-card p {
margin: 0;
  color: var(--jr-muted);
  font-size: 15px;
  line-height: 1.7;
}

.jr-home .jr-links {
background: #ffffff;
}

.jr-home .jr-link-grid {
display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--jr-border);
  background: #ffffff;
  box-shadow: 0 20px 58px rgba(15,47,43,.08);
}

.jr-home .jr-link-card {
display: block;
  min-height: 190px;
  padding: 28px 24px;
  border-right: 1px solid var(--jr-border);
  transition: all .25s ease;
}

.jr-home .jr-link-card:last-child {
border-right: 0;
}

.jr-home .jr-link-card:hover {
transform: translateY(-6px);
  background: var(--jr-soft);
}

.jr-home .jr-link-card strong {
display: block;
  margin-bottom: 12px;
  color: var(--jr-deep);
  font-size: 21px;
  font-weight: 900;
}

.jr-home .jr-link-card span {
display: block;
  color: var(--jr-muted);
  font-size: 14px;
  line-height: 1.75;
}

.jr-home .jr-link-card em {
display: block;
  margin-bottom: 22px;
  color: var(--jr-green);
  font-size: 28px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.jr-home .jr-contact {
position: relative;
  background:
    linear-gradient(90deg, rgba(10,36,33,.92), rgba(29,90,83,.72)),
    url("/upload/product-water.webp") center center / cover no-repeat;
  color: #ffffff;
  overflow: hidden;
}

.jr-home .jr-contact-grid {
display: grid;
  grid-template-columns: 1fr 360px;
  gap: 70px;
  align-items: center;
}

.jr-home .jr-contact h2 {
margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.25;
  font-weight: 900;
}

.jr-home .jr-contact p {
max-width: 820px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.84);
  line-height: 1.9;
  font-size: 17px;
}

.jr-home .jr-contact-list {
display: grid;
  gap: 14px;
  max-width: 780px;
}

.jr-home .jr-contact-item {
display: grid;
  grid-template-columns: 96px 1fr;
  gap: 18px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.7;
}

.jr-home .jr-contact-item span:first-child {
color: #dceeea;
  font-weight: 900;
}

.jr-home .jr-qr-card {
padding: 28px;
  text-align: center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(6px);
}

.jr-home .jr-qr-card img {
width: 210px;
  height: 210px;
  margin: 0 auto;
  padding: 10px;
  object-fit: contain;
  background: #ffffff;
}

.jr-home .jr-qr-card div {
margin-top: 16px;
  color: #ffffff;
  font-weight: 900;
}

.jr-home .jr-contact-actions {
display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}

@media (max-width: 1280px) {
.jr-home .jr-hero-features {
width: calc(100% - 64px);
}

.jr-home .jr-link-grid {
grid-template-columns: repeat(3, 1fr);
}

.jr-home .jr-link-card {
border-bottom: 1px solid var(--jr-border);
}

}
@media (max-width: 1200px) {
.jr-home .jr-container,
.jr-home .jr-hero-content {
width: calc(100% - 48px);
}

.jr-home .jr-hero {
min-height: 760px;
}

.jr-home .jr-hero-features {
grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}

.jr-home .jr-section-head,
.jr-home .jr-about-panel,
.jr-home .jr-news-layout,
.jr-home .jr-contact-grid {
grid-template-columns: 1fr;
}

.jr-home .jr-product-grid,
.jr-home .jr-app-grid {
grid-template-columns: 1fr;
}

.jr-home .jr-case-grid {
grid-template-columns: repeat(2, 1fr);
}

}
@media (max-width: 768px) {
.jr-home .jr-section {
padding: 68px 0;
}

.jr-home .jr-container,
.jr-home .jr-hero-content {
width: calc(100% - 32px);
}

.jr-home .jr-section-head {
display: block;
    margin-bottom: 36px;
}

.jr-home .jr-section-desc {
margin-top: 16px;
}

.jr-home .jr-section-title {
font-size: 32px;
}

.jr-home .jr-hero {
min-height: auto;
    padding: 80px 0 0;
    align-items: flex-start;
}

.jr-home .jr-hero-content {
padding-bottom: 40px;
}

.jr-home .jr-hero-title {
font-size: 38px;
}

.jr-home .jr-hero-desc {
font-size: 16px;
}

.jr-home .jr-hero-actions {
display: grid;
    grid-template-columns: 1fr;
}

.jr-home .jr-btn {
width: 100%;
}

.jr-home .jr-hero-features-wrap {
position: relative;
    bottom: auto;
    margin-top: 34px;
    padding-bottom: 30px;
}

.jr-home .jr-hero-features {
width: calc(100% - 32px);
    grid-template-columns: 1fr;
    gap: 18px;
}

.jr-home .jr-about-img-main {
height: auto;
}

.jr-home .jr-about-stats,
.jr-home .jr-video-grid,
.jr-home .jr-case-grid,
.jr-home .jr-link-grid {
grid-template-columns: 1fr;
}

.jr-home .jr-link-card {
border-right: 0;
}

.jr-home .jr-contact-item {
grid-template-columns: 1fr;
    gap: 4px;
}

}

/* ===== 关于我们 ===== */
body:has(.jr2-about-page) main,
body:has(.jr2-about-page) article,
body:has(.jr2-about-page) .page-content,
body:has(.jr2-about-page) .post-content,
body:has(.jr2-about-page) .markdown-body,
body:has(.jr2-about-page) .single-page,
body:has(.jr2-about-page) .content,
body:has(.jr2-about-page) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr2-about-page) main > h1:first-child,
body:has(.jr2-about-page) article > h1:first-child,
body:has(.jr2-about-page) .page-content > h1:first-child,
body:has(.jr2-about-page) .post-content > h1:first-child,
body:has(.jr2-about-page) .markdown-body > h1:first-child {
display: none !important;
}

.jr2-about-page,
.jr2-about-page * {
box-sizing: border-box;
}

.jr2-about-page {
--deep: #061827;
  --navy: #092b44;
  --blue: #0b4f74;
  --main: #158ccf;
  --main2: #39b8e8;
  --cyan: #42d4e8;
  --text: #10283a;
  --muted: #647789;
  --line: #dfe9ee;
  --soft: #f4f8fa;
  width: 100%;
  overflow: hidden;
  color: var(--text);
  background: #ffffff;
  font-family: "HarmonyOS Sans SC", "Alibaba PuHuiTi", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jr2-about-page a {
text-decoration: none !important;
}

.jr2-about-page .jr2-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr2-about-page .jr2-container {
width: min(1320px, calc(100vw - 96px));
  margin: 0 auto;
}

.jr2-about-page .jr2-reveal {
opacity: 0;
  transform: translateY(34px);
  transition: opacity .7s ease, transform .7s ease;
}

.jr2-about-page .jr2-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr2-about-page .jr2-kicker {
display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--main);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.jr2-about-page .jr2-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--main);
  box-shadow: 0 0 18px rgba(21, 140, 207, .48);
}

.jr2-about-page .jr2-section {
position: relative;
  padding: 112px 0;
}

.jr2-about-page .jr2-section-head {
display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 56px;
  margin-bottom: 46px;
}

.jr2-about-page .jr2-title {
margin: 14px 0 0;
  color: var(--deep);
  font-size: 44px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr2-about-page .jr2-title span {
color: var(--main);
}

.jr2-about-page .jr2-desc {
margin: 18px 0 0;
  max-width: 640px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
  font-weight: 500;
}

.jr2-about-page .jr2-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 158px;
  height: 52px;
  padding: 0 26px;
  color: #ffffff !important;
  background: var(--main);
  border: 1px solid var(--main);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .4px;
  transition: all .25s ease;
}

.jr2-about-page .jr2-btn::after {
content: "›";
  margin-left: 10px;
  font-size: 24px;
}

.jr2-about-page .jr2-btn:hover {
transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(21, 140, 207, .24);
}

.jr2-about-page .jr2-btn-line {
color: var(--deep) !important;
  background: transparent;
  border-color: rgba(9, 43, 68, .28);
}

.jr2-about-page /* 首屏 */
.jr2-hero {
position: relative;
  min-height: 690px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 14% 16%, rgba(21,140,207,.12), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(66,212,232,.14), transparent 26%),
    linear-gradient(180deg, #f7fbfd 0%, #edf6fa 100%);
  overflow: hidden;
}

.jr2-about-page .jr2-hero::before {
content: "JINGRUN";
  position: absolute;
  left: 4vw;
  top: 40px;
  color: rgba(9,43,68,.045);
  font-size: clamp(86px, 13vw, 220px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
  pointer-events: none;
}

.jr2-about-page .jr2-hero::after {
content: "";
  position: absolute;
  right: -220px;
  bottom: -260px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  border: 1px solid rgba(21,140,207,.18);
  pointer-events: none;
}

.jr2-about-page .jr2-hero-grid {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 88px;
  align-items: center;
}

.jr2-about-page .jr2-hero-label {
display: inline-flex;
  height: 38px;
  align-items: center;
  padding: 0 16px;
  color: var(--main);
  background: rgba(21,140,207,.08);
  border: 1px solid rgba(21,140,207,.18);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 5px;
}

.jr2-about-page .jr2-hero-title {
margin: 30px 0 0;
}

.jr2-about-page .jr2-hero-title strong {
display: block;
  color: var(--deep);
  font-size: clamp(62px, 6.6vw, 112px);
  line-height: .92;
  font-weight: 900;
  letter-spacing: -4px;
}

.jr2-about-page .jr2-hero-en {
margin-top: 26px;
  color: rgba(9,43,68,.42);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 9px;
  text-transform: uppercase;
}

.jr2-about-page .jr2-hero-sub {
margin: 28px 0 0;
  max-width: 630px;
  color: #40576a !important;
  font-size: 18px;
  line-height: 1.9;
  font-weight: 600;
}

.jr2-about-page .jr2-hero-actions {
display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 38px;
}

.jr2-about-page /* 右侧 Logo 品牌区 */
.jr2-logo-stage {
position: relative;
  min-height: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jr2-about-page .jr2-logo-stage::before {
content: "";
  position: absolute;
  inset: 34px 0 34px 42px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.72)),
    radial-gradient(circle at 28% 22%, rgba(21,140,207,.15), transparent 34%);
  border: 1px solid rgba(9,43,68,.12);
  box-shadow: 0 32px 86px rgba(9,43,68,.14);
  backdrop-filter: blur(10px);
}

.jr2-about-page .jr2-logo-stage::after {
content: "";
  position: absolute;
  right: 32px;
  top: 40px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(21,140,207,.22);
  border-radius: 50%;
}

.jr2-about-page .jr2-logo-inner {
position: relative;
  z-index: 2;
  width: min(620px, 90%);
  min-height: 390px;
  padding: 58px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(9,43,68,.08);
}

.jr2-about-page .jr2-logo-mark {
width: 420px;
  max-width: 92%;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 24px 34px rgba(9,43,68,.13));
}

.jr2-about-page .jr2-logo-line {
width: 72px;
  height: 4px;
  margin: 38px auto 0;
  background: var(--main);
}

.jr2-about-page .jr2-logo-slogan {
margin: 24px 0 0;
  color: var(--deep);
  text-align: center;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: 1px;
}

.jr2-about-page .jr2-logo-sub {
margin: 14px 0 0;
  color: var(--muted);
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.jr2-about-page .jr2-logo-corner {
position: absolute;
  z-index: 3;
  right: 0;
  bottom: 22px;
  min-width: 210px;
  padding: 22px 26px;
  background: var(--deep);
  color: #ffffff;
  box-shadow: 0 24px 58px rgba(7,27,42,.18);
}

.jr2-about-page .jr2-logo-corner span {
display: block;
  color: var(--main2);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
}

.jr2-about-page .jr2-logo-corner strong {
display: block;
  margin-top: 10px;
  color: #ffffff !important;
  font-size: 22px;
  font-weight: 900;
}

.jr2-about-page /* 子导航 */
.jr2-subnav-section {
background: #ffffff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.jr2-about-page .jr2-subnav {
display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.jr2-about-page .jr2-subnav a {
position: relative;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  color: var(--deep) !important;
  border-right: 1px solid var(--line);
  transition: all .25s ease;
}

.jr2-about-page .jr2-subnav a:first-child {
border-left: 1px solid var(--line);
}

.jr2-about-page .jr2-subnav a::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background: var(--main);
  transition: width .25s ease;
}

.jr2-about-page .jr2-subnav a strong {
font-size: 20px;
  font-weight: 900;
}

.jr2-about-page .jr2-subnav a span {
margin-top: 8px;
  color: var(--muted) !important;
  font-size: 13px;
  font-weight: 700;
}

.jr2-about-page .jr2-subnav a:hover,
.jr2-about-page .jr2-subnav a.is-active {
background: #f5fafe;
}

.jr2-about-page .jr2-subnav a:hover::after,
.jr2-about-page .jr2-subnav a.is-active::after {
width: 100%;
}

.jr2-about-page /* 走进净润 */
.jr2-profile {
background: #ffffff;
}

.jr2-about-page .jr2-profile-layout {
display: grid;
  grid-template-columns: 330px 1fr;
  gap: 38px;
}

.jr2-about-page .jr2-profile-menu {
display: grid;
  gap: 14px;
  align-content: start;
}

.jr2-about-page .jr2-profile-tab {
position: relative;
  min-height: 88px;
  padding: 0 26px;
  color: var(--deep);
  background: #f7fafb;
  border: 1px solid var(--line);
  text-align: left;
  cursor: pointer;
  transition: all .25s ease;
}

.jr2-about-page .jr2-profile-tab::before {
content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 0;
  background: var(--main);
  transition: height .25s ease;
}

.jr2-about-page .jr2-profile-tab strong {
display: block;
  font-size: 20px;
  font-weight: 900;
}

.jr2-about-page .jr2-profile-tab span {
display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.jr2-about-page .jr2-profile-tab:hover,
.jr2-about-page .jr2-profile-tab.is-active {
background: var(--deep);
  border-color: var(--deep);
}

.jr2-about-page .jr2-profile-tab:hover strong,
.jr2-about-page .jr2-profile-tab:hover span,
.jr2-about-page .jr2-profile-tab.is-active strong,
.jr2-about-page .jr2-profile-tab.is-active span {
color: #ffffff !important;
}

.jr2-about-page .jr2-profile-tab.is-active::before {
height: 100%;
}

.jr2-about-page .jr2-profile-panel-wrap {
min-height: 520px;
  background: #f7fafb;
  border: 1px solid var(--line);
  overflow: hidden;
}

.jr2-about-page .jr2-profile-panel {
display: none;
  grid-template-columns: .92fr 1.08fr;
  min-height: 520px;
  animation: jr2Fade .35s ease both;
}

.jr2-about-page .jr2-profile-panel.is-active {
display: grid;
}

@keyframes jr2Fade {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.jr2-about-page .jr2-profile-copy {
padding: 48px;
}

.jr2-about-page .jr2-tag {
display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  color: var(--main);
  background: rgba(21,140,207,.1);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
}

.jr2-about-page .jr2-profile-copy h3 {
margin: 24px 0 20px;
  color: var(--deep) !important;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 900;
}

.jr2-about-page .jr2-profile-copy p {
margin: 0;
  color: #43596a !important;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr2-about-page .jr2-point-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.jr2-about-page .jr2-point {
padding: 20px;
  background: #ffffff;
  border: 1px solid var(--line);
  transition: all .25s ease;
}

.jr2-about-page .jr2-point:hover {
transform: translateY(-5px);
  border-color: rgba(21,140,207,.42);
  box-shadow: 0 18px 38px rgba(7,27,42,.08);
}

.jr2-about-page .jr2-point strong {
display: block;
  color: var(--deep) !important;
  font-size: 17px;
  font-weight: 900;
}

.jr2-about-page .jr2-point span {
display: block;
  margin-top: 8px;
  color: var(--muted) !important;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 600;
}

.jr2-about-page .jr2-profile-img {
position: relative;
  min-height: 520px;
  overflow: hidden;
}

.jr2-about-page .jr2-profile-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.jr2-about-page /* 发展历程：背景图 + 横线节点 */
.jr2-history {
position: relative;
  padding: 112px 0;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(6,24,39,.72), rgba(6,24,39,.48)),
    url("/upload/about-history-bg.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr2-about-page .jr2-history::before {
content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(56,164,232,.16), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(84,210,255,.10), transparent 24%);
  pointer-events: none;
}

.jr2-about-page .jr2-history .jr2-container {
position: relative;
  z-index: 2;
}

.jr2-about-page .jr2-history .jr2-section-head {
display: grid;
  grid-template-columns: 1fr 520px;
  gap: 56px;
  align-items: end;
  margin-bottom: 72px;
}

.jr2-about-page .jr2-history .jr2-kicker,
.jr2-about-page .jr2-history .jr2-title,
.jr2-about-page .jr2-history .jr2-desc {
color: #ffffff !important;
}

.jr2-about-page .jr2-history .jr2-title span {
color: var(--main2);
}

.jr2-about-page .jr2-history .jr2-desc {
color: rgba(255,255,255,.82) !important;
}

.jr2-about-page .jr2-history-node-wrap {
position: relative;
  padding: 0 20px;
}

.jr2-about-page .jr2-history-line {
position: absolute;
  left: 40px;
  right: 40px;
  top: 42px;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,.16), rgba(57,184,232,.85), rgba(255,255,255,.16));
}

.jr2-about-page .jr2-history-nodes {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}

.jr2-about-page .jr2-history-node {
position: relative;
  min-height: 116px;
  padding-top: 72px;
  color: rgba(255,255,255,.76);
  background: transparent;
  border: 0;
  text-align: center;
  cursor: pointer;
}

.jr2-about-page .jr2-history-node::before {
content: "";
  position: absolute;
  left: 50%;
  top: 31px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.82);
  border: 5px solid rgba(57,184,232,.38);
  transform: translateX(-50%);
  box-shadow: 0 0 0 8px rgba(57,184,232,.06);
  transition: all .25s ease;
}

.jr2-about-page .jr2-history-node::after {
content: "";
  position: absolute;
  left: 50%;
  top: 16px;
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,.22);
}

.jr2-about-page .jr2-history-node strong {
display: block;
  color: inherit;
  font-size: 18px;
  font-weight: 900;
}

.jr2-about-page .jr2-history-node span {
display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.56);
  font-size: 13px;
  font-weight: 700;
}

.jr2-about-page .jr2-history-node:hover,
.jr2-about-page .jr2-history-node.is-active {
color: #ffffff;
}

.jr2-about-page .jr2-history-node:hover::before,
.jr2-about-page .jr2-history-node.is-active::before {
width: 30px;
  height: 30px;
  top: 27px;
  background: var(--main2);
  border-color: #ffffff;
  box-shadow: 0 0 0 10px rgba(57,184,232,.12), 0 0 26px rgba(57,184,232,.65);
}

.jr2-about-page .jr2-history-content {
position: relative;
  margin-top: 44px;
  min-height: 300px;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
}

.jr2-about-page .jr2-history-year-card {
padding: 42px 40px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

.jr2-about-page .jr2-history-year-card span {
display: block;
  color: var(--main2);
  font-size: 78px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -2px;
}

.jr2-about-page .jr2-history-year-card strong {
display: block;
  margin-top: 18px;
  color: #ffffff !important;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
}

.jr2-about-page .jr2-history-detail {
position: relative;
  padding: 42px 46px;
  background: rgba(6,24,39,.72);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 68px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.jr2-about-page .jr2-history-detail::before {
content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 86px;
  height: 4px;
  background: var(--main2);
}

.jr2-about-page .jr2-history-panel {
display: none;
  animation: jr2Fade .35s ease both;
}

.jr2-about-page .jr2-history-panel.is-active {
display: block;
}

.jr2-about-page .jr2-history-panel h3 {
margin: 0 0 18px;
  color: #ffffff !important;
  font-size: 32px;
  line-height: 1.28;
  font-weight: 900;
}

.jr2-about-page .jr2-history-panel p {
max-width: 780px;
  margin: 0;
  color: rgba(255,255,255,.86) !important;
  font-size: 17px;
  line-height: 1.95;
  font-weight: 600;
}

.jr2-about-page .jr2-history-tag {
display: inline-flex;
  align-items: center;
  margin-top: 28px;
  padding: 10px 14px;
  color: #d8f1ff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
}

.jr2-about-page /* 企业文化：浅蓝色卡片 */
.jr2-culture {
background: #ffffff;
}

.jr2-about-page .jr2-culture-grid {
display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 34px;
}

.jr2-about-page .jr2-culture-main {
padding: 46px;
  background: linear-gradient(135deg, #eaf6fd 0%, #f6fbff 100%);
  color: var(--deep);
  min-height: 520px;
  border: 1px solid #d6e9f5;
  box-shadow: 0 24px 60px rgba(21,140,207,.08);
}

.jr2-about-page .jr2-culture-main .jr2-title {
color: var(--deep) !important;
}

.jr2-about-page .jr2-culture-main .jr2-title span {
color: var(--main);
}

.jr2-about-page .jr2-culture-main .jr2-desc {
color: #506a7c !important;
}

.jr2-about-page .jr2-culture-cards {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 38px;
}

.jr2-about-page .jr2-culture-card {
position: relative;
  min-height: 170px;
  padding: 26px;
  background: rgba(255,255,255,.74);
  border: 1px solid #d9edf8;
  overflow: hidden;
  cursor: pointer;
  transition: all .25s ease;
}

.jr2-about-page .jr2-culture-card::before {
content: attr(data-no);
  position: absolute;
  right: 18px;
  top: 12px;
  color: rgba(21,140,207,.10);
  font-size: 58px;
  font-weight: 900;
}

.jr2-about-page .jr2-culture-card:hover,
.jr2-about-page .jr2-culture-card.is-active {
transform: translateY(-6px);
  background: #ffffff;
  border-color: rgba(21,140,207,.38);
  box-shadow: 0 18px 42px rgba(21,140,207,.12);
}

.jr2-about-page .jr2-culture-card strong {
position: relative;
  z-index: 2;
  display: block;
  color: var(--deep) !important;
  font-size: 22px;
  font-weight: 900;
}

.jr2-about-page .jr2-culture-card span {
position: relative;
  z-index: 2;
  display: block;
  margin-top: 12px;
  color: #5b7182 !important;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
}

.jr2-about-page .jr2-culture-visual {
position: relative;
  min-height: 520px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(7,27,42,.05), rgba(7,27,42,.72)),
    url("/upload/about-company.webp") center center / cover no-repeat;
}

.jr2-about-page .jr2-culture-float {
position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  padding: 28px;
  background: rgba(7,27,42,.78);
  border: 1px solid rgba(255,255,255,.14);
}

.jr2-about-page .jr2-culture-float span {
color: var(--main2);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
}

.jr2-about-page .jr2-culture-float h3 {
margin: 12px 0 0;
  color: #ffffff !important;
  font-size: 28px;
  line-height: 1.28;
  font-weight: 900;
}

.jr2-about-page /* 资质荣誉 */
.jr2-honor {
background:
    radial-gradient(circle at 12% 18%, rgba(21,140,207,.08), transparent 26%),
    #f4f8fa;
}

.jr2-about-page .jr2-honor-filter {
display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.jr2-about-page .jr2-honor-btn {
height: 46px;
  padding: 0 22px;
  color: var(--deep);
  background: #ffffff;
  border: 1px solid var(--line);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  transition: all .25s ease;
}

.jr2-about-page .jr2-honor-btn:hover,
.jr2-about-page .jr2-honor-btn.is-active {
color: #ffffff;
  background: var(--deep);
  border-color: var(--deep);
}

.jr2-about-page .jr2-honor-layout {
display: grid;
  grid-template-columns: 1fr 420px;
  gap: 30px;
  align-items: start;
}

.jr2-about-page .jr2-honor-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.jr2-about-page .jr2-honor-card {
position: relative;
  min-height: 330px;
  background: #ffffff;
  border: 1px solid var(--line);
  overflow: hidden;
  cursor: pointer;
  transition: all .25s ease;
}

.jr2-about-page .jr2-honor-card.is-hidden {
display: none;
}

.jr2-about-page .jr2-honor-card:hover,
.jr2-about-page .jr2-honor-card.is-active {
transform: translateY(-8px);
  border-color: rgba(21,140,207,.36);
  box-shadow: 0 24px 58px rgba(7,27,42,.1);
}

.jr2-about-page .jr2-honor-img {
height: 210px;
  padding: 16px;
  background: #f7fafb;
  border-bottom: 1px solid var(--line);
}

.jr2-about-page .jr2-honor-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.jr2-about-page .jr2-honor-body {
padding: 22px;
}

.jr2-about-page .jr2-honor-body span {
display: inline-flex;
  margin-bottom: 12px;
  color: var(--main);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr2-about-page .jr2-honor-body h3 {
margin: 0;
  color: var(--deep) !important;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 900;
}

.jr2-about-page .jr2-honor-preview {
position: sticky;
  top: 96px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 24px 58px rgba(7,27,42,.1);
  overflow: hidden;
}

.jr2-about-page .jr2-honor-preview-img {
height: 520px;
  padding: 20px;
  background: #f7fafb;
}

.jr2-about-page .jr2-honor-preview-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.jr2-about-page .jr2-honor-preview-text {
padding: 24px;
  background: var(--deep);
}

.jr2-about-page .jr2-honor-preview-text span {
color: var(--main2);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
}

.jr2-about-page .jr2-honor-preview-text h3 {
margin: 10px 0 0;
  color: #ffffff !important;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
}

.jr2-about-page /* CTA */
.jr2-cta {
padding: 90px 0;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(7,27,42,.96), rgba(9,43,68,.8), rgba(21,140,207,.32)),
    url("/upload/about-building.webp") center center / cover no-repeat;
}

.jr2-about-page .jr2-cta-grid {
display: grid;
  grid-template-columns: 1fr 360px;
  gap: 54px;
  align-items: center;
}

.jr2-about-page .jr2-cta h2 {
margin: 0 0 18px;
  color: #ffffff !important;
  font-size: 44px;
  line-height: 1.25;
  font-weight: 900;
}

.jr2-about-page .jr2-cta p {
margin: 0;
  max-width: 820px;
  color: rgba(255,255,255,.86) !important;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr2-about-page .jr2-cta-links {
display: grid;
  gap: 14px;
}

.jr2-about-page .jr2-cta-links a {
min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--deep) !important;
  background: rgba(255,255,255,.96);
  font-size: 16px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr2-about-page .jr2-cta-links a:hover {
transform: translateY(-5px);
  background: #ffffff;
}

@media (max-width: 1200px) {
.jr2-about-page .jr2-hero-grid,
.jr2-about-page .jr2-profile-layout,
.jr2-about-page .jr2-profile-panel,
.jr2-about-page .jr2-culture-grid,
.jr2-about-page .jr2-honor-layout,
.jr2-about-page .jr2-cta-grid,
.jr2-about-page .jr2-history-content {
grid-template-columns: 1fr;
}

.jr2-about-page .jr2-logo-stage {
min-height: 440px;
}

.jr2-about-page .jr2-logo-stage::before {
inset: 20px;
}

.jr2-about-page .jr2-logo-corner {
right: 20px;
}

.jr2-about-page .jr2-history .jr2-section-head {
grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 50px;
}

.jr2-about-page .jr2-history-nodes {
grid-template-columns: repeat(4, 1fr);
    row-gap: 18px;
}

.jr2-about-page .jr2-history-line {
display: none;
}

.jr2-about-page .jr2-honor-preview {
position: static;
}

}
@media (max-width: 768px) {
.jr2-about-page .jr2-container {
width: calc(100vw - 32px);
}

.jr2-about-page .jr2-hero {
min-height: auto;
    padding: 72px 0;
}

.jr2-about-page .jr2-hero-grid {
gap: 42px;
}

.jr2-about-page .jr2-hero-title strong {
font-size: 46px;
    letter-spacing: -2px;
}

.jr2-about-page .jr2-hero-en {
font-size: 13px;
    letter-spacing: 5px;
}

.jr2-about-page .jr2-logo-inner {
width: 100%;
    padding: 46px 28px;
}

.jr2-about-page .jr2-logo-mark {
width: 300px;
    max-width: 88%;
}

.jr2-about-page .jr2-logo-corner {
position: relative;
    right: auto;
    bottom: auto;
    margin-top: -30px;
}

.jr2-about-page .jr2-subnav,
.jr2-about-page .jr2-point-grid,
.jr2-about-page .jr2-culture-cards,
.jr2-about-page .jr2-honor-grid,
.jr2-about-page .jr2-history-nodes {
grid-template-columns: 1fr;
}

.jr2-about-page .jr2-subnav a {
min-height: 76px;
    border-left: 1px solid var(--line);
}

.jr2-about-page .jr2-section,
.jr2-about-page .jr2-history {
padding: 72px 0;
}

.jr2-about-page .jr2-section-head {
display: block;
}

.jr2-about-page .jr2-title {
font-size: 32px;
}

.jr2-about-page .jr2-desc {
font-size: 16px;
}

.jr2-about-page .jr2-profile-copy {
padding: 28px;
}

.jr2-about-page .jr2-profile-copy h3 {
font-size: 28px;
}

.jr2-about-page .jr2-history-node {
min-height: auto;
    padding: 18px 16px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    text-align: left;
}

.jr2-about-page .jr2-history-node::before,
.jr2-about-page .jr2-history-node::after {
display: none;
}

.jr2-about-page .jr2-history-content {
margin-top: 24px;
}

.jr2-about-page .jr2-history-year-card,
.jr2-about-page .jr2-history-detail {
padding: 28px;
}

.jr2-about-page .jr2-history-year-card span {
font-size: 52px;
}

.jr2-about-page .jr2-history-panel h3 {
font-size: 25px;
}

.jr2-about-page .jr2-culture-main {
padding: 30px;
}

.jr2-about-page .jr2-honor-preview-img {
height: 360px;
}

.jr2-about-page .jr2-cta h2 {
font-size: 32px;
}

}

/* ===== 产品中心 ===== */
body:has(.jr3-product-page) main,
body:has(.jr3-product-page) article,
body:has(.jr3-product-page) .page-content,
body:has(.jr3-product-page) .post-content,
body:has(.jr3-product-page) .markdown-body,
body:has(.jr3-product-page) .single-page,
body:has(.jr3-product-page) .content,
body:has(.jr3-product-page) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr3-product-page) main > h1:first-child,
body:has(.jr3-product-page) article > h1:first-child,
body:has(.jr3-product-page) .page-content > h1:first-child,
body:has(.jr3-product-page) .post-content > h1:first-child,
body:has(.jr3-product-page) .markdown-body > h1:first-child {
display: none !important;
}

.jr3-product-page,
.jr3-product-page * {
box-sizing: border-box;
}

.jr3-product-page {
--deep: #061827;
  --navy: #0a263a;
  --blue: #1688c7;
  --blue2: #39b8e8;
  --ocean: #0077b6;
  --green: #1cbf8f;
  --text: #10283a;
  --muted: #647789;
  --line: #dce8ee;
  width: 100%;
  overflow: hidden;
  color: var(--text);
  background: #ffffff;
  font-family: "HarmonyOS Sans SC", "Alibaba PuHuiTi", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jr3-product-page a {
text-decoration: none !important;
}

.jr3-product-page .jr3-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr3-product-page .jr3-container {
width: min(1320px, calc(100vw - 96px));
  margin: 0 auto;
}

.jr3-product-page .jr3-reveal {
opacity: 0;
  transform: translateY(34px);
  transition: opacity .7s ease, transform .7s ease;
}

.jr3-product-page .jr3-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr3-product-page .jr3-kicker {
display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--blue2);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.jr3-product-page .jr3-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue2);
}

.jr3-product-page .jr3-section {
position: relative;
  padding: 112px 0;
}

.jr3-product-page .jr3-section-head {
display: grid;
  grid-template-columns: 1fr 560px;
  gap: 70px;
  align-items: end;
  margin-bottom: 48px;
}

.jr3-product-page .jr3-title {
margin: 14px 0 0;
  color: var(--deep);
  font-size: 44px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr3-product-page .jr3-title span {
color: var(--blue);
}

.jr3-product-page .jr3-desc {
margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
  font-weight: 600;
}

.jr3-product-page .jr3-hero {
position: relative;
  min-height: 660px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background: url("/upload/products-hero.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr3-product-page .jr3-hero::before {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.82),
    rgba(255,255,255,.55),
    rgba(255,255,255,.16),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

.jr3-product-page .jr3-hero-layout {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 72px;
  align-items: center;
}

.jr3-product-page .jr3-hero-copy {
max-width: 760px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.jr3-product-page .jr3-hero-mark {
display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  color: #0b2638;
  background: rgba(255,255,255,.62);
  border-left: 4px solid var(--blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}

.jr3-product-page .jr3-hero h1 {
margin: 28px 0 0;
  color: #061827;
  font-size: clamp(62px, 6.2vw, 104px);
  line-height: .95;
  font-weight: 900;
  letter-spacing: -4px;
  text-shadow: none;
}

.jr3-product-page .jr3-hero h1 span {
display: block;
  margin-top: 20px;
  color: #0077b6;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.18;
  letter-spacing: -1px;
  text-shadow: none;
}

.jr3-product-page .jr3-hero p {
max-width: 690px;
  margin: 30px 0 0;
  color: #5f6f7a;
  font-size: 18px;
  line-height: 1.9;
  font-weight: 600;
  text-shadow: none;
}

.jr3-product-page .jr3-hero-actions {
display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 38px;
}

.jr3-product-page .jr3-btn {
min-width: 158px;
  height: 52px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: #1688c7;
  border: 1px solid #1688c7;
  font-size: 15px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr3-product-page .jr3-btn::after {
content: "›";
  margin-left: 10px;
  font-size: 24px;
}

.jr3-product-page .jr3-btn:hover {
transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(22,136,199,.28);
}

.jr3-product-page .jr3-btn-line {
color: #061827 !important;
  background: rgba(255,255,255,.65);
  border-color: rgba(6,24,39,.22);
  backdrop-filter: blur(4px);
}

.jr3-product-page .jr3-hero-products {
position: relative;
  min-height: 470px;
}

.jr3-product-page .jr3-circle-product {
position: absolute;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.78);
  box-shadow: 0 26px 70px rgba(6,24,39,.16);
  backdrop-filter: blur(6px);
  transition: all .35s ease;
}

.jr3-product-page .jr3-circle-product:hover {
transform: translateY(-10px) scale(1.02);
  box-shadow: 0 36px 90px rgba(6,24,39,.22);
}

.jr3-product-page .jr3-circle-product img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.jr3-product-page .jr3-circle-product::after {
content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 12px rgba(255,255,255,.28);
  pointer-events: none;
}

.jr3-product-page .jr3-circle-product.large {
width: 310px;
  height: 310px;
  left: 42px;
  top: 54px;
}

.jr3-product-page .jr3-circle-product.medium {
width: 230px;
  height: 230px;
  right: 34px;
  top: 10px;
}

.jr3-product-page .jr3-circle-product.small {
width: 210px;
  height: 210px;
  right: 156px;
  bottom: 10px;
}

.jr3-product-page .jr3-circle-label {
position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  min-width: 160px;
  padding: 10px 14px;
  color: #ffffff;
  text-align: center;
  background: rgba(6,24,39,.78);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
  backdrop-filter: blur(8px);
}

.jr3-product-page .jr3-compass {
position: relative;
  z-index: 5;
  margin-top: -74px;
}

.jr3-product-page .jr3-compass-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 28px 80px rgba(7,27,42,.14);
}

.jr3-product-page .jr3-compass-card {
position: relative;
  min-height: 170px;
  padding: 30px 32px;
  color: var(--deep) !important;
  border-right: 1px solid var(--line);
  overflow: hidden;
  transition: all .25s ease;
}

.jr3-product-page .jr3-compass-card:last-child {
border-right: 0;
}

.jr3-product-page .jr3-compass-card::before {
content: attr(data-no);
  position: absolute;
  right: 20px;
  top: 12px;
  color: rgba(22,136,199,.07);
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
}

.jr3-product-page .jr3-compass-card::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: var(--blue);
  transition: width .25s ease;
}

.jr3-product-page .jr3-compass-card:hover {
background: #f4fbfd;
  transform: translateY(-6px);
}

.jr3-product-page .jr3-compass-card:hover::after {
width: 100%;
}

.jr3-product-page .jr3-compass-card span {
display: inline-flex;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr3-product-page .jr3-compass-card h3 {
position: relative;
  z-index: 2;
  margin: 16px 0 10px;
  color: var(--deep);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 900;
}

.jr3-product-page .jr3-compass-card p {
position: relative;
  z-index: 2;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  font-weight: 600;
}

.jr3-product-page .jr3-showcase {
background:
    radial-gradient(circle at 82% 18%, rgba(22,136,199,.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f9fb 100%);
}

.jr3-product-page .jr3-switch {
display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 34px;
}

.jr3-product-page .jr3-switch-btn {
height: 52px;
  padding: 0 22px;
  color: var(--deep);
  background: #ffffff;
  border: 1px solid var(--line);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  transition: all .25s ease;
}

.jr3-product-page .jr3-switch-btn:hover,
.jr3-product-page .jr3-switch-btn.is-active {
color: #ffffff;
  background: var(--deep);
  border-color: var(--deep);
}

.jr3-product-page .jr3-product-panel {
display: none;
  grid-template-columns: 520px 1fr;
  min-height: 620px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 26px 70px rgba(7,27,42,.08);
  overflow: hidden;
  animation: jr3Fade .35s ease both;
}

.jr3-product-page .jr3-product-panel.is-active {
display: grid;
}

@keyframes jr3Fade {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.jr3-product-page .jr3-panel-visual {
position: relative;
  min-height: 620px;
  padding: 42px;
  background:
    linear-gradient(135deg, rgba(6,24,39,.92), rgba(10,52,77,.84)),
    radial-gradient(circle at 25% 22%, rgba(57,184,232,.20), transparent 30%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.jr3-product-page .jr3-panel-visual::before {
content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255,255,255,.12);
}

.jr3-product-page .jr3-panel-visual img {
position: relative;
  z-index: 2;
  width: 100%;
  height: 360px;
  object-fit: contain;
  display: block;
  background: rgba(255,255,255,.94);
  padding: 24px;
}

.jr3-product-page .jr3-panel-badge {
position: relative;
  z-index: 2;
  margin-top: 24px;
  padding: 22px 24px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}

.jr3-product-page .jr3-panel-badge span {
color: var(--blue2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr3-product-page .jr3-panel-badge strong {
display: block;
  margin-top: 10px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
}

.jr3-product-page .jr3-panel-content {
padding: 54px 58px;
}

.jr3-product-page .jr3-panel-content .jr3-kicker {
color: var(--blue);
}

.jr3-product-page .jr3-panel-content h2 {
margin: 18px 0 18px;
  color: var(--deep);
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr3-product-page .jr3-panel-content h2 span {
color: var(--blue);
}

.jr3-product-page .jr3-panel-content > p {
margin: 0;
  color: #496273;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr3-product-page .jr3-metric-row {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.jr3-product-page .jr3-metric {
padding: 20px;
  background: #f5fafc;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-metric strong {
display: block;
  color: var(--blue);
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.jr3-product-page .jr3-metric span {
display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}

.jr3-product-page .jr3-feature-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.jr3-product-page .jr3-feature {
position: relative;
  min-height: 118px;
  padding: 22px;
  background: #ffffff;
  border: 1px solid var(--line);
  transition: all .25s ease;
}

.jr3-product-page .jr3-feature:hover {
transform: translateY(-5px);
  border-color: rgba(22,136,199,.34);
  box-shadow: 0 18px 40px rgba(7,27,42,.08);
}

.jr3-product-page .jr3-feature strong {
display: block;
  color: var(--deep);
  font-size: 18px;
  font-weight: 900;
}

.jr3-product-page .jr3-feature span {
display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 600;
}

.jr3-product-page .jr3-process-mini {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 30px;
}

.jr3-product-page .jr3-step {
padding: 16px;
  background: #f5fafc;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-step em {
display: block;
  color: var(--blue);
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
}

.jr3-product-page .jr3-step strong {
display: block;
  margin-top: 8px;
  color: var(--deep);
  font-size: 15px;
  font-weight: 900;
}

.jr3-product-page .jr3-tech {
color: #ffffff;
  background:
    radial-gradient(circle at 16% 20%, rgba(57,184,232,.16), transparent 24%),
    linear-gradient(135deg, #061827 0%, #0a2a41 52%, #0c3b55 100%);
}

.jr3-product-page .jr3-tech .jr3-title,
.jr3-product-page .jr3-tech .jr3-desc {
color: #ffffff;
}

.jr3-product-page .jr3-tech .jr3-title span {
color: var(--blue2);
}

.jr3-product-page .jr3-tech .jr3-desc {
color: rgba(255,255,255,.78);
}

.jr3-product-page .jr3-tech-grid {
display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.jr3-product-page .jr3-tech-card {
position: relative;
  min-height: 250px;
  padding: 28px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
  transition: all .25s ease;
}

.jr3-product-page .jr3-tech-card::before {
content: attr(data-no);
  position: absolute;
  right: 18px;
  top: 12px;
  color: rgba(255,255,255,.06);
  font-size: 64px;
  font-weight: 900;
}

.jr3-product-page .jr3-tech-card:hover {
transform: translateY(-8px);
  background: rgba(255,255,255,.10);
  border-color: rgba(57,184,232,.34);
}

.jr3-product-page .jr3-tech-icon {
width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: var(--deep);
  background: var(--blue2);
  font-size: 18px;
  font-weight: 900;
}

.jr3-product-page .jr3-tech-card h3 {
margin: 24px 0 12px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 900;
}

.jr3-product-page .jr3-tech-card p {
margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 15px;
  line-height: 1.8;
  font-weight: 600;
}

.jr3-product-page .jr3-specs {
background: #ffffff;
}

.jr3-product-page .jr3-spec-layout {
display: grid;
  grid-template-columns: 420px 1fr;
  gap: 30px;
}

.jr3-product-page .jr3-spec-side {
padding: 36px;
  background: #f3f9fb;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-spec-side h3 {
margin: 0;
  color: var(--deep);
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
}

.jr3-product-page .jr3-spec-side p {
margin: 18px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
  font-weight: 600;
}

.jr3-product-page .jr3-spec-side img {
width: 100%;
  height: 240px;
  margin-top: 28px;
  object-fit: contain;
  background: #ffffff;
  padding: 18px;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-accordion {
display: grid;
  gap: 16px;
}

.jr3-product-page .jr3-acc-item {
background: #ffffff;
  border: 1px solid var(--line);
  overflow: hidden;
}

.jr3-product-page .jr3-acc-head {
width: 100%;
  min-height: 84px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--deep);
  background: #ffffff;
  border: 0;
  cursor: pointer;
  text-align: left;
}

.jr3-product-page .jr3-acc-head span {
color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr3-product-page .jr3-acc-head strong {
display: block;
  margin-top: 8px;
  color: var(--deep);
  font-size: 22px;
  font-weight: 900;
}

.jr3-product-page .jr3-acc-head::after {
content: "+";
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: var(--deep);
  font-size: 24px;
  line-height: 1;
  transition: all .25s ease;
}

.jr3-product-page .jr3-acc-item.is-open .jr3-acc-head::after {
content: "−";
  background: var(--blue);
}

.jr3-product-page .jr3-acc-body {
display: none;
  padding: 0 28px 28px;
  animation: jr3Fade .25s ease both;
}

.jr3-product-page .jr3-acc-item.is-open .jr3-acc-body {
display: block;
}

.jr3-product-page .jr3-acc-grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.jr3-product-page .jr3-acc-img {
min-height: 300px;
  background: #f5fafc;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-acc-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  display: block;
}

.jr3-product-page .jr3-table-wrap {
overflow-x: auto;
  border: 1px solid var(--line);
}

.jr3-product-page .jr3-table {
width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}

.jr3-product-page .jr3-table th,
.jr3-product-page .jr3-table td {
padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  color: #425b6b;
  font-size: 14px;
  text-align: left;
}

.jr3-product-page .jr3-table th {
color: var(--deep);
  background: #eef7fb;
  font-weight: 900;
}

.jr3-product-page .jr3-table tr:last-child td {
border-bottom: 0;
}

.jr3-product-page .jr3-chem {
background:
    radial-gradient(circle at 14% 18%, rgba(28,191,143,.08), transparent 24%),
    linear-gradient(180deg, #f5fafc 0%, #ffffff 100%);
}

.jr3-product-page .jr3-chem-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.jr3-product-page .jr3-chem-card {
position: relative;
  min-height: 500px;
  background: #ffffff;
  border: 1px solid var(--line);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(7,27,42,.06);
  transition: all .25s ease;
}

.jr3-product-page .jr3-chem-card:hover {
transform: translateY(-8px);
  box-shadow: 0 34px 76px rgba(7,27,42,.10);
}

.jr3-product-page .jr3-chem-img {
height: 230px;
  background: #f5fafc;
  overflow: hidden;
}

.jr3-product-page .jr3-chem-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.jr3-product-page .jr3-chem-card:hover .jr3-chem-img img {
transform: scale(1.06);
}

.jr3-product-page .jr3-chem-body {
padding: 28px;
}

.jr3-product-page .jr3-chem-body em {
display: inline-flex;
  color: var(--blue);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr3-product-page .jr3-chem-body h3 {
margin: 14px 0 14px;
  color: var(--deep);
  font-size: 23px;
  line-height: 1.3;
  font-weight: 900;
}

.jr3-product-page .jr3-chem-body p {
margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  font-weight: 600;
}

.jr3-product-page .jr3-chem-list {
margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.jr3-product-page .jr3-chem-list li {
position: relative;
  padding-left: 18px;
  margin-bottom: 9px;
  color: #4b6474;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 600;
}

.jr3-product-page .jr3-chem-list li::before {
content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
}

.jr3-product-page .jr3-cases {
background:
    radial-gradient(circle at 86% 16%, rgba(22,136,199,.08), transparent 26%),
    #ffffff;
}

.jr3-product-page .jr3-case-carousel {
position: relative;
  display: grid;
  grid-template-columns: 76px 1fr 76px;
  gap: 22px;
  align-items: center;
}

.jr3-product-page .jr3-case-arrow {
width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: #061827;
  border: 1px solid #061827;
  font-size: 34px;
  cursor: pointer;
  transition: all .25s ease;
}

.jr3-product-page .jr3-case-arrow:hover {
background: #1688c7;
  border-color: #1688c7;
  transform: translateY(-4px);
}

.jr3-product-page .jr3-case-stage {
position: relative;
  min-height: 560px;
  overflow: hidden;
  background: #f5f8fa;
  border: 1px solid #dce8ee;
  box-shadow: 0 28px 76px rgba(7,27,42,.10);
}

.jr3-product-page .jr3-case-slide {
position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .36s ease;
  background: #f5f8fa;
}

.jr3-product-page .jr3-case-slide.is-active {
opacity: 1;
  pointer-events: auto;
}

.jr3-product-page .jr3-case-slide img {
width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #f5f8fa;
  cursor: pointer;
}

.jr3-product-page .jr3-case-slide::after {
content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 240, 243, .68);
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}

.jr3-product-page .jr3-case-slide.is-show-info::after {
opacity: 1;
}

.jr3-product-page .jr3-case-info {
position: absolute;
  z-index: 4;
  left: 34px;
  bottom: 34px;
  width: min(520px, calc(100% - 68px));
  padding: 28px 30px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 24px 60px rgba(7,27,42,.14);
  backdrop-filter: blur(10px);
  transform: translateY(24px);
  opacity: 0;
  transition: all .32s ease;
}

.jr3-product-page .jr3-case-slide.is-show-info .jr3-case-info {
transform: translateY(0);
  opacity: 1;
}

.jr3-product-page .jr3-case-info span {
color: #1688c7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr3-product-page .jr3-case-info h3 {
margin: 12px 0 10px;
  color: var(--deep);
  font-size: 28px;
  line-height: 1.3;
  font-weight: 900;
}

.jr3-product-page .jr3-case-info p {
margin: 0;
  color: #4b6474;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 600;
}

.jr3-product-page .jr3-case-dots {
display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

.jr3-product-page .jr3-case-dot {
width: 34px;
  height: 4px;
  padding: 0;
  background: #dce8ee;
  border: 0;
  cursor: pointer;
  transition: all .25s ease;
}

.jr3-product-page .jr3-case-dot.is-active {
width: 58px;
  background: #1688c7;
}

.jr3-product-page .jr3-cta {
padding: 92px 0;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(6,24,39,.96), rgba(9,43,68,.84), rgba(22,136,199,.28)),
    url("/upload/product-water.webp") center center / cover no-repeat;
}

.jr3-product-page .jr3-cta-grid {
display: grid;
  grid-template-columns: 1fr 360px;
  gap: 56px;
  align-items: center;
}

.jr3-product-page .jr3-cta h2 {
margin: 0 0 18px;
  color: #ffffff;
  font-size: 44px;
  line-height: 1.25;
  font-weight: 900;
}

.jr3-product-page .jr3-cta p {
margin: 0;
  max-width: 820px;
  color: rgba(255,255,255,.84);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr3-product-page .jr3-cta-links {
display: grid;
  gap: 14px;
}

.jr3-product-page .jr3-cta-links a {
min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--deep) !important;
  background: rgba(255,255,255,.96);
  font-size: 16px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr3-product-page .jr3-cta-links a:hover {
transform: translateY(-5px);
  background: #ffffff;
}

@media (max-width: 1200px) {
.jr3-product-page .jr3-container {
width: calc(100vw - 44px);
}

.jr3-product-page .jr3-hero-layout,
.jr3-product-page .jr3-product-panel,
.jr3-product-page .jr3-spec-layout,
.jr3-product-page .jr3-cta-grid {
grid-template-columns: 1fr;
}

.jr3-product-page .jr3-hero-products {
min-height: 420px;
}

.jr3-product-page .jr3-circle-product.large {
left: 8%;
}

.jr3-product-page .jr3-circle-product.medium {
right: 12%;
}

.jr3-product-page .jr3-circle-product.small {
right: 36%;
}

.jr3-product-page .jr3-tech-grid {
grid-template-columns: repeat(2, 1fr);
}

.jr3-product-page .jr3-chem-grid {
grid-template-columns: repeat(2, 1fr);
}

.jr3-product-page .jr3-section-head {
grid-template-columns: 1fr;
    gap: 18px;
}

}
@media (max-width: 768px) {
.jr3-product-page .jr3-container {
width: calc(100vw - 32px);
}

.jr3-product-page .jr3-hero {
min-height: auto;
    padding: 88px 0 120px;
}

.jr3-product-page .jr3-hero h1 {
font-size: 48px;
    letter-spacing: -2px;
}

.jr3-product-page .jr3-hero h1 span {
font-size: 25px;
}

.jr3-product-page .jr3-hero-products {
min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.jr3-product-page .jr3-circle-product,
.jr3-product-page .jr3-circle-product.large,
.jr3-product-page .jr3-circle-product.medium,
.jr3-product-page .jr3-circle-product.small {
position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: min(260px, 78vw);
    height: min(260px, 78vw);
    margin: 0 auto;
}

.jr3-product-page .jr3-compass-grid,
.jr3-product-page .jr3-metric-row,
.jr3-product-page .jr3-feature-grid,
.jr3-product-page .jr3-process-mini,
.jr3-product-page .jr3-tech-grid,
.jr3-product-page .jr3-acc-grid,
.jr3-product-page .jr3-chem-grid {
grid-template-columns: 1fr;
}

.jr3-product-page .jr3-compass {
margin-top: -64px;
}

.jr3-product-page .jr3-section {
padding: 76px 0;
}

.jr3-product-page .jr3-title {
font-size: 32px;
}

.jr3-product-page .jr3-desc {
font-size: 16px;
}

.jr3-product-page .jr3-panel-content,
.jr3-product-page .jr3-panel-visual {
padding: 30px;
}

.jr3-product-page .jr3-panel-content h2 {
font-size: 30px;
}

.jr3-product-page .jr3-product-panel {
min-height: auto;
}

.jr3-product-page .jr3-panel-visual {
min-height: auto;
}

.jr3-product-page .jr3-panel-visual img {
height: 250px;
}

.jr3-product-page .jr3-case-carousel {
grid-template-columns: 1fr;
}

.jr3-product-page .jr3-case-arrow {
width: 100%;
    height: 54px;
}

.jr3-product-page .jr3-case-stage {
min-height: 420px;
}

.jr3-product-page .jr3-case-info {
left: 18px;
    right: 18px;
    bottom: 18px;
    width: auto;
    padding: 22px;
}

.jr3-product-page .jr3-case-info h3 {
font-size: 22px;
}

.jr3-product-page .jr3-cta h2 {
font-size: 32px;
}

}

/* ===== 应用领域 ===== */
body:has(.jr-app-page) main,
body:has(.jr-app-page) article,
body:has(.jr-app-page) .page-content,
body:has(.jr-app-page) .post-content,
body:has(.jr-app-page) .markdown-body,
body:has(.jr-app-page) .single-page,
body:has(.jr-app-page) .content,
body:has(.jr-app-page) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-app-page) main > h1:first-child,
body:has(.jr-app-page) article > h1:first-child,
body:has(.jr-app-page) .page-content > h1:first-child,
body:has(.jr-app-page) .post-content > h1:first-child,
body:has(.jr-app-page) .markdown-body > h1:first-child {
display: none !important;
}

.jr-app-page,
.jr-app-page * {
box-sizing: border-box;
}

.jr-app-page {
--deep: #061827;
  --navy: #0a263a;
  --blue: #1688c7;
  --ocean: #0077b6;
  --green: #1cbf8f;
  --light: #f3f9fb;
  --line: #dce8ee;
  --text: #10283a;
  --muted: #647789;
  width: 100%;
  overflow: hidden;
  color: var(--text);
  background: #ffffff;
  font-family: "HarmonyOS Sans SC", "Alibaba PuHuiTi", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jr-app-page a {
text-decoration: none !important;
}

.jr-app-page .jr-app-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr-app-page .jr-app-container {
width: min(1320px, calc(100vw - 96px));
  margin: 0 auto;
}

.jr-app-page .jr-app-reveal {
opacity: 0;
  transform: translateY(32px);
  transition: opacity .7s ease, transform .7s ease;
}

.jr-app-page .jr-app-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr-app-page .jr-app-section {
position: relative;
  padding: 112px 0;
}

.jr-app-page .jr-app-kicker {
display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.jr-app-page .jr-app-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  background: var(--green);
  border-radius: 50%;
}

.jr-app-page .jr-app-section-head {
display: grid;
  grid-template-columns: 1fr 560px;
  gap: 70px;
  align-items: end;
  margin-bottom: 52px;
}

.jr-app-page .jr-app-title {
margin: 14px 0 0;
  color: var(--deep);
  font-size: 44px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr-app-page .jr-app-title span {
color: var(--blue);
}

.jr-app-page .jr-app-desc {
margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-app-page .jr-app-btn {
min-width: 158px;
  height: 52px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: var(--blue);
  border: 1px solid var(--blue);
  font-size: 15px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr-app-page .jr-app-btn::after {
content: "›";
  margin-left: 10px;
  font-size: 24px;
}

.jr-app-page .jr-app-btn:hover {
transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(22,136,199,.28);
}

.jr-app-page .jr-app-btn-line {
color: var(--deep) !important;
  background: rgba(255,255,255,.76);
  border-color: rgba(6,24,39,.18);
}

.jr-app-page /* 顶部标题区 */
.jr-app-hero {
position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  background: url("/upload/app-coating.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-app-page .jr-app-hero::before {
content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.90), rgba(255,255,255,.66), rgba(255,255,255,.18), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  pointer-events: none;
}

.jr-app-page .jr-app-hero::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(6,24,39,.08);
}

.jr-app-page .jr-app-hero-layout {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 76px;
  align-items: center;
}

.jr-app-page .jr-app-hero-copy {
max-width: 680px;
}

.jr-app-page .jr-app-hero-mark {
display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  color: #0b2638;
  background: rgba(255,255,255,.72);
  border-left: 4px solid var(--blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}

.jr-app-page .jr-app-hero h1 {
margin: 28px 0 0;
  color: #061827;
  font-size: clamp(58px, 6vw, 98px);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -4px;
}

.jr-app-page .jr-app-hero h1 span {
display: block;
  margin-top: 22px;
  color: var(--ocean);
  font-size: clamp(27px, 3vw, 44px);
  line-height: 1.22;
  letter-spacing: -1px;
}

.jr-app-page .jr-app-hero-line {
width: 86px;
  height: 5px;
  margin-top: 30px;
  background: linear-gradient(90deg, var(--blue), var(--green));
}

.jr-app-page .jr-app-hero-note {
max-width: 620px;
  margin: 26px 0 0;
  color: #5f6f7a;
  font-size: 17px;
  line-height: 1.86;
  font-weight: 600;
}

.jr-app-page .jr-app-actions {
display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px;
}

.jr-app-page /* 顶部右侧场景预览 */
.jr-app-scene-board {
position: relative;
  min-height: 420px;
}

.jr-app-page .jr-app-scene-main {
position: absolute;
  right: 0;
  top: 44px;
  width: 520px;
  height: 330px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 30px 90px rgba(7,27,42,.14);
}

.jr-app-page .jr-app-scene-main img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.jr-app-page .jr-app-scene-main::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(6,24,39,.58));
}

.jr-app-page .jr-app-scene-caption {
position: absolute;
  left: 28px;
  bottom: 26px;
  z-index: 2;
  color: #ffffff;
}

.jr-app-page .jr-app-scene-caption strong {
display: block;
  font-size: 28px;
  font-weight: 900;
}

.jr-app-page .jr-app-scene-caption span {
display: block;
  margin-top: 8px;
  font-size: 14px;
  color: rgba(255,255,255,.78);
  font-weight: 700;
}

.jr-app-page .jr-app-scene-stack {
position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  display: grid;
  gap: 14px;
}

.jr-app-page .jr-app-scene-mini {
min-height: 92px;
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.82);
  box-shadow: 0 18px 48px rgba(7,27,42,.10);
  backdrop-filter: blur(8px);
}

.jr-app-page .jr-app-scene-mini img {
width: 82px;
  height: 68px;
  object-fit: cover;
  display: block;
}

.jr-app-page .jr-app-scene-mini strong {
color: var(--deep);
  font-size: 16px;
  font-weight: 900;
}

.jr-app-page .jr-app-scene-mini span {
display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.jr-app-page /* 顶部下方概览 */
.jr-app-overview {
position: relative;
  z-index: 5;
  margin-top: -64px;
}

.jr-app-page .jr-app-overview-box {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 28px 80px rgba(7,27,42,.14);
}

.jr-app-page .jr-app-overview-item {
position: relative;
  min-height: 166px;
  padding: 32px 34px;
  border-right: 1px solid var(--line);
  overflow: hidden;
}

.jr-app-page .jr-app-overview-item:last-child {
border-right: 0;
}

.jr-app-page .jr-app-overview-item strong {
position: absolute;
  right: 18px;
  top: 10px;
  color: rgba(22,136,199,.08);
  font-size: 72px;
  line-height: 1;
  font-weight: 900;
}

.jr-app-page .jr-app-overview-item h3 {
position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: var(--deep);
  font-size: 22px;
  font-weight: 900;
}

.jr-app-page .jr-app-overview-item span {
position: relative;
  z-index: 2;
  display: block;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  font-weight: 600;
}

.jr-app-page /* 交互式应用场景 */
.jr-app-interactive {
background:
    radial-gradient(circle at 82% 18%, rgba(22,136,199,.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f9fb 100%);
}

.jr-app-page .jr-app-selector {
display: grid;
  grid-template-columns: 320px 1fr;
  min-height: 660px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 26px 70px rgba(7,27,42,.08);
  overflow: hidden;
}

.jr-app-page .jr-app-tabs {
background: var(--deep);
  padding: 28px;
  display: grid;
  align-content: start;
  gap: 14px;
}

.jr-app-page .jr-app-tabs-title {
padding: 0 0 18px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
}

.jr-app-page .jr-app-tab {
width: 100%;
  min-height: 108px;
  padding: 22px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: center;
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  cursor: pointer;
  text-align: left;
  transition: all .25s ease;
}

.jr-app-page .jr-app-tab:hover,
.jr-app-page .jr-app-tab.is-active {
color: #ffffff;
  background: rgba(57,184,232,.16);
  border-color: rgba(57,184,232,.42);
  transform: translateX(6px);
}

.jr-app-page .jr-app-tab em {
width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--deep);
  background: #ffffff;
  font-style: normal;
  font-size: 14px;
  font-weight: 900;
}

.jr-app-page .jr-app-tab.is-active em {
background: #39b8e8;
}

.jr-app-page .jr-app-tab strong {
display: block;
  font-size: 20px;
  font-weight: 900;
}

.jr-app-page .jr-app-tab span {
display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.jr-app-page .jr-app-panels {
position: relative;
  min-height: 660px;
}

.jr-app-page .jr-app-panel {
display: none;
  grid-template-columns: 54% 46%;
  min-height: 660px;
  animation: jrAppFade .36s ease both;
}

.jr-app-page .jr-app-panel.is-active {
display: grid;
}

@keyframes jrAppFade {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.jr-app-page .jr-app-panel-img {
position: relative;
  min-height: 660px;
  background: #eef5f7;
  overflow: hidden;
}

.jr-app-page .jr-app-panel-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .65s ease;
}

.jr-app-page .jr-app-panel.is-active .jr-app-panel-img img {
transform: scale(1.03);
}

.jr-app-page .jr-app-panel-img::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(6,24,39,.62));
}

.jr-app-page .jr-app-panel-mark {
position: absolute;
  z-index: 2;
  left: 30px;
  bottom: 30px;
  padding: 18px 22px;
  color: #ffffff;
  background: rgba(6,24,39,.72);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

.jr-app-page .jr-app-panel-mark strong {
display: block;
  font-size: 24px;
  font-weight: 900;
}

.jr-app-page .jr-app-panel-mark span {
display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 700;
}

.jr-app-page .jr-app-panel-content {
padding: 54px 56px;
}

.jr-app-page .jr-app-panel-content h3 {
margin: 0;
  color: var(--deep);
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
}

.jr-app-page .jr-app-panel-content h3 span {
color: var(--blue);
}

.jr-app-page .jr-app-panel-content p {
margin: 22px 0 0;
  color: #496273;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-app-page .jr-app-data-row {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 30px;
}

.jr-app-page .jr-app-data {
padding: 18px;
  background: #f5fafc;
  border: 1px solid var(--line);
}

.jr-app-page .jr-app-data strong {
display: block;
  color: var(--blue);
  font-size: 22px;
  font-weight: 900;
}

.jr-app-page .jr-app-data span {
display: block;
  margin-top: 9px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.jr-app-page .jr-app-tags {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.jr-app-page .jr-app-tags span {
padding: 10px 14px;
  color: var(--deep);
  background: #eef7fb;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 800;
}

.jr-app-page /* 从污染治理到资源回收 */
.jr-app-solution {
position: relative;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(6,24,39,.92), rgba(6,24,39,.74), rgba(6,24,39,.42)),
    url("/upload/app-solution-bg.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-app-page .jr-app-solution::before {
content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 18%, rgba(57,184,232,.22), transparent 26%),
    radial-gradient(circle at 78% 78%, rgba(28,191,143,.20), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events: none;
}

.jr-app-page .jr-app-solution::after {
content: "";
  position: absolute;
  left: -120px;
  bottom: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
  pointer-events: none;
}

.jr-app-page .jr-app-solution .jr-app-container {
position: relative;
  z-index: 2;
}

.jr-app-page .jr-app-solution-head {
display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 54px;
}

.jr-app-page .jr-app-solution .jr-app-kicker {
color: #39b8e8;
}

.jr-app-page .jr-app-solution .jr-app-title {
color: #ffffff;
}

.jr-app-page .jr-app-solution .jr-app-title span {
color: #39b8e8;
}

.jr-app-page .jr-app-solution-lead {
margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.92;
  font-weight: 600;
}

.jr-app-page .jr-app-flow {
display: grid;
  grid-template-columns: 380px 1fr;
  gap: 30px;
  align-items: stretch;
}

.jr-app-page .jr-app-flow-left {
position: relative;
  min-height: 560px;
  padding: 36px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.jr-app-page .jr-app-flow-left::before {
content: "";
  position: absolute;
  left: 0;
  top: 36px;
  bottom: 36px;
  width: 5px;
  background: linear-gradient(180deg, #39b8e8, #1cbf8f);
}

.jr-app-page .jr-app-flow-left h3 {
position: relative;
  z-index: 2;
  margin: 0;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-app-page .jr-app-flow-left p {
position: relative;
  z-index: 2;
  margin: 22px 0 0;
  color: rgba(255,255,255,.76);
  font-size: 16px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-app-page .jr-app-flow-left img {
position: relative;
  z-index: 2;
  width: 100%;
  height: 230px;
  margin-top: 32px;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(255,255,255,.16);
}

.jr-app-page .jr-app-flow-badge {
position: relative;
  z-index: 2;
  margin-top: 24px;
  padding: 18px 20px;
  background: rgba(6,24,39,.58);
  border: 1px solid rgba(255,255,255,.14);
}

.jr-app-page .jr-app-flow-badge strong {
display: block;
  color: #39b8e8;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.jr-app-page .jr-app-flow-badge span {
display: block;
  margin-top: 10px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}

.jr-app-page .jr-app-flow-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.jr-app-page .jr-app-flow-card {
position: relative;
  min-height: 270px;
  padding: 30px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 24px 70px rgba(0,0,0,.14);
  overflow: hidden;
  transition: all .26s ease;
}

.jr-app-page .jr-app-flow-card:hover {
transform: translateY(-8px);
  background: rgba(255,255,255,.98);
  box-shadow: 0 34px 90px rgba(0,0,0,.20);
}

.jr-app-page .jr-app-flow-card::before {
content: attr(data-step);
  position: absolute;
  right: 18px;
  top: 12px;
  color: rgba(22,136,199,.08);
  font-size: 66px;
  line-height: 1;
  font-weight: 900;
}

.jr-app-page .jr-app-flow-card::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: linear-gradient(90deg, #1688c7, #1cbf8f);
  transition: width .26s ease;
}

.jr-app-page .jr-app-flow-card:hover::after {
width: 100%;
}

.jr-app-page .jr-app-flow-icon {
position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: #061827;
  font-size: 22px;
  font-weight: 900;
}

.jr-app-page .jr-app-flow-card h3 {
position: relative;
  z-index: 2;
  margin: 24px 0 12px;
  color: #061827;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-app-page .jr-app-flow-card p {
position: relative;
  z-index: 2;
  margin: 0;
  color: #5f6f7a;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 600;
}

.jr-app-page .jr-app-flow-line {
margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(6,24,39,.46);
  backdrop-filter: blur(8px);
}

.jr-app-page .jr-app-flow-line-item {
min-height: 112px;
  padding: 24px;
  border-right: 1px solid rgba(255,255,255,.14);
}

.jr-app-page .jr-app-flow-line-item:last-child {
border-right: 0;
}

.jr-app-page .jr-app-flow-line-item em {
display: block;
  color: #39b8e8;
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
}

.jr-app-page .jr-app-flow-line-item strong {
display: block;
  margin-top: 10px;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-app-page /* 应用价值 */
.jr-app-value {
background:
    radial-gradient(circle at 12% 18%, rgba(28,191,143,.08), transparent 24%),
    linear-gradient(180deg, #f5fafc 0%, #ffffff 100%);
}

.jr-app-page .jr-app-value-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.jr-app-page .jr-app-value-card {
position: relative;
  min-height: 280px;
  padding: 34px 30px;
  background: #ffffff;
  border: 1px solid var(--line);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(7,27,42,.06);
  transition: all .25s ease;
}

.jr-app-page .jr-app-value-card::before {
content: attr(data-no);
  position: absolute;
  right: 20px;
  top: 14px;
  color: rgba(22,136,199,.07);
  font-size: 68px;
  line-height: 1;
  font-weight: 900;
}

.jr-app-page .jr-app-value-card::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: var(--green);
  transition: width .25s ease;
}

.jr-app-page .jr-app-value-card:hover {
transform: translateY(-8px);
  box-shadow: 0 34px 76px rgba(7,27,42,.10);
}

.jr-app-page .jr-app-value-card:hover::after {
width: 100%;
}

.jr-app-page .jr-app-value-card h3 {
position: relative;
  z-index: 2;
  margin: 76px 0 16px;
  color: var(--deep);
  font-size: 23px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-app-page .jr-app-value-card p {
position: relative;
  z-index: 2;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
  font-weight: 600;
}

.jr-app-page /* 联系引导 */
.jr-app-contact {
padding: 92px 0;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(6,24,39,.96), rgba(9,43,68,.84), rgba(22,136,199,.26)),
    url("/upload/app-gas.webp") center center / cover no-repeat;
}

.jr-app-page .jr-app-contact-inner {
display: grid;
  grid-template-columns: 1fr 280px;
  gap: 56px;
  align-items: center;
}

.jr-app-page .jr-app-contact h2 {
margin: 0 0 18px;
  color: #ffffff;
  font-size: 44px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-app-page .jr-app-contact p {
margin: 0;
  max-width: 820px;
  color: rgba(255,255,255,.84);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-app-page .jr-app-contact .jr-app-btn {
background: #ffffff;
  border-color: #ffffff;
  color: var(--deep) !important;
}

@media (max-width: 1200px) {
.jr-app-page .jr-app-container {
width: calc(100vw - 44px);
}

.jr-app-page .jr-app-hero-layout,
.jr-app-page .jr-app-section-head,
.jr-app-page .jr-app-selector,
.jr-app-page .jr-app-panel,
.jr-app-page .jr-app-solution-head,
.jr-app-page .jr-app-flow,
.jr-app-page .jr-app-contact-inner {
grid-template-columns: 1fr;
}

.jr-app-page .jr-app-scene-board {
min-height: 450px;
}

.jr-app-page .jr-app-scene-main {
width: 70%;
}

.jr-app-page .jr-app-overview-box,
.jr-app-page .jr-app-value-grid,
.jr-app-page .jr-app-flow-line {
grid-template-columns: repeat(2, 1fr);
}

.jr-app-page .jr-app-panel-img {
min-height: 440px;
}

.jr-app-page .jr-app-flow-left {
min-height: auto;
}

}
@media (max-width: 768px) {
.jr-app-page .jr-app-container {
width: calc(100vw - 32px);
}

.jr-app-page .jr-app-hero {
min-height: auto;
    padding: 88px 0 118px;
}

.jr-app-page .jr-app-hero h1 {
font-size: 48px;
    letter-spacing: -2px;
}

.jr-app-page .jr-app-hero h1 span {
font-size: 25px;
}

.jr-app-page .jr-app-hero-note {
font-size: 16px;
}

.jr-app-page .jr-app-actions {
display: grid;
    grid-template-columns: 1fr;
}

.jr-app-page .jr-app-btn {
width: 100%;
}

.jr-app-page .jr-app-scene-board {
display: none;
}

.jr-app-page .jr-app-overview {
margin-top: -62px;
}

.jr-app-page .jr-app-overview-box,
.jr-app-page .jr-app-value-grid,
.jr-app-page .jr-app-data-row,
.jr-app-page .jr-app-flow-grid,
.jr-app-page .jr-app-flow-line {
grid-template-columns: 1fr;
}

.jr-app-page .jr-app-overview-item {
border-right: 0;
    border-bottom: 1px solid var(--line);
}

.jr-app-page .jr-app-overview-item:last-child {
border-bottom: 0;
}

.jr-app-page .jr-app-section {
padding: 76px 0;
}

.jr-app-page .jr-app-title {
font-size: 32px;
}

.jr-app-page .jr-app-desc {
font-size: 16px;
}

.jr-app-page .jr-app-tabs {
padding: 18px;
}

.jr-app-page .jr-app-tab {
min-height: 92px;
}

.jr-app-page .jr-app-panel-content {
padding: 34px 26px;
}

.jr-app-page .jr-app-panel-content h3 {
font-size: 30px;
}

.jr-app-page .jr-app-panel-img {
min-height: 360px;
}

.jr-app-page .jr-app-solution {
background:
      linear-gradient(180deg, rgba(6,24,39,.92), rgba(6,24,39,.78)),
      url("/upload/app-solution-bg.webp") center center / cover no-repeat;
}

.jr-app-page .jr-app-flow-left img {
height: 190px;
}

.jr-app-page .jr-app-flow-line-item {
border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.jr-app-page .jr-app-flow-line-item:last-child {
border-bottom: 0;
}

.jr-app-page .jr-app-contact h2 {
font-size: 32px;
}

}

/* ===== 工程案例 ===== */
body:has(.jr-case-pro) main,
body:has(.jr-case-pro) article,
body:has(.jr-case-pro) .page-content,
body:has(.jr-case-pro) .post-content,
body:has(.jr-case-pro) .markdown-body,
body:has(.jr-case-pro) .single-page,
body:has(.jr-case-pro) .content,
body:has(.jr-case-pro) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-case-pro) main > h1:first-child,
body:has(.jr-case-pro) article > h1:first-child,
body:has(.jr-case-pro) .page-content > h1:first-child,
body:has(.jr-case-pro) .post-content > h1:first-child,
body:has(.jr-case-pro) .markdown-body > h1:first-child {
display: none !important;
}

.jr-case-pro,
.jr-case-pro * {
box-sizing: border-box;
}

.jr-case-pro {
--deep: #061827;
  --blue: #1688c7;
  --blue2: #39b8e8;
  --ocean: #0077b6;
  --green: #1cbf8f;
  --line: #dce8ee;
  --text: #10283a;
  --muted: #647789;
  width: 100%;
  overflow: hidden;
  color: var(--text);
  background: #ffffff;
  font-family: "HarmonyOS Sans SC", "Alibaba PuHuiTi", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jr-case-pro a {
text-decoration: none !important;
}

.jr-case-pro .jr-case-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr-case-pro .jr-case-container {
width: min(1320px, calc(100vw - 96px));
  margin: 0 auto;
}

.jr-case-pro .jr-case-reveal {
opacity: 0;
  transform: translateY(34px);
  transition: opacity .75s ease, transform .75s ease;
}

.jr-case-pro .jr-case-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr-case-pro .jr-case-section {
position: relative;
  padding: 104px 0;
}

.jr-case-pro .jr-case-kicker {
display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.jr-case-pro .jr-case-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  background: var(--green);
  border-radius: 50%;
}

.jr-case-pro .jr-case-section-head {
display: grid;
  grid-template-columns: 1fr 540px;
  gap: 64px;
  align-items: end;
  margin-bottom: 48px;
}

.jr-case-pro .jr-case-title {
margin: 14px 0 0;
  color: var(--deep);
  font-size: 44px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr-case-pro .jr-case-title span {
color: var(--blue);
}

.jr-case-pro .jr-case-desc {
margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-case-pro .jr-case-btn {
min-width: 158px;
  height: 52px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: var(--blue);
  border: 1px solid var(--blue);
  font-size: 15px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr-case-pro .jr-case-btn::after {
content: "›";
  margin-left: 10px;
  font-size: 24px;
}

.jr-case-pro .jr-case-btn:hover {
transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(22,136,199,.28);
}

.jr-case-pro .jr-case-btn-line {
color: var(--deep) !important;
  background: rgba(255,255,255,.76);
  border-color: rgba(6,24,39,.18);
}

.jr-case-pro /* 顶部主视觉 */
.jr-case-hero {
position: relative;
  min-height: 660px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(255,255,255,.94), rgba(255,255,255,.76), rgba(255,255,255,.32), rgba(255,255,255,.08)),
    url("/upload/cases-hero.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-case-pro .jr-case-hero::before {
content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(22,136,199,.12), transparent 28%),
    radial-gradient(circle at 88% 70%, rgba(28,191,143,.14), transparent 30%);
  pointer-events: none;
}

.jr-case-pro .jr-case-hero-layout {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center;
}

.jr-case-pro .jr-case-hero-copy {
max-width: 660px;
}

.jr-case-pro .jr-case-hero-mark {
display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  color: #0b2638;
  background: rgba(255,255,255,.76);
  border-left: 4px solid var(--blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}

.jr-case-pro .jr-case-hero h1 {
margin: 28px 0 0;
  color: #061827;
  font-size: clamp(58px, 6vw, 98px);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -4px;
}

.jr-case-pro .jr-case-hero h1 span {
display: block;
  margin-top: 22px;
  color: var(--ocean);
  font-size: clamp(27px, 3vw, 44px);
  line-height: 1.22;
  letter-spacing: -1px;
}

.jr-case-pro .jr-case-hero-line {
width: 86px;
  height: 5px;
  margin-top: 30px;
  background: linear-gradient(90deg, var(--blue), var(--green));
}

.jr-case-pro .jr-case-hero-note {
max-width: 620px;
  margin: 26px 0 0;
  color: #5f6f7a;
  font-size: 17px;
  line-height: 1.86;
  font-weight: 600;
}

.jr-case-pro .jr-case-actions {
display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px;
}

.jr-case-pro .jr-case-hero-board {
position: relative;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 24px;
  align-items: center;
  min-height: 430px;
}

.jr-case-pro .jr-case-hero-stats {
position: relative;
  z-index: 2;
  display: grid;
  gap: 14px;
}

.jr-case-pro .jr-case-hero-stat {
min-height: 96px;
  padding: 18px 20px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.84);
  box-shadow: 0 18px 48px rgba(7,27,42,.10);
  backdrop-filter: blur(8px);
  transition: all .25s ease;
}

.jr-case-pro .jr-case-hero-stat:hover {
transform: translateX(8px);
  box-shadow: 0 24px 60px rgba(7,27,42,.14);
}

.jr-case-pro .jr-case-hero-stat strong {
display: block;
  color: var(--blue);
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

.jr-case-pro .jr-case-hero-stat span {
display: block;
  margin-top: 9px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.jr-case-pro .jr-case-hero-main {
position: relative;
  z-index: 5;
  width: 100%;
  height: 350px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.88);
  box-shadow: 0 30px 90px rgba(7,27,42,.14);
  overflow: hidden;
}

.jr-case-pro .jr-case-hero-main img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .7s ease;
}

.jr-case-pro .jr-case-hero-main:hover img {
transform: scale(1.05);
}

.jr-case-pro .jr-case-hero-main::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 46%, rgba(6,24,39,.58));
}

.jr-case-pro .jr-case-hero-main-text {
position: absolute;
  z-index: 2;
  left: 28px;
  bottom: 26px;
  color: #ffffff;
}

.jr-case-pro .jr-case-hero-main-text strong {
display: block;
  font-size: 28px;
  font-weight: 900;
}

.jr-case-pro .jr-case-hero-main-text span {
display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 700;
}

.jr-case-pro /* 概览 */
.jr-case-overview {
position: relative;
  z-index: 5;
  margin-top: -64px;
}

.jr-case-pro .jr-case-overview-box {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 28px 80px rgba(7,27,42,.14);
}

.jr-case-pro .jr-case-overview-item {
position: relative;
  min-height: 166px;
  padding: 32px 30px;
  border-right: 1px solid var(--line);
  overflow: hidden;
  transition: all .25s ease;
}

.jr-case-pro .jr-case-overview-item:hover {
background: #f4fbfd;
  transform: translateY(-6px);
}

.jr-case-pro .jr-case-overview-item:last-child {
border-right: 0;
}

.jr-case-pro .jr-case-overview-item strong {
display: block;
  color: var(--blue);
  font-size: 31px;
  line-height: 1;
  font-weight: 900;
}

.jr-case-pro .jr-case-overview-item span {
display: block;
  margin-top: 16px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  font-weight: 600;
}

.jr-case-pro /* 重点项目交互 */
.jr-case-featured {
background:
    radial-gradient(circle at 82% 18%, rgba(22,136,199,.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f4f9fb 100%);
}

.jr-case-pro .jr-case-focus {
display: grid;
  grid-template-columns: 1fr 390px;
  min-height: 650px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 26px 70px rgba(7,27,42,.08);
  overflow: hidden;
}

.jr-case-pro .jr-case-focus-stage {
position: relative;
  min-height: 650px;
  overflow: hidden;
  background: #f5f8fa;
}

.jr-case-pro .jr-case-focus-img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  cursor: pointer;
  transition: transform .5s ease, opacity .25s ease;
}

.jr-case-pro .jr-case-focus-stage:hover .jr-case-focus-img {
transform: scale(1.025);
}

.jr-case-pro .jr-case-image-tip {
position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  padding: 10px 16px;
  color: #061827;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 900;
  backdrop-filter: blur(8px);
}

.jr-case-pro .jr-case-focus-detail-layer {
position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  padding: 36px;
  background: rgba(236,241,244,.72);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

.jr-case-pro .jr-case-focus-stage.is-info-open .jr-case-focus-detail-layer {
opacity: 1;
  pointer-events: auto;
}

.jr-case-pro .jr-case-focus-info {
width: min(620px, 100%);
  padding: 32px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.86);
  box-shadow: 0 28px 80px rgba(7,27,42,.16);
  backdrop-filter: blur(10px);
  transform: translateY(18px);
  transition: transform .28s ease;
}

.jr-case-pro .jr-case-focus-stage.is-info-open .jr-case-focus-info {
transform: translateY(0);
}

.jr-case-pro .jr-case-focus-info em {
display: inline-flex;
  color: var(--blue);
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
}

.jr-case-pro .jr-case-focus-info h3 {
margin: 14px 0 14px;
  color: var(--deep);
  font-size: 34px;
  line-height: 1.2;
  font-weight: 900;
}

.jr-case-pro .jr-case-focus-info p {
margin: 0;
  color: #496273;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 600;
}

.jr-case-pro .jr-case-focus-metrics {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 24px;
}

.jr-case-pro .jr-case-focus-metric {
padding: 18px;
  background: #f5fafc;
  border: 1px solid var(--line);
}

.jr-case-pro .jr-case-focus-metric strong {
display: block;
  color: var(--blue);
  font-size: 23px;
  line-height: 1;
  font-weight: 900;
}

.jr-case-pro .jr-case-focus-metric span {
display: block;
  margin-top: 9px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.jr-case-pro .jr-case-detail-close {
margin-top: 22px;
  width: 100%;
  height: 44px;
  color: #ffffff;
  background: var(--deep);
  border: 0;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.jr-case-pro .jr-case-focus-tabs {
padding: 24px;
  background: var(--deep);
  display: grid;
  align-content: start;
  gap: 14px;
}

.jr-case-pro .jr-case-tabs-title {
color: rgba(255,255,255,.68);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
  margin-bottom: 8px;
}

.jr-case-pro .jr-case-focus-tab {
width: 100%;
  min-height: 106px;
  padding: 14px;
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 15px;
  align-items: center;
  color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  cursor: pointer;
  text-align: left;
  transition: all .25s ease;
}

.jr-case-pro .jr-case-focus-tab:hover,
.jr-case-pro .jr-case-focus-tab.is-active {
color: #ffffff;
  background: rgba(57,184,232,.16);
  border-color: rgba(57,184,232,.42);
  transform: translateX(6px);
}

.jr-case-pro .jr-case-tab-thumb {
position: relative;
  width: 92px;
  height: 74px;
  overflow: hidden;
  background: rgba(255,255,255,.08);
}

.jr-case-pro .jr-case-tab-thumb img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.jr-case-pro .jr-case-focus-tab:hover .jr-case-tab-thumb img,
.jr-case-pro .jr-case-focus-tab.is-active .jr-case-tab-thumb img {
transform: scale(1.08);
}

.jr-case-pro .jr-case-tab-thumb em {
position: absolute;
  left: 6px;
  top: 6px;
  width: 26px;
  height: 22px;
  display: grid;
  place-items: center;
  color: var(--deep);
  background: rgba(255,255,255,.88);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.jr-case-pro .jr-case-focus-tab strong {
display: block;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-case-pro .jr-case-focus-tab span {
display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.jr-case-pro /* 项目足迹 */
.jr-case-footprint {
background: #ffffff;
}

.jr-case-pro .jr-footprint-layout {
display: grid;
  grid-template-columns: 340px 1fr;
  gap: 30px;
  align-items: stretch;
}

.jr-case-pro .jr-footprint-info {
padding: 34px;
  background: #f3f9fb;
  border: 1px solid var(--line);
}

.jr-case-pro .jr-footprint-info h3 {
margin: 0;
  color: var(--deep);
  font-size: 32px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-case-pro .jr-footprint-info p {
margin: 18px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
  font-weight: 600;
}

.jr-case-pro .jr-footprint-active {
margin-top: 28px;
  padding: 22px;
  color: #ffffff;
  background: var(--deep);
  transition: all .25s ease;
}

.jr-case-pro .jr-footprint-active strong {
display: block;
  color: #39b8e8;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 900;
}

.jr-case-pro .jr-footprint-active span {
display: block;
  margin-top: 10px;
  color: rgba(255,255,255,.76);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 700;
}

.jr-case-pro .jr-footprint-map {
position: relative;
  min-height: 540px;
  background:
    radial-gradient(circle at 52% 43%, rgba(22,136,199,.12), transparent 28%),
    linear-gradient(135deg, #f6fbfd, #edf6f8);
  border: 1px solid var(--line);
  overflow: hidden;
}

.jr-case-pro .jr-footprint-map::before {
content: "";
  position: absolute;
  inset: 34px;
  background:
    linear-gradient(90deg, rgba(22,136,199,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(22,136,199,.06) 1px, transparent 1px);
  background-size: 64px 64px;
}

.jr-case-pro .jr-footprint-map::after {
content: "PROJECT FOOTPRINT";
  position: absolute;
  right: 34px;
  bottom: 24px;
  color: rgba(6,24,39,.045);
  font-size: clamp(42px, 6vw, 96px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 5px;
}

.jr-case-pro .jr-china-map {
position: absolute;
  left: 8%;
  top: 7%;
  width: 80%;
  height: 78%;
  z-index: 1;
}

.jr-case-pro .jr-china-map .land {
fill: rgba(230,246,251,.96);
  stroke: rgba(22,136,199,.48);
  stroke-width: 2.4;
}

.jr-case-pro .jr-china-map .land-shadow {
fill: rgba(22,136,199,.07);
}

.jr-case-pro .jr-china-map .province-line {
fill: none;
  stroke: rgba(22,136,199,.16);
  stroke-width: 1.3;
}

.jr-case-pro .jr-china-map .island {
fill: rgba(230,246,251,.9);
  stroke: rgba(22,136,199,.34);
  stroke-width: 1.6;
}

.jr-case-pro .jr-route-line {
position: absolute;
  z-index: 2;
  left: 32%;
  top: 50%;
  width: 44%;
  height: 1px;
  background: linear-gradient(90deg, rgba(22,136,199,.10), rgba(22,136,199,.45), rgba(28,191,143,.25));
  transform: rotate(-12deg);
  transform-origin: left center;
}

.jr-case-pro .jr-map-pin {
position: absolute;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  color: var(--deep);
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(22,136,199,.22);
  box-shadow: 0 14px 34px rgba(7,27,42,.10);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  transition: all .25s ease;
}

.jr-case-pro .jr-map-pin::before {
content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(22,136,199,.13);
  animation: jrPinPulse 1.8s ease-in-out infinite;
}

@keyframes jrPinPulse {
  0%, 100% {
    box-shadow: 0 0 0 5px rgba(22,136,199,.13);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(22,136,199,.06);
  }
}
.jr-case-pro .jr-map-pin:hover,
.jr-case-pro .jr-map-pin.is-active {
color: #ffffff;
  background: var(--blue);
  transform: translateY(-5px);
}

.jr-case-pro .jr-map-pin:hover::before,
.jr-case-pro .jr-map-pin.is-active::before {
background: #ffffff;
  box-shadow: 0 0 0 5px rgba(255,255,255,.20);
}

.jr-case-pro .jr-map-pin.cd {
left: 37%; top: 55%;
}

.jr-case-pro .jr-map-pin.sz {
left: 64%; top: 72%;
}

.jr-case-pro .jr-map-pin.ah {
left: 57%; top: 52%;
}

.jr-case-pro .jr-map-pin.gz {
left: 59%; top: 68%;
}

.jr-case-pro .jr-map-pin.aq {
left: 54%; top: 56%;
}

.jr-case-pro .jr-map-pin.zz {
left: 50%; top: 45%;
}

.jr-case-pro .jr-map-pin.xa {
left: 42%; top: 43%;
}

.jr-case-pro .jr-map-pin.cc {
left: 68%; top: 25%;
}

.jr-case-pro .jr-map-pin.jn {
left: 58%; top: 38%;
}

.jr-case-pro .jr-map-pin.hf {
left: 56%; top: 53%;
}

.jr-case-pro .jr-map-pin.th {
left: 77%; top: 80%;
}

.jr-case-pro /* 案例筛选矩阵 */
.jr-case-matrix {
background:
    radial-gradient(circle at 12% 18%, rgba(28,191,143,.08), transparent 24%),
    linear-gradient(180deg, #f5fafc 0%, #ffffff 100%);
}

.jr-case-pro .jr-case-filter-bar {
display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.jr-case-pro .jr-case-filter {
height: 50px;
  padding: 0 22px;
  color: var(--deep);
  background: #ffffff;
  border: 1px solid var(--line);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  transition: all .25s ease;
}

.jr-case-pro .jr-case-filter:hover,
.jr-case-pro .jr-case-filter.is-active {
color: #ffffff;
  background: var(--deep);
  border-color: var(--deep);
}

.jr-case-pro .jr-case-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.jr-case-pro .jr-project-card {
display: none;
  position: relative;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px rgba(7,27,42,.06);
  transition: all .28s ease;
}

.jr-case-pro .jr-project-card.is-page-visible {
display: block;
  animation: jrCardIn .36s ease both;
}

@keyframes jrCardIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.jr-case-pro .jr-project-card:hover {
transform: translateY(-8px);
  box-shadow: 0 34px 78px rgba(7,27,42,.12);
}

.jr-case-pro .jr-project-img {
position: relative;
  height: 230px;
  background: #eef5f7;
  overflow: hidden;
}

.jr-case-pro .jr-project-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .65s ease;
}

.jr-case-pro .jr-project-card:hover .jr-project-img img {
transform: scale(1.07);
}

.jr-case-pro .jr-project-img::after {
display: none;
}

.jr-case-pro .jr-project-type {
position: absolute;
  left: 18px;
  top: 18px;
  z-index: 2;
  padding: 8px 13px;
  color: #ffffff;
  background: rgba(6,24,39,.78);
  border: 1px solid rgba(255,255,255,.16);
  font-size: 12px;
  font-weight: 900;
  backdrop-filter: blur(6px);
}

.jr-case-pro .jr-project-body {
position: relative;
  z-index: 2;
  padding: 24px 24px 26px;
  color: var(--text);
  background: #ffffff;
}

.jr-case-pro .jr-project-body h3 {
margin: 0 0 16px;
  color: var(--deep);
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-case-pro .jr-project-info {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.jr-case-pro .jr-project-info div {
padding: 12px;
  background: #f5fafc;
  border: 1px solid var(--line);
  backdrop-filter: none;
}

.jr-case-pro .jr-project-info strong {
display: block;
  color: var(--blue);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-case-pro .jr-project-info span {
display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}

.jr-case-pro .jr-project-note {
margin-top: 14px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  font-weight: 600;
}

.jr-case-pro .jr-case-pagination {
display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
}

.jr-case-pro .jr-case-page-info {
min-width: 92px;
  text-align: center;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.jr-case-pro .jr-case-page-btn {
height: 46px;
  padding: 0 22px;
  color: #ffffff;
  background: var(--deep);
  border: 1px solid var(--deep);
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: all .25s ease;
}

.jr-case-pro .jr-case-page-btn:hover:not(:disabled) {
background: var(--blue);
  border-color: var(--blue);
  transform: translateY(-3px);
}

.jr-case-pro .jr-case-page-btn:disabled {
opacity: .36;
  cursor: not-allowed;
}

.jr-case-pro /* 工程项目价值 */
.jr-case-value {
position: relative;
  padding: 96px 0;
  color: #ffffff;
  background: url("/upload/common-green-bg.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-case-pro .jr-case-value .jr-case-section-head {
margin-bottom: 34px;
}

.jr-case-pro .jr-case-value .jr-case-kicker {
color: #39b8e8;
  text-shadow: 0 2px 10px rgba(6,24,39,.30);
}

.jr-case-pro .jr-case-value .jr-case-title {
color: #ffffff;
  text-shadow: 0 3px 18px rgba(6,24,39,.42);
}

.jr-case-pro .jr-case-value .jr-case-title span {
color: #39b8e8;
}

.jr-case-pro .jr-case-value .jr-case-desc {
color: rgba(255,255,255,.88);
  text-shadow: 0 2px 12px rgba(6,24,39,.42);
}

.jr-case-pro .jr-case-value-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.jr-case-pro .jr-case-value-card {
position: relative;
  min-height: 230px;
  padding: 28px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.74);
  overflow: hidden;
  transition: all .25s ease;
  backdrop-filter: blur(4px);
}

.jr-case-pro .jr-case-value-card::before {
content: attr(data-no);
  position: absolute;
  right: 18px;
  top: 12px;
  color: rgba(22,136,199,.08);
  font-size: 58px;
  font-weight: 900;
}

.jr-case-pro .jr-case-value-card::after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: linear-gradient(90deg, #1688c7, #1cbf8f);
  transition: width .25s ease;
}

.jr-case-pro .jr-case-value-card:hover {
transform: translateY(-8px);
  background: rgba(255,255,255,.96);
}

.jr-case-pro .jr-case-value-card:hover::after {
width: 100%;
}

.jr-case-pro .jr-case-value-card h3 {
position: relative;
  z-index: 2;
  margin: 72px 0 12px;
  color: var(--deep);
  font-size: 21px;
  font-weight: 900;
}

.jr-case-pro .jr-case-value-card p {
position: relative;
  z-index: 2;
  margin: 0;
  color: #647789;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 600;
}

.jr-case-pro /* CTA */
.jr-case-contact {
padding: 86px 0;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(6,24,39,.96), rgba(9,43,68,.84), rgba(22,136,199,.26)),
    url("/upload/case-byd-jn.webp") center center / cover no-repeat;
}

.jr-case-pro .jr-case-contact-inner {
display: grid;
  grid-template-columns: 1fr 280px;
  gap: 56px;
  align-items: center;
}

.jr-case-pro .jr-case-contact h2 {
margin: 0 0 18px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-case-pro .jr-case-contact p {
margin: 0;
  max-width: 820px;
  color: rgba(255,255,255,.84);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
}

.jr-case-pro .jr-case-contact .jr-case-btn {
background: #ffffff;
  border-color: #ffffff;
  color: var(--deep) !important;
}

@media (max-width: 1200px) {
.jr-case-pro .jr-case-container {
width: calc(100vw - 44px);
}

.jr-case-pro .jr-case-hero-layout,
.jr-case-pro .jr-case-focus,
.jr-case-pro .jr-case-section-head,
.jr-case-pro .jr-footprint-layout,
.jr-case-pro .jr-case-contact-inner {
grid-template-columns: 1fr;
}

.jr-case-pro .jr-case-hero-board {
grid-template-columns: 220px 1fr;
}

.jr-case-pro .jr-case-overview-box,
.jr-case-pro .jr-case-value-grid {
grid-template-columns: repeat(2, 1fr);
}

.jr-case-pro .jr-case-grid {
grid-template-columns: repeat(3, 1fr);
}

.jr-case-pro .jr-case-focus-tabs {
grid-template-columns: repeat(2, 1fr);
}

.jr-case-pro .jr-footprint-map {
min-height: 500px;
}

}
@media (max-width: 768px) {
.jr-case-pro .jr-case-container {
width: calc(100vw - 32px);
}

.jr-case-pro .jr-case-hero {
min-height: auto;
    padding: 88px 0 118px;
}

.jr-case-pro .jr-case-hero h1 {
font-size: 48px;
    letter-spacing: -2px;
}

.jr-case-pro .jr-case-hero h1 span {
font-size: 25px;
}

.jr-case-pro .jr-case-hero-note {
font-size: 16px;
}

.jr-case-pro .jr-case-actions {
display: grid;
    grid-template-columns: 1fr;
}

.jr-case-pro .jr-case-btn {
width: 100%;
}

.jr-case-pro .jr-case-hero-board {
display: none;
}

.jr-case-pro .jr-case-overview {
margin-top: -62px;
}

.jr-case-pro .jr-case-overview-box,
.jr-case-pro .jr-case-grid,
.jr-case-pro .jr-case-focus-metrics,
.jr-case-pro .jr-case-focus-tabs,
.jr-case-pro .jr-case-value-grid {
grid-template-columns: 1fr;
}

.jr-case-pro .jr-case-overview-item {
border-right: 0;
    border-bottom: 1px solid var(--line);
}

.jr-case-pro .jr-case-overview-item:last-child {
border-bottom: 0;
}

.jr-case-pro .jr-case-section {
padding: 76px 0;
}

.jr-case-pro .jr-case-title {
font-size: 32px;
}

.jr-case-pro .jr-case-desc {
font-size: 16px;
}

.jr-case-pro .jr-case-focus-stage {
min-height: 470px;
}

.jr-case-pro .jr-case-focus-info {
padding: 22px;
}

.jr-case-pro .jr-case-focus-info h3 {
font-size: 28px;
}

.jr-case-pro .jr-footprint-map {
min-height: 540px;
}

.jr-case-pro .jr-map-pin {
font-size: 12px;
    padding: 6px 9px;
}

.jr-case-pro .jr-case-pagination {
justify-content: center;
}

.jr-case-pro .jr-case-value {
padding: 76px 0;
}

.jr-case-pro .jr-case-contact h2 {
font-size: 32px;
}

}

/* ===== 新闻资讯 ===== */
body:has(.jr-news-ink) main,
body:has(.jr-news-ink) article,
body:has(.jr-news-ink) .page-content,
body:has(.jr-news-ink) .post-content,
body:has(.jr-news-ink) .markdown-body,
body:has(.jr-news-ink) .single-page,
body:has(.jr-news-ink) .content,
body:has(.jr-news-ink) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-news-ink) main > h1:first-child,
body:has(.jr-news-ink) article > h1:first-child,
body:has(.jr-news-ink) .page-content > h1:first-child,
body:has(.jr-news-ink) .post-content > h1:first-child,
body:has(.jr-news-ink) .markdown-body > h1:first-child {
display: none !important;
}

.jr-news-ink,
.jr-news-ink * {
box-sizing: border-box;
}

.jr-news-ink {
--jr-deep: #0f2f2b;
  --jr-deeper: #0a2421;
  --jr-green: #1d5a53;
  --jr-green-2: #2c746b;
  --jr-green-3: #5f8f86;
  --jr-light: #f6fbf9;
  --jr-line: rgba(16, 56, 50, 0.12);
  --jr-text: #163833;
  --jr-muted: #617670;
  --jr-white: #ffffff;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  color: var(--jr-text);
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.jr-news-ink a {
text-decoration: none !important;
}

.jr-news-ink img {
max-width: 100%;
  display: block;
}

.jr-news-ink .jr-news-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr-news-ink .jr-news-wrap {
width: min(1320px, calc(100vw - 88px));
  margin: 0 auto;
}

.jr-news-ink .jr-reveal {
opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}

.jr-news-ink .jr-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr-news-ink .jr-section {
position: relative;
  padding: 96px 0;
}

.jr-news-ink .jr-sec-head {
display: grid;
  grid-template-columns: 1fr 480px;
  gap: 42px;
  align-items: end;
  margin-bottom: 44px;
}

.jr-news-ink .jr-kicker {
display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--jr-green);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.jr-news-ink .jr-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--jr-green-2);
}

.jr-news-ink .jr-title {
margin: 12px 0 0;
  color: var(--jr-deep);
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr-news-ink .jr-title span {
color: var(--jr-green-2);
}

.jr-news-ink .jr-desc {
margin: 0;
  color: var(--jr-muted);
  font-size: 16px;
  line-height: 1.9;
  font-weight: 500;
}

.jr-news-ink .jr-btns {
display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.jr-news-ink .jr-btn {
min-width: 150px;
  height: 50px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  transition: all .28s ease;
  border: 1px solid transparent;
}

.jr-news-ink .jr-btn-primary {
color: #fff !important;
  background: var(--jr-green);
}

.jr-news-ink .jr-btn-primary:hover {
transform: translateY(-4px);
  background: var(--jr-green-2);
  box-shadow: 0 18px 38px rgba(29, 90, 83, 0.22);
}

.jr-news-ink .jr-btn-line {
color: var(--jr-deep) !important;
  background: rgba(255,255,255,0.8);
  border-color: rgba(15,47,43,0.18);
}

.jr-news-ink .jr-btn-line:hover {
transform: translateY(-4px);
  background: #fff;
}

.jr-news-ink .jr-btn::after {
content: "›";
  font-size: 22px;
  margin-left: 8px;
}

.jr-news-ink /* hero */
.jr-news-hero {
position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(10,36,33,.88) 0%, rgba(10,36,33,.78) 34%, rgba(10,36,33,.36) 70%, rgba(10,36,33,.12) 100%),
    url("/upload/news-hero.webp") center center / cover no-repeat;
  overflow: hidden;
}

.jr-news-ink .jr-news-hero::before {
content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 22%, rgba(255,255,255,.08), transparent 22%);
  pointer-events: none;
}

.jr-news-ink .jr-news-hero::after {
content: "NEWS";
  position: absolute;
  right: 32px;
  top: 90px;
  color: rgba(255,255,255,.06);
  font-size: clamp(86px, 13vw, 220px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 12px;
  pointer-events: none;
}

.jr-news-ink .jr-news-hero-layout {
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 64px;
  align-items: center;
}

.jr-news-ink .jr-news-copy {
max-width: 640px;
  color: #ffffff;
}

.jr-news-ink .jr-news-mark {
display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  color: #ffffff;
  border-left: 4px solid #8bc0b7;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}

.jr-news-ink .jr-news-copy h1 {
margin: 26px 0 0;
  color: #ffffff;
  font-size: clamp(58px, 6vw, 92px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -3px;
}

.jr-news-ink .jr-news-copy h1 span {
display: block;
  margin-top: 18px;
  color: #dceeea;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.35;
  letter-spacing: 0;
  font-weight: 500;
}

.jr-news-ink .jr-news-copy-line {
width: 92px;
  height: 4px;
  margin-top: 28px;
  background: linear-gradient(90deg, #9bc8c0, #e6f2ef);
}

.jr-news-ink .jr-news-copy p {
margin: 24px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.92;
  font-weight: 400;
}

.jr-news-ink .jr-news-visual {
position: relative;
  min-height: 560px;
}

.jr-news-ink .jr-news-frame {
position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 650px;
  height: 520px;
}

.jr-news-ink .jr-news-frame::before {
content: "";
  position: absolute;
  inset: 28px 0 0 34px;
  border: 1px solid rgba(255,255,255,.18);
}

.jr-news-ink .jr-news-frame::after {
content: "";
  position: absolute;
  inset: 0 30px 28px 0;
  border: 1px solid rgba(255,255,255,.12);
}

.jr-news-ink .jr-news-main-card {
position: absolute;
  inset: 52px 54px 44px 54px;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(10px);
  box-shadow: 0 30px 80px rgba(0,0,0,.16);
  overflow: hidden;
  z-index: 2;
}

.jr-news-ink .jr-news-main-card img {
width: 100%;
  height: 100%;
  object-fit: cover;
}

.jr-news-ink .jr-news-floating-note {
position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 310px;
  padding: 26px 26px 24px;
  color: #fff;
  background: rgba(15,47,43,.94);
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.jr-news-ink .jr-news-floating-note strong {
display: block;
  font-size: 15px;
  letter-spacing: 3px;
  color: #9dd2c9;
  font-weight: 800;
}

.jr-news-ink .jr-news-floating-note h3 {
margin: 12px 0 10px;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 900;
}

.jr-news-ink .jr-news-floating-note p {
margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.8;
}

.jr-news-ink /* ticker */
.jr-news-ticker-sec {
position: relative;
  z-index: 5;
  margin-top: -52px;
}

.jr-news-ink .jr-news-ticker {
display: grid;
  grid-template-columns: 160px 1fr 160px;
  gap: 22px;
  align-items: center;
  min-height: 108px;
  padding: 24px 28px;
  background: #ffffff;
  box-shadow: 0 20px 58px rgba(12,34,31,.10);
  border: 1px solid rgba(15,47,43,.08);
}

.jr-news-ink .jr-news-ticker-label {
height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--jr-deep);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}

.jr-news-ink .jr-news-ticker-text {
overflow: hidden;
  white-space: nowrap;
  color: var(--jr-muted);
  font-size: 15px;
  font-weight: 600;
}

.jr-news-ink .jr-news-ticker-text span {
display: inline-block;
  padding-left: 100%;
  animation: jrTickerMove 16s linear infinite;
}

@keyframes jrTickerMove {
  0% { transform: translateX(0); }
  100% { transform: translateX(-120%); }
}
.jr-news-ink .jr-news-ticker-link {
text-align: right;
  color: var(--jr-green);
  font-size: 15px;
  font-weight: 800;
}

.jr-news-ink /* company news */
.jr-news-board {
background: linear-gradient(180deg, #ffffff 0%, #f6fbf9 100%);
}

.jr-news-ink .jr-news-board-layout {
display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 28px;
  align-items: stretch;
}

.jr-news-ink .jr-news-feature {
position: relative;
  min-height: 560px;
  overflow: hidden;
  background: #dde9e6;
  box-shadow: 0 20px 54px rgba(12,34,31,.08);
}

.jr-news-ink .jr-news-feature-img {
position: absolute;
  inset: 0;
}

.jr-news-ink .jr-news-feature-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s ease;
}

.jr-news-ink .jr-news-feature:hover .jr-news-feature-img img {
transform: scale(1.05);
}

.jr-news-ink .jr-news-feature-img::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,36,33,.12), rgba(10,36,33,.84));
}

.jr-news-ink .jr-news-feature-body {
position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 42px;
  color: #fff;
}

.jr-news-ink .jr-news-feature-body em {
display: inline-flex;
  padding: 8px 14px;
  margin-bottom: 16px;
  background: rgba(255,255,255,.88);
  color: var(--jr-deep);
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

.jr-news-ink .jr-news-feature-body h3 {
margin: 0;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-news-ink .jr-news-feature-body p {
margin: 16px 0 0;
  max-width: 760px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  line-height: 1.85;
}

.jr-news-ink .jr-news-list {
display: grid;
  gap: 16px;
}

.jr-news-ink .jr-news-item {
display: grid;
  grid-template-columns: 160px 1fr;
  gap: 18px;
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(15,47,43,.08);
  box-shadow: 0 16px 40px rgba(12,34,31,.05);
  cursor: pointer;
  transition: all .28s ease;
}

.jr-news-ink .jr-news-item:hover,
.jr-news-ink .jr-news-item.is-active {
transform: translateX(8px);
  border-color: rgba(29,90,83,.24);
  box-shadow: 0 22px 56px rgba(12,34,31,.10);
}

.jr-news-ink .jr-news-item img {
width: 160px;
  height: 118px;
  object-fit: cover;
}

.jr-news-ink .jr-news-item-body {
display: flex;
  flex-direction: column;
  justify-content: center;
}

.jr-news-ink .jr-news-item-body em {
color: var(--jr-green);
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
}

.jr-news-ink .jr-news-item-body h3 {
margin: 8px 0 8px;
  color: var(--jr-deep);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-news-ink .jr-news-item-body p {
margin: 0;
  color: var(--jr-muted);
  font-size: 14px;
  line-height: 1.75;
}

.jr-news-ink /* insight cards */
.jr-news-insight-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.jr-news-ink .jr-insight-card {
background: #fff;
  border: 1px solid rgba(15,47,43,.08);
  box-shadow: 0 18px 46px rgba(12,34,31,.06);
  overflow: hidden;
  transition: all .3s ease;
}

.jr-news-ink .jr-insight-card:hover {
transform: translateY(-8px);
  box-shadow: 0 26px 66px rgba(12,34,31,.10);
}

.jr-news-ink .jr-insight-card img {
width: 100%;
  height: 240px;
  object-fit: cover;
  transition: transform .8s ease;
}

.jr-news-ink .jr-insight-card:hover img {
transform: scale(1.06);
}

.jr-news-ink .jr-insight-card-body {
padding: 26px;
}

.jr-news-ink .jr-insight-card-body strong {
display: inline-flex;
  padding: 7px 12px;
  background: var(--jr-deep);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.jr-news-ink .jr-insight-card-body h3 {
margin: 14px 0 12px;
  color: var(--jr-deep);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
}

.jr-news-ink .jr-insight-card-body p {
margin: 0;
  color: var(--jr-muted);
  font-size: 15px;
  line-height: 1.85;
}

.jr-news-ink /* tech topic */
.jr-tech-sec {
background: linear-gradient(180deg, #f5faf8 0%, #ffffff 100%);
}

.jr-news-ink .jr-tech-layout {
display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 28px;
  align-items: stretch;
}

.jr-news-ink .jr-tech-main {
padding: 42px;
  background: var(--jr-deep);
  color: #fff;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.jr-news-ink .jr-tech-main h3 {
margin: 0;
  font-size: 38px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-news-ink .jr-tech-main p {
margin: 22px 0 0;
  color: rgba(255,255,255,.80);
  font-size: 15px;
  line-height: 1.9;
}

.jr-news-ink .jr-tech-points {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.jr-news-ink .jr-tech-point {
padding: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}

.jr-news-ink .jr-tech-point strong {
display: block;
  color: #b9ddd7;
  font-size: 24px;
  font-weight: 900;
}

.jr-news-ink .jr-tech-point span {
display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.7;
}

.jr-news-ink .jr-accordion {
display: grid;
  gap: 16px;
}

.jr-news-ink .jr-acc-item {
overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15,47,43,.08);
  box-shadow: 0 16px 42px rgba(12,34,31,.05);
}

.jr-news-ink .jr-acc-btn {
width: 100%;
  padding: 24px;
  background: #fff;
  border: 0;
  display: grid;
  grid-template-columns: 64px 1fr 30px;
  gap: 18px;
  align-items: center;
  cursor: pointer;
  text-align: left;
}

.jr-news-ink .jr-acc-num {
width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #edf5f3;
  color: var(--jr-deep);
  font-size: 22px;
  font-weight: 900;
}

.jr-news-ink .jr-acc-btn h3 {
margin: 0;
  color: var(--jr-deep);
  font-size: 22px;
  font-weight: 900;
}

.jr-news-ink .jr-acc-btn span {
display: block;
  margin-top: 8px;
  color: var(--jr-muted);
  font-size: 14px;
  line-height: 1.65;
}

.jr-news-ink .jr-acc-icon {
color: var(--jr-green);
  font-size: 24px;
  font-weight: 900;
  transition: transform .28s ease;
}

.jr-news-ink .jr-acc-item.is-open .jr-acc-icon {
transform: rotate(45deg);
}

.jr-news-ink .jr-acc-content {
max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

.jr-news-ink .jr-acc-content-inner {
padding: 0 24px 24px 106px;
  color: var(--jr-muted);
  font-size: 15px;
  line-height: 1.9;
}

.jr-news-ink /* cta */
.jr-news-cta {
padding: 84px 0;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(10,36,33,.92), rgba(18,63,57,.84)),
    url("/upload/news-hero.webp") center center / cover no-repeat;
}

.jr-news-ink .jr-news-cta-inner {
display: grid;
  grid-template-columns: 1fr 240px;
  gap: 40px;
  align-items: center;
}

.jr-news-ink .jr-news-cta h2 {
margin: 0 0 14px;
  font-size: 40px;
  line-height: 1.25;
  font-weight: 900;
}

.jr-news-ink .jr-news-cta p {
margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.9;
}

.jr-news-ink .jr-news-cta .jr-btn {
background: #fff;
  color: var(--jr-deep) !important;
}

@media (max-width: 1200px) {
.jr-news-ink .jr-news-wrap {
width: calc(100vw - 44px);
}

.jr-news-ink .jr-news-hero-layout,
.jr-news-ink .jr-sec-head,
.jr-news-ink .jr-news-board-layout,
.jr-news-ink .jr-tech-layout,
.jr-news-ink .jr-news-cta-inner {
grid-template-columns: 1fr;
}

.jr-news-ink .jr-news-frame {
max-width: 100%;
}

.jr-news-ink .jr-news-insight-grid,
.jr-news-ink .jr-tech-points {
grid-template-columns: repeat(2, 1fr);
}

}
@media (max-width: 768px) {
.jr-news-ink .jr-news-wrap {
width: calc(100vw - 28px);
}

.jr-news-ink .jr-section {
padding: 74px 0;
}

.jr-news-ink .jr-news-hero {
min-height: auto;
    padding: 88px 0 110px;
}

.jr-news-ink .jr-news-copy h1 {
font-size: 48px;
    letter-spacing: -2px;
}

.jr-news-ink .jr-news-copy h1 span {
font-size: 24px;
}

.jr-news-ink .jr-news-visual {
min-height: 440px;
}

.jr-news-ink .jr-news-frame {
height: 420px;
}

.jr-news-ink .jr-news-main-card {
inset: 30px 18px 70px 18px;
}

.jr-news-ink .jr-news-floating-note {
width: calc(100% - 18px);
    max-width: 290px;
}

.jr-news-ink .jr-news-ticker-sec {
margin-top: -38px;
}

.jr-news-ink .jr-news-ticker {
grid-template-columns: 1fr;
}

.jr-news-ink .jr-news-ticker-link {
text-align: left;
}

.jr-news-ink .jr-news-item,
.jr-news-ink .jr-news-insight-grid,
.jr-news-ink .jr-tech-points {
grid-template-columns: 1fr;
}

.jr-news-ink .jr-news-item img {
width: 100%;
    height: 200px;
}

.jr-news-ink .jr-tech-main {
padding: 28px;
    min-height: auto;
}

.jr-news-ink .jr-tech-main h3 {
font-size: 30px;
}

.jr-news-ink .jr-acc-btn {
grid-template-columns: 52px 1fr 24px;
    padding: 18px;
}

.jr-news-ink .jr-acc-num {
width: 52px;
    height: 52px;
    font-size: 18px;
}

.jr-news-ink .jr-acc-content-inner {
padding: 0 18px 20px 18px;
}

.jr-news-ink .jr-news-cta h2 {
font-size: 30px;
}

}

/* ===== 联系我们 ===== */
body:has(.jr-contact-simple) main,
body:has(.jr-contact-simple) article,
body:has(.jr-contact-simple) .page-content,
body:has(.jr-contact-simple) .post-content,
body:has(.jr-contact-simple) .markdown-body,
body:has(.jr-contact-simple) .single-page,
body:has(.jr-contact-simple) .content,
body:has(.jr-contact-simple) .container {
max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-contact-simple) main > h1:first-child,
body:has(.jr-contact-simple) article > h1:first-child,
body:has(.jr-contact-simple) .page-content > h1:first-child,
body:has(.jr-contact-simple) .post-content > h1:first-child,
body:has(.jr-contact-simple) .markdown-body > h1:first-child {
display: none !important;
}

.jr-contact-simple,
.jr-contact-simple * {
box-sizing: border-box;
}

.jr-contact-simple {
--deep: #0a2421;
  --green: #1d5a53;
  --green2: #2f766c;
  --soft: #f6faf8;
  --line: rgba(15, 47, 43, .13);
  --text: #123934;
  --muted: #647a75;
  width: 100%;
  overflow: hidden;
  color: var(--text);
  background: #ffffff;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

.jr-contact-simple a {
text-decoration: none !important;
}

.jr-contact-simple img {
display: block;
  max-width: 100%;
}

.jr-contact-simple .jr-contact-breakout {
width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.jr-contact-simple .jr-contact-container {
width: min(1240px, calc(100vw - 88px));
  margin: 0 auto;
}

.jr-contact-simple .jr-reveal {
opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease, transform .75s ease;
}

.jr-contact-simple .jr-reveal.is-visible {
opacity: 1;
  transform: translateY(0);
}

.jr-contact-simple .jr-section {
padding: 88px 0;
}

.jr-contact-simple .jr-section-head {
display: grid;
  grid-template-columns: 1fr 470px;
  gap: 50px;
  align-items: end;
  margin-bottom: 42px;
}

.jr-contact-simple .jr-kicker {
display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--green);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.jr-contact-simple .jr-kicker::before {
content: "";
  width: 8px;
  height: 8px;
  background: var(--green2);
  border-radius: 50%;
}

.jr-contact-simple .jr-title {
margin: 12px 0 0;
  color: var(--deep);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}

.jr-contact-simple .jr-title span {
color: var(--green2);
}

.jr-contact-simple .jr-desc {
margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.9;
}

.jr-contact-simple /* 顶部 */
.jr-contact-hero {
min-height: 620px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(10,36,33,.88), rgba(10,36,33,.66), rgba(10,36,33,.28)),
    url("/upload/contact-hero.webp") center center / cover no-repeat;
}

.jr-contact-simple .jr-contact-hero-inner {
max-width: 780px;
}

.jr-contact-simple .jr-contact-mark {
display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  color: #ffffff;
  border-left: 4px solid #9bc8c0;
  background: rgba(255,255,255,.08);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
}

.jr-contact-simple .jr-contact-hero h1 {
margin: 26px 0 0;
  color: #ffffff;
  font-size: clamp(56px, 6vw, 92px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -3px;
}

.jr-contact-simple .jr-contact-hero h1 span {
display: block;
  margin-top: 18px;
  color: #dceeea;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
}

.jr-contact-simple .jr-contact-line {
width: 88px;
  height: 4px;
  margin-top: 28px;
  background: #dceeea;
}

.jr-contact-simple .jr-contact-hero p {
max-width: 720px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.9;
}

.jr-contact-simple .jr-hero-actions {
display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.jr-contact-simple .jr-btn {
min-width: 148px;
  height: 50px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 900;
  transition: all .25s ease;
}

.jr-contact-simple .jr-btn::after {
content: "›";
  margin-left: 9px;
  font-size: 22px;
}

.jr-contact-simple .jr-btn-main {
color: #ffffff !important;
  background: var(--green);
  border: 1px solid var(--green);
}

.jr-contact-simple .jr-btn-main:hover {
transform: translateY(-4px);
  background: var(--green2);
  box-shadow: 0 18px 44px rgba(29, 90, 83, .26);
}

.jr-contact-simple .jr-btn-line {
color: #ffffff !important;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.28);
}

.jr-contact-simple .jr-btn-line:hover {
transform: translateY(-4px);
  background: rgba(255,255,255,.16);
}

.jr-contact-simple /* 顶部下方信息条 */
.jr-contact-quick-wrap {
position: relative;
  z-index: 5;
  margin-top: -48px;
}

.jr-contact-simple .jr-contact-quick {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 20px 58px rgba(15,47,43,.12);
}

.jr-contact-simple .jr-contact-quick-item {
padding: 30px;
  border-right: 1px solid var(--line);
  transition: all .25s ease;
}

.jr-contact-simple .jr-contact-quick-item:last-child {
border-right: 0;
}

.jr-contact-simple .jr-contact-quick-item:hover {
background: var(--soft);
  transform: translateY(-6px);
}

.jr-contact-simple .jr-contact-quick-item strong {
display: block;
  margin-bottom: 10px;
  color: var(--green);
  font-size: 17px;
  font-weight: 900;
}

.jr-contact-simple .jr-contact-quick-item span {
display: block;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

.jr-contact-simple /* 联系方式 */
.jr-contact-info {
background: #ffffff;
}

.jr-contact-simple .jr-contact-info-grid {
display: grid;
  grid-template-columns: 1fr 360px;
  gap: 28px;
  align-items: stretch;
}

.jr-contact-simple .jr-contact-card-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.jr-contact-simple .jr-contact-card {
min-height: 180px;
  padding: 30px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 46px rgba(15,47,43,.05);
  transition: all .25s ease;
}

.jr-contact-simple .jr-contact-card:hover {
transform: translateY(-8px);
  box-shadow: 0 26px 66px rgba(15,47,43,.10);
}

.jr-contact-simple .jr-contact-card.full {
grid-column: span 2;
}

.jr-contact-simple .jr-contact-card em {
display: block;
  margin-bottom: 14px;
  color: var(--green);
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
}

.jr-contact-simple .jr-contact-card h3 {
margin: 0 0 12px;
  color: var(--deep);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 900;
}

.jr-contact-simple .jr-contact-card p {
margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.85;
}

.jr-contact-simple .jr-contact-qr {
padding: 30px;
  background: var(--soft);
  border: 1px solid var(--line);
  text-align: center;
}

.jr-contact-simple .jr-contact-qr h3 {
margin: 0 0 10px;
  color: var(--deep);
  font-size: 26px;
  font-weight: 900;
}

.jr-contact-simple .jr-contact-qr p {
margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}

.jr-contact-simple .jr-contact-qr-img {
width: 230px;
  height: 230px;
  margin: 28px auto 22px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 48px rgba(15,47,43,.10);
}

.jr-contact-simple .jr-contact-qr-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
}

.jr-contact-simple .jr-contact-qr-tags {
display: grid;
  gap: 10px;
}

.jr-contact-simple .jr-contact-qr-tags span {
padding: 11px 12px;
  color: var(--green);
  background: #ffffff;
  border: 1px solid var(--line);
  font-size: 13px;
  font-weight: 900;
}

.jr-contact-simple /* 流程 */
.jr-process {
background: linear-gradient(180deg, #f6faf8, #ffffff);
}

.jr-contact-simple .jr-process-grid {
display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.jr-contact-simple .jr-step {
min-height: 210px;
  padding: 30px;
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 46px rgba(15,47,43,.05);
  transition: all .25s ease;
  cursor: pointer;
}

.jr-contact-simple .jr-step:hover,
.jr-contact-simple .jr-step.is-active {
transform: translateY(-8px);
  border-color: rgba(29,90,83,.28);
  box-shadow: 0 28px 68px rgba(15,47,43,.10);
}

.jr-contact-simple .jr-step strong {
display: block;
  margin-bottom: 24px;
  color: var(--green);
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
}

.jr-contact-simple .jr-step h3 {
margin: 0 0 12px;
  color: var(--deep);
  font-size: 22px;
  font-weight: 900;
}

.jr-contact-simple .jr-step p {
margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}

.jr-contact-simple /* 底部 */
.jr-ending {
padding: 84px 0;
  color: #ffffff;
  background: var(--deep);
}

.jr-contact-simple .jr-ending-inner {
display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: center;
}

.jr-contact-simple .jr-ending h2 {
margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.25;
  font-weight: 900;
}

.jr-contact-simple .jr-ending p {
margin: 0;
  max-width: 800px;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.9;
}

.jr-contact-simple .jr-ending-btn {
color: var(--deep) !important;
  background: #ffffff;
}

@media (max-width: 1100px) {
.jr-contact-simple .jr-contact-container {
width: calc(100vw - 44px);
}

.jr-contact-simple .jr-section-head,
.jr-contact-simple .jr-contact-info-grid,
.jr-contact-simple .jr-ending-inner {
grid-template-columns: 1fr;
}

.jr-contact-simple .jr-contact-quick,
.jr-contact-simple .jr-process-grid {
grid-template-columns: repeat(2, 1fr);
}

}
@media (max-width: 760px) {
.jr-contact-simple .jr-contact-container {
width: calc(100vw - 28px);
}

.jr-contact-simple .jr-section {
padding: 72px 0;
}

.jr-contact-simple .jr-contact-hero {
min-height: auto;
    padding: 86px 0 118px;
}

.jr-contact-simple .jr-contact-hero h1 {
font-size: 48px;
    letter-spacing: -2px;
}

.jr-contact-simple .jr-contact-hero h1 span {
font-size: 23px;
}

.jr-contact-simple .jr-hero-actions {
display: grid;
    grid-template-columns: 1fr;
}

.jr-contact-simple .jr-btn {
width: 100%;
}

.jr-contact-simple .jr-contact-quick,
.jr-contact-simple .jr-contact-card-grid,
.jr-contact-simple .jr-process-grid {
grid-template-columns: 1fr;
}

.jr-contact-simple .jr-contact-quick-item {
border-right: 0;
    border-bottom: 1px solid var(--line);
}

.jr-contact-simple .jr-contact-quick-item:last-child {
border-bottom: 0;
}

.jr-contact-simple .jr-contact-card.full {
grid-column: span 1;
}

}

/* ===== 拆分后兼容修正 ===== */
@media (max-width: 768px) {
  .jr-home .jr-hero-content {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}