@charset "UTF-8";

/*
 * 威盾 2026 结构重设计
 * 核心母题：建筑结构线 × 蓝绿流体生态带
 * 本文件负责新版构图，不在旧样式上继续做局部换色。
 */

:root {
  --wd-blue-950: #042f4f;
  --wd-blue-900: #06466c;
  --wd-blue-700: #0878bd;
  --wd-sky-600: #0868c8;
  --wd-sky-700: #032d70;
  --wd-cyan: #17aab0;
  --wd-green: #47bf88;
  --wd-green-bright: #2fd39a;
  --wd-mint: #bdeed8;
  --wd-ink: #0a2d3e;
  --wd-text: #496974;
  --wd-pale: #f1f8f9;
  --wd-line: rgba(14, 118, 149, .16);
  --wd-flow: linear-gradient(112deg, #0878bd 0%, #17aab0 52%, #47bf88 100%);
  --wd-flow-deep: linear-gradient(118deg, #04385e 0%, #087a9a 58%, #238d70 100%);
  --wd-container: min(1680px, calc(100vw - 8vw));
  --wd-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Case carousel platform */
.case-editorial-hero { background-image:var(--inner-hero-image); background-position:center 55%; background-size:cover; }
.case-editorial-hero::before { background:linear-gradient(90deg,rgba(4,38,72,.78) 0%,rgba(5,52,91,.54) 34%,rgba(7,57,94,.16) 68%,rgba(4,35,67,.08) 100%); }
.case-editorial-hero::after { right:auto; top:auto; width:auto; height:auto; border:0; border-radius:0; transform:none; background:linear-gradient(180deg,rgba(5,35,68,.03) 45%,rgba(4,36,69,.44) 100%); }
.case-editorial-hero > div { justify-content:flex-end; align-items:flex-start; max-width:1760px; width:100%; margin:0 auto; padding-right:clamp(28px,4vw,76px); padding-left:clamp(28px,7vw,150px); }
.case-editorial-hero h1 { max-width:680px; }
.case-editorial-hero p { max-width:780px; }
.case-platform-main { background:linear-gradient(180deg,#f7fbff 0,#fff 58%,#f3f8fe 100%); }
.case-platform-section { max-width:1760px; margin:0 auto; padding:112px clamp(28px,4vw,76px) 136px; }
.case-platform-heading { align-items:end; margin-bottom:50px; }
.case-platform-heading h1 { margin:12px 0 0; color:var(--wd-tech-deep); font-size:clamp(42px,5vw,76px); line-height:1.1; letter-spacing:-.045em; }
.case-carousel { position:relative; overflow:hidden; border:1px solid var(--wd-tech-border); border-radius:28px; background:rgba(255,255,255,.9); box-shadow:none; }
.case-category-nav { position:relative; z-index:4; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--wd-tech-border); background:rgba(255,255,255,.94); }
.case-category-tab { position:relative; min-height:116px; padding:24px 32px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; align-content:center; column-gap:18px; color:#506d87; border-right:1px solid rgba(10,112,218,.12); text-decoration:none; transition:color .35s ease,background .35s ease; }
.case-category-tab:last-child { border-right:0; }
.case-category-tab small { grid-row:1 / 3; align-self:center; color:#3e8eec; font:600 12px/1 Arial,sans-serif; letter-spacing:.12em; }
.case-category-tab b { color:inherit; font-size:18px; line-height:1.4; }
.case-category-tab span { color:#8aa0b5; font-size:12px; }
.case-category-tab::after { content:""; position:absolute; left:0; right:100%; bottom:-1px; height:3px; background:linear-gradient(90deg,#0756d8,#35d5d0); transition:right .5s cubic-bezier(.22,1,.36,1); }
.case-category-tab:hover,.case-category-tab.is-active { color:#0756d8; background:#f7fbff; }
.case-category-tab.is-active::after { right:0; }
.case-carousel-stage { position:relative; min-height:710px; overflow:hidden; touch-action:pan-y; background-image:linear-gradient(rgba(7,86,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,86,216,.045) 1px,transparent 1px); background-size:64px 64px; perspective:1600px; }
.case-carousel-stage::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 38%,rgba(70,164,255,.13),transparent 52%); pointer-events:none; }
.case-carousel-track { position:absolute; inset:0; }
.case-carousel-card { --case-position:0; position:absolute; top:82px; left:50%; width:min(760px,54vw); overflow:hidden; border:1px solid rgba(10,112,218,.2); border-radius:26px; background:#fff; box-shadow:none; opacity:.42; transform:translateX(calc(-50% + var(--case-position) * 64%)) translateZ(-160px) rotateY(calc(var(--case-position) * -7deg)) scale(.82); transform-origin:center; transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .5s ease,border-color .5s ease; pointer-events:none; }
.case-carousel-card.is-before,.case-carousel-card.is-after { z-index:1; }
.case-carousel-card.is-active { z-index:3; opacity:1; border-color:rgba(7,86,216,.52); transform:translateX(-50%) translateZ(0) rotateY(0) scale(1); pointer-events:auto; }
.case-carousel-card-link { display:block; color:inherit; text-decoration:none; }
.case-carousel-visual { margin:0; aspect-ratio:16 / 9; overflow:hidden; background:#edf5fc; }
.case-carousel-visual img { width:100%; height:100%; display:block; object-fit:cover; opacity:1; filter:none; transition:transform .7s cubic-bezier(.22,1,.36,1); }
.case-carousel-card.is-active:hover .case-carousel-visual img { transform:scale(1.025); }
.case-carousel-copy { min-height:220px; padding:30px 34px 28px; background:#fff; }
.case-carousel-copy > small { color:#1883ed; font:600 11px/1.2 Arial,sans-serif; letter-spacing:.15em; }
.case-carousel-copy h2 { margin:13px 0 12px; color:var(--wd-tech-deep); font-size:clamp(25px,2.1vw,36px); line-height:1.25; }
.case-carousel-copy p { margin:0; color:#657f96; font-size:14px; line-height:1.85; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case-carousel-copy > div { display:flex; justify-content:space-between; gap:20px; margin-top:25px; padding-top:18px; border-top:1px solid rgba(10,112,218,.12); color:#7390aa; font-size:12px; }
.case-carousel-copy i { color:#0756d8; font-style:normal; font-weight:600; }
.case-carousel-controls { display:flex; align-items:center; justify-content:flex-end; gap:28px; padding:26px 34px 30px; background:#fff; }
.case-carousel-progress { display:flex; align-items:center; gap:20px; min-width:280px; color:#5e7891; font:600 12px/1 Arial,sans-serif; }
.case-carousel-progress > i { position:relative; width:170px; height:2px; overflow:hidden; background:#dbe8f5; }
.case-carousel-progress b { --case-progress:0%; position:absolute; inset:0 auto 0 0; width:var(--case-progress); background:linear-gradient(90deg,#0756d8,#35d5d0); transition:width .55s ease; }
.case-carousel-buttons { display:flex; gap:12px; }
.case-carousel-buttons button { width:56px; height:56px; border:1px solid rgba(7,86,216,.24); border-radius:50%; background:#fff; color:#0756d8; font-size:23px; cursor:pointer; box-shadow:none; transition:color .3s ease,background .3s ease,border-color .3s ease; }
.case-carousel-buttons button:hover { color:#fff; border-color:#0756d8; background:#0756d8; }
.case-carousel-buttons button:disabled { opacity:.35; cursor:default; }
.case-carousel.is-dragging,.case-carousel.is-dragging * { cursor:grabbing; user-select:none; }
.case-detail-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; border:1px solid var(--wd-tech-border); background:#fff; }
.case-detail-meta > div { padding:26px 30px; border-right:1px solid var(--wd-tech-border); }
.case-detail-meta > div:last-child { border-right:0; }
.case-detail-meta dt { color:#7892aa; font-size:12px; }
.case-detail-meta dd { margin:8px 0 0; color:var(--wd-tech-deep); font-size:17px; font-weight:600; }

@media (max-width:1100px) {
  .case-platform-section { padding-top:84px; }
  .case-category-tab { min-height:96px; padding:20px; }
  .case-carousel-stage { min-height:620px; }
  .case-carousel-card { top:70px; width:min(680px,68vw); transform:translateX(calc(-50% + var(--case-position) * 72%)) scale(.84); }
}

@media (max-width:720px) {
  .case-platform-section { padding:64px 16px 90px; }
  .case-platform-heading { margin-bottom:30px; }
  .case-platform-heading h1 { font-size:40px; }
  .case-carousel { border-radius:20px; }
  .case-category-nav { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .case-category-nav::-webkit-scrollbar { display:none; }
  .case-category-tab { min-width:72vw; min-height:88px; scroll-snap-align:start; padding:18px 20px; }
  .case-carousel-stage { min-height:535px; perspective:none; }
  .case-carousel-card { top:42px; width:82vw; border-radius:20px; transform:translateX(calc(-50% + var(--case-position) * 88%)) scale(.88); opacity:.3; }
  .case-carousel-card.is-active { transform:translateX(-50%) scale(1); }
  .case-carousel-copy { min-height:210px; padding:24px 22px; }
  .case-carousel-copy h2 { font-size:24px; }
  .case-carousel-copy > div { align-items:flex-start; flex-direction:column; gap:8px; }
  .case-carousel-controls { justify-content:space-between; padding:20px; }
  .case-carousel-progress { min-width:0; flex:1; }
  .case-carousel-progress > i { width:auto; flex:1; }
  .case-carousel-buttons button { width:46px; height:46px; }
  .case-detail-meta { grid-template-columns:1fr; }
  .case-detail-meta > div { border-right:0; border-bottom:1px solid var(--wd-tech-border); }
  .case-detail-meta > div:last-child { border-bottom:0; }
}

@media (prefers-reduced-motion:reduce) {
  .case-carousel-card,.case-carousel-visual img,.case-carousel-progress b,.case-category-tab::after { transition:none !important; }
  .case-carousel-card { transform:translateX(calc(-50% + var(--case-position) * 70%)); }
  .case-carousel-card.is-active { transform:translateX(-50%); }
}

body {
  background: #fff;
  color: var(--wd-ink);
}

/* 顶栏作为整站统一的“薄结构梁” */
.site-header {
  height: 78px;
  padding: 0 4vw;
  grid-template-columns: minmax(210px, 1fr) auto 74px;
  background: rgba(255, 255, 255, .93);
  border-bottom: 1px solid rgba(4, 92, 128, .1);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(140%);
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 35vw;
  height: 1px;
  background: var(--wd-flow);
  opacity: .55;
}
.site-header.is-scrolled { box-shadow: 0 14px 42px rgba(5, 69, 95, .08); }
.brand-logo { width: 142px; height: 50px; }
.nav-link { min-width: 98px; color: #173c4b; font-weight: 500; }
.nav-link::after { height: 3px; background: var(--wd-flow); }
.nav-item.is-active .nav-link { color: var(--wd-blue-700); }
.nav-submenu {
  border: 1px solid rgba(187, 239, 223, .18);
  background: rgba(4, 55, 82, .96);
  box-shadow: 0 28px 70px rgba(2, 45, 65, .28);
}
.header-tools { border-color: var(--wd-line); }
main { padding-top: 78px; }

/* 首页首屏：左右错位，而非图片上简单压字 */
.next-home main { overflow: hidden; }
.next-hero {
  position: relative;
  min-height: 760px;
  height: calc(100svh - 78px);
  max-height: 1060px;
  color: #fff;
  background: #04385e;
  isolation: isolate;
}
.next-hero-media {
  z-index: -3;
  left: 43%;
  width: 57%;
  overflow: hidden;
  clip-path: none;
  border-radius: 32px 0 0 32px;
}
.next-hero-media::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 80, 158, .28), transparent 15%),
    linear-gradient(0deg, rgba(0, 118, 224, .1), transparent 12%);
}
.next-hero .hero-slide::after {
  background:
    linear-gradient(90deg, rgba(5, 132, 214, .08), transparent 11%),
    linear-gradient(0deg, rgba(5, 112, 187, .08), transparent 10%);
}
.next-hero .hero-slide img { filter: saturate(1.02) contrast(1.02) brightness(1.05); }
.next-hero::before {
  content: "";
  position: absolute;
  z-index: -4;
  inset: 0 56% 0 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: var(--wd-flow-deep);
  box-shadow: none;
  transform: none;
}
.next-hero::after {
  display: none;
}
.next-hero-grid {
  position: relative;
  z-index: 3;
  width: var(--wd-container);
  height: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 46% 54%;
  align-items: center;
}
.next-hero-copy { max-width: 760px; padding: 2vh 5vw 0 0; }
.next-label,
.next-section-no {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #78efc7;
  font: 600 11px/1.4 Arial, sans-serif;
  letter-spacing: .24em;
}
.next-label::before,
.next-section-no::before { content: ""; width: 34px; height: 1px; background: currentColor; }
.next-hero h1 {
  margin: 28px 0 30px;
  font-size: clamp(58px, 5.7vw, 112px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -.045em;
}
.next-hero h1 em { color: #7ff0c9; font-style: normal; }
.next-hero-copy > p { max-width: 580px; margin: 0; color: rgba(235, 250, 246, .75); font-size: clamp(15px, 1vw, 18px); line-height: 2; }
.next-hero-actions { margin-top: 42px; display: flex; align-items: center; gap: 30px; }
.next-primary-link {
  min-height: 54px;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  color: #fff;
  background: linear-gradient(110deg, #2fd39a, #20bd83);
  box-shadow: 0 18px 42px rgba(20, 150, 105, .23);
  transition: transform .25s var(--wd-ease), box-shadow .25s;
}
.next-primary-link:hover { transform: translateY(-3px); box-shadow: 0 24px 55px rgba(20, 150, 105, .3); }
.next-text-link { min-height: 48px; display: inline-flex; align-items: center; color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.3); }
.next-hero-interface { position: relative; height: 72%; pointer-events: none; }
.next-orbit { display: none; }
.next-orbit-a { right: 1%; top: 6%; width: min(33vw, 610px); aspect-ratio: 1; box-shadow: 0 0 0 42px rgba(103, 228, 194, .025), 0 0 0 90px rgba(50, 154, 205, .025); }
.next-orbit-b { right: 12%; top: 18%; width: min(20vw, 360px); aspect-ratio: 1; border-color: rgba(255,255,255,.13); }
.next-scan-card {
  position: absolute;
  right: 1%;
  bottom: 4%;
  width: min(360px, 25vw);
  padding: 25px 28px;
  display: grid;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-top: 4px solid var(--wd-green-bright);
  background: rgba(3, 42, 101, .58);
  backdrop-filter: blur(16px);
}
.next-scan-card small { color: #8ce4c8; font: 10px Arial; letter-spacing: .18em; }
.next-scan-card b { font-size: 19px; font-weight: 500; }
.next-scan-card span { color: rgba(255,255,255,.54); font: 9px Arial; letter-spacing: .12em; }
.next-hero-bottom {
  position: absolute;
  z-index: 5;
  left: 4vw;
  right: 4vw;
  bottom: 30px;
  min-height: 56px;
  display: grid;
  grid-template-columns: 180px 120px 1fr;
  align-items: center;
  border-top: 1px solid rgba(215, 248, 237, .18);
}
.next-hero-index { display: flex; align-items: center; gap: 12px; font: 11px Arial; }
.next-hero-index strong { font-size: 21px; font-weight: 400; }
.next-hero-index i { width: 55px; height: 1px; background: linear-gradient(90deg,#fff,#61dab2); }
.next-hero .hero-dots { gap: 7px; }
.next-hero .hero-dots button { width: 30px; height: 3px; }
.next-hero-bottom > p { justify-self: end; margin: 0; color: rgba(255,255,255,.48); font: 9px Arial; letter-spacing: .18em; }
.next-cityline {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 86px;
  height: 110px;
  opacity: .32;
  background: repeating-linear-gradient(90deg, transparent 0 32px, rgba(220,244,255,.22) 33px 35px), linear-gradient(90deg,rgba(5,110,190,.42),rgba(34,157,226,.3));
  clip-path: polygon(0 76%,4% 76%,4% 46%,8% 46%,8% 64%,13% 64%,13% 25%,18% 25%,18% 58%,23% 58%,23% 9%,28% 9%,28% 55%,34% 55%,34% 30%,40% 30%,40% 64%,46% 64%,46% 18%,52% 18%,52% 53%,58% 53%,58% 32%,64% 32%,64% 62%,71% 62%,71% 12%,77% 12%,77% 49%,83% 49%,83% 28%,90% 28%,90% 63%,95% 63%,95% 40%,100% 40%,100% 100%,0 100%);
}

/* 品牌介绍：图像穿出网格，数据成为横向结构梁 */
.next-intro { position: relative; padding: 130px 4vw 0; background: #fff; }
.next-intro::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 56%;
  height: 66%;
  background: linear-gradient(145deg, rgba(12, 131, 188, .06), rgba(71,191,136,.11));
  clip-path: polygon(15% 0,100% 0,100% 100%,0 82%);
}
.next-intro-heading { position: relative; z-index: 2; width: var(--wd-container); margin: auto; }
.next-intro-heading h2,
.next-section-head h2,
.next-renewal h2 {
  margin: 19px 0 0;
  color: var(--wd-ink);
  font-size: clamp(42px, 4vw, 76px);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -.035em;
}
.next-intro-stage {
  position: relative;
  width: var(--wd-container);
  min-height: 660px;
  margin: 65px auto 0;
  display: grid;
  grid-template-columns: 38% 62%;
  align-items: center;
}
.next-intro-copy { position: relative; z-index: 3; padding: 56px 70px 56px 0; background: rgba(255,255,255,.92); }
.next-intro-copy::before { content: ""; position: absolute; left: -4vw; top: 0; bottom: 0; width: 4vw; background: #fff; }
.next-intro-copy img { width: 118px; height: 54px; object-fit: contain; object-position: left; }
.next-intro-copy h3 { margin: 27px 0 25px; font-size: clamp(22px,1.55vw,30px); font-weight: 500; }
.next-intro-copy p { margin: 0; color: var(--wd-text); font-size: 15px; line-height: 2.08; }
.next-line-link { margin-top: 30px; display: inline-flex; align-items: center; gap: 28px; color: var(--wd-blue-700); font-weight: 600; }
.next-line-link span { transition: transform .25s; }
.next-line-link:hover span { transform: translate(4px,-4px); }
.next-intro-image { position: relative; height: 610px; margin: 0; overflow: hidden; box-shadow: 0 30px 80px rgba(7, 72, 98, .16); }
.next-intro-image::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg,rgba(3,52,70,.66),transparent 45%); }
.next-intro-image img { height: 100%; object-fit: cover; transition: transform .8s var(--wd-ease); }
.next-intro-image:hover img { transform: scale(1.025); }
.next-intro-image figcaption { position: absolute; z-index: 2; left: 42px; bottom: 38px; display: grid; gap: 8px; color: #fff; }
.next-intro-image figcaption small { color: #8fe4c8; font: 10px Arial; letter-spacing: .18em; }
.next-intro-image figcaption b { font-size: 22px; font-weight: 500; }
.next-intro-note { position: absolute; z-index: 4; right: -32px; top: 58px; display: grid; gap: 12px; color: rgba(6,84,111,.28); font: 10px Arial; letter-spacing: .28em; writing-mode: vertical-rl; }
.next-metrics {
  position: relative;
  z-index: 5;
  width: var(--wd-container);
  margin: -42px auto 0;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  background: rgba(255,255,255,.94);
  border: 1px solid var(--wd-line);
  box-shadow: 0 24px 70px rgba(9,81,106,.09);
}
.next-metrics > div { min-height: 175px; padding: 30px 34px; display: grid; align-content: center; border-right: 1px solid var(--wd-line); }
.next-metrics > div:last-child { border: 0; }
.next-metrics span { color: var(--wd-text); font-size: 13px; }
.next-metrics strong { margin-top: 17px; color: var(--wd-blue-700); font: 500 clamp(36px,3vw,56px)/1 Arial; }
.next-metrics > div:nth-child(even) strong { color: #19a282; }
.next-metrics strong b { font: inherit; }
.next-metrics small { margin-top: 11px; color: #94a8af; font: 9px Arial; letter-spacing: .16em; }

/* 系统能力：12 栏非对称 Bento，不再四等分 */
.next-systems { padding: 150px 4vw; background: linear-gradient(180deg,#eef7fa 0%,#f8fcfb 62%,#fff 100%); }
.next-section-head { width: var(--wd-container); margin: auto; display: grid; grid-template-columns: 1.15fr .85fr; gap: 9vw; align-items: end; }
.next-section-head > p { max-width: 520px; margin: 0 0 10px; color: var(--wd-text); font-size: 15px; line-height: 2; }
.next-system-grid { width: var(--wd-container); height: 760px; margin: 75px auto 0; display: grid; grid-template-columns: 1.25fr .75fr .8fr; grid-template-rows: 1fr 1fr; gap: 18px; }
.next-system-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  isolation: isolate;
  border-radius: 20px;
  box-shadow: 0 18px 46px rgba(8, 66, 91, .1);
}
.next-system-card::before { content: ""; position: absolute; z-index: -2; inset: 0; background: var(--system-image) center/cover no-repeat; transition: transform .7s var(--wd-ease); }
.next-system-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-left: 5px solid rgba(68, 210, 166, .8);
  background:
    linear-gradient(0deg, rgba(2, 39, 58, .78), rgba(2, 50, 68, .16) 43%, transparent 68%),
    linear-gradient(90deg, rgba(4, 92, 126, .18), transparent 24%);
  box-shadow: inset 0 0 0 1px rgba(210, 247, 235, .18);
  transition: background .3s, border-color .3s;
}
.next-system-card:hover::before { transform: scale(1.04); }
.next-system-card:hover::after {
  border-left-color: #72e0bd;
  background:
    linear-gradient(0deg, rgba(2, 39, 58, .68), rgba(2, 50, 68, .1) 40%, transparent 66%),
    linear-gradient(90deg, rgba(19, 151, 139, .17), transparent 25%);
}
.next-system-card.is-major { grid-row: 1 / -1; }
.next-system-card.is-wide { grid-column: 2 / 4; }
.next-system-number { color: rgba(255,255,255,.7); font: 11px Arial; letter-spacing: .14em; }
.next-system-card div { max-width: 560px; }
.next-system-card small { color: #9fe9d0; font: 10px Arial; letter-spacing: .18em; }
.next-system-card h3 { margin: 12px 0 0; font-size: clamp(24px,2vw,38px); font-weight: 500; }
.next-system-card p { max-width: 440px; margin: 17px 0 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.9; }
.next-system-card > b { position: absolute; right: 28px; top: 28px; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; font-weight: 400; transition: transform .3s; }
.next-system-card:hover > b { transform: translate(4px,-4px); }

/* 案例：深色沉浸舞台，主图与索引形成编辑式构图 */
.next-projects {
  position: relative;
  padding: 145px 4vw 130px;
  overflow: hidden;
  color: var(--wd-ink);
  background: #fff;
}
.next-projects::before {
  display: none;
}
.next-projects-flow {
  display: none;
}
.next-section-head.is-light { position: relative; z-index: 2; }
.next-section-head.is-light h2 { color: var(--wd-ink); }
.next-section-head.is-light .next-line-link { justify-self: end; color: var(--wd-blue-700); }
.next-project-stage { position: relative; z-index: 2; width: var(--wd-container); height: 690px; margin: 76px auto 0; display: grid; grid-template-columns: 1fr 310px; gap: 20px; }
.next-project-main { position: relative; min-width: 0; overflow: hidden; border-radius: 22px; box-shadow: 0 26px 70px rgba(8, 61, 82, .14); }
.next-project-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(1,23,55,.84),transparent 58%); }
.next-project-main img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s, transform .8s var(--wd-ease); }
.next-project-main:hover img { transform: scale(1.02); }
.next-project-caption { position: absolute; z-index: 2; left: 42px; right: 42px; bottom: 38px; display: grid; gap: 12px; }
.next-project-caption small { color: #8fe6c7; font: 10px Arial; letter-spacing: .17em; }
.next-project-caption b { font-size: clamp(27px,2.5vw,46px); font-weight: 500; }
.next-project-caption em { max-width: 680px; color: rgba(255,255,255,.68); font-style: normal; font-size: 13px; line-height: 1.8; }
.next-project-index { display: grid; grid-template-rows: repeat(3,1fr); gap: 12px; }
.next-project-index button { position: relative; min-height: 0; padding: 0; overflow: hidden; border: 1px solid rgba(13,100,130,.12); border-radius: 16px; background: #eef6f8; color: #fff; cursor: pointer; text-align: left; box-shadow: 0 12px 34px rgba(8,61,82,.08); }
.next-project-index button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,31,76,.82),rgba(3,57,118,.1)); }
.next-project-index button.is-active { border-color: #68d9b5; }
.next-project-index img { width: 100%; height: 100%; object-fit: cover; opacity: .58; transition: opacity .25s, transform .45s; }
.next-project-index button:hover img,.next-project-index button.is-active img { opacity: .9; transform: scale(1.035); }
.next-project-index span,.next-project-index b { position: absolute; z-index: 2; left: 22px; }
.next-project-index span { top: 20px; color: #8fe6c7; font: 10px Arial; }
.next-project-index b { bottom: 20px; font-size: 16px; font-weight: 500; }

/* 城市更新：视觉带作为首页中段转折 */
.next-renewal { min-height: 720px; display: grid; grid-template-columns: 58% 42%; background: #fff; }
.next-renewal-visual { position: relative; overflow: hidden; clip-path: polygon(0 0,100% 0,90% 100%,0 100%); }
.next-renewal-visual::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 7px;
  background: linear-gradient(90deg, var(--wd-blue-600), var(--wd-green));
}
.next-renewal-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 77, 112, .14), transparent 16%),
    linear-gradient(0deg, rgba(57, 189, 132, .1), transparent 12%);
  box-shadow: inset 0 0 0 1px rgba(21, 137, 153, .12);
}
.next-renewal-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.98) contrast(1.02) brightness(1.03); }
.next-renewal-copy { position: relative; padding: 90px 7vw 90px 3vw; display: flex; flex-direction: column; justify-content: center; }
.next-renewal-copy::before { content: ""; position: absolute; right: 0; top: 8%; width: 90%; height: 84%; background: radial-gradient(circle at 75% 40%,rgba(71,191,136,.15),transparent 35%),linear-gradient(135deg,rgba(8,120,189,.04),rgba(71,191,136,.08)); clip-path: polygon(16% 0,100% 0,100% 100%,0 84%); z-index: -1; }
.next-renewal-copy p { max-width: 530px; margin: 30px 0 38px; color: var(--wd-text); font-size: 15px; line-height: 2; }
.next-renewal-copy .next-primary-link { align-self: flex-start; }

/* 新闻：主图 + 编辑列表，统一信息层级 */
.next-news { padding: 145px 4vw; background: linear-gradient(135deg,#f1f8fa,#fff 55%,#eff9f4); }
.next-news .next-section-head { grid-template-columns: 1fr auto; }
.next-news .news-tabs { align-self: end; margin: 0; gap: 42px; border-color: var(--wd-line); }
.next-news .news-tabs button { color: #68818b; }
.next-news .news-tabs button.is-active { color: var(--wd-blue-700); }
.next-news-grid { width: var(--wd-container); margin: 72px auto 0; display: grid; grid-template-columns: 1.15fr .85fr; gap: 20px; }
.next-news-feature { position: relative; min-height: 610px; overflow: hidden; color: #fff; }
.next-news-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(3,48,67,.86),transparent 58%); }
.next-news-feature img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--wd-ease); }
.next-news-feature:hover img { transform: scale(1.025); }
.next-news-feature > div { position: absolute; z-index: 2; left: 38px; right: 38px; bottom: 36px; }
.next-news-feature time { color: #8ce5c6; font: 10px Arial; letter-spacing: .15em; }
.next-news-feature h3 { max-width: 700px; margin: 15px 0 25px; font-size: clamp(24px,2vw,38px); font-weight: 500; line-height: 1.55; }
.next-news-feature span { font-size: 12px; }
.next-news-list { display: grid; align-content: stretch; border: 1px solid var(--wd-line); background: rgba(255,255,255,.76); }
.next-news-list a { min-height: 25%; padding: 28px 32px; grid-template-columns: 110px 1fr 30px; color: #365866; border-color: var(--wd-line); }
.next-news-list a:hover { color: var(--wd-blue-900); background: linear-gradient(90deg,rgba(8,120,189,.07),rgba(71,191,136,.1)); }

/* 内页统一重构：同一个几何导视与跨栅格系统 */
.editorial-page { --editorial-gutter: clamp(24px,4vw,76px); }
.editorial-page main,
.editorial-shell,
.detail-page main { background: linear-gradient(135deg,#f2f8fa,#fff 42%,#f1f9f5); color: var(--wd-ink); }
.editorial-hero {
  height: clamp(560px,36vw,760px);
  min-height: 560px;
  background-position: center;
  isolation: isolate;
}
.editorial-hero::before {
  background:
    linear-gradient(90deg,rgba(3,49,81,.83),rgba(4,88,111,.4) 52%,rgba(30,149,112,.15)),
    linear-gradient(0deg,rgba(2,43,60,.38),transparent 55%);
}
.editorial-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -13%;
  top: -55%;
  width: 72%;
  height: 140%;
  border: 1px solid rgba(199,245,230,.25);
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(77,210,161,.2),transparent 63%);
  transform: rotate(-12deg);
}
.editorial-hero > div { padding-bottom: clamp(72px,6vw,118px); }
.editorial-hero small { color: #8ce4c6; }
.editorial-hero h1 { color: #fff; font-size: clamp(54px,5.2vw,94px); font-weight: 500; letter-spacing: -.035em; }
.editorial-hero p { color: rgba(255,255,255,.74); }
.editorial-subnav {
  position: relative;
  z-index: 4;
  width: calc(100% - var(--editorial-gutter) * 2);
  margin-top: -35px;
  min-height: 94px;
  border: 1px solid var(--wd-line);
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 65px rgba(8,79,104,.1);
  backdrop-filter: blur(18px);
}
.editorial-subnav a { min-height: 94px; color: #56737e; border-color: var(--wd-line); font-size: 16px; }
.editorial-subnav a::after { height: 3px; background: var(--wd-flow); }
.editorial-subnav a:hover,.editorial-subnav a.is-active { color: var(--wd-blue-700); background: linear-gradient(115deg,rgba(8,120,189,.06),rgba(71,191,136,.09)); }
.editorial-breadcrumb { min-height: 105px; color: #718791; border-color: var(--wd-line); }
.section-kicker h2,.catalog-heading h2 { color: var(--wd-ink); font-weight: 500; letter-spacing: -.025em; }
.section-kicker small,.catalog-heading small { color: var(--wd-cyan); font-weight: 600; }
.profile-copy p,.product-overview-grid p,.case-intro > p { color: var(--wd-text); }
.profile-copy .profile-lead,.product-overview-grid .profile-lead { color: #183f50; }
.profile-intro { grid-template-columns: .8fr 1.2fr; gap: clamp(60px,8vw,150px); }
.profile-figure { margin-top: -80px; }
.profile-figure::before { border: 0; background: var(--wd-flow); opacity: .5; transform: translate(16px,16px); }
.profile-stats { border: 1px solid var(--wd-line); background: rgba(255,255,255,.78); box-shadow: 0 22px 65px rgba(8,79,104,.08); }
.profile-stats > div { border-color: var(--wd-line); }
.profile-stats strong,.product-numbers strong { color: var(--wd-blue-700); }
.profile-stats > div:nth-child(even) strong,.product-numbers div:nth-child(even) strong { color: #1aa080; }
.profile-stats span,.product-numbers span { color: #68818b; }
.profile-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border: 0; }
.profile-detail-grid article { min-height: 288px; border: 1px solid var(--wd-line); border-radius: 18px; background: rgba(255,255,255,.72); overflow: hidden; }
.profile-detail-grid article:nth-child(1) { grid-row: span 2; min-height: 592px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg,rgba(8,120,189,.1),rgba(71,191,136,.13)); }
.profile-detail-grid article:nth-child(4),
.profile-detail-grid article:nth-child(5) { grid-row: 3; }
.profile-detail-grid article:last-child { grid-column: auto; }
.profile-detail-grid article:hover { color: #fff; background: var(--wd-flow-deep); }
.profile-detail-grid p { color: #607a84; }
.profile-detail-grid article:hover p { color: rgba(255,255,255,.72); }
.culture-stage { border: 1px solid var(--wd-line); background: #fff; box-shadow: 0 25px 75px rgba(8,79,104,.1); }
.culture-list button { color: #5f7883; border-color: var(--wd-line); }
.culture-list button:hover,.culture-list button.is-active { color: #fff; background: var(--wd-flow-deep); }
.editorial-timeline { border-color: rgba(23,170,176,.35); }
.editorial-timeline article { border-color: var(--wd-line); }
.editorial-timeline article::before { background: var(--wd-green); box-shadow: 0 0 0 6px rgba(71,191,136,.14); }
.editorial-timeline time { color: var(--wd-blue-700); }
.editorial-timeline p { color: var(--wd-text); }
.honor-grid,.catalog-grid,.project-grid { border-color: var(--wd-line); }
.honor-grid a,.catalog-card,.project-card { color: var(--wd-ink); border-color: var(--wd-line); background: rgba(255,255,255,.78); }
.honor-grid a:hover,.catalog-card:hover { background: linear-gradient(145deg,#fff,#eaf8f3); }
.catalog-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 20px; border: 0; }
.catalog-card { min-width: 0; width: calc((100% - 40px) / 3); flex: 0 1 calc((100% - 40px) / 3); flex-direction: column; grid-column: auto; overflow: hidden; border: 1px solid var(--wd-line); border-radius: 18px; box-shadow: 0 15px 45px rgba(8,79,104,.05); }
.catalog-card:first-child { grid-column: auto; display: flex; }
.catalog-card figure,
.catalog-card:first-child figure { width: 100%; height: clamp(300px,22vw,410px); min-height: 0; border-radius: 0; background: linear-gradient(145deg,#edf6f8,#f8fcfb); }
.catalog-card > div,
.catalog-card:first-child > div { min-height: 176px; display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
.catalog-card h3,.project-card h3 { color: #173f50; }
.catalog-card i,.project-card span { color: var(--wd-blue-700); }
.case-featured { gap: 18px; background: transparent; }
.featured-project,
.featured-project:first-child { grid-column: span 1; min-height: clamp(520px,38vw,730px); overflow: hidden; border-radius: 20px; box-shadow: 0 24px 70px rgba(7,72,98,.14); }
.project-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; border: 0; gap: 20px; }
.project-card,
.project-card:nth-child(4n+1) { min-width: 0; width: calc((100% - 40px) / 3); flex: 0 1 calc((100% - 40px) / 3); flex-direction: column; grid-column: auto; overflow: hidden; border: 1px solid var(--wd-line); border-radius: 18px; background: #fff; box-shadow: 0 15px 45px rgba(8,79,104,.06); }
.project-card figure,
.project-card:nth-child(4n+1) figure { width: 100%; height: auto; aspect-ratio: 16 / 10; }
.project-card > div { display: flex; flex: 1; flex-direction: column; }
.project-card span { margin-top: auto; }
.case-catalog .project-card::after { display: none; }
.news-editorial-feature { border: 1px solid var(--wd-line); box-shadow: 0 28px 80px rgba(8,79,104,.1); }
.news-editorial-archive .news-row { color: #315361; border-color: var(--wd-line); }
.news-editorial-archive .news-row:hover { color: var(--wd-blue-900); background: linear-gradient(90deg,rgba(8,120,189,.07),rgba(71,191,136,.1)); }

/* 详情页从大标题直接进入视觉叙事，取消“浅色空壳”感 */
.detail-page main { background: linear-gradient(135deg,#edf6f8,#fff 45%,#eef8f3); }
.detail-hero { position: relative; min-height: 640px; border-color: var(--wd-line); }
.detail-hero::before { content: ""; position: absolute; z-index: -1; inset: 78px -4vw 0; background: linear-gradient(120deg,rgba(8,120,189,.08),rgba(23,170,176,.07),rgba(71,191,136,.11)); clip-path: polygon(0 15%,76% 0,100% 30%,100% 82%,26% 100%,0 74%); }
.detail-back { color: #5c7680; }
.detail-hero > small { color: var(--wd-cyan); }
.detail-hero h1 { color: var(--wd-ink); }
.detail-hero > p { color: var(--wd-text); }
.product-detail-stage { border: 1px solid var(--wd-line); box-shadow: 0 28px 80px rgba(8,79,104,.1); }
.detail-product-image { background: linear-gradient(145deg,#eaf4f6,#f9fcfb); }
.detail-product-copy > small,.case-detail-story small { color: var(--wd-cyan); }
.detail-product-copy h2,.case-detail-story h2 { color: var(--wd-ink); }
.detail-product-copy > p,.case-detail-story p,.news-detail-article p { color: var(--wd-text); }
.detail-feature-grid { margin-top: 18px; border-color: var(--wd-line); }
.detail-feature-grid article { color: var(--wd-ink); border-color: var(--wd-line); background: rgba(255,255,255,.72); }
.detail-feature-grid article:nth-child(2) { background: linear-gradient(145deg,rgba(8,120,189,.08),rgba(71,191,136,.12)); }
.detail-feature-grid b { color: var(--wd-cyan); }
.detail-feature-grid h3 { color: var(--wd-ink); }
.detail-feature-grid p { color: var(--wd-text); }
.case-detail-visual { box-shadow: 0 28px 80px rgba(8,79,104,.13); }
.news-detail-lead { color: var(--wd-ink) !important; }
.news-detail-article figure { padding: 12px; background: #fff; box-shadow: 0 22px 65px rgba(8,79,104,.1); }
.detail-pager { border-color: var(--wd-line); }
.detail-pager a { color: #315361; border-color: var(--wd-line); }
.detail-pager a:hover { color: #fff; background: var(--wd-flow-deep); }

/* 联系页把地图、图片和服务条组织成一个连续界面 */
.reference-contact-intro h2 { color: var(--wd-ink); }
.reference-contact-intro p { color: var(--wd-text); }
.contact-service-strip { overflow: hidden; border: 1px solid var(--wd-line); border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(8,79,104,.07); }
.contact-service-strip a { color: #315361; border-color: var(--wd-line); }
.contact-service-strip a:hover { color: #fff; background: var(--wd-flow-deep); }
.contact-service-strip span { color: var(--wd-cyan); }
.reference-contact-top { gap: 20px; grid-template-columns: minmax(0,38fr) minmax(0,62fr); }
.reference-contact-photo { transform: none; z-index: 2; border-radius: 20px; box-shadow: 0 26px 70px rgba(8,79,104,.14); }
.reference-contact-map { border-radius: 20px; box-shadow: 0 26px 70px rgba(8,79,104,.1); }
.reference-contact-bar { width: 100%; margin: 20px 0 0; overflow: hidden; border-radius: 18px; background: var(--wd-flow-deep); box-shadow: 0 22px 65px rgba(6,70,94,.2); }
.contact-visit-note { color: var(--wd-text); border-color: var(--wd-line); }
.contact-visit-note > span { color: var(--wd-cyan); }
.contact-visit-note a { color: var(--wd-blue-700); }

/* 页尾延续同一流体带，避免突然变成另一套模板 */
.site-footer { background: var(--wd-flow-deep); }
.site-footer::before { opacity: .12; background: repeating-linear-gradient(115deg,transparent 0 56px,rgba(199,244,230,.25) 57px 58px); }

@media (max-width: 1100px) {
  .site-header { padding-inline: 24px; grid-template-columns: 200px auto 60px; }
  .nav-link { min-width: 76px; padding-inline: 10px; font-size: 13px; }
  .next-hero-grid { grid-template-columns: 54% 46%; }
  .next-hero-media { left: 45%; width: 55%; }
  .next-system-grid { grid-template-columns: 1fr 1fr; height: auto; }
  .next-system-card { min-height: 380px; }
  .next-system-card.is-major { grid-row: auto; }
  .next-system-card.is-wide { grid-column: 1 / -1; }
  .next-project-stage { grid-template-columns: 1fr 250px; height: 620px; }
  .next-renewal { grid-template-columns: 52% 48%; }
  .catalog-card,.catalog-card:first-child,.project-card,.project-card:nth-child(4n+1) { width: calc((100% - 20px) / 2); flex-basis: calc((100% - 20px) / 2); grid-column: auto; }
}

@media (max-width: 820px) {
  :root { --wd-container: calc(100vw - 36px); }
  .site-header { height: 68px; grid-template-columns: 1fr auto; padding-inline: 18px; }
  main { padding-top: 68px; }
  .site-nav { background: linear-gradient(150deg,#f6fcfd,#edf9f4); }
  .next-hero { min-height: 700px; height: calc(100dvh - 68px); max-height: 820px; }
  .next-hero-media { left: 0; width: 100%; clip-path: none; border-radius: 0; }
  .next-hero-media::before { background: linear-gradient(0deg,rgba(2,53,123,.48),transparent 40%); }
  .next-hero::before { inset: 39% 0 0; background: linear-gradient(155deg,#04385e 0%,#087a9a 58%,#238d70 100%); }
  .next-hero::after { left: 18px; top: 41%; width: 72px; height: 4px; background: linear-gradient(90deg,#7bf0ca,var(--wd-green-bright)); box-shadow: none; }
  .next-hero-grid { display: block; padding-top: 34vh; }
  .next-hero-copy { width: 100%; padding: 0; }
  .next-hero h1 { font-size: clamp(44px,12vw,66px); }
  .next-hero-copy > p { font-size: 14px; line-height: 1.8; }
  .next-hero-interface { display: none; }
  .next-hero-actions { margin-top: 28px; }
  .next-hero-bottom { left: 18px; right: 18px; bottom: 20px; grid-template-columns: 150px 1fr; }
  .next-hero-bottom > p { display: none; }
  .next-cityline { bottom: 72px; height: 75px; }
  .next-intro { padding: 82px 18px 0; }
  .next-intro-heading h2,.next-section-head h2,.next-renewal h2 { font-size: 37px; }
  .next-intro-stage { min-height: 0; margin-top: 44px; display: flex; flex-direction: column-reverse; }
  .next-intro-copy { padding: 38px 0 45px; }
  .next-intro-copy::before { display: none; }
  .next-intro-image { width: 100%; height: 74vw; min-height: 330px; max-height: 520px; }
  .next-intro-note { display: none; }
  .next-metrics { margin-top: 0; grid-template-columns: repeat(2,1fr); }
  .next-metrics > div { min-height: 135px; padding: 24px 20px; border-bottom: 1px solid var(--wd-line); }
  .next-metrics > div:nth-child(2) { border-right: 0; }
  .next-systems,.next-projects,.next-news { padding: 90px 18px; }
  .next-section-head { display: block; }
  .next-section-head > p { margin-top: 28px; }
  .next-system-grid { margin-top: 50px; display: block; }
  .next-system-card { min-height: 62vw; margin-bottom: 14px; border-radius: 16px; }
  .next-projects .next-line-link { margin-top: 25px; justify-self: start; }
  .next-project-stage { height: auto; display: block; margin-top: 48px; }
  .next-project-main { height: 105vw; max-height: 620px; display: block; }
  .next-project-index { margin-top: 12px; grid-template-columns: repeat(3,1fr); grid-template-rows: 125px; }
  .next-project-index b { font-size: 12px; }
  .next-renewal { display: block; }
  .next-renewal-visual { height: 82vw; max-height: 560px; clip-path: polygon(0 0,100% 0,100% 88%,0 100%); }
  .next-renewal-copy { padding: 58px 18px 82px; }
  .next-news .next-section-head { display: block; }
  .next-news .news-tabs { margin-top: 35px; }
  .next-news-grid { margin-top: 45px; grid-template-columns: 1fr; }
  .next-news-feature { min-height: 105vw; max-height: 620px; }
  .next-news-list a { min-height: 92px; padding: 20px; grid-template-columns: 88px 1fr 24px; }
  .editorial-hero { min-height: 380px; height: 66vw; max-height: 520px; }
  .editorial-subnav { margin-top: -18px; }
  .profile-intro { grid-template-columns: 1fr; }
  .profile-figure { margin-top: 0; }
  .profile-detail-grid { grid-template-columns: 1fr; }
  .profile-detail-grid article:nth-child(1) { grid-row: auto; min-height: 360px; }
  .profile-detail-grid article:nth-child(4),.profile-detail-grid article:nth-child(5) { grid-row: auto; }
  .catalog-grid,.project-grid { display: flex; gap: 12px; }
  .catalog-card,.catalog-card:first-child,.project-card,.project-card:nth-child(4n+1) { width: calc((100% - 12px) / 2); flex-basis: calc((100% - 12px) / 2); grid-column: auto; display: flex; }
  .catalog-card:first-child figure { min-height: 0; }
  .reference-contact-photo { transform: none; }
  .reference-contact-bar { margin-left: 0; }
}

@media (max-width: 540px) {
  .next-primary-link { width: 100%; gap: 20px; }
  .next-text-link { display: none; }
  .next-hero h1 { font-size: 42px; }
  .next-intro-heading h2,.next-section-head h2,.next-renewal h2 { font-size: 32px; }
  .next-system-card { min-height: 78vw; padding: 25px; }
  .next-system-card h3 { font-size: 25px; }
  .next-project-index { grid-template-rows: 105px; }
  .next-project-index span,.next-project-index b { left: 12px; }
  .next-project-caption { left: 22px; right: 22px; bottom: 22px; }
  .next-news-feature > div { left: 22px; right: 22px; bottom: 22px; }
  .catalog-grid,.project-grid { display: flex; }
  .catalog-card,.catalog-card:first-child,.project-card,.project-card:nth-child(4n+1) { width: 100%; flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .next-intro-image img,
  .next-system-card::before,
  .next-project-main img,
  .next-project-index img,
  .next-news-feature img { transform: none !important; }
}

/* CMS 模板没有静态站点的 body 页面类，改由主内容容器承载内页变量。 */
.editorial-page-main {
  --editorial-gutter: clamp(24px, 4vw, 76px);
  --editorial-width: calc(100% - var(--editorial-gutter) * 2);
}

/* 导航壳只负责二级导航和面包屑，不能继承正文区域的最小高度。 */
.editorial-shell-nav {
  min-height: 0;
  padding-bottom: 0;
}

@media (max-width: 820px) {
  .editorial-page-main { --editorial-gutter: 18px; }
}

@media (max-width: 540px) {
  .editorial-page-main { --editorial-gutter: 16px; }
}

/* 2026-08-03 视觉精修：统一图像框架、信息密度与行动层级 */
:root {
  --wd-radius-card: 12px;
  --wd-radius-feature: 20px;
  --wd-shadow-card: 0 16px 42px rgba(8,79,104,.07);
}

.next-scan-card {
  border: 1px solid rgba(151,231,213,.26);
  border-top: 3px solid var(--wd-green-bright);
  border-radius: 18px;
  background: linear-gradient(145deg,rgba(4,47,79,.94),rgba(8,103,133,.9));
  box-shadow: 0 22px 58px rgba(3,47,70,.24);
  backdrop-filter: blur(16px) saturate(125%);
}

.next-news-feature {
  min-height: 590px;
  padding: 12px;
  border: 1px solid var(--wd-line);
  border-radius: var(--wd-radius-feature);
  background: linear-gradient(145deg,#eaf5f8,#f5fbf8);
  box-shadow: 0 24px 68px rgba(8,79,104,.11);
}
.next-news-feature::after {
  inset: 12px;
  border-radius: 14px;
  background: linear-gradient(0deg,rgba(3,48,67,.86) 0%,rgba(3,48,67,.42) 32%,transparent 66%);
}
.next-news-feature img { border-radius: 14px; }
.next-news-feature > div { left: 50px; right: 50px; bottom: 48px; }
.next-news-feature time { font-size: 12px; }
.next-news-feature span { font-size: 13px; }
.next-news-list { overflow: hidden; border-radius: 16px; box-shadow: var(--wd-shadow-card); }
.next-news-list a { font-size: 14px; }

.featured-project { color: #fff; }
.featured-project::after { background: linear-gradient(0deg,rgba(3,42,62,.9) 0%,rgba(3,42,62,.4) 38%,transparent 72%); }
.featured-project small { color: #9ae8d0; font-size: 11px; }
.featured-project p { color: rgba(255,255,255,.82); font-size: 14px; }
.featured-project span { color: rgba(255,255,255,.76); font-size: 13px; }

.project-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.project-card,
.project-card:nth-child(4n+1) {
  width: auto;
  min-width: 0;
  border-radius: var(--wd-radius-feature);
  box-shadow: var(--wd-shadow-card);
}
.project-card small,.catalog-card small { font-size: 11px; }
.project-card h3,.catalog-card h3 { font-size: 17px; line-height: 1.65; }
.project-card span,.catalog-card span { font-size: 12px; }

.honor-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 14px;
  border: 0;
}
.honor-grid a {
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--wd-line);
  border-radius: var(--wd-radius-card);
  box-shadow: 0 12px 34px rgba(8,79,104,.05);
}
.honor-grid div { height: 220px; border-radius: 8px; }
.honor-grid h3 { min-height: 48px; margin-top: 16px; font-size: 14px; }

.culture-stage,.profile-figure,.product-detail-stage,.case-detail-visual,.news-detail-article figure {
  overflow: hidden;
  border-radius: var(--wd-radius-feature);
}

.about-section,.product-overview,.catalog-section,.case-intro,.case-catalog {
  padding-top: clamp(74px,5.8vw,110px);
}
.profile-copy p,.product-overview-grid p,.case-intro > p,.reference-contact-intro p {
  font-size: 16px;
  line-height: 1.95;
}
.editorial-breadcrumb { font-size: 13px; }
.footer-links a { font-size: 13px; line-height: 1.55; }
.footer-bottom { font-size: 12px; }

.contact-intro-action { display: grid; gap: 26px; justify-items: start; }
.contact-intro-action p { margin: 0; }
.contact-primary-cta {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0 24px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(112deg,var(--wd-blue-700),var(--wd-cyan) 55%,var(--wd-green));
  box-shadow: 0 14px 36px rgba(8,120,189,.2);
  font-size: 15px;
  font-weight: 600;
  transition: transform .25s var(--wd-ease),box-shadow .25s var(--wd-ease);
}
.contact-primary-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(8,120,189,.28); }
.contact-primary-cta span { font-size: 18px; }
.contact-service-strip a { min-height: 138px; padding-block: 26px; }
.reference-contact-map { border: 1px solid rgba(23,170,176,.16); }

@media (max-width: 1100px) {
  .honor-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .project-card,.project-card:nth-child(4n+1) { width: auto; }
  .honor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .honor-grid a { padding: 14px; }
  .honor-grid div { height: 42vw; max-height: 250px; }
  .next-news-feature { padding: 8px; border-radius: 18px; }
  .next-news-feature::after { inset: 8px; border-radius: 12px; }
  .next-news-feature img { border-radius: 12px; }
  .next-news-feature > div { left: 30px; right: 30px; bottom: 30px; }
  .reference-contact-intro { gap: 30px; }
  .contact-intro-action { gap: 20px; }
}

@media (max-width: 540px) {
  .project-grid { grid-template-columns: 1fr; }
  .profile-copy p,.product-overview-grid p,.case-intro > p,.reference-contact-intro p { font-size: 15px; }
  .project-card h3,.catalog-card h3 { font-size: 16px; }
  .footer-bottom { font-size: 12px; }
  .contact-primary-cta { width: 100%; }
}

/* 2026-08-03 首页浅色科技 Banner：高亮空间、左文右图、结构线点缀 */
.next-hero {
  color: var(--wd-ink);
  background-color: #f6faff;
  background-image:
    radial-gradient(circle at 18% 18%,rgba(70,157,246,.13),transparent 26%),
    radial-gradient(circle at 74% 34%,rgba(47,211,154,.09),transparent 28%),
    linear-gradient(132deg,#fff 0%,#f4f8ff 46%,#eaf4ff 100%);
}
.next-hero::before {
  z-index: -5;
  inset: 0;
  background:
    linear-gradient(118deg,transparent 0 18%,rgba(80,151,235,.055) 18.2% 18.5%,transparent 18.7% 100%),
    linear-gradient(118deg,transparent 0 31%,rgba(45,192,180,.05) 31.2% 31.45%,transparent 31.7% 100%),
    repeating-linear-gradient(90deg,transparent 0 115px,rgba(25,111,192,.035) 116px 117px);
}
.next-hero::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -4;
  left: -7vw;
  top: 9%;
  width: min(50vw,820px);
  height: 62%;
  border: 1px solid rgba(72,153,229,.11);
  border-radius: 52px;
  background: linear-gradient(135deg,rgba(255,255,255,.72),rgba(122,184,244,.055));
  clip-path: polygon(8% 0,100% 0,82% 100%,0 84%);
  transform: rotate(-4deg);
  box-shadow: inset 0 0 80px rgba(68,151,236,.045);
}
.next-hero-media {
  z-index: -3;
  left: 41%;
  width: 59%;
  border-radius: 30px 0 0 30px;
  -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 8%,#000 20%,#000 100%);
  mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 8%,#000 20%,#000 100%);
}
.next-hero-media::before {
  background:
    linear-gradient(90deg,rgba(245,250,255,.72),transparent 19%),
    linear-gradient(0deg,rgba(232,245,255,.2),transparent 18%);
}
.next-hero .hero-slide::after {
  background:
    linear-gradient(90deg,rgba(242,249,255,.45),transparent 20%),
    linear-gradient(0deg,rgba(18,115,206,.06),transparent 18%);
}
.next-hero .hero-slide img { filter: saturate(.94) contrast(1.01) brightness(1.08); }
.next-hero-grid { grid-template-columns: 44% 56%; }
.next-hero-copy { transform: translateY(-2%); }
.next-label { color: var(--wd-blue-700); }
.next-hero h1 { color: #083654; text-shadow: 0 1px 0 rgba(255,255,255,.75); }
.next-hero h1 em { color: #22ad89; }
.next-hero-copy > p { color: #506e7a; }
.next-text-link { color: #2d6175; border-color: rgba(8,104,189,.3); }
.next-text-link:hover { color: var(--wd-blue-700); }
.next-primary-link {
  background: linear-gradient(112deg,#168bd2 0%,#16aeb6 58%,#35c58d 100%);
  box-shadow: 0 18px 42px rgba(23,139,193,.2);
}
.next-primary-link:hover { box-shadow: 0 24px 55px rgba(23,139,193,.28); }
.next-hero-interface { position: relative; }
.next-hero-interface::before {
  content: "";
  position: absolute;
  right: 2%;
  top: 4%;
  width: min(31vw,520px);
  aspect-ratio: 1.55;
  border: 1px solid rgba(46,137,220,.16);
  border-radius: 42px;
  background: linear-gradient(145deg,rgba(255,255,255,.2),rgba(64,150,232,.035));
  transform: rotate(12deg) skewX(-8deg);
  box-shadow: inset 0 0 55px rgba(64,150,232,.05);
}
.next-hero-interface::after {
  content: "";
  position: absolute;
  right: 15%;
  top: 20%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #238dd8;
  box-shadow:
    -150px 72px 0 -1px rgba(24,137,214,.48),
    72px 82px 0 1px rgba(47,197,149,.55),
    -68px 202px 0 -1px rgba(20,146,219,.34),
    118px 252px 0 -1px rgba(47,197,149,.38),
    -210px 285px 0 -2px rgba(20,146,219,.3);
}
.next-orbit {
  display: block;
  position: absolute;
  border: 1px solid rgba(34,132,215,.16);
  border-radius: 50%;
}
.next-orbit-a {
  right: -4%;
  top: -2%;
  box-shadow: 0 0 0 42px rgba(54,143,224,.035),0 0 0 90px rgba(47,193,160,.025);
}
.next-orbit-b { border-color: rgba(47,190,160,.2); }
.next-scan-card {
  color: #123d54;
  border: 1px solid rgba(8,120,189,.14);
  border-top: 3px solid #35c58d;
  background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,248,255,.88));
  box-shadow: 0 22px 58px rgba(40,107,157,.16);
  backdrop-filter: blur(18px) saturate(120%);
}
.next-scan-card small { color: #1387ba; }
.next-scan-card span { color: #6b8792; }
.next-hero-bottom { border-color: rgba(8,104,189,.13); color: #315e72; }
.next-hero-index i { background: linear-gradient(90deg,#168bd2,#35c58d); }
.next-hero .hero-dots button { background: rgba(17,110,169,.25); }
.next-hero .hero-dots button.is-active { background: linear-gradient(90deg,#168bd2,#35c58d); }
.next-hero-bottom > p { color: rgba(30,87,111,.55); }
.next-cityline {
  opacity: .17;
  background: repeating-linear-gradient(90deg,transparent 0 32px,rgba(25,129,194,.2) 33px 35px),linear-gradient(90deg,rgba(45,145,218,.2),rgba(56,197,149,.16));
}

@media (max-width: 1100px) {
  .next-hero-grid { grid-template-columns: 48% 52%; }
  .next-hero-media { left: 43%; width: 57%; }
  .next-scan-card { width: min(320px,28vw); }
}

@media (max-width: 820px) {
  .next-hero {
    min-height: 720px;
    height: calc(100dvh - 68px);
    max-height: 860px;
    background-color: #f7fbff;
    background-image:
      radial-gradient(circle at 12% 48%,rgba(61,153,235,.1),transparent 28%),
      linear-gradient(180deg,#eef7ff 0%,#f8fbff 47%,#fff 100%);
  }
  .next-hero::before {
    inset: 0;
    background: repeating-linear-gradient(115deg,transparent 0 88px,rgba(28,128,204,.04) 89px 90px);
  }
  .next-hero::after {
    left: -28%;
    top: 42%;
    width: 110%;
    height: 47%;
    border-radius: 36px;
    opacity: .7;
    transform: rotate(-5deg);
  }
  .next-hero-media {
    left: 0;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 45%;
    border-radius: 0;
    -webkit-mask-image: linear-gradient(180deg,#000 0%,#000 69%,rgba(0,0,0,.5) 84%,transparent 100%);
    mask-image: linear-gradient(180deg,#000 0%,#000 69%,rgba(0,0,0,.5) 84%,transparent 100%);
  }
  .next-hero-media::before { background: linear-gradient(0deg,rgba(247,251,255,.52),transparent 38%); }
  .next-hero-grid { display: block; padding-top: 40vh; }
  .next-hero-copy { transform: none; padding-top: 26px; }
  .next-hero h1 { color: #083654; }
  .next-hero-copy > p { color: #55727e; }
  .next-label { color: var(--wd-blue-700); }
  .next-hero-interface { display: none; }
  .next-hero-bottom { color: #315e72; border-color: rgba(8,104,189,.13); }
  .next-cityline { opacity: .12; }
}

@media (max-width: 540px) {
  .next-hero { min-height: 740px; }
  .next-hero-grid { padding-top: 39vh; }
  .next-hero-copy { padding-top: 20px; }
  .next-hero h1 { margin: 20px 0 20px; font-size: 42px; line-height: 1.05; }
  .next-hero-copy > p { font-size: 14px; line-height: 1.75; }
  .next-hero-actions { margin-top: 24px; }
}

/* 2026-08-03 首页视觉层级减法精修：窄渐隐、轻背景、统一圆角 */
@media (min-width: 821px) {
  .next-hero-media {
    left: 38.5%;
    width: 61.5%;
    -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 4%,#000 12%,#000 100%);
    mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 4%,#000 12%,#000 100%);
  }
  .next-hero-media::before {
    background:
      linear-gradient(90deg,rgba(247,251,255,.38),transparent 11%),
      linear-gradient(0deg,rgba(232,245,255,.12),transparent 14%);
  }
  .next-hero .hero-slide::after {
    background:
      linear-gradient(90deg,rgba(245,250,255,.22),transparent 12%),
      linear-gradient(0deg,rgba(18,115,206,.04),transparent 14%);
  }
}

.next-systems {
  background-color: #fff;
  background-image:
    radial-gradient(circle at 100% 8%,rgba(49,173,218,.04),transparent 27%),
    radial-gradient(circle at 0 94%,rgba(55,195,151,.035),transparent 24%);
}

.next-news {
  background-color: #fff;
  background-image:
    radial-gradient(circle at 96% 12%,rgba(40,159,215,.035),transparent 24%),
    radial-gradient(circle at 5% 90%,rgba(58,196,153,.03),transparent 22%);
}

.next-intro-image,
.next-project-main,
.next-renewal-visual {
  border-radius: 20px;
}

.next-intro-image::before {
  background: linear-gradient(0deg,rgba(3,52,70,.56) 0%,rgba(3,52,70,.18) 28%,transparent 54%);
}

.next-system-card { border-radius: 18px; }
.next-system-card::after {
  border-left-width: 3px;
  background:
    linear-gradient(0deg,rgba(2,39,58,.70) 0%,rgba(2,50,68,.18) 34%,transparent 62%),
    linear-gradient(90deg,rgba(4,92,126,.10),transparent 20%);
}
.next-system-card:hover::after {
  background:
    linear-gradient(0deg,rgba(2,39,58,.64) 0%,rgba(2,50,68,.14) 32%,transparent 60%),
    linear-gradient(90deg,rgba(19,151,139,.10),transparent 20%);
}

.next-news-feature {
  padding: 8px;
  border-radius: 20px;
  background: rgba(246,251,252,.72);
  box-shadow: 0 18px 52px rgba(8,79,104,.08);
}
.next-news-feature::after {
  inset: 8px;
  border-radius: 14px;
  background: linear-gradient(0deg,rgba(3,48,67,.68) 0%,rgba(3,48,67,.22) 27%,transparent 54%);
}
.next-news-feature img { border-radius: 14px; }
.next-news-feature > div { left: 44px; right: 44px; bottom: 42px; }

@media (max-width: 820px) {
  .next-intro-image,
  .next-project-main,
  .next-renewal-visual,
  .next-news-feature { border-radius: 16px; }
  .next-system-card { border-radius: 16px; }
  .next-news-feature { padding: 6px; }
  .next-news-feature::after { inset: 6px; border-radius: 11px; }
  .next-news-feature img { border-radius: 11px; }
}

/* 2026-08-04 清透图片表面与山脊历程线 */
@media (min-width: 821px) {
  .next-hero-grid {
    width: calc(100vw - 5vw);
    grid-template-columns: 35% 65%;
  }

  .next-hero-copy {
    max-width: none;
    padding-right: 2.5vw;
  }

  .next-hero-media {
    left: 35%;
    width: 65%;
    -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 3%,#000 9%,#000 100%);
    mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 3%,#000 9%,#000 100%);
  }

  .next-hero-media::before {
    background:
      linear-gradient(90deg,rgba(247,251,255,.24),transparent 9%),
      linear-gradient(0deg,rgba(232,245,255,.08),transparent 12%);
  }

  .next-hero .hero-slide::after {
    background:
      linear-gradient(90deg,rgba(245,250,255,.14),transparent 9%),
      linear-gradient(0deg,rgba(18,115,206,.025),transparent 12%);
  }
}

.next-hero h1 { text-shadow: none; }

.next-intro-image,
.next-system-card,
.next-project-main,
.next-project-index button,
.next-renewal-visual,
.next-news-feature {
  border: 1px solid var(--wd-line);
  box-shadow: none;
}

.next-intro-image::before {
  background: linear-gradient(0deg,rgba(3,52,70,.52) 0%,rgba(3,52,70,.14) 24%,transparent 48%);
}

.next-system-card::after {
  background:
    linear-gradient(0deg,rgba(2,39,58,.68) 0%,rgba(2,50,68,.14) 28%,transparent 58%),
    linear-gradient(90deg,rgba(4,92,126,.07),transparent 16%);
}

.next-project-main::after {
  background: linear-gradient(0deg,rgba(3,42,62,.72) 0%,rgba(3,42,62,.18) 30%,transparent 58%);
}

.next-news-feature::after {
  background: linear-gradient(0deg,rgba(3,48,67,.64) 0%,rgba(3,48,67,.16) 25%,transparent 52%);
}

.next-renewal {
  width: var(--wd-container);
  min-height: 680px;
  margin: 0 auto;
  grid-template-columns: 58% 42%;
  gap: 0;
}

.next-renewal-visual {
  clip-path: polygon(0 0,100% 0,94% 100%,0 100%);
  border-radius: 20px;
}

.next-renewal-visual::before {
  background: linear-gradient(0deg,rgba(3,52,70,.12),transparent 34%);
}

.next-renewal-copy { padding: 72px clamp(34px,4vw,72px); }

.profile-figure,
.culture-stage,
.honor-grid > a,
.catalog-card,
.catalog-card:first-child,
.featured-project,
.featured-project:first-child,
.project-card,
.project-card:nth-child(4n+1),
.product-detail-stage,
.case-detail-visual,
.news-editorial-feature,
.news-detail-article figure,
.reference-contact-photo,
.reference-contact-map {
  border: 1px solid var(--wd-line);
  box-shadow: none;
}

.profile-figure { padding: 0; }
.profile-figure::before { display: none; }
.news-detail-article figure { padding: 0; background: transparent; }
.reference-contact-photo::after { border: 1px solid rgba(255,255,255,.16); box-shadow: none; }

.featured-project::after {
  background: linear-gradient(0deg,rgba(3,42,62,.76) 0%,rgba(3,42,62,.22) 34%,transparent 58%);
}

.case-catalog .project-card::after { display: none; }
.featured-project:hover,
.featured-project:first-child:hover,
.project-card:hover,
.project-card:nth-child(4n+1):hover,
.catalog-card:hover,
.catalog-card:first-child:hover,
.honor-grid > a:hover { box-shadow: none; }

.editorial-hero {
  border-radius: 0;
  box-shadow: none;
  filter: none;
}

.editorial-hero::before {
  background: linear-gradient(90deg,rgba(3,43,67,.62) 0%,rgba(3,43,67,.34) 28%,transparent 58%);
}

.editorial-hero h1 { text-shadow: none; }

.news-editorial-hero {
  display: grid;
  grid-template-columns: 38% 62%;
  align-items: stretch;
  background: linear-gradient(135deg,#eef7fb,#fff);
}

.news-editorial-hero::before { display: none; }
.news-editorial-hero::after {
  left: 4vw;
  right: auto;
  top: 14%;
  width: 28%;
  height: 72%;
  border-color: rgba(8,120,189,.09);
  background: linear-gradient(135deg,rgba(255,255,255,.6),rgba(23,170,176,.035));
}

.news-editorial-hero > .news-editorial-hero-copy {
  position: relative;
  z-index: 2;
  width: auto;
  margin: 0;
  padding: clamp(70px,7vw,130px) 4vw;
  align-self: end;
}

.news-editorial-hero-copy small { color: var(--wd-cyan); }
.news-editorial-hero-copy h1 { color: var(--wd-ink); }
.news-editorial-hero-copy p { color: var(--wd-text); }

.news-editorial-hero-media {
  position: relative;
  z-index: 1;
  margin: 0;
  overflow: hidden;
  border-left: 1px solid var(--wd-line);
}

.news-editorial-hero-media::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 10%;
  background: linear-gradient(90deg,#f8fbfd,transparent);
  pointer-events: none;
}

.news-editorial-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(1.05) contrast(1.03) brightness(1.04);
}

.about-history { position: relative; }

.editorial-timeline {
  position: relative;
  grid-auto-columns: 300px;
  min-height: 560px;
  padding: 0 40px;
  overflow-x: auto;
  border: 1px solid var(--wd-line);
  border-radius: 20px;
  background: linear-gradient(145deg,#f8fcfe,#fff 54%,#f3fbf7);
  scroll-padding-inline: 40px;
}

.timeline-ridge-svg {
  position: absolute;
  left: 40px;
  top: 30px;
  width: 4200px;
  height: 420px;
  pointer-events: none;
}

.timeline-ridge-svg path {
  fill: none;
  stroke: url(#timeline-ridge-gradient);
  stroke-width: 4;
  vector-effect: non-scaling-stroke;
}

.editorial-timeline article {
  --ridge-y: 260px;
  min-height: 540px;
  padding: calc(60px + var(--ridge-y)) 34px 36px 0;
  border: 0;
  scroll-snap-align: start;
}

.editorial-timeline article[data-peak="2"] { --ridge-y: 200px; }
.editorial-timeline article[data-peak="3"] { --ridge-y: 120px; }

.editorial-timeline article::before,
.editorial-timeline article::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  box-shadow: none;
}

.editorial-timeline article::before {
  left: -7px;
  top: calc(23px + var(--ridge-y));
  width: 14px;
  height: 14px;
  border: 2px solid var(--wd-blue-700);
  background: #fff;
}

.editorial-timeline article::after {
  left: -2px;
  top: calc(28px + var(--ridge-y));
  width: 6px;
  height: 6px;
  background: var(--wd-green);
}

.editorial-timeline time {
  font-size: 42px;
  font-variant-numeric: tabular-nums;
}

.editorial-timeline article[data-peak="3"] time { font-size: 52px; font-weight: 650; }

.editorial-timeline p {
  max-width: 250px;
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.85;
}

@media (max-width: 820px) {
  .next-renewal {
    width: auto;
    min-height: 0;
    margin: 0 18px 90px;
  }

  .next-renewal-visual {
    clip-path: none;
    border-radius: 16px;
  }

  .news-editorial-hero {
    display: flex;
    height: auto;
    min-height: 0;
    max-height: none;
    flex-direction: column-reverse;
  }

  .news-editorial-hero::after { display: none; }

  .news-editorial-hero-media {
    width: 100%;
    height: min(68vw,420px);
    border: 0;
    border-bottom: 1px solid var(--wd-line);
  }

  .news-editorial-hero-media::before { display: none; }
  .news-editorial-hero-media img { object-position: center 45%; }

  .news-editorial-hero > .news-editorial-hero-copy {
    width: 100%;
    padding: 42px 18px 56px;
  }

  .timeline-toolbar > div { display: none; }

  .editorial-timeline {
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    min-height: 0;
    padding: 28px 20px;
    overflow: visible;
    border-radius: 16px;
    scroll-snap-type: none;
  }

  .timeline-ridge-svg { display: none; }

  .editorial-timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 36px;
    bottom: 36px;
    width: 2px;
    background: linear-gradient(#0878bd,#17aab0,#47bf88);
    transform: translateX(-50%);
  }

  .editorial-timeline article,
  .editorial-timeline article[data-peak="2"],
  .editorial-timeline article[data-peak="3"] {
    --ridge-y: 0px;
    width: calc(50% - 28px);
    min-height: 0;
    padding: 22px 0 30px;
    border: 0;
  }

  .editorial-timeline article:nth-of-type(odd) { justify-self: start; text-align: right; }
  .editorial-timeline article:nth-of-type(even) { justify-self: end; text-align: left; }

  .editorial-timeline article::before {
    top: 28px;
    width: 14px;
    height: 14px;
  }

  .editorial-timeline article::after {
    top: 33px;
    width: 6px;
    height: 6px;
  }

  .editorial-timeline article:nth-of-type(odd)::before { left: calc(100% + 22px); }
  .editorial-timeline article:nth-of-type(odd)::after { left: calc(100% + 27px); }
  .editorial-timeline article:nth-of-type(even)::before { left: -36px; }
  .editorial-timeline article:nth-of-type(even)::after { left: -31px; }

  .editorial-timeline time,
  .editorial-timeline article[data-peak="3"] time { font-size: 30px; }

  .editorial-timeline p {
    max-width: none;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.75;
  }
}

@media (prefers-reduced-motion: reduce) {
  .timeline-ridge-svg path,
  .editorial-timeline article { transition: none !important; animation: none !important; }
}

/* 2026-08-11 官网蓝白科技视觉令牌 */
.cms-weidun {
  --wd-tech-primary: #0756d8;
  --wd-tech-bright: #0b8ff1;
  --wd-tech-deep: #062f5c;
  --wd-tech-text: #416580;
  --wd-tech-surface: #f4f9ff;
  --wd-tech-surface-strong: #eaf4ff;
  --wd-tech-border: rgba(10, 112, 218, .18);
  --wd-tech-shadow: none;
  --wd-tech-radius: 16px;
}

.detail-page-main { color: var(--wd-tech-deep); background: var(--wd-tech-surface); }

/* 2026-08-11 首页科技城市主视觉 */
.next-home-main { padding-top: 0; }

body:has(.tech-city-hero) .site-header:not(.is-scrolled) {
  color: #092f61;
  background: rgba(255,255,255,.7);
  border-bottom-color: rgba(20,104,203,.13);
  box-shadow: none;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

.tech-city-hero {
  position: relative;
  min-height: 720px;
  height: clamp(720px,calc(100svh - 10px),920px);
  overflow: hidden;
  color: #073b8b;
  background: var(--tech-hero-fallback) center/cover no-repeat;
  isolation: isolate;
}

.tech-city-hero-media,
.tech-hero-overlay {
  position: absolute;
  inset: 0;
}

.tech-city-hero-media {
  z-index: -3;
  background: var(--tech-hero-image) center/cover no-repeat;
}

.tech-hero-overlay {
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 25%,rgba(238,248,255,.36) 43%,rgba(4,75,168,.04) 70%),
    linear-gradient(0deg,rgba(1,53,145,.72) 0%,rgba(4,104,213,.12) 27%,transparent 52%);
}

.tech-hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 720px;
  margin: 0;
  padding: clamp(150px,16vh,190px) clamp(60px,4vw,80px) 155px;
}

.tech-hero-copy {
  width: min(34vw,540px);
}

.tech-hero-copy > span {
  display: block;
  margin-bottom: 20px;
  color: #1376d8;
  font: 600 11px/1.4 Arial,sans-serif;
  letter-spacing: .2em;
}

.tech-hero-copy h1 {
  margin: 0;
  color: #0753d8;
  font-size: clamp(52px,4.5vw,80px);
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.035em;
  text-shadow: none;
}

.tech-hero-copy p {
  max-width: 520px;
  margin: 28px 0 34px;
  color: #365e82;
  font-size: 16px;
  line-height: 1.9;
}

.tech-hero-action {
  min-width: 184px;
  min-height: 52px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: #fff;
  border: 1px solid rgba(4,92,220,.5);
  border-radius: 8px;
  background: linear-gradient(100deg,#0756db,#0b8ff1);
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
}

.tech-hero-action:hover { color: #fff; background: linear-gradient(100deg,#064cca,#087fd8); }

.tech-capability-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tech-capability-card {
  position: absolute;
  width: clamp(250px,19vw,330px);
  min-height: 112px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 52px 1fr 20px;
  gap: 16px;
  align-items: center;
  color: #0b4e9d;
  border: 1px solid rgba(31,135,225,.28);
  border-radius: 14px;
  background: rgba(242,250,255,.7);
  box-shadow: none;
  backdrop-filter: blur(15px) saturate(130%);
  -webkit-backdrop-filter: blur(15px) saturate(130%);
  pointer-events: auto;
}

.tech-capability-card:hover { color: #063f89; border-color: rgba(20,119,225,.52); background: rgba(255,255,255,.84); }
.tech-capability-card.is-diagnosis { left: max(52%,680px); top: 22%; }
.tech-capability-card.is-build { right: 0; top: 19%; }
.tech-capability-card.is-lifecycle { right: 1%; top: 50%; width: clamp(300px,24vw,410px); }

.tech-capability-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #0876df;
  border: 1px solid rgba(14,120,222,.3);
  border-radius: 50%;
  background: rgba(255,255,255,.54);
  font: 700 14px/1 Arial,sans-serif;
}

.tech-capability-card > span:nth-child(2) { display: grid; gap: 8px; }
.tech-capability-card b { font-size: 18px; font-weight: 650; }
.tech-capability-card small { color: #47749b; font-size: 12px; }
.tech-capability-card i { color: #0a75dd; font-style: normal; font-size: 20px; }

.tech-hero-metrics {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 118px;
  padding: 20px max(4vw,calc((100vw - 1500px) / 2));
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  align-items: center;
  color: #fff;
  border-top: 1px solid rgba(166,219,255,.28);
  background: linear-gradient(90deg,rgba(3,60,157,.86),rgba(2,95,190,.74),rgba(2,59,145,.88));
  box-shadow: none;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.tech-hero-metrics > div {
  min-width: 0;
  padding: 0 clamp(12px,2vw,32px);
  display: grid;
  gap: 5px;
  border-right: 1px solid rgba(255,255,255,.18);
}

.tech-hero-metrics > div:last-child { border-right: 0; }
.tech-hero-metrics strong { font: 500 clamp(25px,2.3vw,38px)/1.1 Arial,sans-serif; }
.tech-hero-metrics b { font: inherit; }
.tech-hero-metrics span { color: rgba(255,255,255,.8); font-size: 12px; }

/* 首屏之后保持同一套蓝白科技与低碳绿色语义。 */
.next-intro { background: linear-gradient(145deg,#fff 0%,#f5faff 58%,#f0fbf7 100%); }
.next-systems { background: linear-gradient(180deg,#f2f8ff 0%,#f8fcff 54%,#f2fbf7 100%); }
.next-projects { background: linear-gradient(145deg,#fff 0%,#f5faff 68%,#f1faf7 100%); }
.next-renewal { background: linear-gradient(120deg,#f5faff,#fff 48%,#f1faf6); }
.next-news { background: linear-gradient(145deg,#f1f8ff,#fff 56%,#effaf5); }

.next-intro-image,
.next-system-card,
.next-project-main,
.next-project-index button,
.next-renewal-visual,
.next-news-feature,
.next-news-list { box-shadow: none; }

@media (max-width: 1024px) {
  .tech-city-hero { height: 780px; }
  .tech-hero-content { width: calc(100% - 48px); padding-top: 145px; }
  .tech-hero-copy { width: 48vw; }
  .tech-hero-copy h1 { font-size: clamp(48px,6vw,66px); }
  .tech-capability-card { width: 260px; min-height: 102px; padding: 16px; grid-template-columns: 44px 1fr 16px; }
  .tech-capability-card.is-diagnosis { left: 43%; }
  .tech-capability-card.is-build { right: 0; top: 20%; }
  .tech-capability-card.is-lifecycle { width: 330px; right: 0; top: 49%; }
  .tech-capability-icon { width: 44px; height: 44px; }
  .tech-capability-card b { font-size: 15px; }
  .tech-hero-metrics { padding-inline: 18px; }
}

@media (max-width: 820px) {
  body:has(.tech-city-hero) .site-header:not(.is-scrolled) { background: rgba(255,255,255,.88); }
  .tech-city-hero { height: auto; min-height: 0; padding: 96px 0 0; background-position: 58% center; }
  .tech-city-hero-media { background-position: 58% center; }
  .tech-hero-overlay {
    background:
      linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.76) 38%,rgba(232,246,255,.22) 64%,rgba(3,70,165,.45) 100%),
      linear-gradient(90deg,rgba(255,255,255,.88),transparent 78%);
  }
  .tech-hero-content { width: 100%; height: auto; min-height: 0; padding: 48px 18px 30px; }
  .tech-hero-copy { width: min(620px,100%); }
  .tech-hero-copy h1 { max-width: 590px; font-size: clamp(43px,9vw,62px); }
  .tech-hero-copy p { max-width: 500px; }
  .tech-capability-layer {
    position: relative;
    inset: auto;
    margin-top: 48px;
    padding-bottom: 8px;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .tech-capability-layer::-webkit-scrollbar { display: none; }
  .tech-capability-card,
  .tech-capability-card.is-diagnosis,
  .tech-capability-card.is-build,
  .tech-capability-card.is-lifecycle {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: min(76vw,310px);
    min-width: min(76vw,310px);
    min-height: 96px;
    scroll-snap-align: start;
  }
  .tech-hero-metrics {
    position: relative;
    min-height: 0;
    padding: 24px 18px;
    grid-template-columns: repeat(3,1fr);
    gap: 22px 0;
  }
  .tech-hero-metrics > div { border-right: 1px solid rgba(255,255,255,.18); }
  .tech-hero-metrics > div:nth-child(3) { border-right: 0; }
}

@media (max-width: 540px) {
  .tech-city-hero { padding-top: 68px; background-position: 62% center; }
  .tech-city-hero-media { background-position: 62% center; }
  .tech-hero-content { padding: 44px 16px 24px; }
  .tech-hero-copy > span { margin-bottom: 14px; font-size: 9px; }
  .tech-hero-copy h1 { font-size: clamp(38px,11.5vw,52px); line-height: 1.16; }
  .tech-hero-copy p { margin: 22px 0 26px; font-size: 14px; line-height: 1.8; }
  .tech-hero-action { min-height: 48px; min-width: 168px; }
  .tech-capability-layer { margin-top: 120px; }
  .tech-capability-card,
  .tech-capability-card.is-diagnosis,
  .tech-capability-card.is-build,
  .tech-capability-card.is-lifecycle { width: 82vw; min-width: 82vw; }
  .tech-hero-metrics { grid-template-columns: repeat(2,1fr); }
  .tech-hero-metrics > div:nth-child(2),
  .tech-hero-metrics > div:nth-child(4) { border-right: 0; }
  .tech-hero-metrics > div:last-child { grid-column: 1 / -1; border-right: 0; }
  .tech-hero-metrics strong { font-size: 27px; }
}

/* 2026-08-11 官网前台视觉一致性：蓝白科技、清晰图片、细边框、无厚重阴影 */
.next-intro,
.next-systems,
.next-projects,
.next-renewal,
.next-news,
.editorial-page-main,
.detail-page-main,
.editorial-shell {
  color: var(--wd-tech-deep);
  background-color: #fff;
  background-image:
    linear-gradient(rgba(17,113,211,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,113,211,.028) 1px,transparent 1px),
    radial-gradient(circle at 86% 12%,rgba(45,151,240,.09),transparent 31%),
    linear-gradient(145deg,#fff,var(--wd-tech-surface));
  background-size: 48px 48px,48px 48px,auto,auto;
}

.next-intro-copy,
.next-intro-copy::before { background: rgba(255,255,255,.94); }
.next-projects::before,
.next-projects-flow { opacity: .22; }
.next-renewal-copy::before {
  background: radial-gradient(circle at 75% 40%,rgba(45,151,240,.12),transparent 35%),linear-gradient(135deg,rgba(7,86,216,.04),rgba(11,143,241,.08));
}

.next-section-no,
.next-section-head small,
.next-intro-image figcaption small,
.next-system-card small,
.next-project-caption small,
.next-project-index span,
.next-news-feature time,
.section-kicker small,
.catalog-heading small,
.editorial-hero small,
.news-editorial-hero-copy small,
.detail-hero > small,
.detail-product-copy > small,
.case-detail-story small,
.detail-feature-grid b,
.contact-service-strip span,
.contact-visit-note > span {
  color: var(--wd-tech-primary);
}

.next-intro-heading h2,
.next-section-head h2,
.next-section-head.is-light h2,
.next-renewal h2,
.section-kicker h2,
.catalog-heading h2,
.profile-copy .profile-lead,
.product-overview-grid .profile-lead,
.catalog-card h3,
.project-card h3,
.detail-product-copy h2,
.case-detail-story h2,
.detail-feature-grid h3,
.reference-contact-intro h2,
.news-detail-lead {
  color: var(--wd-tech-deep) !important;
}

.next-intro-copy p,
.next-section-head > p,
.next-renewal-copy p,
.profile-copy p,
.product-overview-grid p,
.case-intro > p,
.reference-contact-intro p,
.detail-product-copy > p,
.case-detail-story p,
.news-detail-article p,
.detail-feature-grid p {
  color: var(--wd-tech-text);
}

.next-line-link,
.next-metrics strong,
.next-metrics > div:nth-child(even) strong,
.profile-stats strong,
.profile-stats > div:nth-child(even) strong,
.product-numbers strong,
.product-numbers div:nth-child(even) strong,
.catalog-card i,
.project-card span,
.editorial-timeline time,
.contact-visit-note a,
.detail-back a,
.news-row time,
.news-row small,
.news-row > b {
  color: var(--wd-tech-primary);
}

.next-primary-link,
.contact-primary-cta,
.contact-form button {
  color: #fff;
  border: 1px solid rgba(7,86,216,.45);
  background: linear-gradient(100deg,var(--wd-tech-primary),var(--wd-tech-bright));
  box-shadow: none;
}

.next-primary-link:hover,
.contact-primary-cta:hover,
.contact-form button:hover {
  color: #fff;
  border-color: rgba(7,86,216,.7);
  background: linear-gradient(100deg,#064bc5,#087fd8);
  box-shadow: none;
  transform: translateY(-2px);
}

.next-intro-image,
.next-system-card,
.next-project-main,
.next-project-index button,
.next-renewal-visual,
.next-news-feature,
.next-news-list,
.profile-figure,
.profile-stats,
.profile-detail-grid article,
.culture-stage,
.honor-grid > a,
.catalog-card,
.case-feature-card,
.featured-project,
.project-card,
.product-detail-stage,
.detail-product-image,
.detail-product-thumbs button,
.case-detail-visual,
.news-editorial-feature,
.news-row,
.news-detail-article figure,
.detail-feature-grid article,
.detail-pager a,
.contact-service-strip,
.reference-contact-photo,
.reference-contact-map,
.reference-contact-bar,
.contact-form {
  border: 1px solid var(--wd-tech-border);
  border-radius: var(--wd-tech-radius);
  box-shadow: var(--wd-tech-shadow);
}

.next-intro-image::before,
.next-project-main::after,
.next-news-feature::after,
.case-feature-card::after,
.featured-project::after,
.project-card::after {
  background: linear-gradient(0deg,rgba(3,42,92,.84),rgba(4,72,151,.14) 58%,transparent);
}

.next-system-card::after {
  background: linear-gradient(0deg,rgba(3,42,92,.82),rgba(4,72,151,.18) 62%,rgba(255,255,255,.02));
}
.next-system-card:hover::after {
  background: linear-gradient(0deg,rgba(3,42,92,.88),rgba(4,72,151,.22) 62%,rgba(255,255,255,.02));
}

.next-project-index button::after {
  background: linear-gradient(90deg,rgba(3,42,92,.82),rgba(4,72,151,.13));
}
.next-project-index button.is-active { border-color: rgba(7,86,216,.68); }

.next-intro-image:hover,
.next-system-card:hover,
.next-project-main:hover,
.next-project-index button:hover,
.next-renewal-visual:hover,
.next-news-feature:hover,
.catalog-card:hover,
.project-card:hover,
.honor-grid > a:hover,
.detail-product-thumbs button.is-active {
  border-color: rgba(7,86,216,.48);
  box-shadow: none;
}

.next-news .news-tabs button.is-active,
.editorial-subnav a.is-active,
.editorial-subnav a:hover,
.next-pagination .active span,
.timeline-toolbar button:hover,
.culture-list button.is-active,
.culture-list button:hover {
  color: var(--wd-tech-primary);
  border-color: var(--wd-tech-primary);
  background: var(--wd-tech-surface);
  box-shadow: none;
}

.profile-stats,
.profile-detail-grid article,
.culture-stage,
.honor-grid > a,
.catalog-card,
.project-card,
.news-editorial-feature,
.news-row,
.detail-feature-grid article,
.detail-pager a,
.contact-service-strip,
.contact-form {
  background-color: rgba(255,255,255,.94);
}

.profile-detail-grid article:nth-child(1),
.detail-feature-grid article:nth-child(2) {
  background: linear-gradient(145deg,rgba(7,86,216,.07),rgba(11,143,241,.11));
}
.profile-detail-grid article:hover,
.honor-grid > a:hover,
.catalog-card:hover,
.project-card:hover,
.news-row:hover,
.detail-pager a:hover,
.contact-service-strip a:hover {
  color: var(--wd-tech-deep);
  background: var(--wd-tech-surface-strong);
  box-shadow: none;
}
.profile-detail-grid article:hover p { color: var(--wd-tech-text); }

.editorial-page-main,
.detail-page-main { background-color: var(--wd-tech-surface); }
.detail-richtext,
.news-detail-article .next-richtext {
  color: var(--wd-tech-deep);
  background: #fff;
  background-image: none;
}

.site-header,
.site-header.is-scrolled {
  color: var(--wd-tech-deep);
  border-bottom-color: var(--wd-tech-border);
  background: rgba(255,255,255,.94);
  box-shadow: none;
}
.nav-item.is-active > .nav-link,
.nav-link:hover { color: var(--wd-tech-primary); }
.nav-item.is-active > .nav-link::after {
  background: linear-gradient(90deg,var(--wd-tech-primary),var(--wd-tech-bright));
}
.nav-submenu {
  color: #fff;
  border: 1px solid rgba(122,195,255,.2);
  background: rgba(6,47,92,.96);
  box-shadow: none;
}

.editorial-hero,
.news-editorial-hero {
  border-bottom: 1px solid var(--wd-tech-border);
  box-shadow: none;
}
.editorial-hero::after {
  background: linear-gradient(90deg,rgba(3,42,92,.9),rgba(5,83,171,.42),rgba(6,87,173,.1));
}
.news-editorial-hero::after {
  background: linear-gradient(110deg,rgba(238,248,255,.94),rgba(221,240,255,.5),rgba(7,86,216,.08));
}
.editorial-subnav a::after { background: var(--wd-tech-primary); }
.editorial-breadcrumb,
.editorial-subnav,
.next-pagination { border-color: var(--wd-tech-border); }

.timeline-ridge-svg path { stroke: var(--wd-tech-primary); }
.editorial-timeline { border-color: rgba(10,112,218,.3); box-shadow: none; }
.editorial-timeline article { border-color: var(--wd-tech-border); }
.editorial-timeline article::before {
  background: var(--wd-tech-bright);
  box-shadow: 0 0 0 5px rgba(11,143,241,.12);
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--wd-tech-primary);
  box-shadow: 0 0 0 3px rgba(7,86,216,.1);
}
.contact-form {
  padding: clamp(28px,3vw,48px);
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
.contact-form label {
  min-width: 0;
  display: grid;
  gap: 10px;
  color: var(--wd-tech-deep);
  font-size: 13px;
  font-weight: 600;
}
.contact-form label.is-wide,
.contact-form-action { grid-column: 1 / -1; }
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 14px 16px;
  color: var(--wd-tech-deep);
  border: 1px solid var(--wd-tech-border);
  border-radius: 10px;
  background: #fff;
  font: inherit;
}
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-form-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.contact-form-action button {
  min-width: 190px;
  min-height: 50px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 9px;
  font-weight: 600;
}
.contact-form-action p { margin: 0; color: var(--wd-tech-text); }

.next-pagination ul,
.next-pagination ol {
  margin: 32px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}
.next-pagination li { list-style: none; }
.next-pagination a,
.next-pagination span {
  min-width: 38px;
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wd-tech-text);
  border: 1px solid var(--wd-tech-border);
  border-radius: 8px;
  background: #fff;
}
.next-pagination a:hover,
.next-pagination .active span {
  color: #fff;
  border-color: var(--wd-tech-primary);
  background: var(--wd-tech-primary);
}
.reference-contact-bar {
  color: #fff;
  background: linear-gradient(115deg,var(--wd-tech-deep),#0756a5 58%,#087ed2);
}

.site-footer {
  color: rgba(255,255,255,.82);
  background: linear-gradient(135deg,#062f5c,#074e91);
  box-shadow: none;
}
.site-footer::before {
  opacity: .1;
  background: repeating-linear-gradient(115deg,transparent 0 56px,rgba(137,205,255,.22) 57px 58px);
}

@media (max-width: 820px) {
  .next-intro,
  .next-systems,
  .next-projects,
  .next-renewal,
  .next-news,
  .editorial-page-main,
  .detail-page-main,
  .editorial-shell {
    background-size: 36px 36px,36px 36px,auto,auto;
  }
  .contact-form { grid-template-columns: 1fr; }
  .contact-form label.is-wide,
  .contact-form-action { grid-column: auto; }
  .contact-form-action { align-items: stretch; flex-direction: column; }
  .contact-form-action button { width: 100%; }
}

/* 2026-08-12 参考图首屏构图与 Weldon 统一标识 */
.site-header { grid-template-columns: minmax(290px,1fr) auto 88px; }
.brand-logo {
  width: clamp(250px,15vw,280px);
  height: 58px;
  object-fit: contain;
  object-position: left center;
}
.footer-logo {
  width: 210px;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.footer-brand > span,
.footer-brand > span:last-child { display: none; }
.next-intro-copy img { width: 190px; height: auto; }

.tech-city-hero {
  min-height: 720px;
  height: clamp(720px,calc(100svh - 8px),920px);
}
.tech-city-hero-media { background-position: center; }
.tech-hero-overlay {
  background:
    linear-gradient(0deg,rgba(1,58,154,.74) 0%,rgba(3,91,188,.26) 18%,transparent 36%),
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.84) 24%,rgba(239,248,255,.28) 43%,rgba(4,75,168,.01) 70%),
    linear-gradient(0deg,rgba(1,53,145,.5) 0%,rgba(4,104,213,.07) 25%,transparent 50%);
}
.tech-hero-content {
  padding: clamp(135px,14vh,170px) 70px 130px;
}
.tech-hero-copy { width: min(34vw,560px); }
.tech-hero-copy h1 {
  font-size: clamp(60px,4.8vw,88px);
  line-height: 1.12;
  letter-spacing: -.04em;
}
.tech-hero-copy > span,
.tech-hero-copy > p { display: none; }
.tech-hero-action { margin-top: 58px; min-width: 185px; }

.tech-capability-card {
  grid-template-columns: 112px minmax(0,1fr);
  gap: 15px;
  min-height: 116px;
  padding: 16px 20px;
  color: #0b4e9d;
}
.tech-capability-media {
  width: 112px;
  height: 84px;
  display: grid;
  place-items: center;
}
.tech-capability-media img {
  width: 100%;
  max-height: 84px;
  object-fit: contain;
}
.tech-capability-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 24px;
  gap: 8px 12px;
  align-items: center;
}
.tech-capability-copy b { grid-column: 1 / -1; font-size: 20px; font-weight: 650; }
.tech-capability-copy small { min-width: 0; color: inherit; font-size: 12px; line-height: 1.55; opacity: .74; }
.tech-capability-copy i { color: inherit; font-style: normal; font-size: 21px; }
.tech-capability-card.is-drone { left: 37%; top: 25%; width: 360px; }
.tech-capability-card.is-robot {
  right: 2.5%;
  top: 21%;
  width: 380px;
  color: #fff;
  border-color: rgba(255,255,255,.36);
  background: rgba(26,130,224,.36);
}
.tech-capability-card.is-lifecycle {
  right: 2.5%;
  top: 50%;
  width: 500px;
  color: #fff;
  border-color: rgba(255,255,255,.35);
  background: rgba(8,86,181,.5);
}
.tech-capability-card.is-roof {
  left: 40%;
  top: 64%;
  width: 320px;
  color: #fff;
  border-color: rgba(255,255,255,.34);
  background: rgba(22,126,208,.4);
}
.tech-capability-card.is-robot:hover,
.tech-capability-card.is-lifecycle:hover,
.tech-capability-card.is-roof:hover {
  color: #fff;
  border-color: rgba(255,255,255,.62);
  background: rgba(8,86,181,.58);
}

.tech-hero-metrics {
  min-height: 108px;
  padding: 14px 70px;
  color: #fff;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.tech-hero-metrics > div { border-right: 0; }
.tech-hero-metrics strong {
  color: #fff;
  font-size: clamp(34px,2.6vw,44px);
  font-weight: 500;
  text-shadow: 0 2px 12px rgba(1,45,116,.2);
}
.tech-hero-metrics strong small {
  margin-left: 4px;
  color: inherit;
  font: inherit;
  font-size: .45em;
}
.tech-hero-metrics span { color: rgba(255,255,255,.88); font-size: 14px; }

@media (max-width: 1280px) {
  .site-header { grid-template-columns: 220px auto 64px; }
  .brand-logo { width: 205px; height: 50px; }
  .tech-hero-content { padding-inline: 48px; }
  .tech-hero-copy { width: 38vw; }
  .tech-capability-card { grid-template-columns: 90px minmax(0,1fr); }
  .tech-capability-media { width: 90px; }
  .tech-capability-card.is-drone { left: 42%; width: 315px; }
  .tech-capability-card.is-robot { right: 2%; width: 320px; }
  .tech-capability-card.is-lifecycle { right: 2%; width: 410px; }
  .tech-capability-card.is-roof { left: 43%; width: 290px; }
  .tech-hero-metrics { padding-inline: 42px; }
}

@media (max-width: 1024px) {
  .site-header { grid-template-columns: 190px auto 60px; }
  .brand-logo { width: 180px; height: 46px; }
  .tech-city-hero { height: 790px; }
  .tech-hero-content { width: 100%; padding: 138px 32px 130px; }
  .tech-hero-copy { width: 42vw; }
  .tech-hero-copy h1 { font-size: clamp(48px,6vw,64px); }
  .tech-capability-card { grid-template-columns: 76px minmax(0,1fr); min-height: 104px; padding: 13px 15px; }
  .tech-capability-media { width: 76px; height: 72px; }
  .tech-capability-copy b { font-size: 16px; }
  .tech-capability-copy small { font-size: 10px; }
  .tech-capability-card.is-drone { left: 48%; top: 24%; width: 265px; }
  .tech-capability-card.is-robot { right: 2%; top: 40%; width: 275px; }
  .tech-capability-card.is-lifecycle { right: 2%; top: 57%; width: 330px; }
  .tech-capability-card.is-roof { left: 44%; top: 69%; width: 270px; }
  .tech-hero-metrics { padding-inline: 22px; }
}

@media (max-width: 820px) {
  .site-header { grid-template-columns: 1fr auto; }
  .brand-logo { width: 168px; height: 44px; }
  .footer-logo { width: 170px; }
  .next-intro-copy img { width: 165px; }
  .tech-city-hero { height: auto; min-height: 0; }
  .tech-hero-content { padding: 52px 18px 30px; }
  .tech-hero-copy { width: min(620px,100%); }
  .tech-hero-copy h1 { max-width: 590px; font-size: clamp(42px,11vw,58px); }
  .tech-hero-action { margin-top: 34px; }
  .tech-capability-layer { margin-top: 70px; }
  .tech-capability-card,
  .tech-capability-card.is-drone,
  .tech-capability-card.is-robot,
  .tech-capability-card.is-lifecycle,
  .tech-capability-card.is-roof {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: min(82vw,330px);
    min-width: min(82vw,330px);
    min-height: 104px;
    grid-template-columns: 88px minmax(0,1fr);
    color: #0b4e9d;
    border-color: rgba(31,135,225,.28);
    background: rgba(242,250,255,.8);
  }
  .tech-capability-media { width: 88px; }
  .tech-capability-copy b { font-size: 17px; }
  .tech-capability-copy small { font-size: 11px; }
  .tech-hero-metrics { padding: 24px 18px; background: linear-gradient(90deg,rgba(3,60,157,.86),rgba(2,95,190,.78)); }
}

@media (max-width: 540px) {
  .brand-logo { width: 156px; height: 40px; }
  .tech-hero-content { padding-top: 44px; }
  .tech-hero-copy h1 { font-size: clamp(39px,11vw,50px); }
  .tech-capability-layer { margin-top: 88px; }
  .tech-hero-metrics { grid-template-columns: repeat(2,1fr); }
  .tech-hero-metrics > div:nth-child(2),
  .tech-hero-metrics > div:nth-child(4) { border-right: 0; }
  .tech-hero-metrics > div:last-child { grid-column: 1 / -1; }
  .tech-hero-metrics strong { font-size: 28px; }
  .tech-hero-metrics span { font-size: 11px; }
}

/* Product platform / B2 technology catalogue */
.tech-capability-card { grid-template-columns: 46px minmax(0,1fr) 18px; align-items: center; }
.tech-capability-index { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(16,116,226,.34); border-radius:50%; color:#0877e6; font-size:11px; letter-spacing:.12em; background:rgba(255,255,255,.55); }
.product-platform-main { min-height:100vh; background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 52%,#e7f3ff 100%); color:#073d78; }
.product-platform-hero,.product-system-section,.product-list-section,.product-system-hero,.product-detail-header,.product-detail-shell,.product-detail-content,.product-detail-capabilities,.product-detail-pager { width:min(1440px,calc(100% - 96px)); margin-inline:auto; }
.product-platform-hero { min-height:440px; padding:150px 0 72px; display:flex; justify-content:space-between; gap:40px; align-items:end; }
.product-platform-hero-copy { max-width:700px; }
.product-platform-kicker,.product-platform-heading span,.product-detail-header span,.product-detail-content header span,.product-detail-summary>span { color:#197ae3; font-size:12px; font-weight:700; letter-spacing:.22em; }
.product-platform-hero h1 { margin:22px 0; font-size:clamp(42px,6vw,82px); line-height:1.08; letter-spacing:-.04em; color:#063c7b; }
.product-platform-hero p,.product-system-hero p,.product-platform-heading p { max-width:570px; color:#5d7d9c; line-height:1.9; }
.product-platform-signals { display:grid; grid-template-columns:repeat(3,1fr); min-width:500px; border-block:1px solid rgba(15,113,218,.3); }
.product-platform-signals div { padding:24px 20px; border-left:1px solid rgba(15,113,218,.17); }
.product-platform-signals strong { display:block; font-size:27px; color:#0b66d1; }
.product-platform-signals span { color:#7292ae; font-size:12px; }
.product-system-section,.product-list-section { padding:55px 0 110px; }
.product-platform-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:30px; }
.product-platform-heading h2 { margin:12px 0 0; font-size:clamp(32px,4vw,56px); color:#073d78; }
.product-system-tabs { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid rgba(29,126,226,.18); background:rgba(255,255,255,.58); }
.product-system-tabs a { min-height:96px; padding:16px 18px; border-left:1px solid rgba(29,126,226,.16); display:flex; flex-direction:column; gap:4px; transition:background .2s ease,color .2s ease; }
.product-system-tabs a:first-child { border-left:0; }.product-system-tabs a:hover { background:#147be5; color:#fff; }.product-system-tabs span { font-size:11px; color:#79a7cb; }.product-system-tabs small { font-size:12px; color:inherit; }
.product-system-grid { margin-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product-system-card { position:relative; overflow:hidden; min-height:380px; border:1px solid rgba(23,123,225,.24); border-radius:18px; background:#fff; transition:transform .25s ease,border-color .25s ease; }
.product-system-card:hover { transform:translateY(-6px); border-color:#147be5; }.product-system-card.is-featured { grid-column:span 2; }
.product-system-visual { display:block; height:230px; overflow:hidden; background:#dbeeff; }.product-system-card.is-featured .product-system-visual { height:320px; }.product-system-visual img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }.product-system-card:hover img { transform:scale(1.04); }
.product-system-card-copy { display:flex; flex-direction:column; gap:10px; padding:22px 24px; }.product-system-card-copy small { color:#1980e4; font-size:11px; letter-spacing:.12em; }.product-system-card-copy b { font-size:25px; color:#073d78; }.product-system-card-copy em { color:#6a87a4; font-style:normal; line-height:1.7; }.product-system-card-copy i { color:#147be5; font-style:normal; font-size:13px; margin-top:auto; }
.product-system-hero { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:150px 0 70px; }.product-system-hero a { color:#147be5; }.product-system-hero span { display:block; margin-top:30px; color:#1980e4; font-size:11px; letter-spacing:.2em; }.product-system-hero h1 { margin:18px 0; font-size:clamp(38px,5vw,72px); color:#063c7b; }.product-system-hero figure { margin:0; border:1px solid rgba(23,123,225,.25); border-radius:18px; overflow:hidden; aspect-ratio:1.45; }.product-system-hero figure img { width:100%; height:100%; object-fit:cover; }
.product-filter-bar { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }.product-filter-bar button { padding:9px 17px; border:1px solid rgba(20,119,225,.24); border-radius:99px; background:rgba(255,255,255,.7); color:#487796; cursor:pointer; transition:.2s ease; }.product-filter-bar button.is-active,.product-filter-bar button:hover { background:#147be5; color:#fff; border-color:#147be5; }
.product-list-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }.product-list-card { border:1px solid rgba(23,123,225,.22); border-radius:16px; background:rgba(255,255,255,.72); overflow:hidden; transition:transform .25s ease,border-color .25s ease; }.product-list-card:hover { transform:translateY(-5px); border-color:#147be5; }.product-list-card a { display:flex; height:100%; flex-direction:column; }.product-list-image { display:block; aspect-ratio:1.22; padding:16px; background:linear-gradient(145deg,#f5faff,#e5f2ff); }.product-list-image img { width:100%; height:100%; object-fit:contain; transition:transform .35s ease; }.product-list-card:hover img { transform:scale(1.04); }.product-list-copy { display:flex; flex:1; flex-direction:column; gap:8px; padding:18px; }.product-list-copy small { color:#1581e5; font-size:11px; letter-spacing:.12em; }.product-list-copy b { color:#073d78; font-size:19px; }.product-list-copy em { color:#6b87a1; line-height:1.7; font-style:normal; font-size:13px; }.product-list-copy i { margin-top:auto; color:#147be5; font-style:normal; font-size:13px; }.product-filter-empty { color:#6b87a1; padding:40px 0; }
.product-detail-platform { min-height:100vh; background:linear-gradient(135deg,#f7fbff,#edf7ff); color:#073d78; padding-bottom:100px; }.product-detail-header { padding:150px 0 55px; }.product-detail-header a { color:#147be5; }.product-detail-header span { display:block; margin-top:28px; }.product-detail-header h1 { margin:14px 0; font-size:clamp(38px,5vw,70px); color:#063c7b; }.product-detail-header p { max-width:800px; color:#65829e; line-height:1.9; }
.product-detail-shell { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:48px; align-items:stretch; }.product-detail-gallery { display:grid; grid-template-columns:74px minmax(0,1fr); gap:18px; }.product-detail-gallery>.product-detail-main-image:only-child { grid-column:1/-1; }.product-detail-thumbs { display:flex; flex-direction:column; gap:10px; max-height:600px; overflow:auto; scrollbar-width:thin; scrollbar-color:#72b4ef transparent; }.product-detail-thumbs button { flex:0 0 auto; padding:4px; border:1px solid rgba(20,119,225,.2); border-radius:9px; background:#fff; cursor:pointer; aspect-ratio:1; }.product-detail-thumbs button.is-active { border:2px solid #147be5; }.product-detail-thumbs img { width:100%; height:100%; object-fit:contain; }.product-detail-main-image { margin:0; min-width:0; aspect-ratio:1.15; max-height:600px; border:1px solid rgba(20,119,225,.22); border-radius:18px; background:rgba(255,255,255,.76); display:grid; place-items:center; overflow:hidden; }.product-detail-main-image img { width:100%; height:100%; object-fit:contain; transition:opacity .18s ease; }.product-detail-main-image img.is-switching { opacity:.22; }.product-detail-summary { display:flex; flex-direction:column; height:100%; padding:30px; border:1px solid rgba(20,119,225,.2); border-radius:18px; background:rgba(255,255,255,.76); }.product-detail-summary h2 { margin:16px 0; font-size:30px; color:#073d78; }.product-detail-summary p { color:#6686a2; line-height:1.8; }.product-detail-summary dl { margin:28px 0; border-top:1px solid #d9eafa; }.product-detail-summary dl div { display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid #d9eafa; }.product-detail-summary dt { color:#7a98b1; }.product-detail-summary dd { margin:0; color:#164f87; text-align:right; }.product-detail-summary>a { display:flex; justify-content:space-between; margin-top:auto; padding:13px 16px; border-radius:8px; background:#147be5; color:#fff; }.product-detail-content { margin-top:80px; padding-top:45px; border-top:1px solid rgba(20,119,225,.2); }.product-detail-content h2 { margin:12px 0 30px; font-size:38px; }.product-detail-richtext { max-width:980px; color:#557793; line-height:2; }.product-detail-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:65px; }.product-detail-capabilities article { padding:25px; border:1px solid rgba(20,119,225,.2); border-radius:14px; background:rgba(255,255,255,.64); }.product-detail-capabilities b { color:#147be5; font-size:13px; }.product-detail-capabilities h3 { margin:15px 0 8px; font-size:21px; }.product-detail-capabilities p { color:#6686a2; line-height:1.7; }.product-detail-pager { display:flex; justify-content:space-between; gap:20px; margin-top:55px; }.product-detail-pager a { display:flex; flex-direction:column; gap:8px; color:#147be5; }.product-detail-pager small { color:#83a0b8; letter-spacing:.12em; }
@media (max-width:1180px) { .product-platform-hero,.product-system-section,.product-list-section,.product-system-hero,.product-detail-header,.product-detail-shell,.product-detail-content,.product-detail-capabilities,.product-detail-pager { width:min(100% - 44px,1100px); }.product-list-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:820px) { .tech-capability-card { grid-template-columns:46px minmax(0,1fr) 18px; }.product-platform-hero { display:block; padding-top:120px; }.product-platform-signals { min-width:0; margin-top:35px; }.product-system-tabs { grid-template-columns:repeat(3,1fr); }.product-system-card.is-featured { grid-column:span 3; }.product-system-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-system-hero { grid-template-columns:1fr; padding-top:120px; }.product-list-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-detail-shell { grid-template-columns:1fr; }.product-detail-summary { order:-1; }.product-detail-capabilities { grid-template-columns:1fr; } }
@media (max-width:540px) { .product-platform-hero,.product-system-section,.product-list-section,.product-system-hero,.product-detail-header,.product-detail-shell,.product-detail-content,.product-detail-capabilities,.product-detail-pager { width:calc(100% - 28px); }.product-platform-signals { grid-template-columns:1fr; }.product-platform-signals div { border-left:0; border-top:1px solid rgba(15,113,218,.17); }.product-platform-heading { display:block; }.product-system-tabs { grid-template-columns:repeat(2,1fr); }.product-system-grid,.product-list-grid { grid-template-columns:1fr; }.product-system-card.is-featured { grid-column:span 1; }.product-detail-gallery { grid-template-columns:1fr; }.product-detail-thumbs { order:2; flex-direction:row; max-height:none; overflow:auto; }.product-detail-thumbs button { flex:0 0 72px; width:72px; height:72px; min-width:72px; aspect-ratio:auto; }.product-detail-pager { display:grid; } }
@media (prefers-reduced-motion:reduce) { .product-system-card,.product-list-card,.product-system-visual img,.product-list-image img,.product-detail-main-image img { transition:none; } }

/* 2026-08 navigation and product platform refinement */
.site-header.is-home .is-product-nav .nav-submenu { display:none !important; }
.nav-item { position:relative; }
.nav-submenu { display:block; min-width:270px; padding:8px; top:calc(100% + 1px); opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0,-10px,0); transition:opacity 180ms ease-out,transform 220ms ease-out,visibility 0s linear 220ms; }
.nav-item.is-open>.nav-submenu,.nav-item:hover>.nav-submenu,.nav-item:focus-within>.nav-submenu { opacity:1; visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); transition-delay:0s; }
.nav-submenu a { min-height:50px; border-bottom:1px solid rgba(132,194,247,.16); opacity:0; transform:translateY(-6px); transition:color 180ms ease,background 180ms ease,opacity 180ms ease-out,transform 220ms ease-out; }
.nav-submenu a:last-child { border-bottom:0; }
.nav-submenu a:hover,.nav-submenu a:focus-visible { background:rgba(78,164,244,.14); color:#fff; }
.nav-item.is-open>.nav-submenu a,.nav-item:hover>.nav-submenu a,.nav-item:focus-within>.nav-submenu a { opacity:1; transform:none; }
.nav-submenu a:nth-child(2) { transition-delay:30ms; }.nav-submenu a:nth-child(3) { transition-delay:60ms; }.nav-submenu a:nth-child(4) { transition-delay:90ms; }.nav-submenu a:nth-child(5) { transition-delay:120ms; }.nav-submenu a:nth-child(6) { transition-delay:150ms; }

[data-float-item] { opacity:0; transform:translate3d(0,16px,0); transition:opacity 280ms ease-out var(--float-delay,0ms),transform 280ms ease-out var(--float-delay,0ms); }
[data-float-item].is-float-visible { opacity:1; transform:none; }

.product-platform-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; min-height:620px; padding-top:130px; }
.product-platform-hero-copy { max-width:660px; }
.product-platform-hero-image { position:relative; margin:0; aspect-ratio:1.45; border:1px solid rgba(20,119,225,.22); border-radius:24px; overflow:hidden; background:#d9ebfa; }
.product-platform-hero-image img { width:100%; height:100%; object-fit:cover; transition:transform 600ms cubic-bezier(.2,.8,.2,1); }
.product-platform-hero-image:hover img { transform:scale(1.025); }
.product-platform-hero-image figcaption { position:absolute; inset:auto 0 0; padding:24px 26px; display:flex; justify-content:space-between; gap:20px; align-items:end; color:#fff; background:linear-gradient(180deg,transparent,rgba(3,48,99,.82)); }
.product-platform-hero-image small { font-size:10px; letter-spacing:.18em; }.product-platform-hero-image span { font-size:19px; font-weight:650; }

.product-system-tabs { grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; }
.product-system-tabs a { position:relative; min-height:124px; padding:18px 20px; justify-content:space-between; overflow:hidden; }
.product-system-tabs a::before { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#147be5,#4ac7e9); transform:scaleX(0); transform-origin:left; transition:transform 220ms ease-out; }
.product-system-tabs a:hover::before,.product-system-tabs a:focus-visible::before { transform:scaleX(1); }
.product-system-tabs b { font-size:14px; line-height:1.45; color:#073d78; }.product-system-tabs a:hover b { color:#fff; }.product-system-tabs i { position:absolute; right:18px; top:18px; font-style:normal; transition:transform 220ms ease-out; }.product-system-tabs a:hover i { transform:translate(4px,-4px); }

.product-system-grid,.next-system-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product-system-card,.next-system-card { grid-column:auto !important; min-height:0; height:auto; border:1px solid rgba(23,123,225,.22); border-radius:18px; overflow:hidden; transition:transform 240ms ease-out,border-color 240ms ease-out,background 240ms ease-out; }
.product-system-card:hover,.next-system-card:hover { transform:translateY(-5px); border-color:rgba(20,123,229,.62); }
.product-system-card.is-featured { grid-column:auto; }
.product-system-visual,.product-system-card.is-featured .product-system-visual { height:auto; aspect-ratio:16/9; }
.product-system-card-copy { min-height:245px; }.product-system-card-copy em { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.next-system-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio:1.35; padding:26px; color:#fff; background-image:linear-gradient(180deg,rgba(2,41,88,.05),rgba(2,41,88,.9)),var(--system-image,linear-gradient(135deg,#0b5b91,#153b64)); background-size:cover; background-position:center; }
.next-system-card::after { content:""; position:absolute; inset:0; border:1px solid transparent; border-radius:inherit; pointer-events:none; transition:border-color 220ms ease; }.next-system-card:hover::after { border-color:rgba(111,205,255,.72); }
.next-system-card>div { position:relative; z-index:1; }.next-system-card h3 { margin:9px 0; color:#fff; font-size:clamp(21px,2vw,30px); }.next-system-card p { margin:0; color:rgba(255,255,255,.78); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:1.7; }.next-system-number,.next-system-card>b { position:absolute; z-index:1; top:22px; }.next-system-number { left:24px; }.next-system-card>b { right:24px; transition:transform 220ms ease; }.next-system-card:hover>b { transform:translate(4px,-4px); }

.product-list-grid { align-items:stretch; }.product-list-card { height:100%; }.product-list-copy em { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.product-detail-document { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:none; }
.product-detail-document .product-copy-section { margin:0; padding:28px; border:1px solid rgba(20,119,225,.2); border-radius:16px; background:rgba(255,255,255,.7); transition:transform 220ms ease-out,border-color 220ms ease-out; }
.product-detail-document .product-copy-section:hover { transform:translateY(-4px); border-color:rgba(20,119,225,.55); }
.product-detail-document .product-copy-section h2 { margin:0 0 18px; color:#073d78; font-size:clamp(23px,2.4vw,34px); }
.product-detail-document .product-copy-section p { margin:0 0 12px; color:#557793; line-height:1.9; }.product-detail-document .product-copy-section p:last-child { margin-bottom:0; }
.product-detail-document .is-advantages { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.product-detail-document .is-advantages h2 { grid-column:1/-1; }.product-detail-document .is-advantages p { padding:18px; border:1px solid rgba(20,119,225,.15); border-radius:12px; background:#f4faff; }

@media (max-width:1180px) { .product-platform-hero { grid-template-columns:1fr 1fr; }.product-system-tabs { grid-template-columns:repeat(3,1fr); }.product-system-grid,.next-system-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .product-platform-hero { grid-template-columns:1fr; min-height:0; gap:32px; padding-block:120px 55px; }.product-platform-hero-image { aspect-ratio:1.25; }.product-system-tabs { grid-template-columns:1fr; }.product-system-tabs a { min-height:92px; }.product-system-grid,.next-system-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .product-detail-document,.product-detail-document .is-advantages { grid-template-columns:1fr; }.product-detail-document .is-advantages,.product-detail-document .is-advantages h2 { grid-column:auto; } }
@media (prefers-reduced-motion:reduce) { .nav-submenu,.nav-submenu a,[data-float-item],.product-platform-hero-image img,.product-system-tabs a::before,.product-system-card,.next-system-card { transition:none !important; transform:none !important; } }

/* 2026-08-13 official home alignment and scroll reveal */
.tech-city-hero { background:#0b4fa6; }
.tech-city-hero-media { background-image:var(--tech-hero-image,var(--tech-hero-fallback)); background-position:center; background-size:cover; }
.tech-hero-overlay { background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.66) 27%,rgba(23,130,231,.08) 54%,rgba(1,52,122,.28) 100%),linear-gradient(0deg,rgba(2,46,113,.25),transparent 50%); }
.tech-hero-content { max-width:1440px; width:calc(100% - 96px); margin:0 auto; }
.tech-hero-copy { max-width:560px; }
.tech-capability-layer { position:absolute; inset:0; max-width:1440px; width:calc(100% - 96px); margin:auto; pointer-events:none; }
.tech-capability-card { pointer-events:auto; backdrop-filter:blur(14px); box-shadow:0 16px 40px rgba(0,74,160,.16); }
.tech-capability-card.is-drone { left:36%; top:26%; }
.tech-capability-card.is-robot { right:2%; top:20%; }
.tech-capability-card.is-lifecycle { right:2%; top:51%; }
.tech-capability-card.is-roof { left:40%; top:68%; }
.next-system-grid { gap:32px; margin-top:96px; }
.next-system-card { min-height:340px; }
[data-auto-reveal] { opacity:0; transform:translate3d(0,26px,0); transition:opacity 520ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform 520ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms); }
[data-auto-reveal].is-visible { opacity:1; transform:none; }
.product-detail-main-image { height:600px; aspect-ratio:auto; max-height:none; overflow:auto; scrollbar-width:thin; scrollbar-color:#72b4ef transparent; }
.product-detail-main-image.is-portrait { display:block; cursor:ns-resize; }
.product-detail-main-image.is-portrait img { display:block; width:100%; min-width:0; height:auto; min-height:0; object-fit:contain; }
.product-detail-main-image.is-landscape img { display:block; width:100%; height:auto; min-height:0; object-fit:contain; }
@media (max-width:820px) { .tech-hero-content,.tech-capability-layer { width:calc(100% - 36px); }.next-system-grid { gap:20px; margin-top:58px; }.product-detail-main-image { height:min(78vh,600px); } }
@media (prefers-reduced-motion:reduce) { [data-auto-reveal] { opacity:1; transform:none; transition:none; } }

/* 2026-08-13 homepage visual regression fixes */
@media (min-width:821px) {
  .tech-hero-content { max-width:none; width:100%; margin:0; padding-inline:4vw; }
  .tech-hero-copy { margin-right:auto; }
  .tech-capability-layer { position:absolute; inset:0; max-width:none; width:100%; margin:0; }
  .tech-capability-card.is-drone { left:auto; right:24%; top:25%; }
  .tech-capability-card.is-robot { right:4vw; top:20%; }
  .tech-capability-card.is-lifecycle { right:4vw; top:51%; }
  .tech-capability-card.is-roof { left:auto; right:26%; top:68%; }
}
.tech-hero-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:18px 4vw 22px; background:rgba(3,60,157,.16); backdrop-filter:none; -webkit-backdrop-filter:none; }
.tech-hero-metrics > div { border:0; border-right:1px solid rgba(255,255,255,.28); border-radius:0; background:transparent; }
.tech-hero-metrics > div:last-child { border-right:0; }
.tech-hero-metrics strong { font-variant-numeric:tabular-nums; }
.next-system-grid { column-gap:32px; row-gap:56px; }
.next-project-main,.next-project-index button { box-shadow:none; }
.next-project-main::after,.next-project-index button::after { display:none; }
.next-project-index img { opacity:1; filter:none; }
.next-project-index button:hover img,.next-project-index button.is-active img { opacity:1; }
.next-project-caption { text-shadow:0 1px 3px rgba(0,32,70,.45); }
.footer-links { grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(20px,2vw,42px); }
.footer-contact-channel { grid-column:6; }
@media (max-width:1100px) {
  .footer-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer-contact-channel { grid-column:auto; }
}
@media (max-width:820px) {
  .tech-hero-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tech-hero-metrics > div:last-child { grid-column:1 / -1; }
  .next-system-grid { row-gap:20px; }
}

/* 2026-08-13 follow-up: unfiltered homepage news */
.next-news-feature { display:flex; flex-direction:column; min-height:0; padding:0; border:1px solid var(--wd-line); border-radius:16px; background:#fff; box-shadow:none; color:var(--wd-ink); }
.next-news-feature::after { display:none; }
.next-news-feature img { display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover; border-radius:15px 15px 0 0; transform:none !important; }
.next-news-feature > div { position:static; z-index:auto; padding:24px 28px 28px; color:var(--wd-ink); }
.next-news-feature time { color:#147be5; }
.next-news-feature h3 { margin:12px 0 18px; color:#073d78; }
.next-news-feature span { color:#147be5; }
.next-news-list { box-shadow:none; }
.next-news-list a:hover { background:transparent; color:inherit; }
@media (max-width:820px) {
  .next-news-feature { padding:0; border-radius:14px; }
  .next-news-feature img { border-radius:13px 13px 0 0; }
  .next-news-feature > div { left:auto; right:auto; bottom:auto; padding:20px; }
}

/* Case hero final override: keep the generated architecture image unobstructed. */
.editorial-hero.case-editorial-hero {
  background-image:var(--inner-hero-image);
  background-position:center 55%;
  background-size:cover;
}
.editorial-hero.case-editorial-hero::before {
  background:linear-gradient(90deg,rgba(4,38,72,.76) 0%,rgba(5,52,91,.48) 34%,rgba(7,57,94,.12) 70%,rgba(4,35,67,.05) 100%);
}
.editorial-hero.case-editorial-hero::after {
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  transform:none;
  background:linear-gradient(180deg,rgba(5,35,68,0) 45%,rgba(4,36,69,.38) 100%);
}

/* About Weldon brand film */
.editorial-hero.about-editorial-hero {
    min-height:clamp(420px,48vw,680px);
    background-image:linear-gradient(90deg,rgba(4,25,54,.72) 0%,rgba(4,25,54,.26) 48%,rgba(4,25,54,.08) 100%),var(--inner-hero-image);
    background-position:center;
    background-size:cover;
}
.editorial-hero.about-editorial-hero::before { background:linear-gradient(90deg,rgba(3,28,58,.72),rgba(4,37,73,.14) 68%,rgba(4,37,73,.04)); }
.editorial-hero.about-editorial-hero::after { inset:auto 0 0; width:auto; height:42%; border:0; border-radius:0; transform:none; background:linear-gradient(180deg,transparent,rgba(3,27,55,.35)); }
.about-editorial-hero > div { max-width:720px; }
.about-film-main { background:#f4f8fc; }
.about-film-story,.about-history-film,.about-culture-film,.about-honor-film { overflow:hidden; }
.about-film-intro { padding:130px clamp(28px,7vw,140px); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; background:#fff; }
.about-film-intro small,.about-film-heading small,.about-story-chapter small { color:#087ce3; font:600 11px/1 Arial,sans-serif; letter-spacing:.18em; }
.about-film-intro h1,.about-film-heading h1 { margin:18px 0 0; color:var(--wd-tech-deep); font-size:clamp(48px,5.6vw,88px); line-height:1.08; letter-spacing:-.05em; }
.about-film-intro > div:last-child { padding-top:48px; }
.about-film-intro .next-richtext { color:#5e7891; font-size:16px; line-height:2; }
.about-film-intro figure { height:390px; margin:48px 0 0; overflow:hidden; border:1px solid var(--wd-tech-border); border-radius:4px; }
.about-film-intro img,.about-story-chapter img,.about-film-closing img { width:100%; height:100%; object-fit:cover; opacity:1; filter:none; }
.about-film-index { position:sticky; z-index:5; top:var(--header-height,72px); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--wd-tech-border); border-bottom:1px solid var(--wd-tech-border); background:rgba(255,255,255,.96); }
.about-film-index a { min-height:110px; padding:26px 28px; display:flex; flex-direction:column; justify-content:space-between; color:#5d7890; border-right:1px solid var(--wd-tech-border); }
.about-film-index a:last-child { border-right:0; }
.about-film-index small { color:#1684ed; font-size:11px; }
.about-film-index b { font-size:17px; }
.about-film-index a.is-active { color:#0756d8; background:#f1f8ff; box-shadow:inset 0 -3px #1684ed; }
.about-story-chapter { min-height:760px; display:grid; grid-template-columns:1.12fr .88fr; background:#fff; border-bottom:1px solid var(--wd-tech-border); }
.about-story-chapter:nth-child(even) { grid-template-columns:.88fr 1.12fr; }
.about-story-chapter:nth-child(even) figure { order:2; }
.about-story-chapter figure { min-height:760px; margin:0; overflow:hidden; }
.about-story-chapter > div { padding:10vh 7vw; display:flex; flex-direction:column; justify-content:center; }
.about-story-chapter h2 { margin:24px 0 28px; color:var(--wd-tech-deep); font-size:clamp(42px,4.5vw,70px); line-height:1.12; letter-spacing:-.04em; }
.about-story-chapter .next-richtext { color:#607b92; font-size:15px; line-height:2; }
.about-story-chapter img { transition:transform .75s cubic-bezier(.22,1,.36,1); }
.about-story-chapter:hover img { transform:scale(1.018); }
.about-film-closing { position:relative; min-height:680px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; }
.about-film-closing::after { content:""; position:absolute; inset:0; background:rgba(3,41,78,.56); }
.about-film-closing > img { position:absolute; inset:0; }
.about-film-closing > div { position:relative; z-index:2; }
.about-film-closing small { letter-spacing:.2em; }
.about-film-closing h2 { margin:28px 0 18px; color:#fff; font-size:clamp(54px,7vw,104px); letter-spacing:-.05em; }
.about-film-closing p { color:rgba(255,255,255,.76); font-size:17px; }
.about-film-heading { padding:120px clamp(28px,7vw,140px) 70px; display:grid; grid-template-columns:1.25fr .75fr; align-items:end; background:#f4f8fc; }
.about-film-heading > p { color:#607b92; font-size:15px; line-height:1.9; }
.about-timeline { padding:0 clamp(28px,7vw,140px) 100px; background:#062f5c; color:#fff; overflow:hidden; }
.about-timeline-track { display:flex; gap:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:100px 0 75px; }
.about-timeline-track::-webkit-scrollbar { display:none; }
.about-timeline article { flex:0 0 min(420px,34vw); min-height:320px; padding:48px 45px; scroll-snap-align:center; border-top:1px solid rgba(255,255,255,.25); color:#a9c7df; transition:background .55s ease,border-color .55s ease,transform .55s ease; }
.about-timeline article::before { content:""; display:block; width:10px; height:10px; margin:-54px 0 36px; border-radius:50%; background:#55c8f5; }
.about-timeline article.is-active { color:#fff; border-color:#55c8f5; background:rgba(22,132,237,.12); transform:translateY(-16px); }
.about-timeline time { color:#68c9fa; font-size:clamp(42px,4vw,68px); }
.about-timeline .next-richtext { margin-top:25px; font-size:14px; line-height:1.9; }
.about-timeline footer,.honor-carousel footer { display:flex; align-items:center; justify-content:flex-end; gap:24px; }
.about-timeline footer > i,.honor-carousel footer > i { width:180px; height:2px; position:relative; background:rgba(162,199,229,.35); }
.about-timeline footer > i b { --about-progress:0%; position:absolute; inset:0 auto 0 0; width:var(--about-progress); background:#55c8f5; transition:width .5s ease; }
.about-timeline footer button,.honor-carousel footer button { width:54px; height:54px; border:1px solid rgba(123,190,240,.38); border-radius:50%; background:transparent; color:inherit; font-size:22px; box-shadow:none; }
.about-timeline footer button:disabled { opacity:.28; }
.about-culture-theatre { margin:0 clamp(28px,7vw,140px) 120px; min-height:680px; display:grid; grid-template-columns:1.2fr .8fr; overflow:hidden; border:1px solid var(--wd-tech-border); background:#fff; }
.about-culture-theatre > figure { position:relative; margin:0; overflow:hidden; }
.about-culture-theatre > figure::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,43,80,.18),transparent 60%); }
.about-culture-theatre > figure img { width:100%; height:100%; object-fit:cover; transition:opacity .35s ease,transform .65s ease; }
.about-culture-theatre > figure i { position:absolute; z-index:2; left:50%; top:50%; width:190px; height:190px; transform:translate(-50%,-50%) rotate(45deg); border:1px solid rgba(255,255,255,.48); }
.about-culture-copy { padding:65px 52px; display:flex; flex-direction:column; }
.about-culture-copy > small { color:#1684ed; letter-spacing:.16em; }
.about-culture-copy > h2 { margin:32px 0 16px; color:var(--wd-tech-deep); font-size:clamp(36px,3.5vw,58px); }
.about-culture-copy > p { min-height:72px; color:#607b92; font-size:17px; line-height:1.8; }
.about-culture-copy nav { margin-top:35px; display:grid; }
.about-culture-copy button { padding:15px 5px; display:grid; grid-template-columns:42px 1fr; text-align:left; border:0; border-bottom:1px solid var(--wd-tech-border); background:transparent; color:#607b92; cursor:pointer; }
.about-culture-copy button small { color:#1684ed; }
.about-culture-copy button em { display:none; }
.about-culture-copy button.is-active { color:#0756d8; box-shadow:inset 3px 0 #1684ed; padding-left:16px; }
.about-culture-theatre.is-switching img { opacity:.2; transform:scale(1.03); }
.about-culture-theatre.is-switching .about-culture-copy > h2,.about-culture-theatre.is-switching .about-culture-copy > p { opacity:.2; transform:translateY(10px); }
.about-culture-copy > h2,.about-culture-copy > p { transition:opacity .3s ease,transform .3s ease; }
.about-culture-live { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.about-honor-film { padding-bottom:110px; }
.honor-carousel { margin:0 clamp(28px,7vw,140px); overflow:hidden; border:1px solid var(--wd-tech-border); border-radius:24px; background:#fff; box-shadow:none; }
.honor-carousel-stage { position:relative; min-height:590px; overflow:hidden; background-image:linear-gradient(rgba(7,86,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,86,216,.045) 1px,transparent 1px); background-size:54px 54px; }
.honor-carousel-card { --honor-position:0; position:absolute; top:55px; left:50%; width:min(390px,32vw); overflow:hidden; border:1px solid var(--wd-tech-border); border-radius:20px; background:#fff; box-shadow:none; opacity:.38; transform:translateX(calc(-50% + var(--honor-position) * 92%)) scale(.82); transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease,border-color .45s ease; pointer-events:none; }
.honor-carousel-card.is-active { z-index:3; opacity:1; border-color:rgba(7,86,216,.54); transform:translateX(-50%) scale(1); pointer-events:auto; }
.honor-carousel-card .honor-preview { display:block; width:100%; padding:0; border:0; color:inherit; text-align:left; background:transparent; cursor:zoom-in; box-shadow:none; }
.honor-carousel-card figure { height:350px; margin:0; padding:24px; background:#f5f9fd; }
.honor-carousel-card img { width:100%; height:100%; object-fit:contain; opacity:1; filter:none; }
.honor-carousel-card .honor-preview > div { padding:20px 24px 24px; }
.honor-carousel-card .honor-preview figure { position:relative; }
.honor-carousel-card .honor-preview figure::after { content:"Click to enlarge"; position:absolute; right:18px; bottom:18px; padding:8px 12px; border:1px solid rgba(255,255,255,.5); border-radius:999px; color:#fff; background:rgba(3,45,91,.76); font-size:11px; letter-spacing:.08em; opacity:0; transform:translateY(6px); transition:opacity .22s ease,transform .22s ease; }
.honor-carousel-card.is-active .honor-preview:hover figure::after,.honor-carousel-card.is-active .honor-preview:focus-visible figure::after { opacity:1; transform:none; }
.honor-carousel-card .honor-preview:focus-visible { outline:3px solid rgba(22,132,237,.36); outline-offset:-3px; }
.honor-carousel-card small { color:#1684ed; font-size:10px; letter-spacing:.13em; }
.honor-carousel-card h2 { min-height:54px; margin:10px 0 16px; color:var(--wd-tech-deep); font-size:17px; line-height:1.55; }
.honor-carousel footer { padding:25px 34px 30px; color:#557189; }
.honor-carousel footer > i b { --honor-progress:0%; position:absolute; inset:0 auto 0 0; width:var(--honor-progress); background:linear-gradient(90deg,#0756d8,#3fd1d0); transition:width .5s ease; }
.honor-carousel footer > div { display:flex; gap:10px; }
.is-honor-lightbox-open { overflow:hidden; }
.honor-lightbox[hidden] { display:none; }
.honor-lightbox { position:fixed; z-index:1200; inset:0; display:grid; grid-template-columns:88px minmax(0,1fr) 88px; align-items:center; gap:clamp(14px,2.4vw,38px); padding:clamp(24px,4vw,58px); color:#fff; background:rgba(2,18,38,.9); backdrop-filter:blur(18px); opacity:0; transition:opacity .25s ease; }
.honor-lightbox.is-open { opacity:1; }
.honor-lightbox-figure { display:grid; grid-template-rows:minmax(0,1fr) auto; align-self:stretch; width:100%; min-width:0; max-width:min(1080px,100%); max-height:calc(100vh - clamp(48px,8vw,116px)); margin:0 auto; }
.honor-lightbox-image { position:relative; min-width:0; min-height:0; overflow:hidden; border:1px solid rgba(153,208,255,.34); border-radius:18px; background:rgba(242,248,253,.98); box-shadow:0 28px 80px rgba(0,0,0,.38); }
.honor-lightbox-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.honor-lightbox figcaption { display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:center; padding:18px 4px 0; }
.honor-lightbox figcaption span { color:#77c9ff; font-size:12px; font-weight:700; letter-spacing:.14em; }
.honor-lightbox figcaption h2 { margin:0; color:#fff; font-size:clamp(16px,1.5vw,22px); font-weight:550; line-height:1.45; text-align:right; }
.honor-lightbox-close,.honor-lightbox-control { display:grid; place-items:center; border:1px solid rgba(159,213,255,.42); color:#fff; background:rgba(7,65,121,.42); box-shadow:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.honor-lightbox-close:hover,.honor-lightbox-control:hover,.honor-lightbox-close:focus-visible,.honor-lightbox-control:focus-visible { border-color:#74ceff; background:rgba(11,108,190,.68); outline:none; }
.honor-lightbox-control { width:64px; height:64px; border-radius:50%; font-size:28px; }
.honor-lightbox-control:hover { transform:scale(1.06); }
.honor-lightbox-close { position:absolute; z-index:2; top:22px; right:24px; width:48px; height:48px; border-radius:50%; font-size:30px; font-weight:300; line-height:1; }

@media (max-width:900px) {
  .about-film-intro,.about-film-heading { grid-template-columns:1fr; padding:80px 22px; }
  .about-film-intro > div:last-child { padding-top:0; }
  .about-film-index { display:flex; overflow-x:auto; }
  .about-film-index a { min-width:190px; }
  .about-story-chapter,.about-story-chapter:nth-child(even) { grid-template-columns:1fr; min-height:0; }
  .about-story-chapter:nth-child(even) figure { order:0; }
  .about-story-chapter figure { min-height:360px; }
  .about-story-chapter > div { padding:65px 22px; }
  .about-timeline { padding:0 22px 70px; }
  .about-timeline article { flex-basis:82vw; }
  .about-culture-theatre { margin:0 16px 80px; grid-template-columns:1fr; }
  .about-culture-theatre > figure { height:390px; }
  .about-culture-copy { padding:42px 24px; }
  .about-culture-copy nav { display:flex; overflow-x:auto; }
  .about-culture-copy button { min-width:170px; }
  .honor-carousel { margin:0 16px; }
  .honor-carousel-stage { min-height:525px; }
  .honor-carousel-card { top:42px; width:80vw; transform:translateX(calc(-50% + var(--honor-position) * 88%)) scale(.86); }
  .honor-carousel-card.is-active { transform:translateX(-50%) scale(1); }
  .honor-carousel-card figure { height:310px; }
  .honor-carousel footer { justify-content:space-between; padding:20px; }
  .honor-lightbox { display:block; padding:64px 10px 22px; }
  .honor-lightbox-figure { width:100%; height:calc(100vh - 86px); max-height:calc(100vh - 86px); }
  .honor-lightbox-control { position:absolute; z-index:2; top:50%; width:44px; height:44px; font-size:22px; transform:translateY(-50%); }
  .honor-lightbox-control.is-prev { left:12px; }
  .honor-lightbox-control.is-next { right:12px; }
  .honor-lightbox-control:hover { transform:translateY(-50%) scale(1.04); }
  .honor-lightbox-close { top:12px; right:12px; width:42px; height:42px; }
  .honor-lightbox-image { border-radius:12px; }
  .honor-lightbox figcaption { grid-template-columns:1fr; gap:6px; padding:12px 4px 0; }
  .honor-lightbox figcaption h2 { font-size:14px; text-align:left; }
}

@media (prefers-reduced-motion:reduce) {
  .about-story-chapter img,.about-timeline article,.about-culture-theatre img,.about-culture-copy > h2,.about-culture-copy > p,.honor-carousel-card,.about-timeline footer b,.honor-carousel footer b,.honor-lightbox,.honor-lightbox-control,.honor-carousel-card .honor-preview figure::after { transition:none !important; }
}

/* Home and About refinement */
.about-film-intro {
  grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr);
  align-items:center;
  gap:clamp(54px,7vw,130px);
}
.about-film-intro-title { align-self:center; }
.about-film-intro-content { padding-top:0 !important; display:grid; align-content:center; }
.about-film-intro .next-richtext { max-width:980px; }
.about-film-intro figure { height:auto; aspect-ratio:16/8.6; margin-top:38px; border-radius:14px; background:#eef6fc; }
.about-film-intro figure img { object-position:center; }
.about-film-chapters { padding-top:clamp(72px,6vw,96px); background:linear-gradient(180deg,#edf6fd 0,#f7fbff 96px,#fff 96px); }
.about-story-chapter { position:relative; min-height:780px; overflow:hidden; border:0; background:linear-gradient(135deg,#eef7ff 0%,#fff 52%,#edf8f7 100%); }
.about-story-chapter + .about-story-chapter { border-top:18px solid #f4f8fc; }
.about-story-chapter figure { min-height:780px; }
.about-story-chapter figure[data-reveal] { opacity:0; transform:translate3d(0,52px,0) scale(.985); transition:opacity 700ms cubic-bezier(.2,.8,.2,1),transform 760ms cubic-bezier(.2,.8,.2,1); }
.about-story-chapter figure[data-reveal].is-visible { opacity:1; transform:none; }
.about-story-chapter img[data-about-parallax] { --about-parallax-y:0px; transform:translate3d(0,var(--about-parallax-y),0) scale(1.045); will-change:transform; transition:transform 180ms linear; }
.about-story-glass {
  align-self:center;
  margin:clamp(28px,4vw,72px);
  padding:clamp(42px,5vw,78px) !important;
  border:1px solid rgba(87,164,226,.28);
  border-radius:26px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
.about-story-glass[data-reveal] { opacity:0; transform:translate3d(0,64px,0); transition:opacity 650ms cubic-bezier(.2,.8,.2,1),transform 720ms cubic-bezier(.2,.8,.2,1),border-color 420ms ease; }
.about-story-glass[data-reveal].is-visible { opacity:1; transform:none; border-color:rgba(30,135,229,.5); }

.about-culture-theatre { min-height:760px; grid-template-columns:minmax(0,1.16fr) minmax(460px,.84fr); }
.about-culture-theatre > figure::after { display:none; }
.about-culture-theatre > figure img { object-position:center; }
.about-culture-copy { min-height:760px; padding:54px 48px 38px; }
.about-culture-copy > h2 { margin:24px 0 12px; font-size:clamp(42px,3.8vw,64px); }
.about-culture-copy > p { min-height:62px; margin-bottom:0; font-size:18px; line-height:1.85; }
.about-culture-copy nav { flex:1; min-height:0; margin-top:26px; display:grid; grid-template-rows:repeat(10,minmax(54px,1fr)); }
.about-culture-copy button { min-height:0; padding:10px 8px; grid-template-columns:44px 1fr; align-items:center; font-size:16px; }
.about-culture-copy button b { font-size:16px; letter-spacing:.01em; }
.about-culture-copy button.is-active { padding-left:18px; background:linear-gradient(90deg,rgba(21,125,229,.08),transparent 78%); }

.next-intro-image,.next-project-main,.next-project-index button { box-shadow:none !important; }
.next-intro-image::before,.next-system-card::before,.next-system-card::after,.next-project-main::after,.next-project-index button::after { display:none !important; }
.next-intro-image img { object-fit:cover; object-position:center; transform:none !important; filter:none; opacity:1; }
.next-intro-image figcaption { display:none; }
.next-system-card {
  padding:22px;
  justify-content:flex-end;
  color:var(--wd-tech-deep);
  background-image:var(--system-image) !important;
  background-size:cover;
  background-position:center;
  box-shadow:none !important;
}
.next-system-card > div {
  max-width:none;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:16px;
  color:var(--wd-tech-deep);
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.next-system-card small { color:#1679da; }
.next-system-card h3 { color:var(--wd-tech-deep); }
.next-system-card p { color:#57758e; }
.next-system-number,.next-system-card > b { padding:10px 12px; border:1px solid rgba(255,255,255,.82); border-radius:99px; color:#0756b4; background:rgba(255,255,255,.86); backdrop-filter:blur(12px); }

.next-project-caption {
  left:26px;
  right:26px;
  bottom:24px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:16px;
  color:var(--wd-tech-deep);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.next-project-caption small { color:#147be5; }
.next-project-caption b { color:var(--wd-tech-deep); }
.next-project-caption em { color:#5c7890; }
.next-project-index img { opacity:1; filter:none; }
.next-project-index b { left:12px; right:12px; bottom:12px; padding:10px 12px; border-radius:10px; color:var(--wd-tech-deep); background:rgba(255,255,255,.88); backdrop-filter:blur(12px); }
.next-project-index span { z-index:3; padding:6px 8px; border-radius:99px; color:#0756b4; background:rgba(255,255,255,.9); }

@media (max-width:900px) {
  .about-film-intro { grid-template-columns:1fr; align-items:start; gap:42px; }
  .about-film-intro figure { aspect-ratio:16/10; }
  .about-film-chapters { padding-top:58px; background:linear-gradient(180deg,#edf6fd 0,#fff 58px); }
  .about-story-chapter figure { min-height:390px; }
  .about-story-glass { margin:18px; padding:46px 28px !important; }
  .about-culture-theatre { grid-template-columns:1fr; min-height:0; }
  .about-culture-copy { min-height:0; padding:42px 24px; }
  .about-culture-copy nav { display:flex; }
  .about-culture-copy button { min-width:180px; }
  .next-system-card > div { padding:18px; }
}

@media (prefers-reduced-motion:reduce) {
  .about-story-chapter figure[data-reveal],.about-story-glass[data-reveal],.about-story-chapter img[data-about-parallax] { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Home and About card-weight refinement */
.next-system-card > div {
  max-width:calc(100% - 72px);
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.next-system-card h3 {
  position:relative;
  margin:0;
  padding:0 0 15px;
  color:#fff;
  font-size:clamp(23px,1.8vw,31px);
  line-height:1.28;
  letter-spacing:.01em;
  text-shadow:0 2px 9px rgba(0,28,62,.88),0 8px 26px rgba(0,23,55,.62);
}
.next-system-card h3::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:2px;
  background:linear-gradient(90deg,#fff,#47d8df);
  transition:width 320ms ease;
}
.next-system-card:hover h3::after { width:88px; }

.next-project-caption {
  left:32px;
  right:32px;
  bottom:30px;
  padding:0;
  border:0;
  border-radius:0;
  color:#fff;
  background:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 2px 10px rgba(0,26,58,.92),0 10px 30px rgba(0,24,54,.68);
}
.next-project-caption small { color:#8edfff; }
.next-project-caption b { color:#fff; }
.next-project-caption em {
  max-width:760px;
  color:rgba(255,255,255,.88);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}
.next-project-index b {
  left:14px;
  right:14px;
  bottom:13px;
  padding:0 0 10px;
  border:0;
  border-bottom:2px solid rgba(125,220,255,.88);
  border-radius:0;
  color:#fff;
  background:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 2px 8px rgba(0,24,54,.9),0 6px 18px rgba(0,24,54,.72);
}

.about-story-glass {
  border-color:rgba(43,142,225,.36);
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:none;
}

.about-culture-theatre {
  min-height:820px;
  grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);
}
.about-culture-copy {
  min-height:820px;
  padding:44px 46px 30px;
}
.about-culture-copy > h2 { margin:18px 0 10px; }
.about-culture-copy > p { min-height:54px; font-size:19px; }
.about-culture-copy > [data-culture-description] {
  min-height:132px;
  margin:18px 0 12px;
  padding:0 0 0 29px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  white-space:pre-line;
  font-size:clamp(24px,1.75vw,30px);
  line-height:1.5;
  font-weight:600;
  color:var(--ink);
}

.about-culture-copy > .next-richtext[data-culture-description] p {
  width:100%;
  margin:0;
  text-align:left;
  text-indent:0;
}
.about-culture-copy nav {
  margin-top:18px;
  grid-template-rows:repeat(10,minmax(62px,1fr));
  gap:3px;
}
.about-culture-copy button {
  min-height:68px;
  padding:14px 16px;
  grid-template-columns:52px 1fr;
  font-size:18px;
  transition:color 240ms ease,background 240ms ease,transform 240ms ease,padding 240ms ease;
}
.about-culture-copy button small { font-size:13px; letter-spacing:.08em; }
.about-culture-copy button b { font-size:18px; letter-spacing:.015em; }
.about-culture-copy button.is-active {
  padding-left:24px;
  background:linear-gradient(90deg,rgba(20,126,231,.13),rgba(41,205,214,.025) 86%);
  transform:translateX(5px);
}

@media (max-width:900px) {
  .next-system-card > div { max-width:calc(100% - 58px); padding:0; }
  .next-system-card h3 { font-size:23px; }
  .next-project-caption { left:20px; right:20px; bottom:20px; }
  .next-project-caption em { display:none; }
  .about-culture-theatre { min-height:0; grid-template-columns:1fr; }
  .about-culture-copy { min-height:0; padding:42px 24px; }
  .about-culture-copy > [data-culture-description] { padding-left:0; }
  .about-culture-copy nav { display:flex; gap:0; }
  .about-culture-copy button { min-width:190px; min-height:64px; padding:13px 14px; font-size:17px; }
  .about-culture-copy button b { font-size:17px; }
}

@media (prefers-reduced-motion:reduce) {
  .next-system-card h3::after,.about-culture-copy button { transition:none !important; }
  .about-culture-copy button.is-active { transform:none; }
}

/* 2026-08-14 公司动态：浅色科技时间轴，图片保持原始色彩。 */
.news-radar-hero {
  position:relative;
  height:clamp(500px,42vw,720px);
  overflow:hidden;
  border-bottom:1px solid var(--wd-tech-border);
  background:#f2f8ff;
}
.news-radar-hero::after { display:none; }
.news-radar-hero-media {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}
.news-radar-hero-copy {
  position:absolute;
  z-index:1;
  left:max(4vw,48px);
  top:50%;
  width:min(480px,42vw);
  transform:translateY(-44%);
  color:var(--wd-tech-deep);
}
.news-radar-hero-copy small,
.news-radar-heading small {
  color:var(--wd-tech-primary);
  font:600 12px/1.4 Arial,sans-serif;
  letter-spacing:.22em;
}
.news-radar-hero-copy h1 {
  margin:24px 0 22px;
  font-size:clamp(56px,6vw,104px);
  font-weight:520;
  line-height:.95;
  letter-spacing:-.055em;
}
.news-radar-hero-copy p {
  max-width:430px;
  color:var(--wd-tech-text);
  font-size:16px;
  line-height:1.9;
}
.news-radar-shell {
  width:var(--wd-container);
  margin:0 auto;
  padding-top:clamp(90px,9vw,150px);
  padding-bottom:clamp(100px,10vw,170px);
}
.news-radar-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:8vw;
  align-items:end;
}
.news-radar-heading h2 {
  margin:22px 0 0;
  color:var(--wd-tech-deep);
  font-size:clamp(48px,5.3vw,88px);
  font-weight:430;
  line-height:1.08;
  letter-spacing:-.05em;
}
.news-radar-heading > p {
  margin:0 0 10px;
  color:var(--wd-tech-text);
  font-size:16px;
  line-height:2;
}
.news-radar-layout {
  margin-top:clamp(58px,6vw,96px);
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:clamp(24px,2.4vw,42px);
  align-items:stretch;
}
.news-radar-card {
  --news-pointer-x:0;
  --news-pointer-y:0;
  overflow:hidden;
  align-self:start;
  border:1px solid var(--wd-tech-border);
  border-radius:24px;
  background:#fff;
  box-shadow:none;
  transform:perspective(1400px) rotateX(calc(var(--news-pointer-y) * -1deg)) rotateY(calc(var(--news-pointer-x) * 1deg));
  transition:border-color .35s ease,transform .18s ease;
}
.news-radar-card::after { display:none; }
.news-radar-card:hover { border-color:rgba(7,86,216,.45); }
.news-radar-card-media { display:block; overflow:hidden; aspect-ratio:16 / 10; background:#eef6ff; }
.news-radar-card-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
  transform:scale(1.015) translate(calc(var(--news-pointer-x) * -4px),calc(var(--news-pointer-y) * -4px));
  transition:transform .22s ease;
}
.news-radar-card-copy { padding:clamp(28px,3vw,48px); }
.news-radar-card-copy > div { display:flex; justify-content:space-between; gap:20px; color:#3f84d3; }
.news-radar-card-copy small { font-size:12px; letter-spacing:.12em; }
.news-radar-card-copy time { font:12px Arial,sans-serif; letter-spacing:.08em; }
.news-radar-card-copy h2 { margin:22px 0 18px; font-size:clamp(28px,2.3vw,42px); font-weight:520; line-height:1.35; }
.news-radar-card-copy h2 a { color:var(--wd-tech-deep); }
.news-radar-card-copy p { margin:0; color:var(--wd-tech-text); font-size:15px; line-height:1.9; }
.news-radar-link { display:inline-flex; gap:16px; margin-top:28px; color:var(--wd-tech-primary); font-weight:600; }
.news-radar-link span { transition:transform .25s ease; }
.news-radar-link:hover span { transform:translate(4px,-4px); }
.news-radar-timeline {
  overflow:hidden;
  align-self:stretch;
  border:1px solid var(--wd-tech-border);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:none;
}
.news-radar-row {
  position:relative;
  min-height:20%;
  padding:24px 24px 24px 22px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 132px 24px;
  gap:18px;
  align-items:center;
  color:var(--wd-tech-deep);
  border-bottom:1px solid var(--wd-tech-border);
  transition:background .3s ease,transform .3s ease;
}
.news-radar-row:last-child { border-bottom:0; }
.news-radar-row:hover { background:linear-gradient(90deg,rgba(7,86,216,.055),rgba(35,205,211,.03)); transform:translateX(-5px); }
.news-radar-index { color:#1b7fe8; font:600 12px Arial,sans-serif; letter-spacing:.08em; }
.news-radar-row-copy { min-width:0; display:grid; gap:8px; }
.news-radar-row-copy time { color:#6a8bac; font:11px Arial,sans-serif; letter-spacing:.08em; }
.news-radar-row-copy strong { font-size:17px; font-weight:560; line-height:1.45; }
.news-radar-row-copy small { overflow:hidden; color:var(--wd-tech-text); font-size:12px; line-height:1.6; white-space:nowrap; text-overflow:ellipsis; }
.news-radar-row-media { overflow:hidden; aspect-ratio:16 / 10; border:1px solid var(--wd-tech-border); border-radius:12px; }
.news-radar-row-media img { width:100%; height:100%; object-fit:cover; filter:none; transition:transform .5s var(--wd-ease); }
.news-radar-row:hover img { transform:scale(1.06); }
.news-radar-row b { color:#167de5; font-size:18px; font-weight:400; transition:transform .25s ease; }
.news-radar-row:hover b { transform:translate(3px,-3px); }
.next-news-feature > div > small,
.next-news-list a small { display:block; margin-bottom:7px; color:#177ee6; font:600 10px Arial,sans-serif; letter-spacing:.12em; }
.news-detail-article > figure,
.news-detail-article .news-detail-media { padding:0; border:1px solid var(--wd-tech-border); background:transparent; box-shadow:none; }
.news-detail-article .news-detail-media img { display:block; width:100%; height:auto; filter:none; }
.news-detail-article .news-detail-media figcaption { padding:12px 16px; color:var(--wd-tech-text); font-size:12px; }

@media (max-width:1100px) {
  .news-radar-layout { grid-template-columns:1fr; }
  .news-radar-timeline { min-height:0; }
  .news-radar-row { min-height:150px; }
}

@media (max-width:760px) {
  .news-radar-hero { height:600px; }
  .news-radar-hero-media { object-position:66% center; }
  .news-radar-hero-copy { left:24px; top:120px; width:calc(100% - 48px); transform:none; }
  .news-radar-hero-copy h1 { font-size:56px; }
  .news-radar-hero-copy p { max-width:310px; font-size:14px; }
  .news-radar-heading { grid-template-columns:1fr; gap:26px; }
  .news-radar-heading h2 { font-size:48px; }
  .news-radar-layout { margin-top:48px; }
  .news-radar-page .editorial-subnav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
  .news-radar-page .editorial-subnav a { min-width:0; }
  .news-radar-card,.news-radar-timeline { border-radius:16px; }
  .news-radar-row { min-height:124px; padding:18px 16px; grid-template-columns:30px minmax(0,1fr) 76px 18px; gap:10px; }
  .news-radar-row-copy strong { font-size:15px; }
  .news-radar-row-copy small { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .news-radar-card,.news-radar-card-media img,.news-radar-row,.news-radar-row img { transform:none !important; transition:none !important; }
}

/* 2026-08-15 首屏、产品详情与公司动态宽屏构图修正。 */
@media (min-width:821px) {
  .tech-hero-action {
    position:absolute;
    left:clamp(68px,5vw,104px);
    top:51.5%;
    bottom:auto;
    margin-top:0;
  }
}

/* 产品中心系统矩阵标题保持单行，卡片尺寸与网格结构不变。 */
.product-system-tabs b {
  display:block;
  min-width:0;
  font-size:13px;
  line-height:1.35;
  letter-spacing:-.035em;
  white-space:nowrap;
}

@media (max-width:1500px) and (min-width:1321px) {
  .product-system-tabs b { font-size:12px; }
}

@media (max-width:1320px) and (min-width:1181px) {
  .product-system-tabs b {
    font-size:10px;
    letter-spacing:-.05em;
  }
}

/* Home project composition spacing 2026-08-21 */
.next-home-main {
  --home-project-renewal-gap:clamp(40px,2.5vw,56px);
}

.next-projects {
  margin-bottom:var(--home-project-renewal-gap);
}

@media (max-width:820px) {
  .next-home-main {
    --home-project-renewal-gap:24px;
  }
}

/* 2026-08-21 公司动态连续浏览入口。 */
.news-radar-load-more {
  margin-top:clamp(34px,3.5vw,56px);
  display:grid;
  justify-items:center;
  gap:12px;
}
.news-radar-load-more button {
  min-width:220px;
  min-height:54px;
  padding:0 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#fff;
  border:1px solid rgba(7,86,216,.42);
  border-radius:12px;
  background:linear-gradient(100deg,var(--wd-tech-primary),var(--wd-tech-bright));
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,opacity .25s ease;
}
.news-radar-load-more button:hover { transform:translateY(-2px); background:linear-gradient(100deg,#064bc5,#087fd8); }
.news-radar-load-more button:disabled { cursor:wait; opacity:.68; transform:none; }
.news-radar-load-more button[hidden] { display:none; }
.news-radar-load-more p { min-height:20px; margin:0; color:#6a8bac; font-size:13px; }

@media (max-width:820px) {
  .news-radar-load-more button { width:min(100%,320px); min-height:52px; }
}

.product-detail-header h1 {
  font-size:clamp(36px,4.1vw,58px);
  line-height:1.12;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.news-radar-hero { height:clamp(520px,35vw,896px); }
.news-radar-hero-media { object-position:right center; }

@media (max-width:1280px) and (min-width:1025px) {
  .tech-hero-action { left:48px; }
}

@media (max-width:1024px) and (min-width:821px) {
  .tech-hero-action { left:32px; }
}

@media (max-width:820px) {
  .tech-hero-action {
    position:static;
    margin-top:34px;
  }
  .product-detail-header h1 {
    line-height:1.16;
    white-space:normal;
  }
}

@media (max-width:760px) {
  .news-radar-hero { height:600px; }
  .news-radar-hero-media { object-position:70% center; }
}

/* Contact technology hub */
.contact-page { --contact-line:rgba(24,125,219,.18); --contact-blue:#0756d8; --contact-bright:#0b8ff1; --contact-deep:#073665; }
.contact-page .editorial-hero-contact { min-height:clamp(560px,36vw,720px); background-image:var(--contact-hero); background-position:center; background-size:cover; }
.contact-page .editorial-hero-contact::before,
.contact-page .editorial-hero-contact::after { display:none; }
.contact-page .editorial-hero-contact > div { width:min(1680px,92%); padding-bottom:clamp(70px,6vw,112px); }
.contact-page .editorial-hero-contact small { color:var(--contact-blue); font-weight:700; }
.contact-page .editorial-hero-contact h1 { color:var(--contact-blue); font-weight:600; text-shadow:none; }
.contact-page .editorial-hero-contact p { max-width:520px; color:#53728f; font-size:16px; font-weight:500; }
.contact-page .editorial-shell { background-color:#f7fbff; background-image:linear-gradient(rgba(20,105,190,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(20,105,190,.032) 1px,transparent 1px),radial-gradient(circle at 88% 8%,rgba(68,207,224,.1),transparent 26%),linear-gradient(135deg,#fff,#f7fbff 54%,#eef7ff); background-size:72px 72px,72px 72px,auto,auto; }
.contact-tech-grid { position:relative; }
.contact-tech-grid::before { content:""; position:absolute; z-index:0; top:34px; right:0; width:clamp(120px,13vw,240px); aspect-ratio:1; border:1px solid rgba(11,143,241,.12); border-radius:50%; background:radial-gradient(circle,rgba(11,143,241,.06),transparent 68%); pointer-events:none; }
.contact-tech-grid > * { position:relative; z-index:1; }
.contact-page .reference-contact-intro { padding-top:clamp(86px,7vw,132px); }
.contact-page .reference-contact-intro h2 { color:var(--contact-deep) !important; }
.contact-page .reference-contact-intro p { color:#587591; }
.contact-page .contact-primary-cta,
.contact-page .contact-form button { border-color:rgba(7,86,216,.42); background:linear-gradient(100deg,var(--contact-blue),var(--contact-bright)); }
.contact-page .contact-service-strip { border:1px solid var(--contact-line); border-radius:16px; background:rgba(255,255,255,.9); box-shadow:none; backdrop-filter:blur(16px); }
.contact-page .contact-service-strip a { color:#385f82; border-color:var(--contact-line); }
.contact-page .contact-service-strip a:hover { color:var(--contact-deep); background:linear-gradient(135deg,rgba(7,86,216,.07),rgba(11,143,241,.1)); transform:translateY(-4px); }
.contact-page .contact-service-strip span { color:var(--contact-blue); }
.contact-page .reference-contact-top { margin-top:clamp(52px,5vw,86px); }
.contact-page .reference-contact-photo,
.contact-page .reference-contact-map { border:1px solid var(--contact-line); border-radius:18px; box-shadow:none; }
.contact-page .reference-contact-photo img { transition:transform 900ms cubic-bezier(.2,.8,.2,1); }
.contact-page .reference-contact-photo:hover img { transform:scale(1.025); }
.contact-page .reference-contact-bar { color:var(--contact-deep); border:1px solid var(--contact-line); border-radius:16px; background:rgba(255,255,255,.92); box-shadow:none; backdrop-filter:blur(18px); }
.contact-page .reference-contact-bar > div { border-color:var(--contact-line); transition:background-color 280ms ease; }
.contact-page .reference-contact-bar > div:hover { background:rgba(7,86,216,.045); }
.contact-page .reference-contact-bar small,
.contact-page .reference-contact-bar span { color:#70889f; }
.contact-page .reference-contact-bar a,
.contact-page .reference-contact-bar address { color:var(--contact-deep); }
.contact-page .contact-visit-note { border-color:var(--contact-line); color:#607a94; }
.contact-page .contact-visit-note > span,
.contact-page .contact-visit-note a { color:var(--contact-blue); }
.contact-page .contact-form-section { padding:clamp(90px,7vw,140px) 0 clamp(100px,8vw,160px); }
.contact-page .contact-form-section .section-kicker { margin-bottom:36px; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); align-items:end; gap:48px; }
.contact-page .contact-form-section .section-kicker small,
.contact-page .contact-form-section .section-kicker h2 { grid-column:1; }
.contact-page .contact-form-section .section-kicker p { grid-column:2; grid-row:1 / span 2; margin:0; color:#607a94; line-height:1.9; }
.contact-page .contact-form { position:relative; border:1px solid var(--contact-line); border-radius:18px; background:rgba(255,255,255,.92); box-shadow:none; backdrop-filter:blur(18px); }
.contact-page .contact-form::before { content:""; position:absolute; top:-1px; left:32px; width:clamp(110px,12vw,220px); height:2px; background:linear-gradient(90deg,var(--contact-blue),var(--contact-bright),#43cbd9); }
.contact-page .contact-form select { width:100%; min-height:50px; padding:0 42px 0 16px; color:var(--contact-deep); border:1px solid var(--contact-line); border-radius:10px; background:#fff; font:inherit; }
.contact-page .contact-form select:focus { outline:none; border-color:var(--contact-blue); box-shadow:0 0 0 3px rgba(7,86,216,.1); }
.contact-form-consent { display:flex !important; grid-template-columns:none !important; align-items:flex-start; gap:12px !important; color:#607a94 !important; font-weight:400 !important; line-height:1.7; }
.contact-form-consent input { width:18px !important; height:18px; margin-top:3px; padding:0 !important; accent-color:var(--contact-blue); }
.contact-form-honeypot { position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.contact-page .contact-form.is-success { border-color:rgba(12,148,199,.48); }
.contact-page .contact-form button:disabled { cursor:wait; opacity:.7; transform:none; }

@media (max-width:820px) {
  .contact-page .editorial-hero-contact { min-height:460px; background-position:56% center; }
  .contact-page .editorial-hero-contact > div { padding-bottom:52px; }
  .contact-page .editorial-hero-contact h1 { font-size:clamp(46px,13vw,68px); }
  .contact-page .contact-form-section .section-kicker { grid-template-columns:1fr; gap:18px; }
  .contact-page .contact-form-section .section-kicker p { grid-column:1; grid-row:auto; }
}

@media (prefers-reduced-motion:reduce) {
  .contact-page .contact-service-strip a,
  .contact-page .reference-contact-photo img { transition:none; transform:none !important; }
}

/* Unified channel hero copy alignment */
.channel-hero-copy,
.editorial-hero > .channel-hero-copy,
.news-radar-hero > .channel-hero-copy {
  position:absolute;
  z-index:2;
  left:max(4vw,48px);
  top:35%;
  width:min(480px,42vw);
  max-width:480px;
  margin:0;
  padding:0;
  display:block;
  transform:none;
}
.editorial-hero.case-editorial-hero,
.editorial-hero.about-editorial-hero,
.contact-page .editorial-hero-contact {
  height:clamp(520px,35vw,896px);
  min-height:520px;
}

/* Contact motion and depth refinement */
.contact-page .editorial-hero-contact > .channel-hero-copy { width:min(480px,42vw); padding:0; }
.contact-page .reference-contact-intro { padding-top:clamp(72px,5.5vw,104px); padding-bottom:clamp(42px,3.5vw,64px); }
.contact-page .reference-contact-top { margin-top:0; }
.contact-page .reference-contact-photo,
.contact-page .reference-contact-map {
  transition:transform 520ms cubic-bezier(.2,.8,.2,1),border-color 360ms ease,box-shadow 520ms ease;
}
.contact-page .reference-contact-photo:hover,
.contact-page .reference-contact-map:hover {
  transform:translateY(-8px);
  border-color:rgba(7,86,216,.38);
  box-shadow:0 24px 64px rgba(7,86,216,.12);
}
.contact-page .reference-contact-map { overflow:hidden; background:rgba(243,250,255,.92); }
.contact-page .reference-contact-map::after {
  content:"";
  position:absolute;
  z-index:2;
  left:7%;
  right:7%;
  top:18%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(7,86,216,.62),rgba(67,203,217,.8),transparent);
  box-shadow:0 0 18px rgba(11,143,241,.36);
  animation:contact-map-scan 5.2s ease-in-out infinite;
  pointer-events:none;
}
.contact-page .map-fallback span { animation:contact-map-pulse 2.4s ease-out infinite; }
.contact-page .reference-contact-bar { transition:transform 420ms cubic-bezier(.2,.8,.2,1),border-color 320ms ease; }
.contact-page .reference-contact-bar:hover { transform:translateY(-5px); border-color:rgba(7,86,216,.34); }
.contact-page .contact-visit-note { min-height:76px; }
.contact-page .reference-contact-layout { padding-bottom:0; }
.contact-page .contact-form-section { padding:clamp(28px,2.4vw,44px) 0 clamp(36px,2.8vw,52px); }
.contact-page .contact-form-section .section-kicker {
  margin-bottom:28px;
  grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);
  column-gap:48px;
  row-gap:10px;
  align-items:end;
}
.contact-page .contact-form-section .section-kicker small { margin:0 0 2px; align-self:end; }
.contact-page .contact-form-section .section-kicker h2 { margin:0; line-height:1.12; }
.contact-page .contact-form { box-shadow:0 28px 80px rgba(7,86,216,.075); transition:border-color 360ms ease,box-shadow 360ms ease; }
.contact-page .contact-form:focus-within { border-color:rgba(7,86,216,.38); box-shadow:0 32px 90px rgba(7,86,216,.11); }
.js .contact-page [data-reveal] {
  filter:blur(7px);
  transition:opacity 760ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform 820ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),filter 760ms ease var(--reveal-delay,0ms);
}
.js .contact-page [data-reveal].is-visible { filter:none; }

@keyframes contact-map-scan {
  0%,100% { top:18%; opacity:.2; }
  50% { top:82%; opacity:.85; }
}
@keyframes contact-map-pulse {
  0% { box-shadow:0 0 0 0 rgba(31,190,168,.34); }
  70%,100% { box-shadow:0 0 0 18px rgba(31,190,168,0); }
}

@media (max-width:820px) {
  .channel-hero-copy,
  .editorial-hero > .channel-hero-copy,
  .news-radar-hero > .channel-hero-copy {
    left:24px;
    top:120px;
    width:calc(100% - 48px);
    max-width:none;
    transform:none;
  }
  .contact-page .editorial-hero-contact > .channel-hero-copy { width:calc(100% - 48px); padding:0; }
  .contact-page .contact-form-section { padding-top:36px; }
  .contact-page .contact-form-section .section-kicker { row-gap:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .contact-page .reference-contact-map::after { animation:none; }
  .contact-page .map-fallback span { animation:none; }
  .contact-page .reference-contact-photo,
  .contact-page .reference-contact-map,
  .contact-page .reference-contact-bar { transition:none; transform:none !important; }
  .js .contact-page [data-reveal] { filter:none; transition:none; }
}

/* Case and news detail reading experience */
.detail-reading-page {
  --detail-reading-width:min(1280px,calc(100vw - 9vw));
  overflow:hidden;
  background-color:#f5faff;
  background-image:linear-gradient(rgba(7,86,216,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(7,86,216,.032) 1px,transparent 1px),radial-gradient(circle at 82% 9%,rgba(67,203,217,.12),transparent 28%),linear-gradient(145deg,#fff,#f5faff 52%,#edf7ff);
  background-size:72px 72px,72px 72px,auto,auto;
}
.detail-reading-hero {
  position:relative;
  width:min(1500px,calc(100vw - 8vw));
  min-height:440px;
  margin:0 auto;
  padding:clamp(92px,8vw,130px) 0 clamp(62px,5vw,86px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-bottom:1px solid rgba(7,86,216,.16);
  isolation:isolate;
}
.detail-reading-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:clamp(280px,28vw,540px);
  aspect-ratio:1;
  right:-8%;
  top:-32%;
  border:1px solid rgba(11,143,241,.1);
  border-radius:50%;
  background:radial-gradient(circle,rgba(11,143,241,.07),transparent 67%);
}
.detail-reading-back { position:absolute; top:42px; left:0; right:0; display:flex; justify-content:flex-start; }
.detail-reading-back a { color:#167de5; font-size:13px; font-weight:600; transition:transform .28s ease,color .28s ease; }
.detail-reading-back a:hover { color:#0756d8; transform:translateX(-5px); }
.detail-reading-hero > small { color:#1684ed; font:600 11px/1.4 Arial,sans-serif; letter-spacing:.22em; }
.detail-reading-hero h1 {
  width:min(1120px,92%);
  margin:22px auto 0;
  color:#063765;
  font-size:clamp(36px,3.4vw,62px);
  font-weight:520;
  line-height:1.2;
  letter-spacing:-.045em;
  text-align:center;
  text-wrap:balance;
}
.detail-reading-meta {
  width:min(760px,92%);
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid rgba(7,86,216,.17);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(16px);
}
.detail-reading-meta > div { min-width:0; padding:17px 22px; border-right:1px solid rgba(7,86,216,.13); }
.detail-reading-meta > div:last-child { border-right:0; }
.detail-reading-meta dt { color:#7894ae; font-size:11px; }
.detail-reading-meta dd { overflow:hidden; margin:6px 0 0; color:#164f87; font-size:15px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.detail-reading-news-meta { margin-top:28px; display:flex; justify-content:center; gap:22px; color:#6f8ba5; font:12px/1.5 Arial,sans-serif; letter-spacing:.08em; }
.detail-reading-news-meta span { position:relative; padding-left:22px; }
.detail-reading-news-meta span::before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:50%; background:#22b8c6; box-shadow:0 0 0 6px rgba(34,184,198,.1); transform:translateY(-50%); }
.detail-reading-shell { width:var(--detail-reading-width); margin:0 auto; padding:clamp(62px,6vw,104px) 0 clamp(80px,8vw,136px); }
.detail-reading-cover {
  position:relative;
  width:100%;
  max-height:720px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(7,86,216,.2);
  border-radius:24px;
  background:#eef6ff;
  box-shadow:0 28px 80px rgba(7,75,145,.09);
  transition:transform 620ms cubic-bezier(.2,.8,.2,1),border-color 420ms ease,box-shadow 620ms ease;
}
.detail-reading-cover::after {
  content:"";
  position:absolute;
  z-index:1;
  left:8%;
  right:8%;
  top:12%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(20,126,229,.62),rgba(53,213,208,.72),transparent);
  box-shadow:0 0 18px rgba(20,126,229,.24);
  opacity:.55;
  animation:detail-cover-scan 6s ease-in-out infinite;
  pointer-events:none;
}
.detail-reading-cover:hover { transform:translateY(-8px); border-color:rgba(7,86,216,.42); box-shadow:0 34px 96px rgba(7,75,145,.14); }
.detail-reading-cover img { display:block; width:100%; max-height:720px; object-fit:cover; filter:none; transition:transform 1s cubic-bezier(.2,.8,.2,1); }
.detail-reading-cover:hover img { transform:scale(1.018); }
.detail-reading-copy {
  position:relative;
  width:min(980px,92%);
  margin:clamp(50px,5vw,82px) auto 0;
  padding:clamp(34px,4.3vw,68px);
  border:1px solid rgba(7,86,216,.16);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 24px 72px rgba(7,75,145,.065);
  backdrop-filter:blur(18px);
}
.detail-reading-copy::before { content:""; position:absolute; top:-1px; left:clamp(34px,4vw,68px); width:clamp(120px,13vw,220px); height:2px; background:linear-gradient(90deg,#0756d8,#0b8ff1,#35d5d0); }
.detail-reading-lead { margin:0 0 30px; padding-bottom:30px; color:#174f80; border-bottom:1px solid rgba(7,86,216,.13); font-size:clamp(18px,1.45vw,23px); font-weight:500; line-height:1.9; }
.detail-reading-richtext { color:#4d6f8c; font-size:16px; line-height:2.05; }
.detail-reading-richtext p { margin:0 0 25px; color:inherit; font-size:inherit; line-height:inherit; }
.detail-reading-richtext p:last-child { margin-bottom:0; }
.detail-reading-richtext img,
.detail-reading-richtext figure,
.detail-reading-richtext picture { display:none !important; }
.detail-reading-pager { width:min(980px,92%); margin:clamp(54px,5vw,82px) auto 0; }
.js .detail-reading-page [data-reveal] { filter:blur(6px); transition:opacity 760ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform 820ms cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),filter 720ms ease var(--reveal-delay,0ms); }
.js .detail-reading-page [data-reveal].is-visible { filter:none; }

@keyframes detail-cover-scan {
  0%,100% { top:12%; opacity:.18; }
  50% { top:88%; opacity:.72; }
}

@media (max-width:820px) {
  .detail-reading-page { --detail-reading-width:calc(100vw - 32px); }
  .detail-reading-hero { width:calc(100vw - 32px); min-height:390px; padding:100px 0 58px; }
  .detail-reading-back { top:30px; }
  .detail-reading-hero h1 { width:100%; font-size:clamp(34px,10vw,48px); line-height:1.24; }
  .detail-reading-meta { grid-template-columns:1fr; }
  .detail-reading-meta > div { border-right:0; border-bottom:1px solid rgba(7,86,216,.13); }
  .detail-reading-meta > div:last-child { border-bottom:0; }
  .detail-reading-shell { padding-top:46px; padding-bottom:84px; }
  .detail-reading-cover { border-radius:16px; }
  .detail-reading-copy { width:100%; margin-top:34px; padding:28px 22px; border-radius:16px; }
  .detail-reading-lead { font-size:18px; }
  .detail-reading-pager { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .detail-reading-cover::after { animation:none; }
  .detail-reading-cover,
  .detail-reading-cover img { transition:none; transform:none !important; }
  .js .detail-reading-page [data-reveal] { filter:none; transition:none; }
}

/* Unified homepage section spacing rhythm */
@media (min-width:821px) {
  .next-home-main { --home-section-space:clamp(104px,7.5vw,144px); }
  .next-intro,
  .next-systems,
  .next-projects,
  .next-news { padding-top:var(--home-section-space); }
  .next-systems,
  .next-projects,
  .next-news { padding-bottom:var(--home-section-space); }
}

/* 2026-08-16 typography and product-detail media alignment */
body,button,input,select,textarea {
  font-family:"MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}

.product-detail-document .is-advantages p {
  display:flex;
  align-items:center;
  height:100%;
  min-height:78px;
  margin:0;
}

.product-detail-main-image {
  width:100%;
  height:auto;
  max-height: min(72vh, 720px);
  aspect-ratio:auto;
  overflow:hidden;
}

.product-detail-main-image:not(.is-portrait) img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(72vh,720px);
  object-fit:contain;
}

.product-detail-main-image.is-landscape img {
  width:100%;
}

.product-detail-main-image.is-portrait {
  height: min(72vh, 720px);
  aspect-ratio:auto !important;
  cursor:default;
}

.product-detail-main-image.is-portrait img {
  width:auto;
  height:100%;
  margin-inline:auto;
}

@media (max-width:820px) {
  .product-detail-main-image,
  .product-detail-main-image.is-portrait {
    height:min(68vh,620px);
    max-height:min(68vh,620px);
  }

  .product-detail-main-image.is-landscape {
    height:auto;
  }
}

/* 2026-08-16 homepage hero copy rhythm */
@media (min-width:821px) {
  .tech-hero-copy { transform:translateY(clamp(48px,8vh,78px)); }
  .tech-hero-copy h1 { line-height:1.24; }
  .tech-hero-action { top:calc(100% + 104px); margin-top:0; }
}

/* Home content and visual refinement 2026-08-18 */
.tech-hero-drone {
  position:absolute;
  z-index:3;
  left:clamp(31%,34vw,38%);
  top:46%;
  display:block;
  width:clamp(128px,10vw,190px);
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 18px 24px rgba(4,60,122,.16));
  animation:techDroneFloat 6s ease-in-out infinite;
}

/* Website content layout refinement 2026-08-19 */
.channel-hero-description.is-hidden { display:none; }
.channel-hero-culture > .channel-hero-copy,
.channel-hero-honor > .channel-hero-copy { margin-left:clamp(80px,10vw,220px); }
.channel-hero-culture .channel-hero-copy h1,
.channel-hero-honor .channel-hero-copy h1 { font-size:clamp(64px,7vw,118px); }
.channel-hero-culture::before,
.channel-hero-history::before,
.channel-hero-honor::before { background:linear-gradient(90deg,rgba(3,34,67,.5),rgba(3,34,67,.08) 72%,transparent); }
.next-richtext p,
.next-richtext[data-editorial-richtext] p,
.editorial-prose { margin:0 0 1.1em; text-indent:2em; text-align:justify; line-height:1.85; }
.next-richtext ul,
.next-richtext ol,
.next-richtext table { text-indent:0; }
.about-film-intro { grid-template-columns:1fr 1.05fr; gap:clamp(48px,5vw,96px); padding-inline:clamp(28px,4vw,76px); }
.about-film-intro-title h1 { font-size:clamp(46px,4.4vw,72px); white-space:nowrap; }
.profile-carousel { position:relative; margin-top:48px; overflow:hidden; border:1px solid var(--wd-tech-border); border-radius:22px; background:#eaf4fb; }
.profile-carousel-stage { position:relative; aspect-ratio:16/10; }
.about-film-intro .profile-carousel figure { position:absolute; inset:0; width:100%; height:100%; margin:0; border:0; border-radius:0; opacity:0; pointer-events:none; transition:opacity .55s ease; }
.about-film-intro .profile-carousel figure.is-active { opacity:1; pointer-events:auto; }
.profile-carousel img { width:100%; height:100%; object-fit:cover; }
.profile-carousel footer { position:absolute; z-index:2; right:18px; bottom:16px; display:flex; align-items:center; gap:16px; padding:8px 10px 8px 14px; border:1px solid rgba(255,255,255,.5); border-radius:999px; color:#fff; background:rgba(4,47,91,.58); backdrop-filter:blur(12px); }
.profile-carousel footer > div { display:flex; gap:6px; }
.profile-carousel button { width:34px; height:34px; border:1px solid rgba(255,255,255,.56); border-radius:50%; color:#fff; background:transparent; cursor:pointer; }
.about-film-closing::after { background:rgba(3,41,78,.3); }
.about-film-closing > img { filter:brightness(1.18) saturate(.92) contrast(1.04); }
@media (max-width:900px) {
  .about-film-intro { grid-template-columns:1fr; padding-inline:clamp(20px,6vw,40px); }
  .profile-carousel { margin-top:30px; }
  .profile-carousel-stage { aspect-ratio:4/3; }
  .profile-carousel footer { right:12px; bottom:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-film-intro .profile-carousel figure { transition:none !important; }
}
.history-ascent-heading { display:block; padding-bottom:52px; }
.history-ascent-heading > div { width:100%; }
.history-ascent-heading h1 { width:max-content; max-width:100%; font-size:clamp(42px,4.4vw,72px); white-space:nowrap; }
.history-ascent-shell { position:relative; min-height:820px; padding:76px clamp(28px,5vw,92px) 260px; overflow:hidden; color:#fff; background-image:linear-gradient(180deg,rgba(5,75,151,.82),rgba(5,88,170,.9)),url('/assets/addons/cms/weidun/images/about-weldon/channel/history-hero.webp'); background-position:center; background-size:cover; }
.history-ascent-shell::after { content:""; position:absolute; inset:auto 0 0; height:44%; opacity:.42; background:linear-gradient(170deg,transparent 47%,rgba(4,48,91,.75) 48%,rgba(4,48,91,.75) 50%,transparent 51%); pointer-events:none; }
.history-ascent { position:relative; z-index:1; min-height:520px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; gap:clamp(20px,3vw,52px); }
.history-ascent-stage { position:relative; min-height:370px; padding:34px 24px 30px 34px; transform:translateY(var(--history-offset)); border-left:1px solid rgba(255,255,255,.58); background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035)); backdrop-filter:blur(8px); }
.history-ascent-stage::before { content:""; position:absolute; left:-6px; top:0; width:11px; height:11px; border:1px solid #fff; border-radius:50%; background:#087ce3; }
.history-ascent-stage time { display:block; color:#fff; font-size:clamp(32px,3.2vw,54px); font-weight:800; line-height:1; letter-spacing:-.035em; white-space:nowrap; }
.history-ascent-stage h2 { margin:28px 0 22px; color:#fff; font-size:clamp(22px,1.75vw,32px); line-height:1.25; }
.history-ascent-stage ul { margin:0; padding-left:1.1em; color:rgba(255,255,255,.9); font-size:14px; line-height:1.72; }
.history-ascent-stage li + li { margin-top:8px; }
@media (max-width:1100px) {
  .history-ascent-stage { padding-left:24px; }
  .history-ascent-stage time { font-size:34px; }
  .history-ascent-stage h2 { font-size:22px; }
}
@media (max-width:900px) {
  .history-ascent-heading h1 { width:auto; white-space:normal; text-wrap:balance; }
  .history-ascent-shell { min-height:0; padding:64px 22px 78px; }
  .history-ascent { min-height:0; display:flex; flex-direction:column; gap:24px; }
  .history-ascent-stage { width:100%; min-height:0; transform:none; }
}
.about-honor-film .about-film-heading { grid-template-columns:1fr; }
.about-honor-film .about-film-heading > p { display:none; }
.honor-carousel-card h2 { display:-webkit-box; min-height:52px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.product-platform-slogan { line-height:1.08; }
.product-system-title-lines { max-width:100%; font-size:clamp(40px,4.25vw,62px); line-height:1.08; white-space:nowrap; }
.product-system-description { max-width:570px; color:#5d7d9c; line-height:1.9; }
.product-name-single-line { display:block; min-width:0; overflow:hidden; color:#073d78; font-size:clamp(13px,1.02vw,17px); line-height:1.35; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.product-detail-document.next-richtext p { text-indent:2em; text-align:justify; line-height:1.85; }
.case-platform-heading,
.news-radar-heading { grid-template-columns:1fr; }
.case-platform-heading > div,
.news-radar-heading > div { padding-left:clamp(0px,2vw,34px); }
.single-line-priority-heading { width:max-content; max-width:100%; white-space:nowrap; }
@media (max-width:900px) {
  .about-film-intro-title h1,
  .product-system-title-lines { white-space:normal; text-wrap:balance; }
  .case-platform-heading > div,
  .news-radar-heading > div { padding-left:0; }
  .single-line-priority-heading { width:auto; white-space:normal; text-wrap:balance; }
}

@keyframes techDroneFloat {
  0%,100% { transform:translate3d(0,0,0) rotate(-2deg); }
  50% { transform:translate3d(8px,-12px,0) rotate(1deg); }
}

.next-renewal {
  grid-template-columns:58% 42%;
  gap:0;
}

.next-renewal-visual {
  clip-path:none;
  border-radius:24px;
  overflow:hidden;
}

.next-renewal-visual::after {
  display:none;
}

.next-renewal-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.site-footer {
  background:
    radial-gradient(circle at 14% 18%,rgba(84,190,244,.22),transparent 30%),
    linear-gradient(118deg,#0a559f 0%,#116cba 52%,#1288c4 100%);
}

.site-footer::before {
  opacity:.14;
  background:repeating-linear-gradient(115deg,transparent 0 56px,rgba(211,241,255,.26) 57px 58px);
}

.editorial-hero.about-editorial-hero {
  background-image:var(--inner-hero-image);
  background-position:center 62%;
  background-size:cover;
}

.editorial-hero.about-editorial-hero::before,
.editorial-hero.about-editorial-hero::after {
  display:none;
}

.about-editorial-hero > .channel-hero-copy {
  left:clamp(140px,13vw,260px);
  top:24%;
  width:min(660px,38vw);
  max-width:660px;
  padding:clamp(24px,2vw,38px) clamp(28px,2.4vw,46px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:linear-gradient(110deg,rgba(244,250,255,.88),rgba(239,248,255,.68));
  box-shadow:0 20px 60px rgba(15,72,119,.16);
  backdrop-filter:blur(12px);
}

.about-editorial-hero .channel-hero-copy small {
  color:#0756d8;
  text-shadow:0 1px 10px rgba(255,255,255,.96);
}

.about-editorial-hero .channel-hero-copy h1 {
  color:#063765;
  font-size:clamp(68px,4.8vw,92px);
  line-height:1.05;
  text-shadow:0 2px 0 rgba(255,255,255,.72);
}

.about-editorial-hero .channel-hero-copy p {
  max-width:620px;
  color:#174e75;
  font-size:clamp(15px,1.05vw,20px);
  line-height:1.85;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

@media (min-width:1280px) {
  .tech-hero-copy {
    width:min(38vw,700px);
    max-width:700px;
    transform:translateY(clamp(68px,9vh,96px));
  }

  .tech-hero-copy h1 {
    font-size:clamp(72px,5.2vw,100px);
    line-height:1.18;
    letter-spacing:-.045em;
  }

  .tech-hero-action {
    top:calc(100% + clamp(118px,10vh,148px));
  }

  .next-intro-heading h2,
  .next-systems .next-section-head h2,
  .next-projects .next-section-head h2,
  .next-news .next-section-head h2 {
    white-space:nowrap;
    font-size:clamp(46px,3.1vw,62px);
    letter-spacing:-.035em;
  }

  .next-system-card h3 {
    white-space:nowrap;
    font-size:clamp(21px,1.45vw,28px);
    letter-spacing:-.025em;
  }

  .next-renewal-copy {
    padding-inline:clamp(34px,3vw,58px);
  }

  .next-renewal-copy h2 {
    max-width:none;
    font-size:clamp(52px,3.55vw,68px);
    line-height:1.24;
    letter-spacing:-.04em;
  }
}

/* 最终收口：避免前序主题规则重新放大 Hero 或缩窄详情内容。 */
@media (min-width:821px) {
  .editorial-hero.case-editorial-hero,
  .editorial-hero.about-editorial-hero,
  .contact-page .editorial-hero-contact,
  .news-radar-hero {
    height:clamp(320px,36vw,520px);
    min-height:320px;
    max-height:520px;
  }

  .editorial-subnav,
  .editorial-subnav a { min-height:80px; }
  .editorial-breadcrumb { min-height:74px; }
}

.detail-reading-copy {
  width:100%;
  max-width:none;
}

.detail-reading-pager {
  width:100%;
  max-width:none;
  display:flex;
  justify-content:space-between;
  gap:clamp(24px,3vw,48px);
  border:0;
}

.detail-reading-pager a {
  width:min(490px,calc(50% - 12px));
  flex:0 0 auto;
  border:1px solid var(--wd-tech-border);
  border-radius:var(--wd-tech-radius);
}

@media (max-width:820px) {
  .detail-reading-pager { display:grid; grid-template-columns:1fr; gap:14px; }
  .detail-reading-pager a { width:100%; }
}

@media (max-width:1279px) and (min-width:901px) {
  .tech-hero-drone {
    left:38%;
    top:48%;
    width:118px;
    opacity:.78;
  }
}

@media (max-width:900px) {
  .tech-hero-drone {
    display:none;
  }

  .tech-city-hero {
    height:auto;
    min-height:0;
  }

  .tech-hero-content {
    width:100%;
    height:auto;
    min-height:0;
    padding:44px 18px 30px;
  }

  .tech-capability-layer {
    position:relative;
    inset:auto;
    align-items:flex-start;
    width:100%;
    height:auto;
    margin:44px 0 0;
    padding:0 0 8px;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
  }

  .tech-capability-card,
  .tech-capability-card.is-drone,
  .tech-capability-card.is-robot,
  .tech-capability-card.is-lifecycle,
  .tech-capability-card.is-roof {
    position:relative;
    inset:auto;
    flex:0 0 min(82vw,330px);
    width:min(82vw,330px);
    min-width:min(82vw,330px);
    min-height:108px;
    height:auto;
    color:#0b4e9d;
    border-color:rgba(31,135,225,.28);
    background:rgba(242,250,255,.9);
    scroll-snap-align:start;
  }

  .about-editorial-hero > .channel-hero-copy {
    left:24px;
    top:120px;
    width:calc(100% - 48px);
    max-width:none;
    padding:24px;
  }

  .about-editorial-hero .channel-hero-copy h1 {
    font-size:clamp(48px,12vw,68px);
  }

  .editorial-hero.about-editorial-hero {
    height:720px;
    min-height:720px;
    background-position:62% center;
  }
}

@media (prefers-reduced-motion:reduce) {
  .tech-hero-drone {
    animation:none;
  }
}

/* Homepage and about correction 2026-08-19 */
@media (min-width:901px) {
  .tech-hero-content {
    padding-left:4vw;
  }

  .tech-hero-copy {
    width:min(38vw,700px);
    max-width:700px;
    transform:none;
  }

  .tech-hero-action {
    position:static;
    inset:auto;
    margin-top:clamp(54px,6vh,72px);
  }

  .next-systems .next-section-head {
    grid-template-columns:minmax(0,1fr) auto;
    gap:clamp(36px,3.5vw,68px);
  }

  .next-systems .next-section-head > p {
    max-width:none;
    white-space:nowrap;
    font-size:15px;
  }
}

.next-news-list a {
  font-size:17px;
  line-height:1.55;
}

.next-news-list time,
.next-news-list a small {
  font-size:13px;
}

.next-news-list a b {
  font-size:20px;
}

.next-rich-summary p {
  margin:0 0 .9em;
  text-align:justify;
  text-indent:2em;
  line-height:1.85;
}

.next-rich-summary p:last-child {
  margin-bottom:0;
}

.about-editorial-hero > .channel-hero-copy {
  left:clamp(72px,6vw,120px);
  top:24%;
  width:min(660px,42vw);
  max-width:660px;
  margin-left:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

@media (max-width:1279px) and (min-width:901px) {
  .next-systems .next-section-head > p {
    white-space:normal;
  }
}

@media (max-width:900px) {
  .about-editorial-hero > .channel-hero-copy {
    left:24px;
    top:120px;
    width:calc(100% - 48px);
    max-width:none;
    margin-left:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Layout, catalogue and contact alignment correction 2026-08-19 */
.next-intro-heading,
.next-intro-stage,
.next-metrics {
  width:var(--wd-container);
  margin-left:auto;
  margin-right:auto;
}

/* Homepage intro and product-platform proportion correction 2026-08-25 */
@media (min-width:901px) {
  .next-intro-stage {
    min-height:610px;
    align-items:stretch;
  }

  .next-intro-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:610px;
    padding:64px clamp(52px,4.2vw,76px) 64px clamp(32px,2.6vw,48px);
  }

  .next-intro-copy::before {
    display:none;
  }

  .next-intro-image {
    height:auto;
    min-height:610px;
  }
}

.next-intro-copy h3 {
  font-size:clamp(26px,1.75vw,34px);
  line-height:1.45;
}

.product-platform-description,
.next-intro-copy .next-rich-summary,
.about-film-intro .next-richtext,
.about-story-chapter .next-richtext {
  color:var(--wd-text);
  font-size:clamp(16px,1.05vw,18px);
  line-height:2.05;
}

.next-intro-copy .next-rich-summary p,
.about-film-intro .next-richtext p,
.about-story-chapter .next-richtext p {
  font-size:inherit;
  line-height:inherit;
}

.product-platform-slogan {
  display:grid;
  gap:.08em;
  font-size:clamp(36px,3.15vw,52px) !important;
  line-height:1.12;
}

.product-platform-slogan > span {
  display:block;
  white-space:nowrap;
}

.product-platform-slogan > span:first-child {
  width:max-content;
  max-width:100%;
}

.product-platform-description {
  max-width:620px;
  color:#5d7d9c;
  font-size:clamp(16px,1.05vw,18px);
  line-height:2.05;
  text-align:justify;
}

.product-platform-description p {
  margin:0;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
}

.product-platform-description p + p {
  margin-top:.72em;
}

.product-detail-summary > p {
  font-size:clamp(16px,1.05vw,18px);
  line-height:2;
  text-align:justify;
  text-indent:2em;
}

@media (min-width:821px) {
  .product-system-title-lines {
    font-size:clamp(36px,3.2vw,50px);
    line-height:1.15;
    white-space:normal;
    text-wrap:balance;
  }

  .product-system-hero {
    grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);
    gap:56px;
    align-items:end;
  }

  .product-system-hero figure {
    aspect-ratio:1.38;
  }
}

@media (max-width:900px) {
  .product-platform-slogan > span {
    width:auto;
    white-space:normal;
  }
}

.product-list-image {
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:linear-gradient(145deg,#f5faff,#e5f2ff);
}

.product-list-image img {
  position:absolute;
  inset:16px;
  width:calc(100% - 32px);
  height:calc(100% - 32px);
  object-fit:contain;
}

.product-list-card a,
.product-list-copy {
  min-height:0;
}

.reference-contact-map-column {
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.reference-contact-map-action {
  flex:0 0 auto;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.reference-contact-map-action a {
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  color:var(--contact-blue,#0756d8);
  border:1px solid rgba(7,86,216,.22);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  font-size:14px;
  font-weight:600;
  transition:color 220ms ease,border-color 220ms ease,background-color 220ms ease;
}

.reference-contact-map-action a:hover {
  color:#fff;
  border-color:var(--contact-blue,#0756d8);
  background:var(--contact-blue,#0756d8);
}

.contact-page .reference-contact-map-column .reference-contact-map {
  flex:1 1 auto;
  height:auto;
  min-height:0;
  margin-top:0;
}

.contact-page .contact-visit-note {
  grid-template-columns:180px minmax(0,1fr);
}

@media (max-width:820px) {
  .reference-contact-map-column {
    height:auto;
    margin-top:18px;
  }

  .reference-contact-map-action {
    justify-content:flex-start;
  }

  .contact-page .reference-contact-map-column .reference-contact-map {
    flex:none;
    height:82vw;
    min-height:360px;
  }

  .contact-page .contact-visit-note {
    grid-template-columns:1fr;
  }
}

@media (max-width:540px) {
  .contact-page .reference-contact-map-column .reference-contact-map {
    height:105vw;
  }
}

/* Contact, channel hero and company profile correction 2026-08-20 */
@media (min-width:821px) {
  .reference-contact-map-column {
    position:relative;
    display:block;
    height:100%;
  }

  .reference-contact-map-action {
    position:absolute;
    z-index:4;
    right:0;
    bottom:calc(100% + 14px);
    min-height:44px;
  }

  .contact-page .reference-contact-map-column .reference-contact-map {
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
  }
}

.about-film-intro {
  grid-template-columns:minmax(0,54fr) minmax(420px,46fr);
  align-items:center;
  gap:clamp(28px,2.2vw,48px);
  padding:clamp(72px,6vw,112px) clamp(24px,2.5vw,64px);
}

.about-film-intro-copy {
  min-width:0;
  display:grid;
  align-self:center;
  align-content:start;
  gap:clamp(34px,3vw,52px);
}

.about-film-intro-copy .next-richtext {
  max-width:none;
}

.about-film-intro-media {
  width:100%;
  max-width:none;
  justify-self:end;
  align-self:center;
}

.about-film-intro-media .profile-carousel {
  margin-top:0;
}

.about-film-intro-media .profile-carousel-stage {
  aspect-ratio:4/3;
}

.about-film-chapters {
  padding:clamp(64px,5vw,88px) clamp(24px,2.5vw,64px);
  display:grid;
  gap:22px;
}

.about-story-chapter,
.about-story-chapter:nth-child(even) {
  width:100%;
  height:clamp(520px,24vw,720px);
  min-height:0;
  margin:0 auto;
  grid-template-columns:minmax(0,46fr) minmax(0,54fr);
  border:1px solid rgba(87,164,226,.22);
  border-radius:24px;
}

.about-story-chapter:nth-child(even) {
  grid-template-columns:minmax(0,54fr) minmax(0,46fr);
}

.about-story-chapter + .about-story-chapter {
  border-top:0;
}

.about-story-chapter figure {
  height:100%;
  min-height:0;
  overflow:hidden;
  border-radius:22px;
}

.about-story-chapter figure img {
  border-radius:inherit;
}

.about-story-glass {
  min-width:0;
  max-height:calc(100% - 48px);
  margin:24px;
  padding:clamp(34px,3.2vw,58px) !important;
  overflow:auto;
}

@media (max-width:900px) {
  .about-film-intro {
    grid-template-columns:1fr;
    gap:36px;
    padding:68px clamp(20px,6vw,40px);
  }

  .about-film-intro-media {
    max-width:680px;
    justify-self:start;
  }

  .about-film-chapters {
    padding:54px 18px;
    gap:18px;
  }

  .about-story-chapter,
  .about-story-chapter:nth-child(even) {
    height:auto;
    grid-template-columns:1fr;
  }

  .about-story-chapter:nth-child(even) figure {
    order:0;
  }

  .about-story-chapter figure {
    height:clamp(280px,44vw,360px);
    min-height:280px;
  }

  .about-story-glass {
    max-height:none;
    margin:16px;
    padding:38px 24px !important;
    overflow:visible;
  }
}

/* About Weldon English content fit */
.about-film-main .about-film-intro .next-richtext,
.about-film-main .about-story-chapter .next-richtext {
  text-align:left;
  text-wrap:pretty;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.about-film-main .about-film-intro .next-richtext {
  width:100%;
  max-width:none;
}

.about-film-main .about-film-index b {
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.25;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

.about-film-main .about-story-chapter,
.about-film-main .about-story-chapter:nth-child(even) {
  height:auto;
  min-height:clamp(620px,42vw,760px);
  scroll-margin-top:calc(var(--header-height,72px) + 112px);
}

.about-film-main .about-story-chapter figure {
  min-height:clamp(620px,42vw,760px);
}

.about-film-main .about-story-glass {
  max-height:none;
  overflow:visible;
}

.about-film-main .about-story-chapter h2 {
  font-size:clamp(38px,3.2vw,58px);
  line-height:1.08;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

@media (max-width:900px) {
  .about-film-main .about-film-intro-title h1 {
    font-size:clamp(42px,13vw,58px);
    line-height:1.02;
  }

  .about-film-main .about-film-intro .next-richtext,
  .about-film-main .about-story-chapter .next-richtext {
    font-size:16px;
    line-height:1.85;
  }

  .about-film-main .about-story-chapter,
  .about-film-main .about-story-chapter:nth-child(even) {
    min-height:0;
  }

  .about-film-main .about-story-chapter figure {
    min-height:280px;
  }

  .about-film-main .about-story-chapter h2 {
    font-size:clamp(34px,10vw,46px);
  }
}

.about-culture-film .about-culture-copy > [data-culture-description] {
  min-height:clamp(108px,8vw,132px);
  text-align:left;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

.about-culture-film .about-culture-copy button {
  grid-template-columns:52px minmax(0,1fr);
}

.about-culture-film .about-culture-copy button b,
.about-culture-film .about-culture-copy button em {
  min-width:0;
  overflow-wrap:anywhere;
}

.about-history-film .history-ascent-stage h2 {
  font-size:clamp(20px,1.45vw,28px);
  line-height:1.18;
  text-wrap:balance;
  overflow-wrap:anywhere;
}

.about-history-film .history-ascent-stage li {
  overflow-wrap:anywhere;
}

.about-honor-film .honor-carousel-card h2 {
  display:block;
  min-height:3.4em;
  margin:10px 0 16px;
  overflow:visible;
  font-size:clamp(14px,1vw,17px);
  line-height:1.35;
  text-wrap:balance;
  overflow-wrap:anywhere;
  -webkit-line-clamp:unset;
}

.about-honor-film .honor-empty {
  margin:0;
  padding:80px 24px;
  text-align:center;
  color:#607b92;
}

@media (max-width:900px) {
  .about-honor-film .honor-carousel-card h2 {
    min-height:4.05em;
    font-size:15px;
  }
}

@media (max-width:900px) {
  .about-culture-film .about-culture-copy > [data-culture-description] {
    min-height:auto;
    text-wrap:pretty;
  }

  .about-culture-film .about-culture-copy nav {
    width:100%;
    padding-bottom:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }

  .about-culture-film .about-culture-copy button {
    min-width:196px;
    grid-template-columns:42px minmax(0,1fr);
  }
}

/* 统一内页顶部横幅：素材固定 8:3，桌面端按原比例完整展示。 */
@media (min-width:901px) {
  .editorial-hero.case-editorial-hero,
  .editorial-hero.about-editorial-hero,
  .contact-page .editorial-hero-contact,
  .news-radar-hero {
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:8/3;
  }

  .editorial-hero.case-editorial-hero,
  .editorial-hero.about-editorial-hero,
  .contact-page .editorial-hero-contact {
    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }

  .news-radar-hero-media {
    object-fit:fill;
    object-position:center;
  }
}

@media (max-width:900px) {
  .editorial-hero.case-editorial-hero,
  .editorial-hero.about-editorial-hero,
  .contact-page .editorial-hero-contact,
  .news-radar-hero {
    width:100%;
    height:clamp(300px,56vw,420px);
    min-height:300px;
    max-height:420px;
    background-color:#082c53;
  }

  .editorial-hero.case-editorial-hero,
  .editorial-hero.about-editorial-hero,
  .contact-page .editorial-hero-contact {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
  }

  .news-radar-hero-media {
    object-fit:contain;
    object-position:center;
    background:#082c53;
  }
}

/* 英文首页首屏标题：控制桌面端行数，避免标题侵占指标与操作区域。 */
@media (min-width:1280px) {
  .tech-hero-copy {
    width:min(46vw,900px);
    max-width:900px;
  }

  .tech-hero-copy h1 {
    max-width:900px;
    font-size:clamp(56px,3.5vw,72px);
    line-height:1.08;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
}

/* English homepage content-fit: keep long English copy inside its visual regions. */
.tech-capability-card {
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
}

.tech-capability-copy {
  grid-template-columns:minmax(0,1fr) 20px;
  gap:7px 10px;
}

.tech-capability-title {
  grid-column:1 / -1;
  min-width:0;
  overflow:hidden;
  font-size:clamp(13px,.9vw,17px) !important;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tech-capability-subtitle {
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.next-systems-heading,
.next-news-heading {
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(30px,3vw,62px);
}

.next-systems-heading > div,
.next-news-heading > div {
  min-width:0;
}

.next-systems-heading .next-line-link,
.next-news-heading .next-line-link {
  align-self:end;
  white-space:nowrap;
}

.next-system-card > div {
  min-width:0;
  max-width:calc(100% - 34px);
}

.next-system-card-title {
  max-width:100%;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:clamp(14px,.85vw,19px) !important;
  line-height:1.22 !important;
  text-overflow:clip;
  text-wrap:balance;
  white-space:normal !important;
}

@media (min-width:1280px) {
  .tech-hero-copy {
    width:min(46vw,820px);
    max-width:820px;
  }

  .tech-hero-title {
    max-width:none !important;
    font-size:clamp(36px,2.35vw,52px) !important;
    line-height:1.08 !important;
    text-wrap:nowrap !important;
    white-space:nowrap;
  }

  .next-systems-heading h2,
  .next-news-heading h2 {
    font-size:clamp(30px,2.6vw,56px) !important;
    line-height:1.08;
    white-space:nowrap;
  }

  .next-renewal-copy {
    padding-inline:clamp(30px,3vw,58px);
  }

  .next-renewal-title {
    max-width:none !important;
    font-size:clamp(34px,2.35vw,47px) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em;
    text-wrap:nowrap;
    white-space:nowrap;
  }

  .tech-capability-card.is-lifecycle {
    width:440px;
  }
}

@media (max-width:1279px) {
  .tech-hero-title,
  .next-renewal-title {
    white-space:normal !important;
  }

  .next-systems-heading h2,
  .next-news-heading h2 {
    white-space:normal;
  }
}

@media (max-width:900px) {
  .next-systems-heading,
  .next-news-heading {
    display:block;
  }

  .next-systems-heading .next-line-link,
  .next-news-heading .next-line-link {
    margin-top:24px;
  }

  .next-system-card-title {
    font-size:clamp(16px,5vw,22px) !important;
    text-wrap:balance;
    white-space:normal;
  }
}

/* 2026-08-28 English product platform layout */
.product-system-section { width:min(1440px,calc(100% - 96px)); }

@media (min-width:821px) {
  .product-platform-hero {
    grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
    gap:40px;
    align-items:center;
  }
  .product-platform-hero-copy,
  .product-platform-description { max-width:none; }
  .product-platform-description {
    font-size:clamp(15px,.9vw,17px);
    line-height:1.78;
  }
  .product-platform-description p + p { margin-top:.48em; }
  .product-platform-hero-image {
    height:auto;
    aspect-ratio:1.45;
  }
  .product-platform-hero-image img { object-fit:cover; }
  .product-platform-heading {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
    align-items:end;
    gap:40px;
  }
  .product-platform-heading h2 {
    width:max-content;
    max-width:100%;
    font-size:clamp(34px,2.75vw,46px);
    line-height:1.1;
    white-space:nowrap;
  }
}

.product-system-tabs a { min-height:132px; padding-inline:14px; }
.product-system-tabs b {
  display:block;
  min-height:3.9em;
  color:#073d78;
  font-size:clamp(12px,.7vw,14px);
  line-height:1.35;
  letter-spacing:-.035em;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
}
.product-system-card-copy b {
  display:block;
  min-height:2.5em;
  color:#073d78;
  font-size:clamp(18px,1.02vw,21px);
  line-height:1.25;
  letter-spacing:-.045em;
  text-wrap:balance;
  overflow-wrap:normal;
}
.product-list-copy .product-name-single-line {
  display:block;
  min-height:4.1em;
  overflow:visible;
  color:#073d78;
  font-size:clamp(14px,.9vw,16px);
  line-height:1.35;
  letter-spacing:-.045em;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.product-system-title-lines {
  max-width:100%;
  font-size:clamp(24px,1.65vw,32px) !important;
  line-height:1.1 !important;
  letter-spacing:-.04em;
  white-space:normal !important;
  text-wrap:balance;
  overflow-wrap:normal;
}

@media (min-width:821px) {
  .product-system-hero {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(36px,3vw,48px);
    align-items:stretch;
  }
  .product-system-hero figure { width:100%; height:auto; min-height:clamp(420px,31vw,560px); aspect-ratio:1.45; }
  .product-system-hero figure img { object-fit:cover; }
}

@media (max-width:1500px) and (min-width:1181px) {
  .product-system-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product-list-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product-system-tabs a { min-height:112px; }
  .product-system-tabs b { font-size:13px; }
  .product-platform-heading { display:block; }
  .product-platform-heading h2 { font-size:clamp(36px,3.8vw,44px); }
  .product-platform-heading > p { margin-top:16px; }
  .product-system-card-copy b { font-size:16px; }
}

@media (max-width:820px) {
  .product-platform-heading h2,
  .product-system-title-lines { white-space:normal; text-wrap:balance; }
  .product-system-tabs b { min-height:0; font-size:13px; overflow-wrap:anywhere; }
  .product-system-card-copy b { font-size:20px; }
}

/* Product detail: stable landscape frame with proportional image fitting. */
@media (min-width:821px) {
  .product-detail-header h1 {
    max-width:100%;
    font-size:clamp(34px,3.05vw,52px) !important;
    line-height:1.08 !important;
    letter-spacing:-.04em;
    white-space:normal !important;
    text-wrap:balance;
    overflow-wrap:normal;
  }
  .product-detail-shell {
    grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);
    gap:clamp(28px,3vw,48px);
    align-items:stretch;
  }
  .product-detail-gallery {
    height:clamp(600px,42vw,660px);
    min-height:0;
  }
  .product-detail-main-image,
  .product-detail-main-image.is-portrait,
  .product-detail-main-image.is-landscape {
    height:100%;
    max-height:none;
    aspect-ratio:auto !important;
    overflow:hidden;
    background:#fff;
  }
  .product-detail-main-image img,
  .product-detail-main-image.is-portrait img,
  .product-detail-main-image.is-landscape img {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    margin:0;
    object-fit:contain;
  }
  .product-detail-summary { min-height:100%; padding:clamp(24px,2vw,32px); }
}
.product-detail-summary h2 {
  margin:14px 0;
  font-size:clamp(22px,1.55vw,28px);
  line-height:1.25;
  text-wrap:balance;
}
.product-detail-summary > p {
  margin:0;
  font-size:clamp(14px,.88vw,16px);
  line-height:1.65;
  text-align:left;
  text-indent:0;
}
.product-detail-summary dl { margin:20px 0; }
.product-detail-summary dl div { align-items:flex-start; padding:10px 0; }
.product-detail-summary dt { flex:0 0 92px; }
.product-detail-summary dd {
  min-width:0;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:break-word;
}

/* English editorial copy should follow English word flow, not Chinese justification. */
.product-detail-document p,
.product-detail-document.next-richtext p {
  text-align:left !important;
  text-indent:0 !important;
  letter-spacing:normal;
  word-spacing:normal;
}