/* 索雷工业官网 · 全站公用样式 */
:root {
  --primary: #004A8F;
  --primary-hover: #003A73;
  --primary-light: #E8F1F8;
  --accent: #E85B24;
  --accent-hover: #CF4E1C;
  --deep: #0E2A4A;
  --text-primary: #222;
  --text-secondary: #666;
  --text-muted: #999;
  --bg-page: #fff;
  --bg-soft: #f7f8fa;
  --bg-card: #FFFFFF;
  --border: #e8e8e8;
  --border-light: #eeeeee;
  --channel-banner-match-color: #14181E;
  --channel-banner-ink: #fff;
  --channel-banner-bg: #14181E;
  --white: #fff;
  --ease: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--text-primary);
  background: var(--bg-page);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .55; cursor: not-allowed; }
h1, h2, h3, h4, p { margin: 0; }
ul, ol { margin: 0; padding: 0; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.container {
  width: calc(100% - 48px);
  max-width: 1350px;
  margin: 0 auto;
}

.container-read {
  width: calc(100% - 48px);
  max-width: 860px;
  margin: 0 auto;
}

.section { padding: 48px 0; }
[data-page="index"] .section { padding: 40px 0 40px; }
[data-page="index"] .section:has([data-block="home-faqs"]) { padding: 56px 0 60px; }
.section-soft { background: var(--bg-soft); }
.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.section-head h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
}
.section-desc {
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 28px;
}

.grid { display: grid; gap: 24px; }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }

.clamp-2,
.clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp-2 { -webkit-line-clamp: 2; }
.clamp-3 { -webkit-line-clamp: 3; }

/* V1.8：首页与独立列表标题1行、简介2行 */
[data-page="index"] .card-title,
[data-page="index"] .news-item-title,
[data-page="product-list"] .card-title,
[data-page="case-list"] .card-title,
[data-page="news-list"] .news-item-title,
[data-page="news-topic"] .news-item-title,
[data-page="help-category"] .help-q-card h2,
.help-q .q {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-page="index"] .card-summary,
[data-page="index"] .news-item-summary,
[data-page="product-list"] .card-summary,
[data-page="case-list"] .card-summary,
[data-page="news-list"] .news-item-summary,
[data-page="news-topic"] .news-item-summary,
[data-page="help-category"] .help-q-card p {
  -webkit-line-clamp: 2;
}


.empty-state {
  padding: 48px 24px;
  text-align: center;
  color: var(--text-muted);
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}

/* ========== Header ========== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 80px;
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid var(--border);
}
.header-inner {
  height: 80px;
  display: flex;
  align-items: center;
  gap: 32px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.brand img {
  height: 48px;
  width: auto;
}
.brand-name {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--primary);
}
.brand:has([data-slot="site-logo"]) .brand-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.menu-toggle {
  display: none;
  margin-left: auto;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: var(--primary);
}
.site-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 18px 24px;
  margin-left: auto;
  max-width: calc(100% - 180px);
}
.nav-item { position: relative; }
.nav-item > a {
  display: flex;
  align-items: center;
  height: 80px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--text-primary);
  position: relative;
  transition: color .2s ease;
  white-space: nowrap;
}
.nav-item > a:hover { color: var(--primary); }
.nav-item.is-active > a {
  color: var(--primary);
  font-weight: 600;
}
.nav-item.is-active > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  height: 2px;
  background: var(--accent);
}
.subnav { display: none; }
.nav-item.has-sub > .subnav {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 148px;
  padding: 8px 0;
  background: #fff;
  border: 1px solid var(--border);
  z-index: 40;
}
.nav-item.has-sub:hover > .subnav,
.nav-item.has-sub:focus-within > .subnav {
  display: block;
}
.nav-item.has-sub > .subnav a {
  display: block;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 24px;
  color: var(--text-primary);
  white-space: nowrap;
  text-align: center;
}
.nav-item.has-sub > .subnav a:hover,
.nav-item.has-sub > .subnav a.is-active {
  color: var(--primary);
  background: var(--bg-soft);
}

/* ========== Buttons / links / tags ========== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 22px;
  border: 1px solid var(--primary);
  border-radius: 6px;
  background: var(--primary);
  color: var(--white);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  transition: var(--ease);
}
.btn:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}
.btn-ghost {
  background: transparent;
  color: var(--primary);
}
.btn-ghost:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}

.text-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text-secondary);
  transition: var(--ease);
}
.text-more .arrow { transition: transform .2s ease; }
.text-more:hover,
.card:hover .card-more { color: var(--accent); }
.text-more:hover .arrow,
.card:hover .card-more .arrow,
.more:hover .arrow { transform: translateX(3px); }
.more .arrow { transition: transform .2s ease; }

.tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--white);
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 22px;
  transition: var(--ease);
}
.tag:hover,
.tag-list a:hover {
  border-color: var(--accent);
  background: var(--primary-light);
  color: var(--accent);
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.tab {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--white);
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 22px;
  transition: var(--ease);
}
.tab:hover,
.tab.is-active {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--white);
}

/* ========== Text card ========== */
.card {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-card);
  min-width: 0;
  transition: var(--ease);
}
.card:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .04);
}
.card-media-card {
  padding: 0;
  overflow: hidden;
}
.card-link {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: inherit;
}
.card-media {
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--bg-soft);
}
[data-page="product-list"] .card-media,
[data-page="index"] [data-block="home-products"] .card-media {
  aspect-ratio: 4 / 3;
}
[data-page="case-list"] .card-media,
[data-page="index"] [data-block="home-cases"] .card-media {
  aspect-ratio: 16 / 10;
}
.card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .2s ease;
}
.card-link:hover .card-media img,
a.card-media-card:hover .card-media img { transform: scale(1.02); }
.card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 20px 20px;
}
.card-cat {
  margin-bottom: 6px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}
.card-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.card-summary {
  margin-top: 8px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}
.card .tag-list { margin-top: 12px; }
.card-more {
  margin-top: auto;
  padding-top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-secondary);
  transition: var(--ease);
}
.card-more .arrow { transition: transform .2s ease; }
.card-link:hover .card-more,
a.card-media-card:hover .card-more { color: var(--accent); }
.card-link:hover .card-more .arrow,
a.card-media-card:hover .card-more .arrow { transform: translateX(3px); }

.media-frame {
  overflow: hidden;
  border-radius: 12px;
  background: var(--bg-soft);
}
.media-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .2s ease;
}
a:hover .media-frame img { transform: scale(1.02); }

/* ========== Pagination / breadcrumb ========== */
.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--white);
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
  transition: var(--ease);
}
.pagination a:hover,
.pagination .is-current {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--white);
}
.pagination .is-disabled {
  color: var(--text-muted);
  background: var(--bg-soft);
  cursor: default;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 28px 0 32px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb .is-current { color: var(--text-secondary); }

/* ========== Channel hero V1.8 ========== */
.channel-hero {
  height: 220px;
  background-color: var(--channel-banner-match-color);
  background-image: var(--channel-pc);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.channel-hero__inner {
  width: calc(100% - 48px);
  max-width: 1350px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.channel-hero__inner h1 {
  color: var(--channel-banner-ink);
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
}
.channel-hero__inner p {
  margin-top: 8px;
  max-width: 560px;
  color: var(--channel-banner-ink);
  opacity: .78;
  font-size: 14px;
  line-height: 24px;
}
.channel-main {
  background: #fff;
  padding-top: 40px;
}
.channel-follow,
.section.channel-follow,
.about-intro.channel-follow,
.list-section.channel-follow,
.list-section.channel-main { padding-top: 40px; }

/* ========== Footer ========== */
.site-footer {
  margin-top: 0;
  padding-top: 56px;
  background: var(--deep);
  color: rgba(255, 255, 255, .78);
  font-size: 14px;
  line-height: 26px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 48px;
  align-items: start;
}
.footer-brand .brand {
  display: inline-flex;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.footer-brand .brand img {
  height: 48px;
  width: auto;
  mix-blend-mode: screen;
}
.footer-name {
  margin-top: 16px;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
}
.footer-intro { margin-top: 12px; max-width: 360px; }
.footer-contact h2 {
  margin-bottom: 16px;
  color: var(--white);
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.footer-contact p { margin-bottom: 8px; }
.footer-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
}
.footer-qr img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  background: var(--white);
}
.footer-qr span {
  color: rgba(255, 255, 255, .65);
  font-size: 13px;
  line-height: 22px;
}
.copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .5);
  font-size: 13px;
  text-align: center;
}

/* ========== Home: banner（全宽；PC 1920×520；两张图轮播） ========== */
.home-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home-banner-viewport {
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 520;
}
.home-banner-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .6s ease, visibility .6s ease;
}
.home-banner-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.home-banner-slide > a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-banner picture,
.home-banner img,
.home-banner video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.home-banner-btn {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease;
}
.home-banner-btn:hover { background: rgba(0, 0, 0, .55); }
.home-banner-prev { left: 16px; }
.home-banner-next { right: 16px; }
.home-banner-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.home-banner-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .45);
  transition: width .2s ease, background .2s ease, border-radius .2s ease;
}
.home-banner-dots button.is-active {
  width: 22px;
  border-radius: 6px;
  background: #fff;
}
.home-banner-bar {
  background: var(--primary);
  color: var(--white);
}
.home-banner-bar .container { padding: 20px 0; }
.home-banner-bar h1 {
  font-size: 44px;
  line-height: 57px;
  font-weight: 600;
}
.home-banner-overlay {
  position: relative;
}
.home-banner-overlay .home-banner-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px 0;
  background: linear-gradient(transparent, rgba(0, 74, 143, .72));
  color: var(--white);
}
.home-banner-overlay h1 {
  font-size: 44px;
  line-height: 57px;
  font-weight: 600;
}

/* ========== Home: about ========== */
.home-about-section {
  background: #fff;
}
.home-about {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 640px);
  gap: 36px 36px;
  align-items: center;
}
.home-about-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 28px 24px 24px 0;
  background: transparent;
}
.home-about-map {
  position: absolute;
  z-index: 0;
  top: 10%;
  left: 28%;
  width: min(68%, 440px);
  height: auto;
  aspect-ratio: 850 / 500;
  object-fit: contain;
  opacity: .6;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: multiply;
}
.home-about-copy > :not(.home-about-map) {
  position: relative;
  z-index: 1;
}
.home-about-en {
  margin: 0 0 10px !important;
  font-size: 13px !important;
  line-height: 20px !important;
  letter-spacing: .12em;
  color: #8a97ad !important;
  font-weight: 500;
}
.home-about-copy h2, .rd-intro h2, #case-stories-title { margin: 0; color: #1A367A; font-size: 40px; line-height: 52px; font-weight: 700; }
.home-about-lead, .rd-lead strong {
  margin: 10px 0 20px !important;
  color: #1A367A !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 500;
}
.home-about-copy > p:not(.home-about-en):not(.home-about-lead), .rd-lead > span {
  margin: 0 0 25px;
  color: #3d5270;
  font-size: 16px;
  line-height: 28px;
}
.home-about-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 570px;
  margin-bottom: 8px;
}
.home-about-stat {
  position: relative;
  padding: 0 20px;
  text-align: center;
}
.home-about-stat:first-child { padding-left: 0; }
.home-about-stat:last-child { padding-right: 0; }
.home-about-stat:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: rgba(26, 54, 122, .18);
}
.home-about-stat strong {
  display: block;
  color: #1A367A;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.home-about-stat span {
  display: block;
  margin-top: 6px;
  color: #5a6d86;
  font-size: 15px;
  line-height: 22px;
}
.home-about-copy-only {
  grid-template-columns: 1fr;
  max-width: 960px;
}
.home-about-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: flex-start;
  margin-top: 20px;
  height: 46px;
  padding: 0 26px;
  border-radius: 999px;
  background: #2B6AD5;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  transition: background .2s ease, transform .2s ease;
}
.home-about-btn:hover {
  background: #1F5BB8;
  color: #fff;
}
.home-about-btn span {
  transition: transform .2s ease;
}
.home-about-btn:hover span {
  transform: translateX(3px);
}
.home-about-experts { margin-top: 48px; }
.home-about-photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  aspect-ratio: 800 / 480;
  border-radius: 0;
  background: transparent;
}
.home-about-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.home-about-person {
  display: grid;
  grid-template-columns: minmax(0, 38%) minmax(0, 62%);
  gap: 48px;
  align-items: center;
  padding: 36px 40px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
  transition: var(--ease);
}
.home-about-person:hover {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}
.home-about-person-photo {
  aspect-ratio: 4 / 5;
  max-width: 420px;
  border-radius: 12px;
}
.home-about-person-label {
  color: var(--accent);
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
}
.home-about-person h3 {
  margin-top: 8px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
}
.home-about-person-role {
  margin-top: 8px;
  color: #555;
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
}
.home-about-person-intro {
  margin-top: 16px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 28px;
}

/* ========== Home: news / faq / links ========== */
.home-news-card .card-title { font-size: 18px; line-height: 28px; }
.home-news-card .card-summary { -webkit-line-clamp: 2; }
.home-news-meta {
  margin-top: 12px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}

.home-faq-col {
  padding: 26px 28px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.home-faq-col h3 {
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.home-faq-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  border-bottom: 1px solid var(--border);
  font-size: 15px;
  line-height: 26px;
  transition: color .2s ease;
}
.home-faq-col .home-faq-item:last-child { border-bottom: 0; }
.home-faq-item:hover { color: var(--accent); }
.home-faq-item:hover .arrow { transform: translateX(3px); }
.home-faq-idx {
  flex: 0 0 auto;
  color: var(--accent);
  font-size: 13px;
  letter-spacing: .04em;
}
.home-faq-item .q { flex: 1; min-width: 0; }
.home-faq-item .arrow { color: var(--text-muted); transition: transform .2s ease; }

.section:has(+ .home-links) { padding-bottom: 0; }
.home-links { padding: 44px 0 36px; }
.home-links h2 {
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
}
.home-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 28px;
  font-size: 14px;
  line-height: 24px;
  color: var(--text-secondary);
}
.home-link-list a:hover { color: var(--accent); }

/* ========== About ========== */
.about-intro { padding-top: 0; padding-bottom: 72px; }
.about-richtext h2 { margin: 36px 0 14px; }
.about-richtext h3 { margin: 28px 0 12px; }
.about-richtext > img + h2 { margin-top: 8px; }
.about-intro-media {
  margin-bottom: 32px;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
}
.about-intro .rich-text,
.about-richtext {
  max-width: 960px;
  margin: 0 auto;
}
.about-richtext img {
  display: block;
  width: auto;
  max-width: 82%;
  height: auto;
  margin: 24px auto;
  border-radius: 0;
}

.about-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.about-timeline-item {
  padding: 24px;
  border-top: 1px solid var(--accent);
  background: var(--bg-card);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
  border-radius: 0 0 12px 12px;
}
.about-timeline-item h3 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.about-timeline-item p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
}

.about-biz-card,
.about-belief-card {
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.about-biz-card .card-cat { margin-bottom: 12px; }
.about-biz-card h3,
.about-belief-card h3 {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.about-biz-card p,
.about-belief-card p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
}

.about-certs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.about-certs img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--white);
}

/* ========== Case / product list ========== */
.list-section { padding: 0 0 80px; }

/* ========== News list ========== */
.news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
  align-items: start;
}
.news-item {
  display: block;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
  transition: var(--ease);
}
.news-item:first-child { padding-top: 0; }
.news-item:hover .news-item-title { color: var(--accent); }
.news-item-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  transition: color .2s ease;
}
.news-item-summary {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
.news-item-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 10px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}

.side-box {
  margin-bottom: 24px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.side-box h2 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.side-news-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-light);
}
.side-news-item:first-of-type { padding-top: 0; }
.side-news-item:last-of-type { border-bottom: 0; padding-bottom: 0; }
.side-news-item span {
  font-size: 14px;
  line-height: 24px;
}
.side-news-item:hover span { color: var(--accent); }
.side-news-item time {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 20px;
}
.side-link {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-light);
  font-size: 14px;
  line-height: 24px;
}
.side-link:last-of-type { border-bottom: 0; }
.side-link:hover { color: var(--accent); }

/* ========== Article / detail ========== */
.article-head {
  padding: 8px 0 0;
  text-align: center;
}
.article-head h1 {
  max-width: 100%;
  margin: 0 auto;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
}
.article-meta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}
.article-summary {
  max-width: 860px;
  margin: 32px 0 40px;
  padding: 22px 26px;
  border-radius: 10px;
  background: var(--bg-soft);
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 30px;
  text-align: left;
}
.detail-cover {
  width: 100%;
  margin: 32px 0 0;
  height: auto;
  border-radius: 16px;
}
.detail-kicker {
  color: var(--accent);
  font-size: 13px;
  line-height: 22px;
}
.detail-title {
  margin-top: 6px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
}
.detail-lead {
  margin-top: 10px;
  color: #666;
  font-size: 15px;
  line-height: 26px;
}
.detail-tags { margin-top: 10px; }

.relate-product {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 20px;
  align-items: center;
  margin: 0 auto 40px;
  max-width: 860px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.relate-product img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
}
.relate-product h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.relate-product p {
  margin-top: 6px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}

.prev-next {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding: 22px 0;
  border-top: 1px solid var(--border);
  font-size: 14px;
  line-height: 24px;
}
.prev-next a { min-width: 0; }
.prev-next a:hover { color: var(--accent); }

.related-block { margin-top: 56px; }
.related-block h2 {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
}
.related-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.related-head h2 { margin-bottom: 0; }
.related-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.related-news-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
  transition: var(--ease);
}
.related-news-item:hover {
  transform: translateY(-3px);
  border-color: var(--accent);
}
.related-news-item img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.related-news-item .related-news-body { padding: 16px 18px 18px; }
.related-news-item h3 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.related-news-item p {
  margin-top: 6px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 22px;
}
.related-news-item:hover h3 { color: var(--accent); }

.cta-contact {
  margin-top: 56px;
  padding: 36px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
  text-align: center;
}
.cta-contact h2 {
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
}
.cta-contact p {
  margin: 12px 0 20px;
  color: var(--text-secondary);
}

.topic-intro {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 48px;
}
.topic-intro-media {
  aspect-ratio: 16 / 10;
  border-radius: 16px;
}
.topic-intro h1 {
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
}
.topic-intro p {
  margin-top: 16px;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 30px;
}


/* ========== Detail layout V1.9 ========== */
.detail-container {
  width: calc(100% - 48px);
  max-width: 1350px;
  margin: 0 auto;
}
.detail-container .breadcrumb { padding: 24px 0; }
.detail-layout {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  column-gap: 40px;
  align-items: start;
  padding-bottom: 64px;
}
.detail-main { min-width: 0; }
.detail-main .article-head { padding-top: 0; }
.detail-main .article-head h1 {
  max-width: 800px;
  font-size: 30px;
  line-height: 42px;
}
.detail-main .article-summary {
  max-width: 100%;
  margin: 20px 0 28px;
  padding: 16px 20px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 26px;
}
.detail-main .detail-cover {
  display: block;
  width: auto;
  max-width: 780px;
  margin: 24px auto 0;
  border-radius: 0;
}
.detail-aside {
  width: 300px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* V1.9：详情右栏纯文字，禁止缩略图 */
.detail-aside img,
.detail-aside .card-media,
.detail-aside .card-summary,
.detail-aside .card-more,
.detail-aside .card .tag-list,
.detail-aside .help-q-card p,
.detail-aside .plain-answer,
.detail-aside .relate-product .btn,
.detail-aside .relate-product p {
  display: none !important;
}
.detail-aside .related-block > .tag-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}
.detail-aside .related-block > .tag-list .tag {
  height: 24px;
  font-size: 12px;
  line-height: 20px;
}
.detail-aside .related-block {
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.detail-aside .related-block h2,
.detail-aside .related-head h2,
.detail-aside .relate-product > h2:first-child {
  margin: 0 0 10px;
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #222;
}
.detail-aside .related-head {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.detail-aside .related-head .text-more {
  font-size: 13px;
  line-height: 22px;
  flex: 0 0 auto;
}
.detail-aside .related-news-grid,
.detail-aside .grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #e8e8e8;
}
.detail-aside .related-news-item,
.detail-aside .card,
.detail-aside .help-q-card,
.detail-aside .home-link-list a,
.detail-aside [data-block="news-links"] > a {
  display: block;
  margin: 0;
  padding: 9px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee;
  background: transparent;
  overflow: visible;
  box-shadow: none;
  transform: none;
}
.detail-aside .related-news-item:hover,
.detail-aside .card:hover,
.detail-aside .help-q-card:hover {
  transform: none;
  box-shadow: none;
  border-color: transparent;
  border-bottom-color: #eee;
}
.detail-aside .related-news-item:last-of-type,
.detail-aside .card:last-of-type,
.detail-aside .help-q-card:last-of-type,
.detail-aside .home-link-list a:last-child {
  border-bottom: 0;
}
.detail-aside .related-news-body { padding: 0; min-width: 0; }
.detail-aside .related-news-item h3,
.detail-aside .card .card-title,
.detail-aside .card .card-title.clamp-2,
.detail-aside .help-q-card h2,
.detail-aside .relate-product h2:not(:first-child),
.detail-aside .home-link-list a,
.detail-aside [data-block="news-links"] > a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  text-overflow: unset;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #333;
}
.detail-aside .related-news-item h3 { font-weight: 500; }
.detail-aside .related-news-item p,
.detail-aside .card .card-cat {
  margin: 3px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.detail-aside .card .card-cat { order: 2; }
.detail-aside .card .card-title { order: 1; }
.detail-aside .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.detail-aside .home-link-list {
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #e8e8e8;
}
.detail-aside .cta-contact {
  margin-top: 0;
  padding: 18px;
  text-align: left;
  background: var(--bg-soft);
  border-radius: 8px;
}
.detail-aside .cta-contact h2 { font-size: 16px; line-height: 24px; }
.detail-aside .cta-contact p { margin: 8px 0 16px; font-size: 14px; line-height: 24px; }
.detail-aside .cta-contact .btn { height: 40px; width: 100%; }
.detail-aside .relate-product {
  display: block;
  margin: 0;
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
}
.detail-aside .relate-product > div {
  padding: 9px 0;
  border-top: 1px solid #e8e8e8;
}
.detail-aside .relate-product > div h2 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #333;
}
.detail-aside .relate-product [data-slot="category"] {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.detail-aside .tag-list + p,
.detail-aside .related-block > p { margin-top: 8px; }
.detail-aside [data-empty] { display: none !important; }
.detail-main .rich-text,
.detail-main .plain-answer,
.detail-main .container-read {
  max-width: 820px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* ========== Rich text ========== */
.rich-text,
.plain-answer {
  max-width: 860px;
  width: 100%;
  margin: 0;
  color: #555;
  font-size: 16px;
  line-height: 30px;
}
.detail-main figure img {
  display: block;
  width: auto;
  max-width: 82%;
  height: auto;
  margin: 24px auto;
  border-radius: 0;
}
.rich-text h2 {
  margin: 40px 0 16px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #222;
}
.rich-text h3 {
  margin: 32px 0 12px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.rich-text h4 {
  margin: 24px 0 12px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.rich-text p { margin: 0 0 16px; }
.rich-text ul,
.rich-text ol { margin: 0 0 16px 22px; }
.rich-text li { margin-bottom: 8px; }
.rich-text a { color: var(--accent); }
.rich-text a:hover { text-decoration: underline; }
.rich-text strong { font-weight: 600; }
.rich-text img {
  display: block;
  width: auto;
  max-width: 82%;
  height: auto;
  margin: 24px auto;
  border-radius: 0;
}
.rich-text figcaption,
.img-caption {
  margin: 8px 0 24px;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.rich-text blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 3px solid var(--accent);
  background: var(--primary-light);
  color: var(--text-secondary);
}
.rich-text table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  font-size: 15px;
}
.rich-text th,
.rich-text td {
  padding: 12px 14px;
  border: 1px solid var(--border);
  text-align: left;
}
.rich-text th { background: var(--bg-soft); font-weight: 600; }
.rich-text .table-scroll { width: 100%; overflow-x: auto; }
.rich-text hr {
  margin: 32px 0;
  border: 0;
  border-top: 1px solid var(--border);
}
.rich-text pre {
  margin: 20px 0;
  padding: 16px 18px;
  overflow-x: auto;
  border-radius: 8px;
  background: var(--bg-soft);
  font-size: 14px;
  line-height: 24px;
}
.rich-text code { font-family: Consolas, "Courier New", monospace; }

.plain-answer {
  white-space: pre-line;
  max-width: 860px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-primary);
}

/* ========== Help map ========== */
.help-map-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.help-map-card {
  padding: 26px 28px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.help-map-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
.help-map-head h2 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.help-q {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  border-bottom: 1px solid var(--border);
  font-size: 15px;
  line-height: 26px;
  transition: color .2s ease;
}
.help-map-card .help-q:last-child { border-bottom: 0; }
.help-q:hover { color: var(--accent); }
.help-q:hover .arrow { transform: translateX(3px); }
.help-q .idx {
  flex: 0 0 24px;
  color: var(--accent);
  font-size: 13px;
}
.help-q .q { flex: 1; min-width: 0; }
.help-q .arrow { color: var(--text-muted); transition: transform .2s ease; }

.help-q-card {
  display: block;
  padding: 24px;
  margin-bottom: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
  transition: var(--ease);
}
.help-q-card:hover {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}
.help-q-card h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.help-q-card p {
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
}

.help-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
  align-items: start;
}

/* ========== Contact ========== */
.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  align-items: start;
}
.contact-panel {
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.contact-panel h2,
.message-form h2 {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.contact-stack {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.contact-channels {
  display: flex;
  align-items: stretch;
  gap: 32px;
}
.contact-channel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  flex: 1;
  min-width: 0;
}
.contact-channel-item .label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.contact-channel-item p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}
.contact-list { list-style: none; }
.contact-list li {
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
}
.contact-list li:last-child { border-bottom: 0; }
.contact-list .label {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.contact-list p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}
.contact-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 140px;
  margin-top: 0;
  text-align: center;
}
.contact-qr img {
  width: 128px;
  height: 128px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--border);
}
.contact-qr strong { display: block; font-size: 15px; }
.contact-qr span {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 22px;
}

.message-form {
  display: grid;
  gap: 16px;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.message-form .form-lead {
  margin-bottom: 8px;
  color: var(--text-secondary);
  font-size: 14px;
}
.message-form label {
  display: grid;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}
.message-form input,
.message-form textarea {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--white);
  font-size: 14px;
  transition: border-color .2s ease;
}
.message-form textarea {
  height: 132px;
  padding: 12px 14px;
  resize: vertical;
}
.message-form input:focus,
.message-form textarea:focus {
  outline: none;
  border-color: var(--accent);
}
.message-form .btn { justify-self: start; min-width: 140px; }
.form-status { font-size: 13px; color: var(--text-muted); }
.form-status.is-success { color: #2f6b4f; }
.form-status.is-error { color: #b42318; }

.office-card {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card);
}
.office-card img {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 16px;
}
.office-card h3 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.office-card p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}

/* ========== Tags page ========== */
.tags-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  row-gap: 10px;
}

/* ========== 404 ========== */
.page-404 {
  padding: 56px 0 72px;
  min-height: calc(100vh - 320px);
  display: flex;
  align-items: center;
}
.page-404-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}
.page-404-media {
  margin: 0 0 28px;
  width: 100%;
  max-width: 560px;
  line-height: 0;
}
.page-404-media img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.page-404 h1 {
  margin: 0 0 12px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  color: var(--text-primary);
}
.page-404 p {
  margin: 0 0 28px;
  max-width: 420px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
}
.page-404-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

/* ========== Styleguide ========== */
.sg { padding-bottom: 80px; }
.sg-hero { padding: 64px 0 40px; }
.sg-hero h1 { font-size: 40px; line-height: 52px; font-weight: 600; }
.sg-hero p { margin-top: 16px; color: var(--text-secondary); }
.sg-block { margin-top: 48px; }
.sg-title {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
}
.sg-swatches { display: flex; flex-wrap: wrap; gap: 16px; }
.sg-swatch { width: 140px; }
.sg-swatch i {
  display: block;
  height: 56px;
  border-radius: 8px;
  border: 1px solid var(--border);
}
.sg-swatch code {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: var(--text-secondary);
}
.sg-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sg-note { margin-top: 12px; color: var(--text-muted); font-size: 13px; }

/* ========== Tablet：保持 PC 风格，只缩容器与列数 ========== */
@media (max-width: 1199px) {
  .channel-hero { height: 200px; }
  .container { width: calc(100% - 40px); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .home-about { gap: 40px; }
  .related-news-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-channel-grid { grid-template-columns: repeat(2, 1fr); }
  .about-timeline { grid-template-columns: repeat(2, 1fr); }
  .about-certs { grid-template-columns: repeat(2, 1fr); }
  .news-layout,
  .help-layout,
  .detail-layout { grid-template-columns: minmax(0, 1fr) 270px; column-gap: 28px; }
  .detail-aside { width: 270px; }
  .topic-intro { grid-template-columns: 320px 1fr; }
  .site-nav { gap: 20px; }
}

/* ========== Mobile：不改写 PC 规则，仅叠加适配 ========== */
@media (max-width: 767px) {
  body { font-size: 15px; line-height: 27px; }

  .container,
  .container-read { width: calc(100% - 32px); }

  .section { padding: 48px 0 52px; }
  [data-page="index"] .section { padding: 48px 0 52px; }
  [data-page="index"] .section:has([data-block="home-faqs"]) { padding: 44px 0; }
  .section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
  }
  .section-head h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .home-about-copy h2, .rd-intro h2, #case-stories-title { font-size: 32px; line-height: 42px; }
  .home-about-lead, .rd-lead strong {
    margin: 8px 0 20px !important;
    font-size: 17px !important;
    line-height: 26px !important;
  }
  .home-about-copy {
    padding: 8px 0 0;
    min-height: 0;
  }
  .home-about-map {
    top: 4%;
    left: 22%;
    width: min(72%, 360px);
    opacity: .6;
  }
  .home-about-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
    gap: 0;
  }
  .home-about-stat {
    padding: 0 10px;
  }
  .home-about-stat:nth-child(2n)::after {
    display: block;
  }
  .home-about-stat:last-child::after {
    display: none;
  }
  .home-about-stat strong {
    font-size: 24px;
    line-height: 32px;
  }
  .home-about-btn {
    height: 44px;
    width: auto;
    margin-top: 20px;
    font-size: 16px;
  }

  .grid-4,
  .grid-3,
  .grid-2 { grid-template-columns: 1fr; gap: 16px; }

  .site-header { height: 64px; }
  .header-inner { height: 64px; }
  .brand img { height: 40px; width: auto; }
  .brand-name { font-size: 18px; line-height: 24px; }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-nav {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 8px 16px 16px;
    background: var(--bg-page);
    border-bottom: 1px solid var(--border);
  }
  .site-nav.is-open { display: flex; }
  .nav-item > a {
    height: 50px;
    font-size: 16px;
  }
  .nav-item.is-active > a::after {
    bottom: 8px;
  }
  .nav-item.has-sub > .subnav {
    position: static;
    transform: none;
    display: none;
    min-width: 0;
    margin: 0;
    padding: 4px 0 8px 12px;
    border: 0;
    background: transparent;
  }
  .nav-item.has-sub.is-open > .subnav,
  .site-nav.is-open .nav-item.has-sub > .subnav {
    display: block;
  }
  .nav-item.has-sub > .subnav a {
    height: auto;
    padding: 10px 12px;
    text-align: left;
    font-size: 15px;
  }

  .home-banner-viewport {
    aspect-ratio: 750 / 300;
  }
  .home-banner-bar .container { padding: 16px 0; }
  .home-banner-bar h1,
  .home-banner-overlay h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .home-banner-overlay .home-banner-caption { padding: 20px 0; }

  .home-about {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .home-about-photo {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    aspect-ratio: 800 / 480;
    min-height: 0;
  }
  .related-news-grid { grid-template-columns: 1fr; }
  .contact-channels { flex-direction: column; }
  .contact-channel-grid { grid-template-columns: 1fr; }
  .home-links { padding: 32px 0 28px; }
  .home-links h2 { font-size: 22px; line-height: 32px; }

  .about-timeline,
  .about-certs { grid-template-columns: 1fr; }
  .about-intro-media { border-radius: 12px; }

  .breadcrumb { padding: 20px 0 24px; font-size: 12px; }
  .card { padding: 20px; }
  .card-media-card { padding: 0; }
  .card-body { padding: 18px 20px 20px; }
  .card-title { font-size: 17px; line-height: 26px; }


  .brand img { height: 40px; width: auto; }
  .channel-hero {
    height: 180px;
    background-image: var(--channel-m);
    background-size: cover;
    background-position: center center;
  }
  .channel-hero__inner { width: calc(100% - 32px); }
  .channel-hero__inner h1 {
    font-size: 25px;
    line-height: 36px;
  }
  .channel-hero__inner p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .channel-main,
  .channel-follow,
  .section.channel-follow,
  .about-intro.channel-follow,
  .list-section.channel-follow { padding-top: 28px; }
  .detail-container { width: calc(100% - 32px); }
  .detail-layout {
    display: block;
    width: 100%;
  }
  .detail-aside { width: 100%; margin-top: 36px; }
  .detail-aside { margin-top: 40px; }
  .home-about-person {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 18px 20px;
  }
  .home-about-person-photo { max-width: none; }
  .home-about-person h3 { font-size: 22px; line-height: 32px; }
  .news-layout,
  .help-layout,
  .contact-layout,
  .topic-intro { grid-template-columns: 1fr; gap: 32px; }
  .tab { height: auto; min-height: 36px; }

  .article-head h1,
  .topic-intro h1 {
    font-size: 26px;
    line-height: 38px;
  }
  .detail-title {
    font-size: 25px;
    line-height: 36px;
  }
  .article-meta { font-size: 12px; gap: 12px; }
  .article-summary {
    margin: 24px 0 32px;
    padding: 16px 18px;
    font-size: 15px;
    line-height: 27px;
  }
  .rich-text,
  .plain-answer { font-size: 15px; line-height: 27px; }
  .rich-text h2 { font-size: 21px; line-height: 32px; margin: 32px 0 14px; }
  .rich-text h3 { font-size: 19px; line-height: 30px; }
  .rich-text h4 { font-size: 17px; line-height: 28px; }
  .rich-text img,
  .about-richtext img,
  .detail-main figure img { max-width: 94%; margin: 20px auto; border-radius: 0; }

  .prev-next { flex-direction: column; gap: 12px; }
  .relate-product { grid-template-columns: 1fr; }
  .related-news-grid { grid-template-columns: 1fr; }
  .cta-contact { padding: 24px 18px; }
  .help-map-grid { grid-template-columns: 1fr; }

  .message-form input { height: 46px; }
  .message-form .btn { width: 100%; }
  .contact-qr { flex-direction: column; align-items: flex-start; }
  .contact-qr img { width: 120px; height: 120px; }

  .site-footer { margin-top: 0; padding-top: 48px; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-qr { align-items: flex-start; }
  .copyright {
    flex-direction: row;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
  }
  .home-banner-btn {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    font-size: 22px;
  }
  .home-banner-prev { left: 8px; }
  .home-banner-next { right: 8px; }
  .page-404 {
    min-height: auto;
    padding: 40px 0 56px;
  }
  .page-404 h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .page-404 p {
    font-size: 14px;
    line-height: 24px;
  }
  .page-404-actions {
    width: 100%;
  }
  .page-404-actions .btn {
    flex: 1 1 auto;
    min-width: 140px;
  }
}

/* ========== About / RD / Solution / Service / Institute ========== */
.about-kicker {
  color: var(--accent);
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 8px;
}
.about-page .about-block {
  padding: 48px 0;
  border-bottom: 1px solid var(--border-light);
}
.about-page .about-block:last-child { border-bottom: 0; padding-bottom: 24px; }
.about-block-head { margin-bottom: 28px; max-width: 860px; }
.about-block-head h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}
.about-block-head p { color: var(--text-secondary); }
.about-intro-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 48px;
  align-items: start;
}
.about-intro-copy h2 {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 12px;
}
.about-year {
  margin: 8px 0 20px;
  font-size: 18px;
  color: var(--text-secondary);
}
.about-year strong {
  color: var(--primary);
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin: 0 4px;
}
.about-intro-copy p { margin-bottom: 14px; color: var(--text-secondary); }
.about-intro-media {
  display: grid;
  gap: 16px;
}
.about-intro-media img {
  width: 100%;
  border-radius: 4px;
  margin: 0;
  max-width: none;
}
.about-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.about-feature-card {
  padding: 24px 20px;
  background: var(--bg-soft);
}
.about-feature-card img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin: 0 0 16px;
}
.about-feature-card h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
}
.about-feature-card p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
}
.about-rd-media {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 28px;
}
.about-rd-media img {
  width: 100%;
  margin: 0;
  max-width: none;
}
.about-timeline-item .year {
  display: inline-block;
  color: var(--accent);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
}
.about-timeline-item img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0 0 14px;
  max-width: none;
}
.about-qj-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 36px;
  align-items: start;
}
.about-qj-grid img {
  width: 100%;
  margin: 0;
  max-width: none;
}
.about-qj-grid p { margin-bottom: 14px; color: var(--text-secondary); }
.about-qj-grid blockquote {
  margin: 20px 0 0;
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  background: var(--primary-light);
  color: var(--deep);
  font-size: 16px;
  line-height: 28px;
}

.rd-page { padding-bottom: 48px; }
.rd-section {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 40px;
  align-items: center;
  padding: 48px 0;
  border-bottom: 1px solid var(--border-light);
}
.rd-section-reverse { grid-template-columns: 1.1fr .9fr; }
.rd-section-reverse .rd-section-media { order: 2; }
.rd-section-media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.rd-section-copy h2 {
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 14px;
}
.rd-section-copy p {
  color: var(--text-secondary);
  margin-bottom: 12px;
}
.rd-olist, .rd-ulist {
  margin: 12px 0 0;
  padding-left: 1.2em;
  color: var(--text-secondary);
}
.rd-olist li, .rd-ulist li { margin-bottom: 10px; line-height: 28px; }

.sol-card-grid { margin-bottom: 48px; }
.sol-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-card);
  border: 1px solid var(--border);
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease;
}
.sol-card:hover { border-color: var(--primary); transform: translateY(-2px); }
.sol-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.sol-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sol-card-body { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.sol-detail-stack { display: grid; gap: 40px; padding-bottom: 24px; }
.sol-block {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 36px;
  align-items: start;
  padding: 28px 0;
  border-top: 1px solid var(--border-light);
}
.sol-block.is-reverse { grid-template-columns: 1.05fr .95fr; }
.sol-block.is-reverse .sol-block-media { order: 2; }
.sol-block-media img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.sol-block-copy h2 {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 16px;
}
.sol-block-copy h3 {
  font-size: 17px;
  line-height: 28px;
  margin: 14px 0 8px;
  color: var(--primary);
}
.sol-block-copy p { color: var(--text-secondary); margin-bottom: 8px; }
.sol-list {
  margin: 10px 0 16px;
  padding-left: 1.2em;
  color: var(--text-secondary);
}
.sol-list li { margin-bottom: 6px; line-height: 26px; }

.service-page { padding-bottom: 56px; }
.service-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 48px 0;
  border-bottom: 1px solid var(--border-light);
}
.service-block.is-reverse .service-copy { order: 2; }
.service-copy h2 {
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 14px;
}
.service-copy p {
  color: var(--text-secondary);
  margin-bottom: 18px;
}
.service-media-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: center;
}
.service-media img { width: 100%; margin: 0 auto; }

.institute-page { padding-bottom: 56px; }
.institute-pillar {
  padding: 48px 0;
  border-bottom: 1px solid var(--border-light);
}
.institute-icon-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.institute-icon-card {
  text-align: center;
  background: var(--bg-soft);
  padding: 16px 12px 20px;
}
.institute-icon-card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  margin: 0 0 12px;
}
.institute-icon-card h3 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.institute-train-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.institute-train-grid img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.tab-list-primary { margin-bottom: 12px; }
.tab-list-secondary { margin-bottom: 24px; }
.news-item-video .news-item-title::before {
  content: "▶ ";
  color: var(--accent);
  font-size: .85em;
}

@media (max-width: 1100px) {
  .about-feature-grid,
  .institute-icon-grid { grid-template-columns: repeat(2, 1fr); }
  .about-intro-grid,
  .about-qj-grid,
  .rd-section,
  .rd-section-reverse,
  .sol-block,
  .sol-block.is-reverse,
  .service-block { grid-template-columns: 1fr; }
  .rd-section-reverse .rd-section-media,
  .sol-block.is-reverse .sol-block-media,
  .service-block.is-reverse .service-copy { order: 0; }
}
@media (max-width: 767px) {
  .about-feature-grid,
  .about-rd-media,
  .institute-icon-grid,
  .institute-train-grid,
  .service-media-duo { grid-template-columns: 1fr; }
  .about-block-head h2,
  .about-intro-copy h2,
  .rd-section-copy h2,
  .service-copy h2 { font-size: 22px; line-height: 32px; }
}

/* ========== 首页：产品研发 / 解决方案 / 新闻动态 ========== */
.home-rd {
  background: linear-gradient(105deg, #0a3a6e 0%, #004a8f 42%, #0e2a4a 100%);
  color: #fff;
  padding: 72px 0;
  overflow: hidden;
}
.home-rd-inner {
  display: grid;
  grid-template-columns: minmax(240px, 320px) 1fr;
  gap: 40px;
  align-items: stretch;
}
.home-rd-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 13px;
  letter-spacing: .12em;
  color: rgba(255,255,255,.85);
}
.home-rd-kicker span {
  width: 3px;
  height: 14px;
  background: var(--accent);
}
.home-rd-copy h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 12px;
}
.home-rd-lead {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 14px;
  color: rgba(255,255,255,.92);
}
.home-rd-copy > p:not(.home-rd-lead):not(.home-rd-kicker) {
  font-size: 15px;
  line-height: 26px;
  color: rgba(255,255,255,.78);
  margin-bottom: 28px;
}
.home-rd-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.home-rd-btn:hover { background: var(--accent-hover); color: #fff; }
.home-rd-nav {
  display: flex;
  gap: 12px;
  margin-top: 36px;
}
.home-rd-nav button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.45);
  background: transparent;
  color: #fff;
  font-size: 22px;
  line-height: 1;
}
.home-rd-nav button:hover {
  border-color: #fff;
  background: rgba(255,255,255,.08);
}
.home-rd-stage { overflow: hidden; }
.home-rd-track {
  display: flex;
  gap: 16px;
  transition: transform .35s ease;
}
.home-rd-card {
  position: relative;
  flex: 0 0 calc((100% - 32px) / 3);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  color: #fff;
}
.home-rd-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.home-rd-card:hover img { transform: scale(1.04); }
.home-rd-card-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(8,28,54,.88) 100%);
}
.home-rd-card-meta {
  position: absolute;
  left: 16px;
  right: 52px;
  bottom: 18px;
  z-index: 1;
}
.home-rd-card-title {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.home-rd-card-en {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: .06em;
  color: rgba(255,255,255,.75);
}
.home-rd-card-go {
  position: absolute;
  right: 14px;
  bottom: 18px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.home-solution {
  position: relative;
  padding: 72px 0 56px;
  background: #fff;
  overflow: hidden;
}
.home-solution-en {
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.home-solution-head h2 {
  font-size: 32px;
  line-height: 44px;
  color: var(--deep);
  margin-bottom: 10px;
}
.home-solution-desc {
  color: var(--text-secondary);
  margin-bottom: 28px;
}
.home-solution-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid var(--border);
  margin-bottom: 0;
}
.home-solution-tabs button {
  flex: 1 1 0;
  min-width: 140px;
  padding: 14px 12px;
  border: 0;
  border-right: 1px solid var(--border);
  background: #f5f7fa;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.home-solution-tabs button:last-child { border-right: 0; }
.home-solution-tabs button.is-active {
  background: var(--primary);
  color: #fff;
  font-weight: 600;
}
.home-solution-panels {
  border: 1px solid var(--border);
  border-top: 0;
  background: #fff;
}
.home-solution-panel {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 420px;
}
.home-solution-panel[hidden] { display: none !important; }
.home-solution-media {
  position: relative;
  min-height: 360px;
  background: #0e2a4a;
}
.home-solution-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-solution-caption {
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 100px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.home-solution-body {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
}
.home-solution-body h3 {
  font-size: 24px;
  line-height: 34px;
  color: var(--primary);
  margin-bottom: 14px;
}
.home-solution-body > p {
  color: var(--text-secondary);
  margin-bottom: 24px;
}
.home-solution-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 16px;
  margin-bottom: 28px;
}
.home-solution-features span {
  position: relative;
  padding-left: 18px;
  color: var(--primary);
  font-size: 14px;
  line-height: 22px;
}
.home-solution-features span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background: var(--primary);
}
.home-solution-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  margin-top: auto;
}
.home-solution-btn:hover { background: var(--accent-hover); color: #fff; }
.home-solution-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  color: var(--text-secondary);
  font-size: 14px;
}
.home-solution-pager button {
  width: 30px;
  height: 30px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1;
}
.home-solution-pager button:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.home-news-section { padding: 72px 0; background: #fff; }
.home-news-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.home-news-en {
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.home-news-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 18px;
}
.home-news-title-row h2 {
  font-size: 32px;
  line-height: 44px;
  color: var(--deep);
}
.home-news-dash {
  width: 28px;
  height: 3px;
  background: var(--accent);
  flex: 0 0 auto;
}
.home-news-title-row p {
  color: var(--text-secondary);
  font-size: 15px;
}
.home-news-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-primary);
  white-space: nowrap;
}
.home-news-more:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.home-news-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: stretch;
}
.home-news-feature {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  padding: 20px;
  background: #eef4fa;
  min-height: 280px;
}
.home-news-feature-media {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  min-height: 220px;
}
.home-news-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news-feature-body {
  display: flex;
  flex-direction: column;
  padding: 8px 4px 4px 0;
}
.home-news-feature-body time,
.home-news-row-body time {
  color: var(--text-muted);
  font-size: 14px;
  margin-bottom: 10px;
}
.home-news-feature-body h3 {
  font-size: 22px;
  line-height: 32px;
  color: var(--deep);
  margin-bottom: 12px;
}
.home-news-feature-body p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 18px;
}
.home-news-link {
  margin-top: auto;
  color: var(--primary);
  font-weight: 600;
}
.home-news-feature:hover .home-news-link { color: var(--accent); }
.home-news-list {
  display: flex;
  flex-direction: column;
}
.home-news-row {
  display: grid;
  grid-template-columns: 120px 1fr 20px;
  gap: 16px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}
.home-news-row:first-child { padding-top: 0; }
.home-news-row:last-child { border-bottom: 0; }
.home-news-row-media {
  display: block;
  width: 120px;
  height: 80px;
  overflow: hidden;
  border-radius: 4px;
}
.home-news-row-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news-row-body h3 {
  font-size: 17px;
  line-height: 26px;
  color: var(--deep);
  margin-bottom: 6px;
}
.home-news-row-body p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-news-row-arrow {
  color: var(--text-muted);
  font-size: 18px;
  text-align: right;
}
.home-news-row:hover h3,
.home-news-row:hover .home-news-row-arrow { color: var(--primary); }

@media (max-width: 1100px) {
  .home-rd-inner,
  .home-solution-panel,
  .home-news-layout,
  .home-news-feature { grid-template-columns: 1fr; }
  .home-rd-card { flex-basis: calc((100% - 16px) / 2); }
  .home-solution-features { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .home-rd,
  .home-solution,
  .home-news-section { padding: 48px 0; }
  .home-rd-copy h2,
  .home-solution-head h2,
  .home-news-title-row h2 { font-size: 26px; line-height: 36px; }
  .home-rd-card { flex-basis: 85%; }
  .home-solution-tabs button { flex: 1 1 100%; border-right: 0; border-bottom: 1px solid var(--border); }
  .home-solution-body { padding: 24px 18px; }
  .home-news-head { flex-direction: column; align-items: flex-start; }
  .home-news-row { grid-template-columns: 96px 1fr; }
  .home-news-row-arrow { display: none; }
  .home-news-row-media { width: 96px; height: 68px; }
}

/* ========== 精彩视频（参考 video-list 宫格 + 弹层） ========== */
.crumb-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 28px 0 8px;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 22px;
}
.crumb-nav a:hover { color: var(--primary); }
.channel-hero + .crumb-nav {
  padding-top: 18px;
  padding-bottom: 0;
}
.channel-hero + .crumb-nav + .section {
  padding-top: 20px;
}
.crumb-sep { color: var(--text-muted); }

main[data-page="news-video"] .video-section {
  padding-top: 36px;
  padding-bottom: 64px;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.video-card {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.video-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 74, 143, .2);
  box-shadow: 0 12px 28px rgba(14, 42, 74, .1);
}
.video-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  background: #0e2a4a;
  overflow: hidden;
}
.video-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 58px;
  height: 58px;
  margin: -29px 0 0 -29px;
  border-radius: 50%;
  background: rgba(0, 74, 143, .92);
  box-shadow: 0 8px 20px rgba(14, 42, 74, .28);
  transition: background-color .2s ease, transform .2s ease;
}
.video-play::after {
  content: "";
  position: absolute;
  left: 23px;
  top: 18px;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #fff;
}
.video-card:hover .video-play {
  background: var(--accent);
  transform: scale(1.04);
}
.video-card-body {
  display: block;
  padding: 14px 16px 16px;
}
.video-card-body h2 {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  font-weight: 500;
  color: var(--text-primary);
}

.video-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(14, 42, 74, .72);
}
.video-modal[hidden] {
  display: none !important;
}
body.is-video-modal-open {
  overflow: hidden;
}
.video-modal-dialog {
  position: relative;
  width: min(960px, 100%);
  background: #000;
  border-radius: 10px;
  overflow: hidden;
}
.video-modal-dialog video {
  width: 100%;
  display: block;
  max-height: 80vh;
  background: #000;
}
.video-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.video-modal-close:hover,
.video-modal-close:focus-visible {
  background: var(--primary);
}

@media (max-width: 1100px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .video-grid {
    grid-template-columns: 1fr;
  }
  main[data-page="news-video"] .video-section {
    padding-top: 18px;
    padding-bottom: 48px;
  }
  .video-modal {
    padding: 16px;
  }
  .video-modal-close {
    top: 8px;
    right: 8px;
  }
}


/* ========== 首页：产品研发 / 解决方案 / 新闻动态 ========== */
.home-rd {
  position: relative;
  background: linear-gradient(105deg, #0a3a6e 0%, #004a8f 42%, #0e2a4a 100%);
  color: #fff;
  padding: 72px 0;
  overflow: hidden;
}
.home-rd-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(240px, 320px) 1fr;
  gap: 40px;
  align-items: stretch;
}
.home-rd-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 13px;
  letter-spacing: .12em;
  color: rgba(255,255,255,.85);
}
.home-rd-kicker span {
  width: 3px;
  height: 14px;
  background: var(--accent);
}
.home-rd-copy h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 12px;
}
.home-rd-lead {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 14px;
  color: rgba(255,255,255,.92);
}
.home-rd-copy > p:not(.home-rd-lead):not(.home-rd-kicker) {
  font-size: 15px;
  line-height: 26px;
  color: rgba(255,255,255,.78);
  margin-bottom: 28px;
}
.home-rd-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.home-rd-btn:hover { background: var(--accent-hover); color: #fff; }
.home-rd-nav {
  display: flex;
  gap: 12px;
  margin-top: 36px;
}
.home-rd-nav button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.45);
  background: transparent;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.home-rd-nav button:hover {
  border-color: #fff;
  background: rgba(255,255,255,.08);
}
.home-rd-stage { overflow: hidden; min-width: 0; }
.home-rd-track {
  display: flex;
  gap: 16px;
  transition: transform .35s ease;
  will-change: transform;
}
.home-rd-card {
  position: relative;
  flex: 0 0 calc((100% - 32px) / 3);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  color: #fff;
}
.home-rd-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.home-rd-card:hover img { transform: scale(1.04); }
.home-rd-card-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(8,28,54,.88) 100%);
}
.home-rd-card-meta {
  position: absolute;
  left: 16px;
  right: 52px;
  bottom: 18px;
  z-index: 1;
}
.home-rd-card-title {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.home-rd-card-en {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: .06em;
  color: rgba(255,255,255,.75);
}
.home-rd-card-go {
  position: absolute;
  right: 14px;
  bottom: 18px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.home-solution {
  position: relative;
  padding: 72px 0 56px;
  background: #f7f9fc;
  overflow: hidden;
}
.home-solution-en {
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.home-solution-head h2 {
  font-size: 32px;
  line-height: 44px;
  color: var(--deep);
  margin-bottom: 10px;
}
.home-solution-desc {
  color: var(--text-secondary);
  margin-bottom: 28px;
}
.home-solution-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid var(--border);
  background: #fff;
}
.home-solution-tabs button {
  flex: 1 1 0;
  min-width: 140px;
  padding: 14px 12px;
  border: 0;
  border-right: 1px solid var(--border);
  background: #f5f7fa;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.home-solution-tabs button:last-child { border-right: 0; }
.home-solution-tabs button.is-active {
  background: var(--primary);
  color: #fff;
  font-weight: 600;
}
.home-solution-panels {
  border: 1px solid var(--border);
  border-top: 0;
  background: #fff;
}
.home-solution-panel {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 420px;
}
.home-solution-panel[hidden] { display: none !important; }
.home-solution-media {
  position: relative;
  min-height: 360px;
  background: #0e2a4a;
}
.home-solution-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-solution-caption {
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 100px;
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.home-solution-body {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
}
.home-solution-body h3 {
  font-size: 24px;
  line-height: 34px;
  color: var(--primary);
  margin-bottom: 14px;
}
.home-solution-body > p {
  color: var(--text-secondary);
  margin-bottom: 24px;
}
.home-solution-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 16px;
  margin-bottom: 28px;
}
.home-solution-features span {
  position: relative;
  padding-left: 18px;
  color: var(--primary);
  font-size: 14px;
  line-height: 22px;
}
.home-solution-features span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background: var(--primary);
}
.home-solution-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  margin-top: auto;
}
.home-solution-btn:hover { background: var(--accent-hover); color: #fff; }
.home-solution-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  color: var(--text-secondary);
  font-size: 14px;
}
.home-solution-pager button {
  width: 30px;
  height: 30px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.home-solution-pager button:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.home-news-section { padding: 72px 0; background: #fff; }
.home-news-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.home-news-en {
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.home-news-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 18px;
}
.home-news-title-row h2 {
  font-size: 32px;
  line-height: 44px;
  color: var(--deep);
  margin: 0;
}
.home-news-dash {
  width: 28px;
  height: 3px;
  background: var(--accent);
  flex: 0 0 auto;
}
.home-news-title-row p {
  color: var(--text-secondary);
  font-size: 15px;
  margin: 0;
}
.home-news-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-primary);
  white-space: nowrap;
  background: #fff;
}
.home-news-more:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.home-news-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: stretch;
}
.home-news-feature {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  padding: 20px;
  background: #eef4fa;
  min-height: 280px;
  color: inherit;
}
.home-news-feature-media {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  min-height: 220px;
}
.home-news-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news-feature-body {
  display: flex;
  flex-direction: column;
  padding: 8px 4px 4px 0;
}
.home-news-feature-body time,
.home-news-row-body time {
  display: block;
  color: var(--text-muted);
  font-size: 14px;
  margin-bottom: 10px;
}
.home-news-feature-body h3 {
  font-size: 22px;
  line-height: 32px;
  color: var(--deep);
  margin: 0 0 12px;
}
.home-news-feature-body p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 26px;
  margin: 0 0 18px;
}
.home-news-link {
  margin-top: auto;
  color: var(--primary);
  font-weight: 600;
}
.home-news-feature:hover .home-news-link { color: var(--accent); }
.home-news-list {
  display: flex;
  flex-direction: column;
}
.home-news-row {
  display: grid;
  grid-template-columns: 120px 1fr 20px;
  gap: 16px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
  color: inherit;
}
.home-news-row:first-child { padding-top: 0; }
.home-news-row:last-child { border-bottom: 0; }
.home-news-row-media {
  display: block;
  width: 120px;
  height: 80px;
  overflow: hidden;
  border-radius: 4px;
}
.home-news-row-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news-row-body h3 {
  font-size: 17px;
  line-height: 26px;
  color: var(--deep);
  margin: 0 0 6px;
}
.home-news-row-body p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-news-row-arrow {
  color: var(--text-muted);
  font-size: 18px;
  text-align: right;
}
.home-news-row:hover h3,
.home-news-row:hover .home-news-row-arrow { color: var(--primary); }

@media (max-width: 1100px) {
  .home-rd-inner,
  .home-solution-panel,
  .home-news-layout,
  .home-news-feature { grid-template-columns: 1fr; }
  .home-rd-card { flex-basis: calc((100% - 16px) / 2); }
  .home-solution-features { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .home-rd,
  .home-solution,
  .home-news-section { padding: 48px 0; }
  .home-rd-copy h2,
  .home-solution-head h2,
  .home-news-title-row h2 { font-size: 26px; line-height: 36px; }
  .home-rd-card { flex-basis: 85%; aspect-ratio: 4 / 5; }
  .home-solution-tabs button {
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .home-solution-body { padding: 24px 18px; }
  .home-solution-caption { right: 24px; font-size: 14px; line-height: 24px; }
  .home-news-head { flex-direction: column; align-items: flex-start; }
  .home-news-row { grid-template-columns: 96px 1fr; }
  .home-news-row-arrow { display: none; }
  .home-news-row-media { width: 96px; height: 68px; }
}

/* 首页产品研发：浅色介绍区与四列图片卡片 */
.home-rd.home-rd-banner {
  padding: 40px 0;
  background: linear-gradient(110deg, #f3f7fc 0%, #fff 45%, #f9fbfe 100%);
  color: #193858;
  overflow: hidden;
}
.rd-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 30px; align-items: stretch; }
.rd-intro { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 18px 0; }

.rd-lead { margin: 0; color: #697581; font-size: 14px; line-height: 1.9; }
.rd-lead strong { display: block; }
.rd-lead > span { display: block; }
.rd-explore { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-width: 160px; min-height: 42px; margin-top: 32px; padding: 6px 24px; border-radius: 3px; background: #2469d6; color: #fff; font-size: 14px; font-weight: 600; transition: background .2s; }
.rd-explore:hover { background: #1655b6; color: #fff; }
.rd-explore > span { font-size: 21px; font-weight: 400; }
.rd-panels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.rd-panel { position: relative; display: block; min-width: 0; height: clamp(250px, 20vw, 300px); overflow: hidden; background: #dbe4ed; color: #fff; }
.rd-panel img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.65); transition: transform .4s, filter .4s; }
.rd-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,31,50,.02) 35%, rgba(9,31,50,.18) 55%, rgba(7,22,36,.85) 100%); }
.rd-panel-caption { position: absolute; z-index: 1; left: 18px; right: 30px; bottom: 19px; }
.rd-panel-title { display: block; margin-bottom: 4px; color: #fff; font-size: 20px; line-height: 1.5; font-weight: 600; }
.rd-panel-description { display: block; color: #dae1e9; font-size: 12px; line-height: 1.6; }
.rd-panel-arrow { position: absolute; z-index: 1; right: 14px; bottom: 17px; font-size: 25px; color: #e6eef6; transition: transform .2s; }
.rd-panel:hover img, .rd-panel:focus-visible img { transform: scale(1.045); filter: saturate(.95); }
.rd-panel:hover .rd-panel-arrow { transform: translateX(3px); }
.rd-explore:focus-visible, .rd-panel:focus-visible { outline: 3px solid #2469d6; outline-offset: 3px; }
@media (max-width: 1100px) {
  .rd-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 22px; }
  .rd-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .rd-panel { height: 230px; }
}
@media (max-width: 640px) {
  .home-rd.home-rd-banner { padding: 30px 0; }
  .rd-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .rd-intro { padding: 0; }
  
  .rd-explore { margin-top: 20px; }
  .rd-panels { gap: 10px; }
  .rd-panel { height: 220px; }
  .rd-panel-caption { left: 12px; right: 12px; bottom: 35px; }
  .rd-panel-title { font-size: 18px; }
  .rd-panel-description { font-size: 11px; }
  .rd-panel-arrow { right: 12px; bottom: 8px; font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .rd-panel img, .rd-panel-arrow { transition: none; } }

/* 首页模块统一与交互 */
.rd-layout { grid-template-columns: 270px minmax(0, 1fr); }
.rd-intro .home-about-btn { margin-top: 0; }
.rd-panel { height: 340px; }
.rd-panel-caption { left: 20px; right: 20px; bottom: 24px; }
.rd-panel-title { margin: 0; padding-right: 20px; }
.rd-panel-description { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; font-size: 13px; line-height: 1.75; transition: max-height .3s, opacity .3s, margin .3s; }
.rd-panel:is(:hover,:focus-visible,.is-expanded)::after { background: rgba(9,35,65,.92); }
.rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-caption { bottom: 48px; }
.rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-description { max-height: 255px; margin-top: 12px; opacity: 1; visibility: visible; }
.rd-panel-arrow { bottom: 20px; }
.solution-refresh { padding: 52px 0; background: linear-gradient(110deg,#f2f7fd,#fff); }
.solution-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 30px; }
.solution-content { min-width: 0; }
.solution-refresh .home-solution-head { padding: 6px 0; }
.solution-refresh .home-solution-head h2 { font-size: 36px; line-height: 48px; color: #1a367a; margin-bottom: 8px; }
.solution-refresh .home-solution-desc { font-size: 16px; line-height: 26px; color: #3d5270; margin-bottom: 18px; }
.solution-intro { color: #7b8b9e; font-size: 14px; line-height: 26px; margin-bottom: 20px; }
.solution-refresh .home-solution-btn { height: 38px; font-size: 13px; padding: 0 20px; }
.solution-refresh .home-solution-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 0; border-radius: 4px; overflow: hidden; margin-bottom: 18px; }
.solution-refresh .home-solution-tabs button { min-width: 0; padding: 12px 8px; font-size: 12px; line-height: 20px; color: #67798d; background: #f0f4f9; border-color: #e8eef5; }
.solution-refresh .home-solution-tabs button.is-active { background: #246fe7; color: #fff; }
.solution-refresh .home-solution-panels { border: 0; box-shadow: 0 8px 26px #16385b0b; }
.solution-refresh .home-solution-panel { grid-template-columns: 42% minmax(0,1fr); min-height: 280px; }
.solution-refresh .home-solution-media { min-height: 280px; }
.solution-refresh .home-solution-media img { position: absolute; inset: 0; }
.solution-refresh .home-solution-body { position: relative; padding: 28px 85px 26px 28px; }
.solution-refresh .home-solution-body h3 { font-size: 21px; line-height: 30px; color: #173b6d; }
.solution-refresh .home-solution-body > p { font-size: 14px; line-height: 25px; color: #8190a0; margin-bottom: 20px; }
.solution-number { position: absolute; top: 54px; right: 16px; color: #e5effd; font-size: 58px; line-height: 1; font-weight: 700; pointer-events: none; }
.solution-number small { display: block; font-size: 20px; text-align: right; color: #c2ccd8; font-weight: 400; }
.solution-refresh .home-solution-pager { margin-top: 28px; justify-content: space-between; max-width: 230px; color: #1a367a; font-weight: 600; }
.solution-refresh .home-solution-pager button { width: 40px; height: 40px; border-radius: 50%; border-color: #e1e8f2; font-size: 25px; color: #1a367a; }
.home-case-stories,.home-research { padding: 64px 0; }
.home-module-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.home-module-head h2 { color: #1a367a; font-size: 32px; line-height: 1.5; }
.home-module-head p { margin-top: 8px; font-size: 16px; color: #7a8aa0; }
.module-more { flex-shrink: 0; color: #2b6ad5; font-size: 14px; }
.module-more span { margin-left: 15px; }
.case-story-grid { display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: repeat(3,130px); gap: 18px 28px; }
.case-story { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 22px; min-width: 0; border-bottom: 1px solid #e9eef4; padding-bottom: 16px; }
.case-story img { width: 100%; height: 100%; object-fit: cover; min-height: 0; }
.case-story-copy { display: flex; flex-direction: column; align-items: flex-start; }
.case-story-category { color: #8394a9; font-size: 12px; line-height: 20px; }
.case-story h3 { font-size: 17px; line-height: 26px; font-weight: 600; color: #243e5f; margin: 6px 0; }
.case-story-link { font-size: 12px; color: #2b6ad5; margin-top: auto; }
.case-story-link span { margin-left: 12px; }
.case-story-feature { position: relative; grid-row: span 3; display: block; overflow: hidden; border: 0; padding: 0; }
.case-story-feature::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 30%,#092844eb); }
.case-story-feature .case-story-copy { position: absolute; z-index: 1; bottom: 30px; left: 30px; right: 30px; }
.case-story-feature h3 { color: #fff; font-size: 25px; line-height: 1.6; margin: 10px 0 18px; }
.case-story-feature .case-story-category,.case-story-feature .case-story-link { color: #d8e7f8; }
.case-story:hover h3 { color: #2b6ad5; }
.case-story-feature:hover h3 { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.home-platform { background: #edf4fb; padding: 56px 0; }
.platform-layout { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 40px; align-items: center; }
.module-eyebrow { font-size: 13px; letter-spacing: .12em; color: #6587b1; }
.platform-copy h2 { margin: 14px 0 20px; color: #1a367a; font-size: 36px; line-height: 1.5; }
.platform-copy h2 span { font-size: 26px; }
.platform-copy p { font-size: 15px; color: #6e829a; line-height: 28px; }
.platform-copy .platform-lead { font-size: 17px; color: #294d79; margin-bottom: 8px; }
.platform-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.platform-service { padding: 18px 16px 20px; background: #fff; border: 1px solid #e0eaf6; border-radius: 8px; transition: transform .2s; }
.platform-service-top { display: flex; justify-content: space-between; color: #769bc6; font-size: 16px; }
.platform-service img { width: 100%; height: 245px; object-fit: contain; margin: 16px 0; }
.platform-service h3 { border-top: 1px solid #edf2f8; padding-top: 14px; font-size: 18px; color: #1a367a; }
.platform-service:hover { transform: translateY(-5px); }
.home-research { background: #fff; }
.research-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.research-card { border: 1px solid #e5ebf3; background: #fff; min-width: 0; }
.research-media { height: 200px; overflow: hidden; }
.research-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.research-copy { position: relative; padding: 26px; }
.research-index { position: absolute; top: 23px; right: 20px; font-size: 32px; color: #e0e9f5; }
.research-copy h3 { position: relative; font-size: 21px; color: #1a367a; margin-bottom: 14px; padding-right: 28px; }
.research-copy p { font-size: 14px; color: #7c8b9e; line-height: 26px; min-height: 78px; }
.research-link { display: block; margin-top: 24px; font-size: 13px; color: #2b6ad5; }
.research-link span { float: right; }
.research-card:hover img { transform: scale(1.04); }
@media(max-width:1100px) {
  .rd-layout,.solution-layout { grid-template-columns: 235px minmax(0,1fr); gap: 24px; }
  .rd-panel { height: 320px; }
  .solution-refresh .home-solution-panel { grid-template-columns: 1fr; }
  .solution-refresh .home-solution-media { min-height: 240px; }
  .platform-layout { grid-template-columns: 1fr; }
  .platform-copy h2 br { display: none; }
  .platform-copy h2 span { margin-left: 12px; }
  .platform-service img { height: 240px; }
  .case-story { grid-template-columns: 125px minmax(0,1fr); gap: 16px; }
  .case-story-grid { grid-template-rows: repeat(3,150px); }
}
@media(max-width:767px) {
  .rd-layout,.solution-layout { grid-template-columns: minmax(0,1fr); }
  .solution-refresh { padding: 36px 0; }
  .solution-refresh .home-solution-head h2 { font-size: 32px; }
  .solution-refresh .home-solution-pager { max-width: 210px; }
  .solution-refresh .home-solution-tabs { display: flex; overflow-x: auto; flex-wrap: nowrap; }
  .solution-refresh .home-solution-tabs button { flex: 0 0 150px; }
  .solution-refresh .home-solution-body { padding: 24px 70px 24px 22px; }
  .solution-number { font-size: 44px; right: 12px; }
  .home-case-stories,.home-research { padding: 40px 0; }
  .home-module-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .home-module-head h2 { font-size: 28px; }
  .case-story-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px; }
  .case-story-feature { grid-row: auto; height: 300px; }
  .case-story-feature h3 { font-size: 22px; }
  .case-story { min-height: 130px; }
  .platform-services,.research-grid { grid-template-columns: 1fr; }
  .platform-service { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
  .platform-service-top { align-self: start; }
  .platform-service img { grid-column: 2; grid-row: 1 / 3; height: 200px; margin: 0; }
  .platform-service h3 { align-self: end; }
  .platform-copy h2 { font-size: 30px; }
  .platform-copy h2 span { display: block; margin: 0; font-size: 24px; }
  .home-platform { padding: 40px 0; }
  .research-copy p { min-height: 0; }
  .home-news-layout,.home-news-feature,.home-news-list,.home-news-row-body { min-width: 0; }
  .home-news-layout { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:480px) {
  .rd-panels { grid-template-columns: 1fr; }
  .rd-panel { height: 320px; }
}
@media(prefers-reduced-motion:reduce) { .rd-panel-description,.platform-service,.research-media img { transition: none; } }
/* 锚点跳转时为固定导航保留空间 */
#home-rd-title, #solution-title, #case-stories-title, #platform-title, #research-title { scroll-margin-top: 100px; }

/* 解决方案：深蓝横幅、现场大图与叠放详情卡片 */
.solution-showcase { position: relative; isolation: isolate; padding: 36px 0; background: linear-gradient(110deg,rgba(20,88,177,.94),rgba(57,121,196,.86) 48%,rgba(176,210,244,.9)), url('../assets/images/home-institute-carbon.jpg') center 60% / cover; }
.solution-showcase::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(150deg,transparent 48%,rgba(225,240,255,.2) 48.2%,transparent 66%); pointer-events: none; }
.solution-showcase .solution-layout { display: grid; grid-template-columns: 28% minmax(0,1fr); align-items: center; gap: 30px; }
.solution-showcase .home-solution-head { padding: 28px 0; }
.solution-showcase .home-solution-head h2 { font-size: 40px; line-height: 52px; color: #fff; margin-bottom: 18px; }
.solution-showcase .home-solution-desc { color: #cad8e9; font-size: 16px; line-height: 28px; margin-bottom: 28px; }
.solution-showcase .home-solution-head .home-solution-btn { background: #f16b19; height: 44px; padding: 0 24px; font-size: 14px; margin: 0; }
.solution-showcase .home-solution-head .home-solution-btn:hover { background: #d9560a; }
.solution-showcase .solution-content { position: relative; min-width: 0; }
.solution-showcase .home-solution-panels { border: 1px solid #c0cfde; background: transparent; box-shadow: 0 12px 36px #102c5520; }
.solution-showcase .home-solution-panel { position: relative; display: grid; grid-template-columns: 43% minmax(0,1fr); min-height: 330px; background: #fff; }
.solution-showcase .home-solution-media { position: absolute; inset: 0 43% 0 0; min-height: 0; overflow: hidden; }
.solution-showcase .home-solution-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.solution-showcase .home-solution-body { position: relative; grid-column: 2; margin-top: 28px; padding: 32px 40px 76px; background: #fff; min-width: 0; }
.solution-showcase .home-solution-body::before { content: ''; position: absolute; inset: 0 auto 0 -34px; width: 35px; background: #fff; clip-path: polygon(100% 0,100% 100%,0 100%,100% 75%); }
.solution-showcase .solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 44px 18px 0; }
.solution-showcase .solution-tags span { background: #eef4fb; color: #72859f; padding: 3px 10px; font-size: 12px; line-height: 20px; }
.solution-showcase .home-solution-body h3 { position: relative; font-size: 24px; line-height: 34px; color: #16396e; margin: 0 28px 18px 0; padding-bottom: 13px; }
.solution-showcase .home-solution-body h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 3px; background: #7ba7df; }
.solution-showcase .home-solution-body > p { color: #8593a6; font-size: 14px; line-height: 26px; margin: 0 0 20px; }
.solution-showcase .home-solution-body .home-solution-btn { height: auto; background: none; padding: 0; margin-top: auto; color: #3d76bc; font-size: 15px; gap: 20px; align-self: flex-start; }
.solution-showcase .home-solution-body .home-solution-btn:hover { color: #174d91; }
.solution-showcase .solution-number { top: 0; right: 20px; font-size: 50px; line-height: 1; color: #edf3fc; }
.solution-showcase .solution-number small { color: #bdc9d9; font-size: 17px; margin-top: 5px; }
.solution-showcase .home-solution-pager { position: absolute; bottom: 24px; right: 28px; margin: 0; gap: 12px; z-index: 2; }
.solution-showcase .home-solution-pager button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #e2eaf5; background: #fff; color: #285b99; font-size: 19px; }
.solution-showcase .home-solution-pager button:hover { background: #edf4fd; border-color: #a9c2e3; }
.solution-showcase a:focus-visible,.solution-showcase button:focus-visible { outline: 3px solid #88b8f6; outline-offset: 4px; }
@media(max-width:1100px) {
  .solution-showcase .solution-layout { grid-template-columns: 235px minmax(0,1fr); gap: 24px; }
  .solution-showcase .home-solution-body { padding: 28px 24px 78px; }
  .solution-showcase .home-solution-body h3 { font-size: 21px; line-height: 30px; }
  .solution-showcase .solution-tags { margin-right: 25px; gap: 5px; }
  .solution-showcase .solution-tags span { padding: 2px 6px; font-size: 11px; }
}
@media(max-width:767px) {
  .solution-showcase { padding: 30px 0; }
  .solution-showcase .solution-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .solution-showcase .home-solution-head { padding: 0; }
  .solution-showcase .home-solution-head h2 { font-size: 32px; line-height: 42px; margin-bottom: 10px; }
  .solution-showcase .home-solution-desc { margin-bottom: 20px; }
  .solution-showcase .home-solution-panel { display: block; }
  .solution-showcase .home-solution-media { position: relative; inset: auto; height: 240px; }
  .solution-showcase .home-solution-body { margin: -20px 0 0 16px; padding: 28px 22px 82px; }
  .solution-showcase .home-solution-body::before { display: none; }
  .solution-showcase .solution-number { top: 12px; right: 12px; font-size: 40px; }
  .solution-showcase .solution-tags { padding-right: 28px; }
  .solution-showcase .home-solution-pager { bottom: 22px; right: 22px; }
}

/* 索雷快修：按原图 1920 × 500 展示，小屏等比缩小 */
.home-platform.home-platform-image { padding: 0; background: #edf4fb; }
.home-platform-image > img { display: block; width: 100%; max-width: 1920px; height: auto; margin: 0 auto; }

/* 首页按钮统一采用解决方案橙色 */
main[data-page="index"] { --home-button: #f16b19; --home-button-hover: #d9560a; }
main[data-page="index"] .home-about-btn,
main[data-page="index"] .rd-explore { background: var(--home-button); color: #fff; }
main[data-page="index"] .home-about-btn:hover,
main[data-page="index"] .rd-explore:hover { background: var(--home-button-hover); color: #fff; }
main[data-page="index"] :is(.module-more, .research-link, .case-story:not(.case-story-feature) .case-story-link, .home-news-link, .text-more),
main[data-page="index"] .solution-showcase .home-solution-body .home-solution-btn { color: var(--home-button); }
main[data-page="index"] :is(.module-more, .text-more):hover,
main[data-page="index"] .research-card:hover .research-link,
main[data-page="index"] .case-story:hover .case-story-link,
main[data-page="index"] .home-news-feature:hover .home-news-link,
main[data-page="index"] .solution-showcase .home-solution-body .home-solution-btn:hover { color: var(--home-button-hover); }
main[data-page="index"] .home-news-more,
main[data-page="index"] .solution-showcase .home-solution-pager button { color: var(--home-button); border-color: var(--home-button); }
main[data-page="index"] .home-news-more:hover,
main[data-page="index"] .solution-showcase .home-solution-pager button:hover { color: #fff; background: var(--home-button); border-color: var(--home-button); }

/* 五项产品研发：三列分组展示 */
.home-rd.rd-carousel { padding: 52px 0; background: #f0f5fc; }
.rd-carousel .rd-layout { grid-template-columns: 270px minmax(0,1fr); gap: 36px; align-items: center; }
.rd-gallery { min-width: 0; }
.rd-carousel .rd-panels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.rd-carousel .rd-panel { height: 420px; border-radius: 5px; box-shadow: 0 7px 20px #163a6412; }
.rd-carousel .rd-panel[hidden] { display: none !important; }
.rd-carousel .rd-panel img { filter: saturate(.85); }
.rd-card-index { position: absolute; z-index: 1; top: 20px; left: 22px; color: #fff; font-size: 13px; letter-spacing: .14em; opacity: .85; }
.rd-carousel .rd-panel-caption { left: 24px; right: 24px; bottom: 27px; }
.rd-carousel .rd-panel-title { font-size: 23px; line-height: 32px; padding-right: 28px; }
.rd-carousel .rd-panel-arrow { right: 22px; bottom: 26px; font-size: 25px; }
.rd-carousel .rd-panel-description { font-size: 14px; line-height: 1.85; color: #f0f5ff; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded)::after { background: rgba(35,82,149,.92); }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-caption { top: 55px; bottom: 55px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #a3bee0 transparent; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-title { padding: 0 0 15px; margin-bottom: 16px; position: relative; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background: #fff; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-description { max-height: none; margin-top: 0; }
.rd-gallery-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.rd-gallery-status { color: #8190a7; font-size: 13px; letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.rd-gallery-buttons { display: flex; gap: 10px; }
.rd-gallery-buttons button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #f16b19; color: #f16b19; background: #fff; font-size: 20px; line-height: 1; transition: background .2s,color .2s; }
.rd-gallery-buttons button:hover { background: #f16b19; color: #fff; }
.rd-gallery-buttons button:focus-visible { outline: 3px solid #f7ad7f; outline-offset: 3px; }
@media(max-width:1100px) {
 .rd-carousel .rd-layout { grid-template-columns: 230px minmax(0,1fr); gap: 24px; }
 .rd-carousel .rd-panels { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .rd-carousel .rd-panel { height: 430px; }
 .rd-carousel .rd-panel-caption { left: 18px; right: 18px; }
 .rd-carousel .rd-panel-description { font-size: 13px; }
}
@media(max-width:767px) { .rd-carousel .rd-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width:640px) {
 .home-rd.rd-carousel { padding: 32px 0; }
 .rd-carousel .rd-panels { grid-template-columns: minmax(0,1fr); }
 .rd-carousel .rd-panel { height: 410px; }
 .rd-carousel .rd-panel-description { font-size: 14px; }
}

/* 产品研发：纯色底、无编号卡片与左侧组合切换 */
.rd-carousel .rd-layout { gap: 40px; }
.rd-carousel .rd-intro { padding: 20px 0; }
.rd-carousel .rd-panels { gap: 20px; }
.rd-carousel .rd-panel { border-radius: 8px; box-shadow: 0 10px 26px rgba(28,60,104,.1); }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-caption { top: 30px; bottom: 54px; }
.rd-carousel .rd-panel-arrow { font-size: 28px; }
.rd-carousel .rd-panel:hover .rd-panel-arrow { transform: translateX(4px); }
.rd-carousel .rd-gallery-controls { margin-top: 36px; justify-content: flex-start; }
.rd-carousel .rd-gallery-buttons { display: inline-flex; gap: 0; padding: 4px; border: 1px solid #f3c9ae; border-radius: 30px; background: #fff; box-shadow: 0 4px 12px #17396806; }
.rd-carousel .rd-gallery-buttons button { height: 42px; width: 46px; border: 0; border-radius: 24px; background: transparent; color: #ef6b20; }
.rd-carousel .rd-gallery-buttons [data-rd-next] { width: auto; display: inline-flex; align-items: center; gap: 20px; padding: 0 20px; font-size: 14px; font-weight: 500; }
.rd-carousel .rd-gallery-buttons [data-rd-next] span { font-size: 22px; }
.rd-carousel .rd-gallery-buttons button:hover { color: #fff; background: #f16b19; }
@media(max-width:1100px) { .rd-carousel .rd-layout { gap: 24px; } .rd-carousel .rd-panels { gap: 14px; } }
@media(max-width:767px) { .rd-carousel .rd-intro { padding: 0; } .rd-carousel .rd-gallery-controls { margin-top: 24px; } }

/* 产品卡片文字与下方居中切换栏 */
.rd-carousel .rd-panel-title { font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: .03em; }
.rd-carousel .rd-panel-description { font-size: 15px; font-weight: 400; line-height: 1.85; }
.rd-carousel .rd-panel-caption { left: 26px; right: 26px; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-caption { top: 28px; bottom: 50px; padding-right: 5px; }
.rd-carousel .rd-panel:is(:hover,:focus-visible,.is-expanded) .rd-panel-title { margin-bottom: 18px; padding-bottom: 14px; }
.rd-carousel .rd-panel { box-shadow: 0 6px 20px rgba(28,60,104,.08); }
.rd-carousel .rd-gallery-controls { display: flex; justify-content: center; gap: 22px; margin-top: 24px; }
.rd-carousel .rd-gallery-controls::before,
.rd-carousel .rd-gallery-controls::after { content: ''; flex: 1; height: 1px; background: #dce5f0; }
.rd-carousel .rd-gallery-buttons { display: flex; align-items: center; gap: 10px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next] { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: auto; height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 6px; color: #e76a21; background: transparent; font-size: 14px; font-weight: 400; transition: background .2s, border-color .2s; }
.rd-carousel .rd-gallery-buttons button [aria-hidden="true"] { font-size: 23px; line-height: 1; }
.rd-carousel .rd-gallery-buttons button:hover { background: #fff; border-color: #f1c7ad; color: #d9560a; }
.rd-control-divider { width: 1px; height: 16px; background: #d5deea; }
@media(max-width:640px) {
 .rd-carousel .rd-panel-caption { left: 22px; right: 22px; }
 .rd-carousel .rd-gallery-controls { gap: 10px; margin-top: 18px; }
 .rd-carousel .rd-gallery-buttons { gap: 4px; }
 .rd-carousel .rd-gallery-buttons button,
 .rd-carousel .rd-gallery-buttons [data-rd-next] { padding: 0 10px; gap: 10px; }
}

/* 产品切换：图片组右下方的简洁箭头 */
.rd-carousel .rd-gallery-controls { justify-content: flex-end; gap: 0; margin-top: 18px; }
.rd-carousel .rd-gallery-controls::before,
.rd-carousel .rd-gallery-controls::after { content: none; }
.rd-carousel .rd-gallery-buttons { gap: 10px; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next] { width: 40px; height: 40px; padding: 0; gap: 0; border: 1px solid #efd4c2; border-radius: 50%; background: #fff; color: #ef6b20; box-shadow: 0 2px 6px #17396805; }
.rd-carousel .rd-gallery-buttons button:hover { background: #f16b19; border-color: #f16b19; color: #fff; }
.rd-carousel .rd-gallery-buttons button [aria-hidden="true"] { font-size: 21px; }

/* 产品切换：图片两侧的无边框箭头 */
.rd-carousel .rd-gallery { position: relative; padding: 0 26px; }
.rd-carousel .rd-gallery-controls { position: absolute; inset: 0; margin: 0; pointer-events: none; }
.rd-carousel .rd-gallery-buttons { display: contents; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next] { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 44px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #ee6a20; pointer-events: auto; }
.rd-carousel .rd-gallery-buttons [data-rd-prev] { left: -4px; }
.rd-carousel .rd-gallery-buttons [data-rd-next] { right: -4px; }
.rd-carousel .rd-gallery-buttons button:hover { background: transparent; border: 0; color: #bc4708; }
.rd-carousel .rd-gallery-buttons button [aria-hidden="true"] { font-size: 24px; font-weight: 400; }
@media(max-width:640px) { .rd-carousel .rd-gallery { padding: 0 24px; } }

/* 产品切换：右侧上下排列 */
.rd-carousel .rd-gallery { padding: 0 54px 0 0; }
.rd-carousel .rd-gallery-controls { inset: 0 0 0 auto; width: 40px; display: flex; align-items: center; justify-content: center; }
.rd-carousel .rd-gallery-buttons { display: flex; flex-direction: column; gap: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next] { position: static; transform: none; width: 38px; height: 44px; padding: 0; border: 1px solid #efd6c6; border-radius: 8px; background: #fff; color: #ee6a20; box-shadow: 0 3px 10px rgba(34,62,99,.05); }
.rd-carousel .rd-gallery-buttons button:hover { border: 1px solid #f16b19; background: #f16b19; color: #fff; }
.rd-carousel .rd-gallery-buttons button [aria-hidden="true"] { font-size: 21px; }
@media(max-width:640px) {
 .rd-carousel .rd-gallery { padding-right: 46px; }
 .rd-carousel .rd-gallery-controls { width: 34px; }
 .rd-carousel .rd-gallery-buttons button,
 .rd-carousel .rd-gallery-buttons [data-rd-next] { width: 34px; height: 40px; }
}

/* 产品箭头按参考图：卡片白色圆环，切换浅色方框 */
.rd-carousel .rd-panel-arrow { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; right: 22px; bottom: 24px; border: 1.5px solid rgba(255,255,255,.9); border-radius: 50%; color: #fff; font-size: 24px; line-height: 1; font-weight: 400; transition: background .2s, border-color .2s; }
.rd-carousel .rd-panel:hover .rd-panel-arrow { transform: none; background: rgba(255,255,255,.12); border-color: #fff; }
.rd-carousel .rd-panel-title { padding-right: 44px; }
.rd-carousel .rd-gallery-buttons { gap: 14px; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next] { width: 40px; height: 40px; border: 1px solid #d7e1ec; border-radius: 3px; background: #f7fafd; color: #7890a8; box-shadow: 0 1px 3px rgba(30,62,99,.04); }
.rd-carousel .rd-gallery-buttons [data-rd-prev] { color: #aab9c8; }
.rd-carousel .rd-gallery-buttons button [aria-hidden="true"] { font-size: 22px; font-weight: 400; }
.rd-carousel .rd-gallery-buttons button:hover { border-color: #aebfd2; background: #fff; color: #3c6087; }
.rd-carousel .rd-gallery-buttons button:focus-visible { outline: 2px solid #7799bc; outline-offset: 3px; }
@media(max-width:640px) {
 .rd-carousel .rd-gallery-buttons button,
 .rd-carousel .rd-gallery-buttons [data-rd-next] { width: 34px; height: 36px; }
}

/* 线条箭头与逐张切换控件 */
.rd-carousel .rd-panel-arrow { width: 36px; height: 36px; border: 1.5px solid rgba(255,255,255,.9); }
.rd-carousel .rd-panel-arrow svg { display: block; width: 23px; height: 23px; }
.rd-carousel .rd-gallery-buttons { gap: 12px; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-next],
.rd-carousel .rd-gallery-buttons [data-rd-prev] { width: 32px; height: 32px; min-height: 32px; border: 0; border-radius: 50%; background: #20466d; color: #fff; box-shadow: none; }
.rd-carousel .rd-gallery-buttons button svg { display: block; width: 20px; height: 20px; }
.rd-carousel .rd-gallery-buttons button:hover:not(:disabled) { background: #163553; color: #fff; border: 0; }
.rd-carousel .rd-gallery-buttons button:disabled { background: #e6ecf2; color: #8498ac; opacity: 1; cursor: default; }

/* 产品切换按钮移至图片组左侧 */
.rd-carousel .rd-gallery { padding: 0 0 0 54px; }
.rd-carousel .rd-gallery-controls { inset: 0 auto 0 0; }
@media(max-width:640px) { .rd-carousel .rd-gallery { padding: 0 0 0 46px; } }

/* 产品切换：图片组左下方横向排列 */
.rd-carousel .rd-gallery { padding: 0; }
.rd-carousel .rd-gallery-controls { position: static; inset: auto; width: auto; display: flex; align-items: center; justify-content: flex-start; margin-top: 16px; pointer-events: auto; }
.rd-carousel .rd-gallery-buttons { display: flex; flex-direction: row; gap: 12px; }

/* 产品切换：图片组左侧，按钮底边与图片底边对齐 */
.rd-carousel .rd-gallery { position: relative; padding: 0; }
.rd-carousel .rd-gallery-controls { position: absolute; inset: auto calc(100% + 20px) 0 auto; width: 76px; margin: 0; justify-content: flex-start; }
.rd-carousel .rd-gallery-buttons { flex-direction: row; gap: 12px; }
@media(max-width:767px) {
 .rd-carousel .rd-gallery { padding-left: 88px; }
 .rd-carousel .rd-gallery-controls { inset: auto auto 0 0; }
}

/* 解决方案：参考工业蓝色，橙色仅用于了解更多 */
.solution-showcase { background: #1754ac; }
.solution-showcase::before { background: none; border: 1px solid rgba(164,202,255,.1); border-radius: 50%; width: 650px; height: 650px; inset: -220px auto auto -380px; box-shadow: 0 0 0 80px rgba(111,174,255,.035),0 0 0 160px rgba(111,174,255,.025); }
.solution-showcase .home-solution-head .home-about-btn { margin-top: 0; }
.solution-showcase .home-solution-desc { color: #d5e5fc; }
.solution-showcase .home-solution-panel { min-height: 400px; }
.solution-showcase .home-solution-body { padding-top: 42px; padding-bottom: 80px; }
.solution-showcase .home-solution-body h3 { margin-right: 38px; color: #17447d; }
.solution-showcase .home-solution-body > p { color: #526b88; font-size: 16px; line-height: 28px; }
.solution-showcase .solution-number { color: #e2edfc; }
.solution-showcase .solution-number small { color: #94aecf; }
main[data-page="index"] .solution-showcase .home-solution-body .home-solution-btn { color: #2467b6; }
main[data-page="index"] .solution-showcase .home-solution-body .home-solution-btn:hover { color: #17447d; }
main[data-page="index"] .solution-showcase .home-solution-pager { gap: 10px; }
main[data-page="index"] .solution-showcase .home-solution-pager button { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d8e5f4; border-radius: 50%; color: #356496; background: #f0f5fc; box-shadow: none; transition: background .2s,color .2s; }
main[data-page="index"] .solution-showcase .home-solution-pager [data-sol-next] { color: #fff; background: #20599b; border-color: #20599b; }
main[data-page="index"] .solution-showcase .home-solution-pager button:hover { color: #fff; background: #17447d; border-color: #17447d; }
.solution-showcase .home-solution-pager svg { width: 20px; height: 20px; }
@media(max-width:767px) {
 .solution-showcase .home-solution-body { padding-top: 36px; }
 .solution-showcase .home-solution-body h3 { font-size: 21px; }
}

/* 产品研发切换按钮与解决方案统一 */
.rd-carousel .rd-gallery-buttons { gap: 10px; }
.rd-carousel .rd-gallery-buttons button,
.rd-carousel .rd-gallery-buttons [data-rd-prev] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 1px solid #d8e5f4; border-radius: 50%; background: #f0f5fc; color: #356496; box-shadow: none; transition: background .2s,color .2s,border-color .2s; }
.rd-carousel .rd-gallery-buttons [data-rd-next] { width: 36px; height: 36px; min-height: 36px; padding: 0; border: 1px solid #20599b; border-radius: 50%; background: #20599b; color: #fff; box-shadow: none; }
.rd-carousel .rd-gallery-buttons button svg { width: 20px; height: 20px; }
.rd-carousel .rd-gallery-buttons button:hover:not(:disabled) { background: #17447d; border-color: #17447d; color: #fff; }
.rd-carousel .rd-gallery-buttons button:disabled { background: #edf2f8; border-color: #dfe7f0; color: #a1b2c6; opacity: 1; }
.rd-carousel .rd-gallery-controls { width: 82px; }
@media(max-width:767px) { .rd-carousel .rd-gallery { padding-left: 94px; } }

/* 解决方案固定高度，切换时保持版面稳定 */
.solution-showcase { padding: 40px 0; }
.solution-showcase .home-solution-panel { height: 430px; min-height: 430px; }
.solution-showcase .home-solution-body { min-height: 0; }
.solution-showcase .home-solution-body > p { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b6cbe4 transparent; }
.solution-showcase .home-solution-body h3,
.solution-showcase .home-solution-body .home-solution-btn { flex-shrink: 0; }
@media(max-width:1100px) and (min-width:768px) {
 .solution-showcase .home-solution-panel { height: 430px; min-height: 430px; }
}
@media(max-width:767px) {
 .solution-showcase { padding: 40px 0; }
 .solution-showcase .home-solution-panel { height: 660px; min-height: 660px; }
 .solution-showcase .home-solution-body { height: 440px; }
}

/* 解决方案与产品研发采用相同的上下留白 */
.solution-showcase { padding: 52px 0; }
@media(max-width:640px) { .solution-showcase { padding: 32px 0; } }

/* 首页解决方案详情链接字号 */
main[data-page="index"] .solution-showcase .home-solution-body .home-solution-btn { font-size: 16px; }

/* 索雷资讯：统一标题层级、行业文案和详情入口 */
.home-case-stories { padding: 60px 0; }
.home-case-stories .home-module-head { align-items: center; }
.home-case-stories .home-module-head .home-about-btn { margin: 0; align-self: center; flex-shrink: 0; }
.home-case-stories .home-module-head .home-about-lead { font-weight: 500; }
.home-case-stories .case-story-grid { grid-template-rows: repeat(3,150px); }
.home-case-stories .case-story-description { display: block; color: #7b8ba0; font-size: 15px; line-height: 26px; margin: 2px 0 10px; }
.home-case-stories .case-story h3 { margin: 0 0 6px; }
.home-case-stories .case-story-detail { display: inline-flex; align-items: center; gap: 14px; min-height: 32px; padding: 2px 12px; margin-top: auto; border: 1px solid #e4bda4; border-radius: 4px; color: #d95d16; font-size: 14px; line-height: 24px; transition: background .2s,color .2s; }
.home-case-stories .case-story:hover .case-story-detail { background: #f16b19; border-color: #f16b19; color: #fff; }
.home-case-stories .case-story-feature .case-story-description { color: #dce8f7; margin: 6px 0 20px; }
.home-case-stories .case-story-feature .case-story-detail { color: #fff; border-color: rgba(255,255,255,.65); }
@media(max-width:767px) {
 .home-case-stories { padding: 60px 0; }
 .home-case-stories .home-module-head { align-items: flex-start; }
 .home-case-stories .home-module-head .home-about-btn { align-self: flex-start; }
 .home-case-stories .case-story-grid { grid-template-rows: auto; }
 .home-case-stories .case-story:not(.case-story-feature) { grid-template-columns: 110px minmax(0,1fr); }
}

.home-case-stories .home-module-head .home-about-lead { font-size: 16px !important; }

/* 案例资讯：九大行业场景入口 */
.home-case-stories { background: #f8fbff; }
.industry-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.industry-case { position: relative; isolation: isolate; display: flex; align-items: center; gap: 16px; min-height: 116px; padding: 22px 18px; overflow: hidden; border: 1px solid #dce9fa; border-radius: 6px; background: #fff; box-shadow: 0 3px 12px #204b8610; transition: border-color .2s,box-shadow .2s,transform .2s; }
.industry-case-image { position: absolute; z-index: -2; right: 0; top: 0; width: 48%; height: 100%; object-fit: cover; }
.industry-case::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.93) 61%,rgba(255,255,255,.05) 88%); }
.industry-case-icon { width: 36px; height: 36px; flex: 0 0 36px; color: #3269b8; }
.industry-case-copy { min-width: 0; flex: 0 0 144px; width: 144px; }
.industry-case-copy h3 { font-size: 19px; line-height: 28px; color: #1a367a; font-weight: 600; margin: 0 0 5px; }
.industry-case-copy > span { display: block; font-size: 14px; line-height: 21px; color: #7d91ad; }
.industry-case-arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border: 1px solid #cfdef4; border-radius: 50%; background: #ffffffc9; color: #3269b8; font-size: 24px; line-height: 1; margin-left: 2px; }
.industry-case:hover { transform: translateY(-2px); border-color: #9cbee9; box-shadow: 0 7px 20px #204b8618; }
.industry-case:hover .industry-case-arrow { color: #fff; background: #3269b8; border-color: #3269b8; }
.industry-case:focus-visible { outline: 3px solid #84afe7; outline-offset: 3px; }
@media(max-width:1100px) { .industry-case-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .industry-case-grid { grid-template-columns: minmax(0,1fr); gap: 12px; } .industry-case { min-height: 106px; padding: 18px; } }
@media(prefers-reduced-motion:reduce) { .industry-case { transition: none; } }
/* 首页研究院、资讯与服务区域 */
.home-refreshed .refreshed-head { align-items:center; gap:24px; }
.home-refreshed .refreshed-head h2,.home-refreshed .home-links h2 { margin:0; color:#1a367a; font-size:40px; line-height:52px; font-weight:700; }
.home-refreshed .refreshed-head .refreshed-lead { margin:10px 0 20px; font-size:16px; line-height:28px; font-weight:500; color:#1a367a; }
.home-refreshed .refreshed-head .home-about-btn { margin:0; flex-shrink:0; align-self:center; }
.home-refreshed .home-research { padding:60px 0; background:#f8fbff; }
.home-refreshed .research-card { padding:7px; border-radius:10px; box-shadow:0 8px 26px #163c7410; transition:transform .25s; }
.home-refreshed .research-card:hover { transform:translateY(-4px); }
.home-refreshed .research-media { height:auto; aspect-ratio:1.8; border-radius:6px; }
.home-refreshed .research-copy { padding:40px 22px 20px; }
.home-refreshed .research-index { top:8px; right:18px; color:#f2792c; font-size:28px; line-height:32px; }
.home-refreshed .research-copy h3 { padding:0; font-size:22px; margin-bottom:10px; }
.home-refreshed .research-copy p { font-size:15px; line-height:27px; min-height:81px; }
.home-refreshed .research-link { margin-top:10px; text-align:right; font-size:25px; color:#f2792c; }
.home-refreshed .home-news-section { padding:60px 0; background:#eef5fd; }
.home-refreshed .home-news-layout { grid-template-columns:1.08fr 1fr; gap:20px; }
.home-refreshed .home-news-feature { display:block; position:relative; isolation:isolate; min-height:470px; padding:0; border-radius:12px; overflow:hidden; background:#173358; }
.home-refreshed .home-news-feature-media { position:absolute; inset:0; border-radius:0; }
.home-refreshed .home-news-feature::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 15%,#112c4f70 45%,#112645f5 100%); }
.home-refreshed .news-latest { position:absolute; z-index:2; top:24px; left:26px; padding:7px 16px; border-radius:5px; color:white; background:#ef7828; font-size:15px; }
.home-refreshed .home-news-feature-body { position:absolute; z-index:1; inset:auto 28px 28px; padding:0; }
.home-refreshed .home-news-feature-body time { color:#d7e5f8; }
.home-refreshed .home-news-feature-body h3 { color:#fff; font-size:26px; line-height:1.5; }
.home-refreshed .home-news-feature-body p { color:#e0e9f5; font-size:15px; line-height:26px; }
.home-refreshed main .home-news-feature .home-news-link { align-self:flex-start; padding:5px 18px; border:1px solid #e2ebf7; border-radius:30px; color:white; font-size:14px; font-weight:400; }
.home-refreshed .home-news-list { gap:14px; }
.home-refreshed .home-news-row { flex:1; grid-template-columns:116px minmax(0,1fr) 66px; gap:16px; padding:16px; border:0; border-radius:10px; background:#fff; }
.home-refreshed .home-news-row:first-child { padding-top:16px; }
.home-refreshed .home-news-row-media { width:116px; height:94px; }
.home-refreshed .home-news-row-body h3 { color:#1a367a; font-size: 18px; line-height:25px; }
.home-refreshed .home-news-row-body p { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.home-refreshed .home-news-row > time { border-left:1px solid #e4ebf5; padding-left:10px; color:#6e83a3; font-size:15px; text-align:center; }
.home-refreshed .home-news-row > time span { white-space:nowrap; }
.home-refreshed .home-news-row > time small { display:block; margin-top:7px; font-size:13px; color:#93a3bb; }
.home-refreshed .home-faq-section { padding:60px 0; background:#fff; }
.home-refreshed .home-faq-col { padding:0 26px 12px; overflow:hidden; border:1px solid #e1eaf7; box-shadow:0 7px 24px #18467c0a; }
.home-refreshed .home-faq-col h3 { display:flex; align-items:center; gap:16px; margin:0 -26px 6px; padding:20px 26px; color:#fff; background:linear-gradient(110deg,#175ac0,#93c0f5); border:0; }
.home-refreshed .home-faq-col:nth-child(2) h3 { background:linear-gradient(110deg,#f37524,#ffc399); }
.home-refreshed .home-faq-col h3::after { content:none; }
.home-refreshed .home-faq-col h3 svg { width:34px; height:34px; flex-shrink:0; }
.home-refreshed .home-faq-item { min-height:60px; padding:10px 0; gap:16px; color:#53647b; }
.home-refreshed .home-faq-idx { font-size:18px; color:#f2792c; }
.home-refreshed .home-faq-item .arrow { width:25px; height:25px; flex:0 0 25px; display:flex; align-items:center; justify-content:center; border:1px solid #e0e8f2; border-radius:50%; }
.home-refreshed .home-links { padding:46px 0; background:#f6f9fd; border-top:1px solid #edf2f9; }
.home-refreshed .home-link-list { gap:12px 32px; margin-top:24px; }
.home-refreshed .home-link-list a { font-size:16px; line-height:28px; color:#637996; }
.home-consult { position:relative; overflow:hidden; padding:40px 0; color:#fff; background:linear-gradient(110deg,#174c9b,#3474d4); }
.home-consult::before { content:''; position:absolute; width:460px; height:460px; border:70px solid #ffffff08; border-radius:50%; right:14%; top:-310px; pointer-events:none; }
.home-consult .container { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.home-consult h2 { color:#fff; font-size: 30px; line-height:1.5; margin-bottom:6px; }
.home-consult p { font-size:21px; color:#e7f0ff; }
.home-consult p a { color:#fff; font-weight:700; margin-left:8px; }
.consult-button { display:inline-flex; align-items:center; gap:25px; padding:15px 36px; border-radius:40px; background:#fff; color:#2564bc; font-size:16px; font-weight:600; }
.consult-button:hover { background:#eaf2ff; }
.home-refreshed .site-footer { background:#102747; color:#b6c8df; padding-top:46px; }
.home-refreshed .footer-grid { grid-template-columns:1fr 1fr; gap:70px; padding-bottom:32px; }
.home-refreshed .footer-contact { border-left:1px solid #ffffff20; padding-left:50px; }
.home-refreshed .footer-contact h2 { color:#fff; }
.home-refreshed .footer-grid p { line-height:1.9; }
.home-refreshed .copyright { border-top:1px solid #ffffff20; color:#9fb3ce; }
@media(max-width:1100px) {
 .home-refreshed .home-news-layout { grid-template-columns:1fr; }
 .home-refreshed .home-news-feature { min-height:430px; }
 .home-refreshed .home-news-row { grid-template-columns:140px minmax(0,1fr) 74px; }
 .home-refreshed .home-news-row-media { width:140px; }
}
@media(max-width:767px) {
 .home-refreshed .refreshed-head { align-items:flex-start; }
 .home-refreshed .refreshed-head h2,.home-refreshed .home-links h2 { font-size:32px; line-height:42px; }
 .home-refreshed .refreshed-head .home-about-btn { align-self:flex-start; }
 .home-refreshed .research-grid { grid-template-columns:1fr; }
 .home-refreshed .home-news-feature-body { inset:auto 22px 22px; }
 .home-refreshed .home-news-feature-body h3 { font-size:23px; }
 .home-refreshed .home-news-row { grid-template-columns:84px minmax(0,1fr); gap:12px; }
 .home-refreshed .home-news-row-media { width:84px; height:86px; grid-row:span 2; }
 .home-refreshed .home-news-row > time { grid-column:2; text-align:left; border:0; padding:0; display:flex; gap:8px; font-size:12px; }
 .home-refreshed .home-news-row > time small { margin:0; }
 .home-refreshed .home-faq-section .grid { grid-template-columns:1fr; }
 .home-refreshed .home-faq-col { padding-left:18px; padding-right:18px; }
 .home-refreshed .home-faq-col h3 { margin-left:-18px; margin-right:-18px; }
 .home-consult .container { flex-direction:column; align-items:flex-start; }
 .home-consult h2 { font-size:28px; }
 .home-consult p { font-size:17px; }
 .home-refreshed .footer-grid { grid-template-columns:1fr; gap:28px; }
 .home-refreshed .footer-contact { border-left:0; border-top:1px solid #ffffff20; padding:24px 0 0; }
}
/* 首页细节统一与卡片交互 */
.home-refreshed :is(.home-about-copy h2,.rd-intro h2,.home-solution-head h2,#case-stories-title,.refreshed-head h2,.home-links h2) { font-size:38px; font-weight:700; line-height:1.4; }
.home-refreshed .research-card { display:flex; flex-direction:column; padding:6px; }
.home-refreshed .research-copy { flex:1; padding:42px 24px 45px; }
.home-refreshed .research-emblem { position:absolute; top:-36px; left:50%; transform:translateX(-50%); display:grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#fff; color:#f07828; box-shadow:0 6px 20px #254c782b; }
.research-emblem svg { width:38px; height:38px; }
.home-refreshed .research-copy h3 { text-align:center; margin-bottom:16px; }
.home-refreshed .research-copy p { min-height:108px; }
.home-refreshed .research-index { top:auto; right:auto; bottom:12px; left:24px; color:#dbe8fb; font-size:42px; line-height:1; font-weight:700; }
.home-refreshed .research-link { position:absolute; right:24px; bottom:19px; font-size: 16px; margin:0; }
.home-refreshed .research-link span { float:none; margin-left:12px; }
.home-refreshed .home-news-feature { display:flex; flex-direction:column; min-height:0; background:#fff; border:1px solid #e4edf9; }
.home-refreshed .home-news-feature::after { display:none; }
.home-refreshed .home-news-feature-media { position:static; min-height:0; height:270px; flex-shrink:0; }
.home-refreshed .home-news-feature-body { position:static; flex:1; padding:20px 26px 24px; }
.home-refreshed .home-news-feature-body time { color:#92a1b7; margin-bottom:8px; }
.home-refreshed .home-news-feature-body h3 { color:#1a367a; font-size:22px; line-height:1.5; margin-bottom:10px; }
.home-refreshed .home-news-feature-body p { color:#7b8ba0; font-size: 15px; line-height:24px; }
.home-refreshed main .home-news-feature .home-news-link { border:0; border-radius:0; padding:0; color:#ee782b; font-size:15px; font-weight:600; }
.home-refreshed .home-news-link span { margin-left:12px; }
.home-refreshed .home-news-row { grid-template-columns:168px minmax(0,1fr) 66px; gap:16px; padding:16px; }
.home-refreshed .home-news-row-media { width:168px; height:112px; aspect-ratio:3/2; }
.home-refreshed .home-faq-item { font-size:16px; }
.home-refreshed .home-links { padding:26px 0; }
.home-refreshed .home-link-list { margin-top:14px; }
.home-consult p a { display:inline-block; font-size:32px; letter-spacing:1px; font-weight:750; }
.home-refreshed .footer-grid { padding-bottom:12px; }
.home-refreshed .copyright { margin-top:8px; }
.home-refreshed :is(.home-news-row,.home-news-feature,.home-faq-col,.home-faq-item,.home-link-list a,.consult-button,.home-about-btn) { transition:background .25s,color .25s,box-shadow .25s,transform .25s; }
.home-refreshed :is(.home-news-feature-media img,.home-news-row-media img) { transition:transform .4s; }
@media(hover:hover) {
 .home-refreshed .home-news-row:hover { transform:translateY(-3px); box-shadow:0 8px 22px #1d477b14; }
 .home-refreshed :is(.home-news-row,.home-news-feature):hover img { transform:scale(1.045); }
 .home-refreshed .home-news-feature:hover { box-shadow:0 10px 28px #1d477b18; }
 .home-refreshed .home-faq-item:hover { background:#f1f6fd; color:#205eaf; }
 .home-refreshed .home-faq-item:hover .arrow { color:#fff; background:#2868bd; border-color:#2868bd; }
 .home-refreshed .home-link-list a:hover { color:#1d5bb5; transform:translateY(-2px); }
 .home-refreshed :is(.home-about-btn,.consult-button):hover { transform:translateY(-2px); box-shadow:0 6px 18px #12396a20; }
 .home-consult p a:hover { color:#ffe0bb; }
}
.home-refreshed :is(.research-card,.home-news-feature,.home-news-row,.home-faq-item,.consult-button,.home-about-btn):focus-visible { outline:3px solid #8bb4ed; outline-offset:4px; }
@media(max-width:1100px) {
 .home-refreshed .home-news-feature-media { height:320px; }
}
@media(max-width:767px) {
 .home-refreshed .home-news-feature-media { height:auto; aspect-ratio:3/2; }
 .home-refreshed .home-news-row { grid-template-columns:126px minmax(0,1fr); gap:12px; padding:12px; }
 .home-refreshed .home-news-row-media { width:126px; height:84px; }
 .home-refreshed .home-news-row-body h3 { font-size:16px; }
 .home-refreshed .home-news-row > time { grid-column:2; }
 .home-consult p a { margin-left:0; display:block; font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
 .home-refreshed :is(.research-card,.research-media img,.home-news-row,.home-news-feature,.home-news-feature-media img,.home-news-row-media img,.home-faq-item,.home-link-list a,.consult-button,.home-about-btn) { transition:none; }
}
/* 焦点新闻三条切换：保持主卡外框高度 */
.home-refreshed .news-feature-wrap { position:relative; min-width:0; height:513px; }
.home-refreshed .news-feature-wrap .home-news-feature { height:100%; }
.home-refreshed .news-feature-wrap .home-news-feature-media { height:300px; }
.home-refreshed .news-feature-wrap .home-news-feature-body { min-height:0; padding:14px 26px 20px; }
.home-refreshed .news-feature-wrap .home-news-feature-body h3 { font-size: 22px; line-height:28px; margin-bottom:7px; }
.home-refreshed .news-feature-wrap .home-news-feature-body p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:12px; }
.home-refreshed .news-feature-wrap .home-news-link { margin-top:auto; }
.news-feature-controls { position:absolute; right:24px; bottom:17px; display:flex; align-items:center; gap:12px; }
.news-feature-controls button { display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:50%; background:#edf3fd; color:#2d60a6; font-size:25px; cursor:pointer; transition:background .2s,color .2s; }
.news-feature-controls button:hover { background:#2864b7; color:#fff; }
.news-feature-controls button:focus-visible { outline:2px solid #2864b7; outline-offset:3px; }
.news-feature-dots { display:flex; gap:5px; }
.news-feature-dots i { width:6px; height:6px; border-radius:50%; background:#d4e1f2; }
.news-feature-dots i.is-active { background:#285fac; }
.home-refreshed .home-consult { padding:28px 0; }
@media(max-width:767px) {
 .home-refreshed .news-feature-wrap { height:520px; }
 .home-refreshed .news-feature-wrap .home-news-feature-media { height:250px; aspect-ratio:auto; }
 .home-refreshed .news-feature-wrap .home-news-feature-body { padding:16px 20px 20px; }
 .home-refreshed .news-feature-wrap .home-news-feature-body p { -webkit-line-clamp:3; }
 .news-feature-controls { right:20px; }
 .home-refreshed .home-consult { padding:24px 0; }
}
/* 频道首页横幅：1920 × 400，居中文字与渐深蒙版 */
.channel-hero--centered { position:relative; isolation:isolate; height:auto; aspect-ratio:1920 / 400; min-height:240px; background-size:cover; background-position:center; }
.channel-hero--centered::before { content:''; position:absolute; z-index:0; inset:0; background:linear-gradient(180deg,rgba(13,26,45,.18),rgba(13,26,45,.45) 55%,rgba(13,26,45,.78)); pointer-events:none; }
.channel-hero--centered .channel-hero__inner { position:relative; z-index:1; width:calc(100% - 48px); min-height:inherit; padding:24px 0; align-items:center; text-align:center; }
.channel-hero--centered .channel-hero__inner h1 { color:#fff; font-size:38px; line-height:1.4; font-weight:700; text-shadow:0 2px 10px #07132330; }
.channel-hero--centered .channel-hero__inner p { color:#fff; opacity:.92; max-width:1000px; margin:12px 0 0; font-size:16px; line-height:1.8; }
@media(max-width:767px) {
 .channel-hero--centered { height:240px; aspect-ratio:auto; }
 .channel-hero--centered .channel-hero__inner { width:calc(100% - 36px); }
 .channel-hero--centered .channel-hero__inner h1 { font-size:30px; }
 .channel-hero--centered .channel-hero__inner p { font-size:14px; }
}
/* 内页面包屑统一字号 */
main:not([data-page="index"]) [data-block="breadcrumb"] { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:15px; line-height:26px; padding-top:20px; padding-bottom:20px; color:#7b8ba0; }
main:not([data-page="index"]) [data-block="breadcrumb"] :is(a,span) { font-size:inherit; }
main:not([data-page="index"]) [data-block="breadcrumb"] a:hover { color:#1f5bb8; }
main:not([data-page="index"]) [data-block="breadcrumb"] .is-current { color:#344c70; overflow-wrap:anywhere; }
/* 频道横幅字体统一 */
.channel-hero--centered .channel-hero__inner h1 { font-size:42px; font-weight:700; }
.channel-hero--centered .channel-hero__inner p { font-size:18px; }
/* 关于我们：企业介绍、荣誉与发展时间轴 */
.about-revised { padding-bottom:60px; }
.about-revised .about-block { padding:42px 0; margin:0; }
.about-revised .about-block:first-child { padding-top:8px; padding-bottom:18px; }
.about-revised .about-block-head { margin-bottom:28px; }
.about-revised .about-block-head h2 { color:#1a367a; font-size:32px; line-height:1.5; }
.about-revised .about-kicker { color:#e8792b; font-size:16px; letter-spacing:1px; }
.about-revised .about-intro-grid { grid-template-columns:1.15fr 1fr; gap:40px; align-items:center; }
.about-revised .about-photo-mosaic { grid-template-columns:1fr 1fr; grid-template-rows:280px 180px; aspect-ratio:auto; gap:12px; margin:0; border-radius:10px; overflow:hidden; }
.about-revised .about-photo-mosaic img { height:100%; object-fit:cover; }
.about-revised .about-photo-mosaic img:first-child { grid-column:span 2; }
.about-revised .about-feature-card { border:1px solid #e2eaf6; border-radius:10px; background:#f5f9ff; padding:26px; }
.about-revised .about-material-card { padding:0 0 24px; overflow:hidden; border:1px solid #e2eaf6; background:#fff; box-shadow:0 8px 24px #204b8610; }
.about-material-card img { width:100%; aspect-ratio:1.65; object-fit:cover; }
.about-revised .about-material-card :is(h3,p) { margin-left:24px; margin-right:24px; }
.about-revised .about-material-card h3 { margin-top:20px; color:#1a367a; }
.about-split-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.about-scroll-controls { display:flex; gap:10px; }
.about-scroll-controls button { width:40px; height:40px; border:1px solid #d4e2f5; border-radius:50%; color:#225eb2; background:#f1f6ff; font-size:28px; cursor:pointer; }
.about-scroll-controls button:hover { color:white; background:#225eb2; }
.about-scroll-controls button:disabled { opacity:.35; cursor:default; }
.honor-track,.history-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#b5ccec #eff4fa; padding:4px 0 16px; }
.honor-card { flex:0 0 calc((100% - 72px)/4); min-width:0; margin:0; padding:16px; border:1px solid #e3eaf5; border-radius:10px; background:#f7faff; scroll-snap-align:start; }
.honor-card img { width:100%; height:250px; object-fit:contain; background:#fff; }
.honor-card figcaption { display:flex; justify-content:space-between; margin-top:16px; color:#1a367a; font-size:16px; }
.honor-card figcaption span { color:#a4b6d1; }
.history-card { position:relative; flex:0 0 calc((100% - 48px)/3); padding:8px 24px 28px; scroll-snap-align:start; background:#f5f8fd; border-radius:8px; }
.history-year { display:block; color:#245eb0; font-size:42px; font-weight:700; padding-bottom:28px; }
.history-year small { font-size:16px; margin-left:6px; font-weight:400; }
.history-node { display:block; position:relative; height:2px; background:#c9d9ef; margin:0 -24px 24px; }
.history-node::before { content:''; position:absolute; width:12px; height:12px; border:4px solid #e1ebfb; border-radius:50%; background:#f07828; left:24px; top:-9px; }
.history-card h3 { color:#1a367a; font-size:21px; margin-bottom:12px; }
.history-card p { color:#6b7d94; font-size:16px; line-height:1.9; }
.about-revised .culture-section { margin:28px 0; padding:36px; border-radius:14px; background:#eef5fd; }
.culture-section .about-belief-card { border:0; border-left:3px solid #e98543; background:#fff; }
.culture-section .about-belief-card h3 { color:#1a367a; }
.about-revised .about-qj-grid { align-items:center; }
.about-revised .about-qj-grid img { border-radius:12px; aspect-ratio:1.35; object-fit:cover; }
/* 产品研发：五大主题阅读布局 */
.products-revised { padding-bottom:64px; background:#f7faff; }
.product-jump { display:flex; gap:8px; flex-wrap:wrap; padding:16px; background:#fff; border:1px solid #e0eafa; border-radius:10px; }
.product-jump a { flex:1; text-align:center; min-width:110px; color:#1a367a; padding:12px 18px; border-radius:6px; font-size:17px; }
.product-jump a:hover { color:#fff; background:#235faa; }
.products-revised .rd-section { display:block; padding:36px; margin-top:28px; background:#fff; border:1px solid #e1eaf5; border-radius:12px; scroll-margin-top:100px; }
.products-revised .rd-section-copy h2 { font-size:30px; color:#1a367a; }
.products-revised .rd-section-copy p { font-size:16px; line-height:1.95; }
.products-revised .about-kicker { font-size:16px; color:#e8782a; margin-bottom:8px; }
.product-overview-image { float:right; width:35%; max-height:240px; object-fit:cover; border-radius:8px; margin:0 0 22px 32px; }
.products-revised .rd-olist { clear:both; display:grid; grid-template-columns:1fr 1fr; gap:16px; list-style:none; padding:0; counter-reset:products; margin-top:24px; }
.products-revised .rd-olist li { margin:0; padding:24px; background:#f2f7fd; border:1px solid #e2ebf7; border-radius:8px; font-size:16px; line-height:1.85; }
.products-revised .rd-olist li::before { counter-increment:products; content:'0' counter(products); display:block; color:#ec7a31; font-size:25px; font-weight:700; margin-bottom:8px; }
.products-revised .rd-ulist { display:grid; grid-template-columns:1fr 1fr; list-style:none; padding:0; gap:16px; margin:24px 0; }
.products-revised .rd-ulist li { padding:20px; margin:0; background:#f3f7fc; border-left:3px solid #427bbb; font-size:16px; line-height:1.85; }
.about-revised :is(.about-feature-card,.about-material-card,.honor-card) { transition:transform .2s,box-shadow .2s; }
.about-revised :is(.about-feature-card,.about-material-card,.honor-card):hover { transform:translateY(-3px); box-shadow:0 9px 24px #244d8618; }
@media(max-width:900px) {
 .about-revised .about-intro-grid,.about-revised .about-qj-grid { grid-template-columns:1fr; }
 .honor-card { flex-basis:calc((100% - 24px)/2); }
 .history-card { flex-basis:calc((100% - 24px)/2); }
}
@media(max-width:640px) {
 .about-revised .about-block { padding:28px 0; }
 .about-revised .about-block-head h2 { font-size:26px; }
 .about-revised .about-photo-mosaic { grid-template-rows:210px 135px; }
 .about-revised .culture-section { padding:22px; }
 .about-revised .grid-3,.about-revised .grid-2 { grid-template-columns:1fr; }
 .about-split-head { align-items:flex-end; }
 .about-scroll-controls { flex-shrink:0; }
 .honor-card,.history-card { flex-basis:88%; }
 .products-revised .rd-section { padding:24px 20px; }
 .products-revised .rd-section-copy h2 { font-size:26px; }
 .product-overview-image { float:none; width:100%; margin:0 0 20px; }
 .products-revised .rd-olist,.products-revised .rd-ulist { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .about-revised :is(.about-feature-card,.about-material-card,.honor-card) { transition:none; } }
.about-revised .about-split-head { max-width:none; }
/* 参考版式：材料研发五个主题 */
.products-visual { background:linear-gradient(120deg,#f7faff,#fff); }
.products-visual .rd-section { border:0; border-radius:0; background:transparent; padding:52px 0; margin:0; border-bottom:1px solid #e4ecf6; }
.products-visual .product-two-col,.products-visual .visual-ability,.products-visual .visual-test { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.products-visual .product-side-media { position:relative; min-width:0; }
.products-visual .product-side-media img { width:100%; height:330px; object-fit:cover; border-radius:7px; }
.products-visual .visual-func .rd-olist { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.products-visual .rd-olist li { position:relative; background:#fff; box-shadow:0 8px 24px #225ba410; border:0; padding:24px; }
.products-visual .rd-olist li strong { display:block; color:#1a367a; margin:12px 0; }
.section-line-icon { width:38px; height:38px; color:#2664b5; flex-shrink:0; }
.products-visual .rd-olist .section-line-icon { position:absolute; right:22px; top:25px; }
.products-visual .rd-olist li::before { color:#2162b6; }
.products-visual .visual-ability .product-side-media { padding:0 36px 32px 0; }
.products-visual .visual-ability .product-side-media::before { content:''; position:absolute; inset:24px 0 0 30px; background:#d6e6fa; z-index:0; }
.products-visual .visual-ability img { position:relative; border:7px solid #fff; box-shadow:0 6px 20px #164a7910; }
.collaboration-note { position:absolute; right:0; bottom:0; padding:24px 32px; background:linear-gradient(120deg,#174683,#2e68b0); color:white; font-size:22px; box-shadow:0 7px 20px #12376825; }
.products-visual .visual-test { grid-template-columns:1.5fr 1fr; }
.products-visual .visual-test .product-side-media { order:2; }
.products-visual .visual-test .rd-ulist { gap:12px; }
.products-visual .visual-test .rd-ulist li { font-size:14px; background:white; border:1px solid #e9eff8; padding:18px; }
.products-visual .visual-test .rd-ulist strong { display:block; color:#1a367a; }
.products-visual .visual-test .section-line-icon { float:left; margin:4px 16px 15px 0; }
.products-visual .visual-capacity { position:relative; background:linear-gradient(150deg,#fff,#eef5fc); }
.products-visual .visual-capacity .rd-ulist { grid-template-columns:repeat(3,minmax(0,1fr)); }
.products-visual .visual-capacity li { display:flex; align-items:center; gap:20px; background:#edf4fd; border:0; }
.products-visual .visual-ip { background:linear-gradient(90deg,#ffffffeb 0%,#ffffffc9 52%,#ffffff00 80%),url('../assets/images/product-ip-crystal.png') center/cover; padding:48px 36px; margin-top:24px; border-radius:8px; }
.products-visual .visual-ip .rd-section-copy { max-width:72%; }
/* 关于我们：七个主题统一编号与蓝白层次 */
.about-visual .about-kicker { color:#235ea7; display:flex; align-items:center; gap:14px; }
.about-visual .about-kicker b { font-size:26px; font-weight:500; }
.about-visual .about-intro-copy h2 { color:#1a367a; font-size:32px; }
.company-position { color:#6c809b; font-size:16px; margin-top:12px; }
.about-visual .about-intro-grid { background:linear-gradient(120deg,#fff,#f3f8ff); padding:32px 0 52px; }
.about-visual .about-photo-mosaic { padding:7px; background:#fff; box-shadow:0 12px 35px #25599215; }
.about-visual .services-visual { position:relative; padding:40px; margin:24px 0; border-radius:12px; overflow:hidden; background:linear-gradient(115deg,#12325b 0%,#205da4 64%,#79acdb 100%); }
.about-visual .services-visual::before { content:''; position:absolute; width:50%; height:160%; right:-12%; top:-20%; background:#ffffff0b; transform:rotate(-22deg); pointer-events:none; }
.about-visual .services-visual .about-block-head { max-width:70%; }
.about-visual .services-visual .about-block-head :is(h2,p) { color:#fff; }
.about-visual .services-visual .about-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:72%; gap:16px; }
.about-visual .services-visual .about-feature-card { display:grid; grid-template-columns:48px 1fr; gap:6px 16px; padding:24px; background:#f8fbff; }
.about-visual .services-visual .about-feature-card img { width:44px; height:44px; object-fit:contain; grid-row:span 2; margin:0; }
.about-visual .services-visual .about-feature-card h3 { margin:0; font-size:19px; color:#1a367a; }
.about-visual .services-visual .about-feature-card p { margin:0; font-size:15px; }
.services-promise { position:absolute; right:4%; top:38%; color:white; font-size:30px; line-height:1.7; letter-spacing:3px; }
.services-promise span { display:block; font-size:11px; letter-spacing:1px; margin-top:24px; opacity:.6; }
.about-visual .materials-visual { display:grid; grid-template-columns:240px 1fr; gap:32px; align-items:center; }
.about-visual .materials-visual .grid { align-items:center; gap:14px; }
.about-visual .materials-visual .about-block-head h2 { font-size:24px; }
.about-visual .materials-visual .about-material-card img { height:180px; aspect-ratio:auto; }
.about-visual .materials-visual .about-material-card:nth-child(2) { background:#20589b; transform:translateY(-12px); }
.about-visual .materials-visual .about-material-card:nth-child(2) img { height:230px; }
.about-visual .materials-visual .about-material-card:nth-child(2) :is(h3,p) { color:#fff; }
.about-visual .materials-visual .about-material-card :is(h3,p) { margin-left:18px; margin-right:18px; }
.about-visual .honor-card { position:relative; padding:14px; box-shadow:0 5px 16px #16477e0c; }
.about-visual .honor-card img { height:190px; }
.about-visual .honor-card::after { content:''; position:absolute; left:14px; bottom:0; width:40px; height:3px; background:#ec8537; }
.about-visual .history-section { padding:36px; border-radius:12px; background:linear-gradient(130deg,#edf4ff,#fff); }
.about-visual .history-card { background:#fff; box-shadow:0 6px 16px #244d8610; }
.about-visual .history-year { color:#225a9d; }
.about-visual .culture-section { padding:40px 0; background:transparent; margin:0; }
.culture-visual-layout { display:grid; grid-template-columns:.8fr 1.8fr; gap:20px; }
.culture-logo { display:flex; align-items:center; padding:30px; background:linear-gradient(135deg,#edf5ff,#dceafb); border-radius:8px; }
.culture-logo img { width:100%; object-fit:contain; }
.about-visual .culture-section .grid { gap:16px; }
.about-visual .culture-section .about-belief-card { position:relative; padding:24px 24px 24px 80px; border:1px solid #e8eff8; box-shadow:0 5px 20px #254e7808; }
.about-visual .culture-section .section-line-icon { position:absolute; left:22px; top:28px; }
.about-visual .culture-section .about-belief-card h3 { font-size:19px; }
.about-visual .about-qj .about-qj-grid { position:relative; display:block; overflow:hidden; padding:40px; background:#edf5ff; border-radius:10px; isolation:isolate; }
.about-visual .about-qj-grid>img { position:absolute; z-index:-2; right:0; top:0; width:65%; height:100%; object-fit:cover; border-radius:0; }
.about-visual .about-qj-grid::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#eaf3ff 0%,#eaf3fff5 40%,#eaf3ffab 60%,#eaf3ff00 85%); }
.about-visual .about-qj-grid>div { width:62%; }
.about-visual .about-qj-grid h2 { color:#1a367a; font-size:30px; margin-bottom:20px; }
.about-visual .about-qj-grid p { font-size:16px; line-height:1.9; }
@media(max-width:1000px) {
 .products-visual .product-two-col,.products-visual .visual-ability,.products-visual .visual-test { gap:28px; }
 .products-visual .visual-func .rd-olist { grid-template-columns:1fr 1fr; }
 .about-visual .materials-visual { grid-template-columns:1fr; }
 .services-promise { display:none; }
 .about-visual .services-visual .about-feature-grid,.about-visual .services-visual .about-block-head { max-width:100%; }
 .culture-visual-layout { grid-template-columns:1fr; }
 .culture-logo { min-height:160px; justify-content:center; }
 .culture-logo img { max-width:300px; }
}
@media(max-width:640px) {
 .products-visual .product-two-col,.products-visual .visual-ability,.products-visual .visual-test { grid-template-columns:1fr; }
 .products-visual .visual-test .product-side-media { order:0; }
 .products-visual .visual-func .rd-olist,.products-visual .visual-capacity .rd-ulist { grid-template-columns:1fr; }
 .products-visual .product-side-media img { height:240px; }
 .products-visual .visual-ip { padding:28px 20px; background-position:right; }
 .products-visual .visual-ip .rd-section-copy { max-width:100%; background:#ffffffdf; padding:16px; }
 .about-visual .services-visual { padding:24px 18px; }
 .about-visual .services-visual .about-feature-grid { grid-template-columns:1fr; }
 .about-visual .materials-visual .about-material-card:nth-child(2) { transform:none; }
 .about-visual .history-section { padding:24px 16px; }
 .about-visual .about-qj .about-qj-grid { padding:26px 20px; }
 .about-visual .about-qj-grid>div { width:100%; }
 .about-visual .about-qj-grid::after { background:#edf5fff0; }
}
.about-visual .services-visual .about-feature-card img { filter:brightness(0) saturate(100%) invert(30%) sepia(69%) saturate(945%) hue-rotate(176deg) brightness(92%) contrast(92%); }
/* 通栏主题分区，内容保持统一页面宽度 */
.about-final>.container,.products-final>.container { width:100%; max-width:none; }
.about-final .about-block,.products-final .rd-section { padding:56px max(24px,calc((100% - 1350px)/2)); margin:0; border-radius:0; border:0; }
.about-final .about-block:first-child { padding-top:48px; padding-bottom:48px; }
.about-final .about-kicker,.products-final .rd-section-copy h2.about-kicker { font-size:36px; line-height:1.4; font-weight:700; color:#1a367a; letter-spacing:0; }
.about-final .about-intro-grid { background:#f0f6fe; }
.about-final .about-intro-copy .company-lead { font-size:22px; line-height:1.6; font-weight:600; color:#1a367a; margin:0 0 16px; }
.about-final .about-year strong { font-size:40px; color:#1f5fb0; }
.about-final .services-visual { background:linear-gradient(115deg,#143765,#2469ad 70%,#6096c4); }
.about-final .services-visual .about-block-head { max-width:none; text-align:center; }
.about-final .services-visual .about-kicker { justify-content:center; color:#fff; }
.about-final .services-visual .about-block-head h2:not(.about-kicker) { font-size:23px; }
.about-final .services-visual .about-feature-grid { max-width:1100px; margin:auto; }
.about-final .services-visual .about-feature-card { text-align:center; display:flex; flex-direction:column; align-items:center; padding:28px; }
.about-final .materials-visual { grid-template-columns:230px minmax(0,1fr); background:#fff; }
.about-final .materials-visual .grid { align-items:stretch; }
.about-final .materials-visual .about-material-card:nth-child(2) { background:white; transform:none; }
.about-final .materials-visual .about-material-card:nth-child(2) img,.about-final .materials-visual .about-material-card img { height:200px; }
.about-final .materials-visual .about-material-card:nth-child(2) h3 { color:#1a367a; }
.about-final .materials-visual .about-material-card:nth-child(2) p { color:var(--text-secondary); }
.about-final .honors-section { background:#f0f5fc; }
.about-final .honor-track,.about-final .history-track { scrollbar-width:none; }
.about-final .honor-track::-webkit-scrollbar,.about-final .history-track::-webkit-scrollbar { display:none; }
.about-final .honors-section .about-block-head h2:not(.about-kicker),.about-final .history-section .about-block-head h2:not(.about-kicker) { font-size:22px; font-weight:500; }
.about-final .history-section { position:relative; background:linear-gradient(125deg,#e6effb,#f7faff); }
.about-final .history-section .about-block-head { justify-content:center; text-align:center; }
.about-final .history-section .about-kicker { justify-content:center; }
.about-final .history-track { margin:0 54px; padding-top:16px; padding-bottom:20px; }
.about-final .history-section .about-scroll-controls { position:absolute; left:max(24px,calc((100% - 1350px)/2)); right:max(24px,calc((100% - 1350px)/2)); top:65%; justify-content:space-between; pointer-events:none; }
.about-final .history-section .about-scroll-controls button { pointer-events:auto; background:#fff; box-shadow:0 5px 18px #1c477c15; }
.about-final .history-card { padding:24px; border:1px solid #e5edf9; border-radius:12px; }
.about-final .history-card h3 { font-size:20px; }
.about-final .culture-section { background:#fff; }
.about-final .culture-logo { padding:0; overflow:hidden; }
.about-final .culture-logo img { width:100%; max-width:none; height:100%; object-fit:cover; min-height:280px; }
.about-final .culture-section .about-belief-card { background:#f6f9fd; border:0; }
.about-final .about-qj { background:linear-gradient(100deg,#eaf3ff,#fff); }
.about-final .about-qj .about-qj-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:48px; background:transparent; padding:0; overflow:visible; align-items:center; }
.about-final .about-qj-grid::after { display:none; }
.about-final .about-qj-grid>img { position:static; z-index:auto; width:100%; height:380px; border-radius:12px; order:2; }
.about-final .about-qj-grid>div { width:100%; }
.about-final .about-qj-grid h2:not(.about-kicker) { font-size:24px; }
.products-final { padding-top:0; padding-bottom:0; }
.products-final .visual-func { background:#f0f6fe; }
.products-final .visual-func .product-two-col { grid-template-columns:1.1fr .9fr; }
.products-final .visual-func .product-side-media img { height:290px; }
.products-final .visual-ability { background:#fff; }
.products-final .visual-ability .product-side-media { padding:0; }
.products-final .visual-ability .product-side-media::before { display:none; }
.products-final .visual-test { display:block; background:#edf4fc; }
.products-final .visual-test .rd-section-copy { max-width:1100px; margin:auto; text-align:center; }
.products-final .visual-test .rd-ulist { grid-template-columns:repeat(4,minmax(0,1fr)); text-align:center; gap:20px; }
.products-final .visual-test .rd-ulist li { border:0; padding:26px 20px; border-radius:10px; box-shadow:0 6px 24px #24578b0a; }
.products-final .visual-test .section-line-icon { float:none; display:block; margin:0 auto 18px; }
.products-final .visual-test .rd-ulist strong { margin-bottom:10px; font-size:18px; }
.products-final .visual-capacity { background:white; }
.products-final .visual-ip { background:linear-gradient(90deg,#ffffffed 0%,#ffffffbb 52%,#ffffff00 80%),url('../assets/images/product-ip-crystal.png') center/cover; }
.products-final .visual-ip .rd-section-copy { max-width:850px; width:70%; }
@media(max-width:1000px) {
 .about-final .materials-visual { grid-template-columns:1fr; }
 .products-final .visual-test .rd-ulist { grid-template-columns:1fr 1fr; }
}
@media(max-width:640px) {
 .about-final .about-block,.about-final .about-block:first-child,.products-final .rd-section { padding:36px 20px; }
 .about-final .about-kicker,.products-final .rd-section-copy h2.about-kicker { font-size:30px; }
 .about-final .about-qj .about-qj-grid,.products-final .visual-func .product-two-col { grid-template-columns:1fr; gap:24px; }
 .about-final .about-qj-grid>img { height:250px; }
 .about-final .history-track { margin:0 36px; }
 .about-final .history-section .about-scroll-controls { left:14px; right:14px; }
 .about-final .history-section .about-scroll-controls button { width:32px; height:32px; }
 .products-final .visual-test .rd-ulist { grid-template-columns:1fr; }
 .products-final .visual-ip .rd-section-copy { width:100%; max-width:none; }
}
/* 关于我们与产品研发卡片细化 */
.about-final .about-intro-grid { background:#fff; }
.about-final h2.about-kicker,.about-final .about-block-head h2.about-kicker,.about-final .about-qj-grid h2.about-kicker { color:#1a367a; font-size:36px; line-height:1.4; font-weight:700; }
.about-final .services-visual .about-block-head h2.about-kicker { color:#fff; }
.about-final .services-visual .about-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:none; gap:20px; }
.about-final .services-visual .about-feature-card { position:relative; padding:32px 24px; gap:18px; border:1px solid #ffffff80; border-radius:12px; box-shadow:0 12px 28px #0b264524; background:#fff; }
.about-final .services-visual .about-feature-card img { width:52px; height:52px; padding:8px; box-sizing:content-box; background:#eff5fd; border-radius:18px; }
.about-final .services-visual .about-feature-card h3 { font-size:21px; }
.about-final .services-visual .about-feature-card p { line-height:1.9; color:#6c7d94; }
.about-final .honor-card { flex-basis:calc((100% - 48px)/3); padding:20px; border:1px solid #e0e9f6; background:#fff; border-radius:12px; box-shadow:0 8px 24px #234d8210; }
.about-final .honor-card img { height:260px; background:#f7f9fc; padding:12px; }
.about-final .honor-card figcaption { margin:18px 0 3px; font-size:18px; font-weight:600; }
.about-final .honor-card figcaption span { font-size:15px; font-weight:400; }
.about-final .honor-card::after { left:20px; width:48px; }
.about-final .history-card { overflow:hidden; padding:28px; border:1px solid #dce7f6; box-shadow:0 8px 26px #2854870c; background:linear-gradient(160deg,#fff 65%,#f0f6ff); }
.about-final .history-year { padding-bottom:24px; font-size:46px; letter-spacing:-1px; }
.about-final .history-node { margin:0 -28px 24px; background:linear-gradient(90deg,#ef8636 0 22%,#dce7f6 22%); }
.about-final .history-node::before { left:28px; width:10px; height:10px; top:-7px; border:3px solid #fff; box-shadow:0 0 0 3px #fce5d5; }
.about-final .history-card h3 { font-size:22px; margin-bottom:14px; }
.about-final .history-card p { font-size:16px; line-height:1.9; }
.products-final .visual-func .rd-olist { counter-reset:none; }
.products-final .visual-func .rd-olist li::before { display:none; }
.products-final .visual-func .rd-olist li { padding:28px 24px; border:1px solid #e2eaf7; border-radius:12px; box-shadow:0 8px 22px #244c8010; background:linear-gradient(150deg,#fff,#f9fbff); transition:transform .2s,box-shadow .2s; }
.products-final .visual-func .rd-olist .section-line-icon { position:static; display:block; width:44px; height:44px; margin-bottom:22px; }
.products-final .visual-func .rd-olist li strong { font-size:19px; line-height:1.6; margin:0 0 14px; }
.products-final .visual-func .rd-olist li:hover { transform:translateY(-4px); box-shadow:0 12px 28px #244c801c; }
.products-final .visual-test .rd-section-copy { max-width:none; width:100%; }
.products-final .visual-test .rd-ulist { width:100%; gap:20px; }
.products-final .visual-test .rd-ulist li { font-size:17px; line-height:1.85; padding:30px 24px; border:1px solid #e1eaf7; border-radius:12px; box-shadow:0 8px 22px #244c8010; }
.products-final .visual-test .rd-ulist strong { font-size:22px; margin-bottom:14px; }
.products-final .visual-test .section-line-icon { width:48px; height:48px; margin-bottom:22px; }
@media(max-width:900px) {
 .about-final .services-visual .about-feature-grid { grid-template-columns:1fr 1fr; }
 .about-final .honor-card { flex-basis:calc((100% - 24px)/2); }
}
@media(max-width:640px) {
 .about-final h2.about-kicker,.about-final .about-block-head h2.about-kicker,.about-final .about-qj-grid h2.about-kicker { font-size:30px; }
 .about-final .services-visual .about-feature-grid { grid-template-columns:1fr; }
 .about-final .honor-card { flex-basis:100%; }
 .about-final .honor-card img { height:230px; }
 .about-final .history-card { padding:24px; }
 .about-final .history-card h3 { font-size:20px; }
}
.about-final .services-visual .about-block-head h2.about-kicker { display:inline-flex; color:#1a367a; background:#f4f8ff; padding:8px 24px; border-radius:8px; }
/* 关于我们：服务左右布局与简洁荣誉展示 */
.about-final.channel-main { padding-top:12px; }
.about-final .about-block:first-child { padding-top:24px; }
.about-final .services-visual { display:grid; grid-template-columns:260px minmax(0,1fr); align-items:center; gap:40px; }
.about-final .services-visual .about-block-head { text-align:left; margin:0; }
.about-final .services-visual .about-block-head h2.about-kicker { justify-content:flex-start; padding:8px 16px; }
.about-final .services-visual .about-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:18px; }
.about-final .services-visual .about-feature-card { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px 18px; text-align:left; align-items:start; padding:26px; }
.about-final .service-svg { width:46px; height:46px; color:#2561aa; grid-row:span 2; }
.about-final .services-visual .about-feature-card h3 { font-size:20px; }
.about-final .materials-visual .about-block-head h2:not(.about-kicker),.about-final .honors-section .about-block-head h2:not(.about-kicker) { color:#1a367a; font-size:18px; line-height:1.7; font-weight:500; }
.about-final .honor-card { padding:16px; background:#fff; border:1px solid #e2e9f3; border-radius:8px; box-shadow:0 5px 20px #214c7f0b; }
.about-final .honor-card img { background:#fff; padding:0; height:260px; }
.about-final .honor-card::after { display:none; }
.about-final .honors-section .about-scroll-controls { gap:10px; }
.about-final .honors-section .about-scroll-controls button { display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-height:36px; padding:0; border:1px solid #d8e5f4; border-radius:50%; background:#f0f5fc; color:#356496; box-shadow:none; transition:background .2s,color .2s,border-color .2s; }
.about-final .honors-section .about-scroll-controls [data-scroll-next] { border-color:#20599b; background:#20599b; color:#fff; }
.about-final .honors-section .about-scroll-controls button svg { width:20px; height:20px; }
.about-final .honors-section .about-scroll-controls button:hover:not(:disabled) { background:#17447d; border-color:#17447d; color:#fff; }
.about-final .honors-section .about-scroll-controls button:disabled { background:#edf2f8; border-color:#dfe7f0; color:#a1b2c6; opacity:1; }
@media(max-width:900px) { .about-final .services-visual { grid-template-columns:1fr; gap:26px; } }
@media(max-width:640px) {
 .about-final .services-visual .about-feature-grid { grid-template-columns:1fr; }
 .about-final .honor-card img { height:230px; }
 .about-final .about-block:first-child { padding-top:16px; }
}
/* 关于我们顶部留白与服务标题 */
.about-final.channel-main { padding-top:0; }
.about-final .about-block:first-child { padding-top:8px; }
.about-final .services-visual .about-block-head h2.about-kicker { color:#fff; background:transparent; padding:0; }
/* September refinement: company story and industrial research */
.about-september .company-title-group { border-left:3px solid #2873cc; padding-left:22px; margin-bottom:26px; }
.about-september .company-title-group h2.about-kicker { margin-bottom:8px; }
.about-september .company-title-group .company-lead { margin:0; }
.about-september .about-photo-mosaic { grid-template-rows:auto 180px; align-self:center; }
.about-september .about-photo-mosaic img:first-child { height:auto; object-fit:contain; }
.about-september .services-visual { display:block; background:linear-gradient(90deg,#0b2c54c9,#113c6980),url('../assets/images/about-services-mountain.png') center/cover; }
.about-september .services-visual::before { display:none; }
.about-september .services-visual .about-block-head { margin:0 0 28px; }
.about-september .services-visual .about-block-head h2.about-kicker { border-bottom:1px solid #ffffff26; padding-bottom:14px; display:block; }
.about-september .services-visual .about-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.about-september .services-visual .about-feature-card { position:relative; display:grid; grid-template-columns:48px 1fr; gap:6px 18px; padding:26px; background:linear-gradient(135deg,#7bafe550,#548bc329); border:1px solid #c0dfff55; border-radius:7px; box-shadow:inset 0 1px 12px #cde7ff24,0 6px 18px #051f3f20; backdrop-filter:blur(5px); }
.about-september .service-number { grid-column:2; color:#b9d5ef; font-size:25px; line-height:1.1; }
.about-september .service-svg { grid-row:1 / span 2; grid-column:1; color:#f1f7ff; margin-top:6px; }
.about-september .services-visual .about-feature-card h3 { grid-column:2; font-size:19px; color:white; }
.about-september .services-visual .about-feature-card p { grid-column:1 / -1; margin-top:14px; color:#dceafb; line-height:1.8; }
.about-september .materials-visual { display:block; }
.about-september .materials-visual .about-block-head { max-width:none; }
.about-september .materials-visual .grid { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-september .materials-visual .about-material-card img,.about-september .materials-visual .about-material-card:nth-child(2) img { height:auto; aspect-ratio:1.75; }
.about-september .honors-section { position:relative; background:#f0f6ff url('../assets/images/about-honors-background.png') center/cover; }
.about-september .honor-track { margin:0 48px; }
.about-september .honors-section .about-scroll-controls { position:absolute; left:max(20px,calc((100% - 1350px)/2)); right:max(20px,calc((100% - 1350px)/2)); top:62%; justify-content:space-between; pointer-events:none; }
.about-september .honors-section .about-scroll-controls button { pointer-events:auto; }
.about-september .honor-card { background:#ffffffc7; }
.about-september .history-section { background:linear-gradient(170deg,#fff,#eff5fd); }
.about-september .history-section .about-block-head { justify-content:flex-start; text-align:left; }
.about-september .history-section .about-kicker { justify-content:flex-start; }
.about-september .history-card { display:grid; grid-template-columns:52px minmax(0,1fr); align-content:start; gap:12px 18px; border:0; border-right:1px solid #d9e5f4; background:transparent; box-shadow:none; border-radius:0; padding:20px; }
.about-september .history-icon { grid-row:span 3; display:grid; place-items:center; width:52px; height:52px; background:white; border-radius:50%; box-shadow:0 6px 18px #3161950a; }
.about-september .history-icon svg { width:30px; height:30px; }
.about-september .history-year { padding:0; font-size:38px; line-height:52px; }
.about-september .history-year small,.about-september .history-node { display:none; }
.about-september .history-card h3 { margin:0; font-size:20px; }
.about-september .history-card p { grid-column:2; font-size:15px; line-height:1.85; margin:0; }
.about-september .culture-section .about-block-head { max-width:none; position:relative; }
.culture-quote { position:absolute; right:8px; top:-28px; color:#e1edfc; font:140px/1 Georgia,serif; pointer-events:none; }
.about-september .culture-section .about-belief-card { background:white; box-shadow:0 5px 22px #2048770a; border:1px solid #eef3fa; padding:28px 24px 28px 90px; }
.about-september .culture-section .section-line-icon { width:48px; height:48px; padding:9px; left:22px; top:25px; border-radius:50%; background:#edf5ff; }
.about-september .about-qj { background:#edf4fd; position:relative; overflow:hidden; }
.about-september .about-qj .about-qj-grid { position:static; grid-template-columns:1fr 1.05fr; gap:64px; }
.about-september .about-qj-grid>img { position:absolute; right:0; top:0; width:51%; height:100%; border-radius:0; clip-path:polygon(15% 0,100% 0,100% 100%,0 100%); }
.about-september .about-qj-grid>div { position:relative; z-index:1; }
.products-september .visual-func { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:center; }
.products-september .visual-func .product-two-col { display:block; }
.products-september .visual-func .rd-olist { clear:none; grid-template-columns:1fr 1fr; gap:16px; margin:0; }
.products-september .visual-func .rd-olist li { position:relative; padding:24px 22px 24px 68px; font-size:15px; line-height:1.85; border:0; }
.products-september .visual-func .rd-olist .section-line-icon { position:absolute; top:26px; left:20px; right:auto; width:32px; height:32px; margin:0; }
.products-september .visual-func .rd-olist li strong { font-size:17px; }
.products-september .visual-ability { grid-template-columns:1fr 1fr; gap:48px; }
.products-september .visual-ability .product-side-media { height:100%; min-height:350px; }
.products-september .visual-ability .product-side-media img { height:100%; position:absolute; inset:0; border:0; border-radius:0; box-shadow:none; clip-path:polygon(0 0,94% 0,100% 100%,0 100%); }
.products-september .rd-section-copy h2.about-kicker::before { content:''; display:block; width:32px; height:3px; background:#2671c3; margin-bottom:14px; }
.products-september .visual-test { display:grid; grid-template-columns:1.5fr .9fr; gap:36px; align-items:center; }
.products-september .visual-test .test-visual { order:2; }
.products-september .visual-test .test-visual img { height:360px; }
.products-september .visual-test .rd-section-copy { text-align:left; }
.products-september .visual-test .rd-ulist { grid-template-columns:1fr 1fr; gap:14px; }
.products-september .visual-test .rd-ulist li { position:relative; padding:20px 18px 20px 68px; font-size:15px; text-align:left; }
.products-september .visual-test .rd-ulist strong { font-size:18px; margin-bottom:6px; }
.products-september .visual-test .section-line-icon { position:absolute; left:18px; top:24px; width:34px; height:34px; margin:0; }
.products-september .visual-capacity .rd-ulist li { padding:30px; border:1px solid #e0eaf7; background:linear-gradient(150deg,#f9fbff,#eef5fd); border-radius:10px; align-items:flex-start; box-shadow:0 8px 22px #23558508; }
.products-september .visual-capacity .section-line-icon { width:44px; height:44px; }
.products-september .visual-ip { display:grid; grid-template-columns:.7fr 1.3fr; gap:48px; background:#f3f7fc; align-items:center; }
.products-september .visual-ip .rd-section-copy { width:100%; max-width:none; background:transparent; padding:0; }
.products-september .ip-visual img { height:340px; border-radius:0; clip-path:polygon(0 0,84% 0,100% 100%,0 100%); }
@media(max-width:1000px) {
 .about-september .services-visual .about-feature-grid { grid-template-columns:1fr 1fr; }
 .products-september .visual-func,.products-september .visual-test { grid-template-columns:1fr; }
 .products-september .visual-test .test-visual { order:2; }
 .products-september .visual-test .test-visual img { height:280px; }
}
@media(max-width:640px) {
 .about-september .about-photo-mosaic { grid-template-rows:auto 135px; }
 .about-september .services-visual .about-feature-grid,.about-september .materials-visual .grid { grid-template-columns:1fr; }
 .about-september .honor-track { margin:0 34px; }
 .about-september .honors-section .about-scroll-controls { left:8px; right:8px; }
 .about-september .history-card { grid-template-columns:40px minmax(0,1fr); gap:12px; padding:16px; }
 .about-september .history-icon { width:40px; height:40px; }
 .about-september .history-year { font-size:30px; line-height:40px; }
 .about-september .history-card h3 { font-size:18px; }
 .about-september .about-qj .about-qj-grid { display:flex; flex-direction:column; gap:24px; }
 .about-september .about-qj-grid>img { position:static; width:100%; height:240px; clip-path:none; order:2; }
 .products-september .visual-func .rd-olist,.products-september .visual-test .rd-ulist,.products-september .visual-ability,.products-september .visual-ip { grid-template-columns:1fr; }
 .products-september .visual-ability .product-side-media { min-height:240px; }
 .products-september .ip-visual img { height:240px; clip-path:none; }
}
/* Channel polish: September 18 */
.about-september .services-visual{background:#14365c}
.about-september .services-visual .about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-september .services-visual .about-feature-card{padding:26px 30px;grid-template-columns:52px 1fr;gap:5px 20px}
.about-september .services-visual .about-feature-card p{font-size:16px;line-height:1.95;margin-top:15px}
.about-september .services-visual .about-feature-card p span{display:block}
.about-september .about-material-card h3{text-align:center}
.about-september .honor-track,.about-september .history-track{margin:0}
.about-september .honors-section,.about-september .history-section{overflow:visible}
.about-september .honors-section .about-scroll-controls,.about-september .history-section .about-scroll-controls{left:max(8px,calc((100% - 1460px)/2));right:max(8px,calc((100% - 1460px)/2));top:65%}
.about-september .history-card{display:block;padding:24px 30px;border-right:1px solid #d3e0f1}
.about-september .history-icon{display:none}
.about-september .history-year{margin-bottom:12px}
.about-september .history-card h3{margin-bottom:12px}
.about-september .culture-subtitle{font-size:28px;line-height:1.5;color:#1a367a;margin-top:12px}
.about-september .culture-quote{font-family:Arial,sans-serif;font-weight:900;font-size:140px;line-height:1;top:0;right:0;color:#e4eefb}
.about-september.channel-main{padding-bottom:0}
.about-september .about-qj{margin-bottom:0}
.products-september .rd-section-copy h2.about-kicker::before{display:none}
.products-september .visual-ability{padding-left:0;grid-template-columns:1fr 1fr;gap:60px}
.products-september .visual-ability .product-side-media{min-height:420px;align-self:stretch}
.products-september .visual-ability .product-side-media img{object-fit:cover}
.products-september .visual-ip{padding-right:0;grid-template-columns:1fr 1fr;gap:60px}
.products-september .visual-ip .rd-section-copy{order:0}
.products-september .visual-ip .ip-visual{order:1;align-self:stretch}
.products-september .visual-ip .ip-visual img{height:100%;min-height:360px;object-fit:cover;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.products-september .visual-capacity .rd-ulist{gap:24px}
.products-september .visual-capacity .rd-ulist li{position:relative;display:flex;flex-direction:column;gap:22px;padding:32px;line-height:1.9;border:1px solid #e0e9f5;background:linear-gradient(130deg,#fff,#edf4ff);box-shadow:0 8px 30px #15375f0b;border-radius:12px;transition:transform .25s,box-shadow .25s}
.products-september .visual-capacity .rd-ulist li:hover{transform:translateY(-5px);box-shadow:0 14px 32px #163c6a19}
.products-september .visual-capacity .section-line-icon{width:58px;height:58px;padding:10px;background:#e3eefc;border-radius:14px;color:#2766af;flex-shrink:0}
/* Service platform and transparent repair process */
.service-refresh{padding:0 0 64px;background:#fff}
.service-refresh>.container{width:100%;max-width:none}
.service-refresh .service-block{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding:64px max(24px,calc((100% - 1350px)/2));margin:0;border:0;border-radius:0;background:linear-gradient(120deg,#f7faff,#e6f1ff);overflow:hidden}
.service-refresh .service-block:nth-child(2){background:linear-gradient(120deg,#eaf3ff,#f7fbff)}
.service-refresh .service-copy{order:0;max-width:560px}
.service-refresh .about-kicker{font-size:36px;line-height:1.4;font-weight:700;color:#1a367a;border-left:5px solid #3388eb;padding-left:18px;margin-bottom:22px}
.service-refresh .service-copy h2{font-size:21px;margin-bottom:18px;color:#1a367a}
.service-refresh .service-copy p:not(.about-kicker){font-size:16px;line-height:2;color:#60718b}
.service-refresh .service-copy .btn{margin-top:26px;border-radius:30px;padding:10px 28px}
.service-refresh .service-media-duo{display:flex;align-items:center;justify-content:center;gap:28px;background:none;order:1}
.service-refresh .service-media-duo img{width:calc(50% - 14px);height:420px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 10px 12px #20437420)}
.repair-flow{width:calc(100% - 48px);max-width:1350px;margin:48px auto 0;padding:38px 32px;display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;border-radius:18px;color:#fff;background:linear-gradient(120deg,#4098f8,#086ce2);box-shadow:0 12px 28px #176bc72b}
.repair-flow header>span{font-size:12px;letter-spacing:1px;color:#d1e8ff}.repair-flow h2{font-size:28px;margin:5px 0}.repair-flow p{font-size:13px;color:#d7eaff}
.repair-flow ol{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.repair-flow li{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;font-size:13px;line-height:1.6;gap:5px}.repair-flow li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% - 6px);top:17px;color:#b6dcff}.flow-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#237ef0;background:#fff;margin-bottom:8px;box-shadow:0 3px 12px #ffffff30}.flow-icon svg{width:25px;height:25px}
/* Institute: three research directions */
.institute-refresh{padding:0;background:#f4f8fd}.institute-refresh>.container{width:100%;max-width:none}
.institute-refresh .institute-pillar{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;padding:60px max(24px,calc((100% - 1350px)/2));margin:0;border:0;border-radius:0;background:linear-gradient(135deg,#fff,#edf4fd)}
.institute-refresh .institute-pillar:nth-child(2){background:linear-gradient(135deg,#f5f9ff,#e9f1fa)}
.institute-refresh .about-block-head{text-align:left;margin:0}.institute-number{display:block;color:#bbcee5;font-size:38px;font-weight:600;line-height:1;margin-bottom:20px}.institute-refresh .about-kicker{display:none}.institute-refresh h2{font-size:27px;line-height:1.5;color:#17376b;margin-bottom:22px}.institute-refresh .about-block-head p{font-size:15px;line-height:1.9;color:#647895}
.institute-refresh .institute-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.institute-refresh .institute-icon-card{padding:0;position:relative;overflow:hidden;background:#fff;border:0;border-radius:2px;box-shadow:0 8px 22px #284d7a14;transition:transform .25s}
.institute-refresh a.institute-icon-card:hover{transform:translateY(-6px)}.institute-refresh .institute-icon-card img{width:100%;height:300px;object-fit:cover;border-radius:0;max-width:none;margin:0}
.institute-card-copy{padding:20px 15px;color:#1a367a}.institute-refresh .institute-icon-card h3{font-size:16px;line-height:1.6;margin:0}.institute-arrow{display:block;margin-top:12px;font-size:22px;color:#7299c9}
.institute-refresh .institute-pillar:first-child .institute-card-copy{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#173c70 45%);padding-top:55px;color:white}.institute-refresh .institute-pillar:first-child .institute-icon-card img{height:370px}.institute-refresh .grid-4{gap:18px}.institute-refresh .grid-4 .institute-icon-card:nth-child(even){transform:translateY(-14px)}.institute-refresh .grid-4 .institute-icon-card img{height:230px}
.institute-refresh .institute-train-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.training-card{position:relative;overflow:hidden}.institute-refresh .training-card img{width:100%;height:300px;object-fit:cover;border-radius:0}.training-card>span{position:absolute;inset:auto 0 0;padding:40px 24px 25px;background:linear-gradient(transparent,#112b46c9);color:white;font-size:20px;line-height:1.7;font-weight:600}.training-card i{display:block;font-style:normal;font-size:26px;margin-top:10px}
/* Editorial lists: match the supplied list and detail proportions */
.editorial-page{padding-top:10px;padding-bottom:64px}.editorial-tabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.editorial-tabs a{padding:7px 20px;border:1px solid #e3e8ef;border-radius:5px;font-size:16px}.editorial-tabs a[aria-current],.editorial-tabs a:hover{color:#fff;background:#225ca1;border-color:#225ca1}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:40px;align-items:start}.editorial-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid #e7ebf0;transition:color .2s}.editorial-row[hidden]{display:none}.editorial-row>img{width:260px;height:162.5px;object-fit:cover;border-radius:4px}.editorial-row>div{display:flex;flex-direction:column;min-width:0}.editorial-row h2{font-size:24px;line-height:1.4;font-weight:700;color:#172e50;margin:3px 0 12px}.editorial-row:hover h2{color:#236ec3}.editorial-row p{font-size:15px;line-height:1.75;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editorial-row footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:22px;font-size:15px;color:#666}.editorial-row time{color:#999}.editorial-aside section{padding:24px;border:1px solid #e7ebef;border-radius:13px;margin-bottom:24px;box-shadow:0 5px 20px #19375505;background:#fff}.editorial-aside h2{font-size:20px;line-height:1.5;margin-bottom:15px;color:#1c2e49}.editorial-aside section>a{display:block;padding:11px 0;border-bottom:1px solid #f0f2f5;font-size:15px;line-height:1.8;color:#667386}.editorial-aside section>a:last-child{border-bottom:0;padding-bottom:0}.editorial-aside a:hover{color:#2469ad}.editorial-aside p{font-size:15px;color:#6c7d91;line-height:1.9}.editorial-aside .editorial-contact{background:#f0f6fd}.editorial-tags{display:flex;flex-wrap:wrap;gap:8px}.editorial-tags a,.editorial-tags span{display:inline-block;border-radius:22px;padding:3px 12px;font-size:13px;color:#4274a3;background:#eef5fc}.editorial-pagination{display:flex;gap:10px;justify-content:center;margin-top:32px}.editorial-pagination :is(button,a){width:40px;height:40px;border:1px solid #dce6f1;border-radius:5px;background:white}.editorial-pagination :is(button,a)[aria-current]{background:#225da2;color:white;border-color:#225da2}[data-editorial-list]{scroll-margin-top:100px}
.editorial-detail{padding:10px 0 64px}.editorial-detail .editorial-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px}.editorial-article-head h1{font-size:44px;line-height:1.3;color:#172e50;margin:0 0 24px;font-weight:700}.editorial-article-head>p{font-size:15px;line-height:1.8;color:#8a929c;border-bottom:1px solid #e8edf3;padding-bottom:25px;margin-bottom:26px;display:flex;gap:25px;flex-wrap:wrap}.editorial-rich{font-size:16px;line-height:1.9;color:#616c79}.editorial-rich p{margin:0 0 22px}.editorial-rich .editorial-lead{font-size:17px;line-height:1.85;padding:20px 24px;background:#f5f8fc;border-left:3px solid #9eb9d8}.editorial-rich h2{font-size:27px;color:#1a367a;line-height:1.5;margin:30px 0 18px}.editorial-rich h3{font-size:23px;color:#1a367a;line-height:1.5;margin:28px 0 16px}.editorial-rich>img{max-width:85%;max-height:580px;object-fit:contain;margin:28px auto}.editorial-video{width:100%;max-height:550px;background:#101c2c;margin:15px 0 28px}.editorial-prev-next{display:flex;flex-direction:column;gap:12px;border-top:1px solid #e2e8f0;margin-top:35px;padding-top:24px;font-size:15px;color:#65738a}.editorial-prev-next a:hover{color:#2268ad}.editorial-case-head{display:grid;grid-template-columns:minmax(0,1fr) 415px;gap:60px;align-items:center;padding-bottom:40px;border-bottom:1px solid #e6ebf1;margin-bottom:40px}.editorial-case-head h1{font-size:36px;line-height:1.4;color:#172e50;margin-bottom:20px}.editorial-case-head p{font-size:16px;line-height:1.9;color:#6c7787;margin-bottom:20px}.editorial-case-head img{width:100%;height:278px;object-fit:cover;border-radius:10px}.is-case-detail .editorial-rich>h2:first-child{margin-top:0}
.legacy-news-detail .detail-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px}.legacy-news-detail .article-head h1{font-size:44px;line-height:1.3}.legacy-news-detail .rich-text p{font-size:16px;line-height:1.9;margin-bottom:22px}.legacy-news-detail .detail-aside>section{padding:24px;border:1px solid #e5ebf1;background:#fff;border-radius:14px;margin-bottom:20px;box-shadow:0 5px 22px #23456508}.legacy-news-detail .detail-aside h2{font-size:20px}.legacy-news-detail .detail-aside h3{font-size:16px}.legacy-news-detail .detail-aside .grid{grid-template-columns:1fr}.legacy-news-detail .detail-aside .card{padding:15px 0;border:0;border-bottom:1px solid #eee;box-shadow:none}.legacy-news-detail .detail-aside .card-title{font-size:16px}.legacy-news-detail .detail-aside .card-summary,.legacy-news-detail .detail-aside .card-more,.legacy-news-detail .detail-aside .card-cat{display:none}
/* Question map */
main[data-page="help-list"] .channel-main{background:linear-gradient(#f5f9ff,#fff);padding:32px 0 65px}main[data-page="help-list"] .help-map-grid{gap:28px}main[data-page="help-list"] .help-map-card{padding:0 26px 14px;border:1px solid #e1e9f5;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 28px #173d6809}main[data-page="help-list"] .help-map-head{margin:0 -26px 8px;padding:23px 26px;background:linear-gradient(120deg,#e8f2ff,#f6faff);border-bottom:1px solid #e1eaf6}main[data-page="help-list"] .help-map-head h2{font-size:23px;color:#1a367a}main[data-page="help-list"] .help-q{padding:15px 0;transition:background .2s,color .2s;gap:14px;font-size:16px}main[data-page="help-list"] .help-q:hover{color:#1d6abc;background:#f7faff}main[data-page="help-list"] .idx{color:#90a9c7;font-weight:600}main[data-page="help-list"] .help-q .arrow{border-radius:50%;background:#eff5fc;width:25px;height:25px;display:grid;place-items:center;color:#3774b4}
@media(max-width:1460px) and (min-width:901px){.about-september .honors-section,.about-september .history-section{padding-left:64px;padding-right:64px}.about-september .honors-section .about-block-head,.about-september .history-section .about-block-head{margin-left:-40px}}
@media(max-width:1200px){.site-nav{gap:14px}.site-nav>.nav-item>a{font-size:14px}.header-inner>.brand img{max-width:195px}.editorial-layout{grid-template-columns:minmax(0,1fr) 280px;gap:26px}.editorial-row{grid-template-columns:210px minmax(0,1fr);gap:22px}.editorial-row>img{width:210px;height:145px}.repair-flow{grid-template-columns:1fr}.institute-refresh .institute-pillar{grid-template-columns:200px minmax(0,1fr);gap:24px}.institute-refresh .institute-icon-grid{gap:10px}.institute-refresh .institute-icon-card h3{font-size:14px}}
@media(max-width:900px){.about-september .services-visual .about-feature-card p{font-size:14px}.about-september .services-visual .about-feature-card{padding:20px}.editorial-layout,.editorial-detail .editorial-layout,.legacy-news-detail .detail-layout{grid-template-columns:1fr}.editorial-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editorial-aside section{margin:0}.editorial-case-head{grid-template-columns:1fr 40%;gap:28px}.editorial-article-head h1{font-size:34px}.service-refresh .service-block{gap:24px}.service-refresh .service-media-duo{gap:12px}.service-refresh .service-media-duo img{width:calc(50% - 6px);height:340px}.institute-refresh .institute-pillar{grid-template-columns:1fr}.institute-refresh .about-block-head{max-width:640px}.institute-refresh .institute-icon-card img{height:240px}.about-september .honors-section,.about-september .history-section{padding-left:48px;padding-right:48px}.products-september .visual-ability,.products-september .visual-ip{gap:30px}}
@media(max-width:640px){.about-september .services-visual .about-feature-grid{grid-template-columns:1fr}.about-september .services-visual .about-feature-card p{font-size:14px;line-height:1.85}.about-september .culture-subtitle{font-size:21px}.about-september .culture-quote{font-size:94px;top:-8px}.about-september .history-card{padding:20px}.products-september .visual-ability,.products-september .visual-ip{padding:32px 20px;grid-template-columns:1fr}.products-september .visual-ability .product-side-media{min-height:250px}.products-september .visual-ip .ip-visual img{height:250px;min-height:0;clip-path:none}.products-september .visual-capacity .rd-ulist li{padding:25px}.service-refresh .service-block{grid-template-columns:1fr;padding:36px 20px}.service-refresh .about-kicker{font-size:28px}.service-refresh .service-media-duo img{height:310px}.repair-flow{width:calc(100% - 40px);padding:28px 20px;margin-top:30px}.repair-flow ol{grid-template-columns:repeat(4,1fr);gap:25px 8px}.repair-flow li:nth-child(4)::after{display:none}.flow-icon{width:42px;height:42px}.institute-refresh .institute-pillar{padding:36px 20px}.institute-refresh .institute-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.institute-refresh .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.institute-refresh .grid-4 .institute-icon-card:nth-child(even){transform:none}.institute-refresh .institute-pillar:first-child .institute-icon-card img{height:260px}.institute-refresh .grid-4 .institute-icon-card img{height:180px}.institute-refresh .institute-train-grid{grid-template-columns:1fr}.editorial-row{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:22px 0}.editorial-row>img{width:110px;height:100px}.editorial-row h2{font-size:18px;line-height:1.5;margin:0 0 8px}.editorial-row p{font-size:14px}.editorial-row footer{font-size:12px;padding-top:12px;gap:8px}.editorial-aside{grid-template-columns:1fr}.editorial-article-head h1,.legacy-news-detail .article-head h1{font-size:28px}.editorial-case-head{grid-template-columns:1fr;gap:24px}.editorial-case-head h1{font-size:28px}.editorial-case-head img{height:auto}.editorial-rich>img{max-width:100%}.editorial-tabs a{padding:6px 14px}.editorial-rich h2{font-size:24px}.editorial-rich h3{font-size:21px}}
.service-refresh .service-media-duo img{width:100%;height:440px;object-fit:contain}.service-scan{display:flex;align-items:center;gap:20px;margin-top:28px;color:#1a367a;font-size:15px}.service-scan img{width:92px;height:92px;object-fit:contain;padding:7px;background:white;border-radius:50%;box-shadow:0 5px 18px #1d609225}.service-scan>span:last-child{display:grid;place-items:center;background:#428bf0;color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}.service-refresh .service-block .service-copy{grid-column:1;grid-row:1}.service-refresh .service-block .service-media{grid-column:2;grid-row:1}
@media(max-width:640px){.service-refresh .service-block .service-copy,.service-refresh .service-block .service-media{grid-column:1;grid-row:auto}.service-refresh .service-media-duo img{height:340px}.service-scan{gap:14px;font-size:13px}.service-scan img{width:76px;height:76px}}
@media(min-width:901px) and (max-width:1460px){.about-september .honors-section,.about-september .history-section{padding-left:24px;padding-right:24px}.about-september .honors-section .about-block-head,.about-september .history-section .about-block-head{margin-left:0}.about-september .honors-section .about-scroll-controls,.about-september .history-section .about-scroll-controls{left:2px;right:2px}.about-september .honors-section .about-scroll-controls button,.about-september .history-section .about-scroll-controls button{width:20px;height:32px;min-height:32px;border-radius:12px}.about-september .honors-section .about-scroll-controls button svg{width:17px}}
/* Refined channel layouts */
.about-september .services-visual .about-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.about-september .services-visual .about-feature-card{padding:24px;grid-template-columns:44px 1fr;gap:7px 14px}.about-september .services-visual .about-feature-card p{font-size:15px;line-height:1.9}.about-september .about-carousel{position:relative}.about-september .honors-section .about-scroll-controls,.about-september .history-section .about-scroll-controls{inset:50% -56px auto;transform:translateY(-50%);z-index:2}.about-september .honors-section .about-scroll-controls button,.about-september .history-section .about-scroll-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border-radius:50%;font-size:30px;border:1px solid #d3e2f3;box-shadow:0 5px 16px #1a467c14}.about-september .honors-section .about-scroll-controls button svg{width:23px;height:23px}.about-september .culture-subtitle,.about-september .about-qj-grid h2:not(.about-kicker),.about-september .history-section .about-block-head h2:not(.about-kicker){color:#1a367a;font-size:18px;font-weight:500;line-height:1.7}.about-biz-card p,.about-belief-card p,.about-september .history-card p{font-size:16px}.about-september .about-kicker,.products-september .rd-section-copy h2.about-kicker{margin:0}.about-september .about-block-head{margin-bottom:28px}.about-september .about-qj-grid h2:not(.about-kicker){margin-top:12px}
main[data-page="product-list"]>.crumb-nav{position:relative;margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:20px;background:#f1f5ff;box-shadow:0 0 0 100vmax #f1f5ff;clip-path:inset(0 -100vmax)}.products-september.channel-main{padding-top:0}.products-september .visual-func{background:#f1f5ff}.products-september .visual-ability{padding-top:0}.products-september .visual-ip{padding-top:28px;padding-bottom:28px}.products-september .visual-ip .ip-visual img{min-height:260px;height:280px}
.service-refresh .quick-platform{display:block;background:linear-gradient(115deg,#fff,#f7faff)}.service-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.service-section-heading>div{border-left:5px solid #3987f5;padding-left:20px}.service-section-heading h2{font-size:32px;color:#163673;line-height:1.4;margin:0}.service-section-heading span{font-size:13px;color:#98abc9}.service-section-heading>p{font-size:14px;color:#97a8c0;letter-spacing:1px}.quick-platform-layout{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:44px}.quick-phones{width:100%;height:390px;object-fit:contain}.quick-platform-panel{display:grid;grid-template-columns:1.05fr .9fr;align-items:center;gap:15px;background:linear-gradient(115deg,#f8fbff,#edf5ff);border-radius:28px;padding:26px 20px 26px 30px}.quick-platform-panel h3{font-size:21px;line-height:1.6;color:#1a367a;margin-bottom:10px}.quick-platform-panel em{font-style:normal;color:#2879e1}.quick-platform-panel p{font-size:17px;color:#536b8d}.quick-platform-panel ul{list-style:none;margin-top:24px;font-size:16px;color:#627899;line-height:2.2}.quick-platform-panel li::before{content:'✓';display:inline-grid;place-items:center;background:#3486f5;color:white;width:20px;height:20px;border-radius:50%;font-size:13px;line-height:1;margin-right:10px}.quick-platform-panel figure{margin:0;background:white;border-radius:14px;padding:20px 14px;text-align:center}.quick-platform-panel figure img{width:100%;height:auto}.quick-platform-panel figcaption{font-size:14px;color:#7484a0;margin-top:16px}.service-refresh .materials-mall{position:relative;background:linear-gradient(118deg,#f2f8ff 0%,#e8f3ff 65%,#dfedff 100%);overflow:hidden}.service-refresh .materials-mall::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:#bddaff55;right:-220px;bottom:-400px;pointer-events:none}.materials-mall .service-copy,.materials-mall .service-media{position:relative}.service-refresh .materials-mall .service-scan{position:relative;display:inline-flex;gap:22px;min-height:80px;padding:14px 18px 14px 108px;border:1px solid #fff;border-radius:50px;background:linear-gradient(90deg,#f4faffaa,#d6e8ff88);margin:45px 0 20px 24px;box-shadow:0 4px 20px #3e7dba0d}.materials-mall .service-scan img{position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:116px;height:116px;padding:10px;border-radius:50%}.materials-mall .service-scan>span:last-child{width:44px;height:44px;flex-shrink:0}.repair-flow .flow-icon{width:62px;height:62px;margin-bottom:12px}.repair-flow .flow-icon svg{width:31px;height:31px}.repair-flow li{font-size:16px;white-space:nowrap}.repair-flow li:not(:last-child)::after{top:24px}.repair-flow{grid-template-columns:180px minmax(0,1fr);gap:26px}.repair-flow ol{gap:14px}
.institute-refresh .institute-pillar:nth-child(2) .grid-4{align-items:start;padding-top:45px;padding-bottom:25px}.institute-refresh .grid-4 .institute-icon-card:nth-child(2){transform:translateY(-42px)}.institute-refresh .grid-4 .institute-icon-card:nth-child(3){transform:translateY(16px)}.institute-refresh .grid-4 .institute-icon-card:nth-child(4){transform:translateY(-8px)}.institute-refresh .institute-card-copy{min-height:80px}.institute-refresh .institute-pillar:first-child .institute-card-copy{min-height:0;padding-bottom:24px}.institute-refresh .training-card img{height:300px}
main[data-page="help-list"] .channel-main{background:#fff}.contact-refined{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}.contact-refined .contact-panel{background:linear-gradient(145deg,#edf5ff,#fff);padding:38px;border:1px solid #e2ebf7;border-radius:18px}.contact-refined .contact-panel>h2,.contact-refined .message-form>h2{font-size:30px;color:#1a367a;margin-bottom:22px}.contact-refined .contact-channel-grid{display:grid;grid-template-columns:1fr;gap:24px}.contact-refined .contact-channel-item{padding:0 0 20px;border:0;border-bottom:1px solid #dce6f3;background:transparent;border-radius:0}.contact-refined .contact-channel-item:last-child{border:0;padding-bottom:0}.contact-refined .contact-channel-item .label{font-size:15px;color:#7b8da6}.contact-refined .contact-channel-item p{font-size:19px;color:#1c477b;line-height:1.8;overflow-wrap:anywhere;margin-top:8px}.contact-refined .message-form{padding:38px;border:1px solid #e3ebf5;border-radius:18px;box-shadow:0 10px 32px #18406a09;background:#fff}.contact-refined .message-form label{font-size:15px;color:#52657c}.contact-refined input,.contact-refined textarea{background:#f8faff;border-color:#e0e8f3;border-radius:8px}.contact-refined .btn{border-radius:8px;min-height:46px}.contact-map{padding:0 0 64px}.contact-map img{width:100%;max-width:1100px;height:auto;margin:0 auto;border:1px solid #e5ebf1;border-radius:14px}
@media(max-width:1480px){.about-september .honors-section .about-scroll-controls,.about-september .history-section .about-scroll-controls{inset:50% 8px auto}.about-september .honors-section .about-scroll-controls button,.about-september .history-section .about-scroll-controls button{background:#fffffff2;box-shadow:0 4px 18px #173c7533}.quick-platform-layout{gap:25px}.quick-platform-panel{padding:24px 20px}.repair-flow{grid-template-columns:1fr}}
@media(max-width:1000px){.about-september .services-visual .about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-platform-layout{grid-template-columns:1fr 1fr}.quick-platform-panel{grid-template-columns:1fr}.quick-platform-panel figure{max-width:180px;margin:auto}.quick-platform-panel ul{margin-top:12px}.contact-refined{gap:20px}.contact-refined .contact-panel,.contact-refined .message-form{padding:25px}}
@media(max-width:640px){.about-september .services-visual .about-feature-grid{grid-template-columns:1fr}.about-september .honors-section,.about-september .history-section{padding-left:20px;padding-right:20px}.about-september .honor-track,.about-september .history-track{margin:0 24px}.about-september .honors-section .about-scroll-controls,.about-september .history-section .about-scroll-controls{inset:50% -4px auto}.about-september .honors-section .about-scroll-controls button,.about-september .history-section .about-scroll-controls button{width:38px;height:38px;min-height:38px}.quick-platform-layout,.quick-platform-panel{grid-template-columns:1fr}.quick-phones{height:310px}.quick-platform-panel{gap:24px;padding:28px}.quick-platform-panel figure{max-width:220px}.service-section-heading>p{display:none}.service-section-heading h2{font-size:28px}.service-refresh .materials-mall .service-scan{padding-left:73px;gap:10px;font-size:12px;margin-left:12px}.materials-mall .service-scan img{width:84px;height:84px;left:-15px}.materials-mall .service-scan>span:last-child{width:32px;height:32px}.repair-flow .flow-icon{width:50px;height:50px}.repair-flow li{font-size:13px}.institute-refresh .institute-pillar:nth-child(2) .grid-4{padding-top:15px;padding-bottom:15px}.institute-refresh .grid-4 .institute-icon-card:nth-child(n){transform:none}.institute-refresh .grid-4 .institute-icon-card:nth-child(even){transform:translateY(14px)}.contact-refined{grid-template-columns:1fr}.contact-map{padding-bottom:35px}.products-september .visual-ip .ip-visual img{height:240px;min-height:0}}
/* Editorial navigation and detail system */
.case-filter-bar{display:flex;margin:0 0 32px;background:#fff;border:1px solid #edf0f5;box-shadow:0 4px 14px #15385905;overflow:auto}.case-filter-bar :is(button,a){flex:1;white-space:nowrap;background:#fff;border:0;border-right:1px solid #edf0f5;padding:18px 12px;font-size:15px;color:#68788c;transition:background .2s,color .2s}.case-filter-bar :is(button,a):hover,.case-filter-bar :is(button[aria-pressed="true"],a[aria-current="page"]){background:#225a9e;color:#fff}.editorial-pagination :is(button,a){width:auto;min-width:40px;padding:0 13px}.editorial-pagination button:disabled{color:#adb6c3;background:#f8fafc;border-color:#e8edf3}.editorial-empty{padding:60px 20px;text-align:center;color:#8491a3;background:#f7faff;border-radius:10px}.list-sidebar section:not(.editorial-contact)>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorial-aside .editorial-contact{background:linear-gradient(130deg,#2362a4,#173c70);color:#fff;border:0;box-shadow:0 10px 25px #153c7021}.editorial-aside .editorial-contact h2{color:#fff}.editorial-aside .editorial-contact p{color:#e3edfa}.editorial-aside .editorial-contact>a{display:inline-block;margin-top:22px;padding:8px 25px;border:0;background:#fff;border-radius:7px;color:#225a94;font-size:15px}.detail-sidebar section{padding:25px 24px;margin-bottom:20px;border-radius:16px;box-shadow:0 7px 24px #173c6808}.detail-sidebar section>a{line-height:1.9;padding:13px 0;border-bottom:1px dashed #e8edf2}.detail-sidebar .all-tags-link{display:block!important;text-align:center;background:#eff5fc;border:1px solid #dfe8f3;border-radius:7px;padding:8px 12px!important;margin-top:20px;color:#4b78a9}.detail-sidebar h2{font-size:20px}.news-article-refined .editorial-article-head h1{text-align:center;font-size:44px;line-height:1.3;margin:0 0 16px}.news-article-refined .editorial-article-head>p,.help-detail-refined .editorial-article-head>p{display:flex;justify-content:center;gap:12px;font-size:15px;line-height:1.8;padding:0;margin:0 0 26px;border:0;color:#7c8693}.article-abstract{padding:15px 18px;border:0;border-radius:7px;background:#f2f7fc;color:#637689;font-size:15px;line-height:1.85;margin:0 0 38px}.article-product-link{display:flex;align-items:center;gap:22px;padding:18px 22px;border:1px solid #e6ebf0;border-radius:11px;box-shadow:0 2px 8px #27426004;margin:0 0 28px}.article-product-link>img{width:74px;height:74px;object-fit:cover;border-radius:7px;flex-shrink:0}.article-product-link>div{flex:1}.article-product-link h3{font-size:19px;line-height:1.5;color:#1d3554;margin-bottom:6px}.article-product-link p{font-size:15px;line-height:1.8;color:#6e7c8c}.article-product-link>span{font-size:14px;color:#386b9f;border:1px solid #d3e0ee;padding:5px 17px;border-radius:22px;white-space:nowrap}.news-article-refined .editorial-rich{font-size:16px;line-height:1.9}.news-article-refined .editorial-rich h2{font-size:24px;margin:28px 0 16px}.news-article-refined .editorial-rich h3{font-size:20px}.news-article-refined .editorial-rich>img{max-width:78%;border-radius:4px;margin:28px auto}.article-page-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;margin:32px 0;padding:24px 0;font-size:16px;line-height:1.8}.article-page-links>:last-child{text-align:right}.article-page-links a{color:#607a99}.article-page-links a:hover{color:#1a61a6}.article-recommendations{margin-top:32px}.article-recommendations>h2,.faq-related>h2{font-size:24px;color:#1b3455;margin-bottom:22px}.article-recommendations>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-recommendations a{overflow:hidden;border:1px solid #e4ebf2;border-radius:10px;padding-bottom:18px;transition:box-shadow .2s,transform .2s}.article-recommendations a:hover{transform:translateY(-3px);box-shadow:0 9px 24px #1b457514}.article-recommendations img{width:100%;aspect-ratio:1.6;object-fit:cover}.article-recommendations h3{font-size:17px;color:#203b60;line-height:1.6;margin:15px 15px 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-recommendations p{font-size:14px;line-height:1.8;color:#8390a0;margin:0 15px 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-recommendations time{font-size:13px;color:#9aa5b3;margin-left:15px}
.all-tags-page{padding:10px 0 60px}.all-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.all-tags-grid a{padding:5px 16px;font-size:15px;color:#657386;border:1px solid #e5e9ef;border-radius:4px;background:#fff;transition:all .2s}.all-tags-grid a:hover{color:white;background:#2465a9;border-color:#2465a9}.tag-results-title{font-size:26px;color:#1a367a;margin-bottom:24px}.topic-page{padding:5px 0 65px}.topic-intro{display:grid;grid-template-columns:316px minmax(0,1fr);gap:32px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #e6ebf1}.topic-intro>img{width:316px;height:238px;object-fit:cover;border-radius:12px}.topic-intro h1{font-size:32px;line-height:1.35;color:#1a3459;margin:10px 0 18px}.topic-intro p{font-size:16px;line-height:1.9;color:#697b91}.topic-page .editorial-layout{grid-template-columns:minmax(0,1fr) 316px;gap:30px}.topic-list-card{border:1px solid #e7edf4;border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 6px 20px #1f487006;grid-template-columns:260px minmax(0,1fr);gap:24px}.topic-list-card h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-list-card img{border-radius:9px;max-width:100%;height:178px}.topic-list-card p{font-size:16px;line-height:1.7}
.videos-refined{padding:8px 0 64px}.videos-refined .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.videos-refined .video-card{border:1px solid #e4eaf1;border-radius:14px;overflow:hidden;padding:0;background:white;text-align:left;box-shadow:0 3px 10px #1c3d5e04}.videos-refined .video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#111}.videos-refined .video-thumb>img{width:100%;height:100%;object-fit:contain}.videos-refined .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#2466aee0;box-shadow:0 0 0 8px #fff2}.videos-refined .video-play::before{content:'';position:absolute;left:23px;top:18px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid white}.videos-refined .video-card-body{display:block;padding:15px}.videos-refined .video-card-body h2{font-size:17px;font-weight:500;line-height:1.6;color:#415571}.videos-refined .video-card:hover{box-shadow:0 8px 25px #1e4f7b1a}.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:1000;background:#071322df;display:flex;align-items:center;justify-content:center;padding:28px}.video-modal-dialog{width:min(980px,100%);background:#101d2c;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0006}.video-modal-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:white}.video-modal-dialog h2{font-size:18px;line-height:1.5}.video-modal-dialog button{width:36px;height:36px;border:0;background:#ffffff15;color:white;border-radius:50%;font-size:28px}.video-modal-dialog video{display:block;width:100%;max-height:75vh}.is-video-modal-open{overflow:hidden}
.help-category-refined>.container{padding-bottom:64px}.help-category-refined .help-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:40px}.help-category-refined .help-q-card{display:block;padding:25px 26px;margin-bottom:20px;border:1px solid #e6ebf1;border-radius:8px;background:#fff;box-shadow:0 3px 10px #1a365504}.help-category-refined .help-q-card h2{font-size:24px;line-height:1.4;color:#1b3354;margin-bottom:12px}.help-category-refined .help-q-card p{font-size:16px;line-height:1.85;color:#697a90}.help-category-refined .help-q-card .card-more{display:block;text-align:right;margin-top:24px;font-size:15px;color:#4b7fac}.help-category-refined .editorial-aside .side-box{padding:24px;border-radius:12px}.help-category-refined .editorial-aside .side-link{display:block;font-size:16px;line-height:1.8;padding:13px 0;border-bottom:1px solid #e8edf3}.help-detail-refined .editorial-article-head h1{text-align:center;font-size:36px;line-height:1.3;margin:0 0 14px}.help-detail-refined .editorial-rich{font-size:17px;line-height:1.95}.help-detail-refined .editorial-rich p{margin-bottom:20px}.help-detail-refined .editorial-rich h2{font-size:24px}.faq-related{border-top:1px solid #e5ebf2;margin-top:32px;padding-top:28px}.faq-related>a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf1f5;font-size:17px;color:#345e8c}.faq-related>a span{font-size:14px;white-space:nowrap}
@media(max-width:1100px){.topic-list-card{grid-template-columns:200px minmax(0,1fr)}.topic-list-card img{width:200px;height:150px}.article-product-link{gap:15px}.article-product-link>span{padding:5px 12px}}
@media(max-width:900px){.topic-page .editorial-layout,.help-category-refined .help-layout{grid-template-columns:1fr}.topic-list-card{grid-template-columns:230px minmax(0,1fr)}.topic-list-card img{width:230px}.news-article-refined .editorial-article-head h1{font-size:36px}.topic-intro{grid-template-columns:260px minmax(0,1fr)}.topic-intro>img{width:260px;height:210px}.videos-refined .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.case-filter-bar{margin-bottom:20px}.case-filter-bar :is(button,a){padding:13px 16px}.news-article-refined .editorial-article-head h1,.help-detail-refined .editorial-article-head h1{font-size:28px}.article-product-link{display:grid;grid-template-columns:60px minmax(0,1fr);padding:16px;gap:12px}.article-product-link>img{width:60px;height:60px}.article-product-link h3{font-size:17px}.article-product-link p{font-size:14px}.article-product-link>span{grid-column:2;justify-self:start}.article-abstract{margin-bottom:24px}.news-article-refined .editorial-rich>img{max-width:100%}.article-page-links{grid-template-columns:1fr;gap:14px}.article-page-links>:last-child{text-align:left}.article-recommendations>div{grid-template-columns:1fr}.article-recommendations img{max-height:210px}.topic-intro{grid-template-columns:1fr;gap:20px}.topic-intro>img{width:100%;height:210px}.topic-intro h1{font-size:27px}.topic-list-card{grid-template-columns:110px minmax(0,1fr);padding:16px;gap:15px}.topic-list-card img{width:110px;height:110px}.topic-list-card h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px}.topic-list-card p{font-size:14px}.videos-refined .video-grid{grid-template-columns:1fr}.video-modal{padding:12px}.video-modal-dialog h2{font-size:16px}.help-category-refined .help-q-card{padding:22px}.help-category-refined .help-q-card h2{font-size:21px}.faq-related>a{font-size:16px}.faq-related>a span{display:none}}

.about-september .about-belief-card p,.about-september .about-biz-card p{font-size:16px}
.about-september .about-qj .about-qj-grid h2:not(.about-kicker){font-size:18px;color:#1a367a}

.contact-map{padding-top:32px}.quick-platform-panel h3>span{display:inline-block;white-space:nowrap}
@media(max-width:640px){.quick-platform-panel h3{font-size:18px}.contact-map{padding-top:20px}}
/* September 19 refinements */
main[data-page="product-list"]>.crumb-nav{padding-bottom:10px}.products-september .visual-func{padding-top:26px}.products-september .visual-ability{padding-bottom:0;margin-bottom:0}.products-september .visual-test{margin-top:0}.products-september .visual-ip{padding-top:0;padding-bottom:0;align-items:stretch}.products-september .visual-ip .rd-section-copy{padding-top:34px;padding-bottom:34px}.products-september .visual-ip .ip-visual{position:relative;min-height:280px;align-self:stretch;margin:0}.products-september .visual-ip .ip-visual img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
.solution-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 34px;padding:10px;background:#f0f5fc;border-radius:14px}.solution-categories a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:72px;padding:14px 15px;border:1px solid transparent;border-radius:9px;color:#405b7c;font-size:16px;line-height:1.65;transition:all .2s}.solution-categories a:hover,.solution-categories a[aria-current="page"]{background:#1a367a;color:#fff;box-shadow:0 5px 15px #1a367a20}.sol-card-grid{gap:28px}.sol-card-grid .sol-card{border:1px solid #e2eaf4;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #1c43770a;transition:transform .2s,box-shadow .2s}.sol-card-grid .sol-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #1c43771a}.sol-card-grid .sol-card-body{display:block;padding:24px}.sol-card-grid .card-title{font-size:22px;line-height:1.5;margin-bottom:12px;color:#1a367a}.sol-card-grid .card-summary{font-size:16px;line-height:1.8;height:57.6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:22px}.sol-card-grid .card-more{display:inline-flex;gap:28px;align-items:center;padding:9px 20px;border:1px solid #d4e1f2;border-radius:6px;font-size:15px;transition:all .2s}.sol-card:hover .card-more{color:white;background:#1a367a;border-color:#1a367a}
.solution-overview{display:grid;grid-template-columns:.95fr 1.2fr;gap:52px;align-items:center;padding-top:16px;padding-bottom:56px}.solution-overview>img{width:100%;height:390px;object-fit:cover;border-radius:12px}.solution-overview h1{font-size:32px;color:#1a367a;line-height:1.45;margin:0 0 24px}.solution-overview h2{font-size:18px;color:#214975;margin:20px 0 8px}.solution-overview p{font-size:16px;line-height:1.9;color:#64748a}.solution-applications{background:#f5f8fd;padding:48px 0 68px}.solution-applications header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 26px}.solution-applications header h2{font-size:26px;color:#1a367a}.solution-applications header p{font-size:15px;color:#7c8ba1}.solution-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.solution-application-grid>a{background:white;border:1px solid #e4ebf5;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.solution-application-grid>a:hover{transform:translateY(-4px);box-shadow:0 10px 24px #284b7515}.solution-application-grid img{width:100%;aspect-ratio:1.8;object-fit:cover}.solution-application-grid a>div{padding:24px}.solution-application-grid h3{font-size:20px;color:#1a367a;line-height:1.6;margin-bottom:20px}.solution-application-grid span{display:flex;justify-content:space-between;font-size:15px;color:#5c7ca4}
.service-refresh .service-section-heading h2,.service-refresh .service-copy .service-section-heading h2{font-size:32px;color:#1a367a;margin:0}.service-refresh .materials-mall{grid-template-columns:1.3fr .9fr;gap:40px}.service-refresh .materials-mall::before{display:none}.service-refresh .materials-mall .service-copy{max-width:none}.service-refresh .materials-mall .service-copy>p{font-size:16px;line-height:2.1;letter-spacing:-.2px}.service-refresh .materials-mall .service-scan{min-height:94px;gap:26px;padding:18px 24px 18px 132px;margin:48px 0 24px 26px;font-size:18px;border-radius:64px}.materials-mall .service-scan img{width:144px;height:144px;left:-26px;padding:12px;background:white;box-shadow:0 6px 24px #2365a512}.materials-mall .service-scan>span:last-child{width:52px;height:52px}.repair-flow p{font-size:15px;line-height:1.8}.repair-flow .flow-icon{width:74px;height:74px}.repair-flow .flow-icon svg{width:38px;height:38px}.repair-flow li:not(:last-child)::after{top:29px}
.institute-refresh .institute-pillar{grid-template-columns:215px minmax(0,1fr);align-items:center;gap:42px}.institute-refresh .institute-pillar>.about-block-head{margin:0;padding:0 0 0 22px;border-left:4px solid #3483dc;align-self:center}.institute-refresh .institute-pillar>.about-block-head h2{font-size:27px;line-height:1.65;color:#1a367a;margin:0}
.case-filter-bar{flex-wrap:wrap;gap:8px;border:0;border-radius:12px;padding:12px;background:#f1f5fb;overflow:visible;box-shadow:none}.case-filter-bar :is(button,a){flex:1 0 auto;border:0;border-radius:7px;padding:12px 16px;background:transparent;font-size:16px}.case-filter-bar :is(button,a):hover{background:#e0eafa;color:#1a367a}.case-filter-bar :is(button[aria-pressed="true"],a[aria-current="page"]){background:#1a367a;color:#fff;box-shadow:0 4px 12px #1a367a20}
.editorial-aside section>a,.editorial-row p,.editorial-row footer{font-size:16px}.editorial-aside section:not(.editorial-contact)>a{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-sidebar section>a,.detail-sidebar .editorial-tags>a,.help-category-refined .editorial-aside .side-link{font-size:15px}.help-category-refined .editorial-aside .side-link{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-aside .editorial-contact>a{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:44px;line-height:1.5;padding:10px 24px;margin-top:20px;text-align:center;white-space:nowrap;border:0;text-indent:0}.editorial-aside .editorial-contact>a::before,.editorial-aside .editorial-contact>a::after{display:none}.editorial-aside .editorial-contact>a:hover{background:#e7f0ff;box-shadow:0 5px 18px #041c4430}.editorial-row footer>a{transition:background .2s,color .2s,box-shadow .2s}.editorial-row footer>a:hover{background:#1a367a;color:#fff;border-color:#1a367a;box-shadow:0 4px 12px #1a367a20}.news-article-refined .editorial-article-head h1{font-size:40px}.text-more{font-size:15px}
.related-text-list{border-top:1px solid #e4eaf2;margin-top:32px;padding-top:28px}.related-text-list>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.related-text-list h2{font-size:24px;color:#1a367a;line-height:1.5;margin:0}.related-text-list>header>a{flex-shrink:0;color:#6680a0}.related-text-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;padding:0;margin:0}.related-text-list li{position:relative;padding-left:16px;min-width:0;line-height:1.8;margin:7px 0}.related-text-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:#6c8daf;position:absolute;left:0;top:12px}.related-text-list li a{display:block;font-size:16px;color:#586c86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-text-list li a:hover{color:#1c66b3}.related-text-list>header>a:hover{color:#1c66b3}
main[data-page="help-list"]>.crumb-nav{margin-bottom:0;padding-bottom:10px}main[data-page="help-list"] .channel-main{padding-top:18px}
main[data-page="contact"] .channel-main{background:linear-gradient(#fff,#f4f8fe);padding-top:18px;padding-bottom:48px}.contact-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.contact-intro>div>p{font-size:12px;letter-spacing:2px;color:#7190b5;margin-bottom:10px}.contact-intro h2{font-size:30px;line-height:1.5;color:#1a367a}.contact-intro>p{font-size:15px;color:#8191a6;line-height:1.9}.contact-refined{grid-template-columns:1.05fr 1fr;gap:28px}.contact-refined .contact-panel{background:linear-gradient(135deg,#153564,#224d83);color:#fff;border:0;border-radius:16px;padding:36px}.contact-refined .contact-panel>h2{color:white;font-size:26px;margin-bottom:10px}.contact-intro-copy{color:#c8d8ed;font-size:15px;margin-bottom:30px;line-height:1.8}.contact-refined .contact-channel-item{border-bottom:1px solid #ffffff26;padding-bottom:20px}.contact-refined .contact-channel-item .label{color:#adc6e4}.contact-refined .contact-channel-item p{color:#fff;font-size:20px}.contact-refined .contact-channel-item:last-child p{font-size:17px}.contact-refined .message-form{padding:36px;box-shadow:0 12px 35px #1a367a0b}.contact-refined .message-form>h2{font-size:26px;margin-bottom:10px}.contact-refined .form-lead{font-size:14px;margin-bottom:22px;color:#8391a3}.contact-refined .message-form textarea{min-height:120px}.contact-refined .message-form .btn{background:#1a367a}.contact-map{padding-top:40px}.contact-map img{max-width:1100px;border-radius:12px;box-shadow:0 8px 32px #183a6a0a}
@media(max-width:1100px){.solution-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-overview{gap:30px}.service-refresh .materials-mall{grid-template-columns:1.2fr 1fr;gap:24px}.service-refresh .materials-mall .service-copy>p br{display:none}.institute-refresh .institute-pillar{grid-template-columns:180px minmax(0,1fr);gap:24px}.institute-refresh .institute-pillar>.about-block-head h2{font-size:24px}}
@media(max-width:900px){.solution-overview{grid-template-columns:1fr}.solution-overview>img{height:330px}.solution-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-refresh .materials-mall .service-scan{font-size:15px;gap:14px;padding-left:100px}.materials-mall .service-scan img{width:116px;height:116px}.institute-refresh .institute-pillar{grid-template-columns:1fr}.institute-refresh .institute-pillar>.about-block-head{margin-bottom:12px}.contact-intro{align-items:start;flex-direction:column;gap:16px}.contact-refined{grid-template-columns:1fr}.products-september .visual-ip .ip-visual{min-height:260px}}
@media(max-width:640px){.solution-categories{grid-template-columns:1fr 1fr;padding:8px;gap:5px}.solution-categories a{font-size:14px;padding:10px;min-height:66px}.solution-overview{padding-top:10px;padding-bottom:32px;gap:24px}.solution-overview>img{height:230px}.solution-overview h1{font-size:26px}.solution-application-grid{grid-template-columns:1fr}.solution-applications{padding:30px 0}.solution-applications header{display:block}.solution-applications header p{margin-top:8px}.sol-card-grid .card-title{min-height:0}.service-refresh .materials-mall{grid-template-columns:1fr}.service-refresh .service-section-heading h2,.service-refresh .service-copy .service-section-heading h2{font-size:28px}.service-refresh .materials-mall .service-scan{font-size:14px;margin-left:18px;padding:12px 12px 12px 89px;gap:10px;min-height:84px}.materials-mall .service-scan img{width:110px;height:110px;left:-24px}.materials-mall .service-scan>span:last-child{width:34px;height:34px}.repair-flow .flow-icon{width:62px;height:62px}.repair-flow .flow-icon svg{width:32px;height:32px}.repair-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}.repair-flow li:nth-child(4)::after{display:none}.case-filter-bar :is(button,a){padding:10px 12px;font-size:14px}.news-article-refined .editorial-article-head h1{font-size:28px}.related-text-list ul{grid-template-columns:1fr}.related-text-list h2{font-size:21px}.related-text-list>header{align-items:start}.related-text-list>header>a{font-size:13px}.contact-intro h2{font-size:25px}.contact-refined .contact-panel,.contact-refined .message-form{padding:25px}.contact-refined .contact-channel-item p{font-size:18px}.products-september .visual-ip .rd-section-copy{padding-top:28px;padding-bottom:0}}
.editorial-aside section.editorial-contact>a:last-child{padding:10px 24px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center}
/* Mobile layout and channel detail refinements */
.about-september .services-visual .about-block-head h2.about-kicker{border-radius:0;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #ffffff30}.about-september .services-visual .about-block-head{margin-bottom:26px}
.products-september .visual-func .rd-olist li strong{font-size:18px}.products-september .visual-ip .rd-section-copy{padding-top:48px;padding-bottom:48px}.products-september .visual-ip .ip-visual{min-height:340px}
.solution-categories{display:flex;gap:0;align-items:stretch;padding:0;border-radius:0;background:#fff;border-bottom:1px solid #dae3ef}.solution-categories a{position:relative;flex:1;min-width:0;min-height:76px;padding:16px 18px;border:0;border-radius:0;color:#63758d;background:none;box-shadow:none}.solution-categories a::after{content:'';height:3px;position:absolute;bottom:-1px;left:20px;right:20px;background:#2e73be;transform:scaleX(0);transition:transform .2s}.solution-categories a:hover,.solution-categories a[aria-current="page"]{background:#f5f9fe;color:#1a367a;box-shadow:none}.solution-categories a:hover::after,.solution-categories a[aria-current="page"]::after{transform:scaleX(1)}.solution-applications{background:#fff}.sol-card-grid .card-title{min-height:0}
.case-filter-bar{display:flex;gap:12px;padding:0 0 22px;background:none;border-bottom:1px solid #e4eaf2;border-radius:0;box-shadow:none}.case-filter-bar :is(button,a){flex:0 0 auto;border:1px solid #e0e7f0;border-radius:4px;background:#fff;padding:10px 18px;font-size:15px;color:#61748d;box-shadow:none}.case-filter-bar :is(button,a):hover{border-color:#7b9fcf;background:#f4f8fe;color:#1a367a}.case-filter-bar :is(button[aria-pressed="true"],a[aria-current="page"]){background:#1a367a;border-color:#1a367a;color:#fff;box-shadow:none}
.article-product-link>span{transition:color .2s,background .2s,border-color .2s}.article-product-link:hover>span,.article-product-link:focus-visible>span{background:#1a367a;color:#fff;border-color:#1a367a}.news-article-refined .editorial-rich img{display:block;max-width:80%;width:auto;height:auto;object-fit:contain;border-radius:4px;margin:28px auto}.news-article-refined .related-text-list{border-top:0;padding-top:0}
.videos-refined{padding-top:22px}.videos-refined .video-thumb{padding:0;overflow:hidden}.videos-refined .video-thumb>.video-play{display:block;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:0;margin:0;box-sizing:border-box;width:58px;height:58px}.videos-refined .video-play::before{left:23px;top:18px;padding:0}
.contact-refined{grid-template-columns:1.1fr 1fr;gap:34px;align-items:stretch}.contact-refined .contact-panel{padding:0;background:none;border:0;box-shadow:none}.contact-refined .contact-channels{height:100%}.contact-refined .contact-channel-grid{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-refined .contact-channel-item,.contact-refined .contact-channel-item:last-child{border:1px solid #e3e9f1;border-radius:12px;padding:28px 24px;background:#fff;box-shadow:0 4px 16px #1c3e6c04;display:flex;flex-direction:column;justify-content:center}.contact-refined .contact-channel-item .label{font-size:18px;font-weight:700;color:#1a367a;margin-bottom:10px}.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:16px;line-height:1.9;color:#62748b;margin:0;overflow-wrap:anywhere}.contact-refined .message-form{padding:32px;border-radius:12px;box-shadow:none}.contact-refined .message-form>h2{font-size:28px}.contact-refined .message-form input,.contact-refined .message-form textarea{background:white;border-radius:5px}.contact-refined .message-form textarea{min-height:145px}.contact-refined .message-form .btn{min-width:150px;border-radius:5px}.contact-map{padding-top:30px}
.menu-icon{display:block;width:26px;height:26px;flex-shrink:0}.menu-toggle .menu-icon{color:#202e46;transition:transform .2s}.menu-toggle[aria-expanded="true"] .menu-icon{transform:rotate(90deg)}
.editorial-layout>*,.editorial-detail .editorial-layout>*,.editorial-case-head>*,.help-layout>*,.detail-layout>*,.editorial-row>*,.topic-intro>*{min-width:0}.editorial-aside{min-width:0}.editorial-rich{overflow-wrap:anywhere}.editorial-rich table{max-width:100%}
@media(max-width:1000px){.contact-refined{grid-template-columns:1fr}.contact-refined .contact-channel-item{min-height:150px}}
@media(max-width:900px){.editorial-layout,.editorial-detail .editorial-layout,.topic-page .editorial-layout,.help-category-refined .help-layout{grid-template-columns:minmax(0,1fr)}.editorial-case-head{grid-template-columns:minmax(0,1fr)}.editorial-case-head>img{max-width:100%}.editorial-row footer{flex-wrap:wrap}}
@media(max-width:767px){.menu-toggle{width:42px;height:42px;padding:8px;border:0;background:transparent}.site-header .site-nav{max-width:none;width:100%;gap:0;padding:8px 20px 14px;max-height:calc(100dvh - 64px);overflow-y:auto;box-shadow:0 12px 22px #1d365416}.site-header .site-nav>.nav-item>a{height:auto;min-height:42px;padding:9px 4px;line-height:24px;font-size:15px}.site-header .nav-item.has-sub>.subnav{padding:0 0 5px 14px}.site-header .nav-item.has-sub>.subnav a{padding:6px 12px;line-height:23px}.site-header .site-nav>.nav-item{flex:none;min-height:0}.site-header .site-nav>.nav-item>a::after{display:none}}
@media(max-width:640px){
.solution-categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;scroll-snap-type:x proximity}.solution-categories::-webkit-scrollbar,.case-filter-bar::-webkit-scrollbar{display:none}.solution-categories a{flex:0 0 auto;max-width:none;min-height:52px;white-space:nowrap;font-size:15px;padding:12px 16px;scroll-snap-align:start}.solution-categories a::after{left:16px;right:16px}.case-filter-bar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:8px;padding-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.case-filter-bar :is(button,a){flex:0 0 auto;white-space:nowrap;padding:9px 15px}
.home-refreshed .home-about-section{padding-top:30px;padding-bottom:36px}.home-refreshed .home-about{gap:24px}.home-refreshed .home-about-copy{padding-top:0}.home-refreshed .home-banner{margin-bottom:0}.home-refreshed .home-module-head{margin-bottom:26px;gap:18px}.home-refreshed .home-module-head .home-about-btn{margin-bottom:0}.home-refreshed .home-case-stories .home-module-head,.home-refreshed .home-research .home-module-head,.home-refreshed .home-news-section .home-module-head,.home-refreshed .home-faq-section .home-module-head{margin-bottom:28px;gap:18px}
.rd-carousel .rd-gallery{padding:0;min-width:0}.rd-carousel .rd-gallery-controls{position:absolute;inset:50% 8px auto;width:auto;margin:0;transform:translateY(-50%);z-index:4;pointer-events:none}.rd-carousel .rd-gallery-buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:0}.rd-carousel .rd-gallery-buttons button{pointer-events:auto;width:36px;height:36px;box-shadow:0 3px 12px #0a244b25}.rd-carousel .rd-gallery-buttons [data-rd-prev]{background:#fffffff2}.home-refreshed .solution-showcase .home-solution-body{min-height:0}.home-refreshed main .solution-showcase .home-solution-body .home-solution-btn{margin-top:14px}.home-refreshed .home-solution-body p{margin-bottom:0}
.home-refreshed .news-feature-wrap .home-news-feature-body{display:block;padding:16px 18px 18px}.home-refreshed .news-feature-wrap .home-news-feature-body p{margin-bottom:10px}.home-refreshed .news-feature-wrap .home-news-link{display:inline-flex;margin-top:4px;line-height:32px}.home-refreshed .news-feature-controls{bottom:18px;right:18px}.home-refreshed .news-feature-wrap .home-news-feature{height:auto}.home-refreshed .home-news-row{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:12px;min-width:0}.home-refreshed .home-news-row-media{width:96px;height:76px;grid-row:span 2}.home-refreshed .home-news-row-body{min-width:0}.home-refreshed .home-news-row-body h3,.home-refreshed .home-news-row-body p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;max-width:100%;margin-bottom:4px}.home-refreshed .home-news-row>time{grid-column:2;margin:0;font-size:12px}.home-refreshed .home-faq-col{min-width:0}.home-refreshed .home-faq-item{display:flex;min-width:0;gap:10px}.home-refreshed .home-faq-item .q{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-refreshed .home-faq-idx,.home-refreshed .home-faq-item>.arrow{flex-shrink:0}
.editorial-layout,.editorial-detail .editorial-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}.editorial-row{grid-template-columns:100px minmax(0,1fr);gap:14px;min-width:0;max-width:100%}.editorial-row>img{width:100px;height:94px}.editorial-row h2,.editorial-row p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;max-width:100%}.editorial-row h2{font-size:17px}.editorial-row p{font-size:14px}.editorial-row footer{gap:8px;font-size:12px;padding-top:10px;flex-wrap:wrap}.editorial-detail{min-width:0;max-width:100%}.editorial-case-head{grid-template-columns:minmax(0,1fr);gap:22px}.editorial-case-head h1{font-size:26px;overflow-wrap:anywhere}.editorial-case-head img{width:100%;height:auto}.editorial-tags{flex-wrap:wrap;min-width:0}.editorial-rich img{max-width:100%;height:auto}.news-article-refined .editorial-rich img{max-width:80%;width:auto;height:auto}.editorial-pagination{flex-wrap:wrap;gap:6px}.editorial-pagination :is(button,a){min-width:32px;padding:0 9px}.contact-refined .contact-channel-grid{gap:12px}.contact-refined .contact-channel-item,.contact-refined .contact-channel-item:last-child{padding:20px 16px;min-height:155px}.contact-refined .contact-channel-item .label{font-size:16px}.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:14px}.contact-refined .message-form{padding:24px}.contact-refined{gap:24px}.products-september .visual-ip .rd-section-copy{padding-top:34px;padding-bottom:10px}.products-september .visual-ip .ip-visual{min-height:280px}
}
@media(max-width:360px){.contact-refined .contact-channel-grid{grid-template-columns:1fr}}
.menu-toggle[aria-expanded="true"] .menu-icon{transform:none;color:#1a367a}
@media(max-width:480px){.contact-refined .contact-channel-grid{grid-template-columns:minmax(0,1fr)}.contact-refined .contact-channel-item,.contact-refined .contact-channel-item:last-child{min-height:112px;padding:22px}.contact-refined .contact-channel-item .label{font-size:17px}.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:15px}}
/* Responsive assets, metadata companion layouts and solution navigation */
.channel-hero[data-responsive-banner]{background-image:var(--desktop-banner)}.home-service-picture{display:block}.home-service-picture img{display:block;width:100%;height:auto}
.solution-categories{display:flex;justify-content:center;gap:8px;padding:10px;border:1px solid #e4ebf5;border-radius:12px;background:#f7f9fd;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.solution-categories a{flex:0 0 auto;white-space:nowrap;min-height:48px;padding:12px 16px;line-height:24px;font-size:15px;border:1px solid transparent;border-radius:7px;background:transparent}.solution-categories a::after{display:none}.solution-categories a:hover{border-color:#bdcfe8;background:white;color:#1a367a}.solution-categories a[aria-current="page"]{background:#1a367a;border-color:#1a367a;color:#fff;box-shadow:0 4px 12px #17387318}.solution-application-grid>a{display:flex;flex-direction:column}.solution-application-grid a>div{display:flex;flex-direction:column;flex:1;gap:20px;padding:22px 24px}.solution-application-grid h3{margin:0;font-size:20px}.solution-application-grid span{display:inline-flex;align-self:flex-end;align-items:center;gap:16px;margin-top:auto;padding:7px 16px;border:1px solid #d4e0f0;border-radius:5px;color:#35659c;font-size:15px;transition:background .2s,color .2s}.solution-application-grid a:hover span{background:#1a367a;border-color:#1a367a;color:#fff}
.case-filter-bar{justify-content:center;border-bottom:0;margin-top:14px;gap:10px;padding-bottom:18px}.case-filter-bar :is(button,a){padding:11px 21px;min-width:98px}.editorial-aside .editorial-contact>a,.detail-sidebar section>a,.detail-sidebar .editorial-tags>a,.help-category-refined .editorial-aside .side-link{font-size:16px}
.contact-refined .message-form .btn{font-size:16px}.contact-refined .message-form>h2{margin-bottom:24px}.contact-office{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;padding-top:28px;padding-bottom:64px}.contact-office-copy h2{font-size:27px;color:#1a367a;line-height:1.5;margin-bottom:20px}.contact-office-copy p{font-size:16px;line-height:1.9;color:#718097;margin:0 0 16px}.contact-office-copy .office-address{color:#465f80}.contact-office-copy>a{font-size:16px;color:#2a65a6}.contact-office .contact-map{padding:0;min-width:0}.contact-office .contact-map img{width:100%;max-width:100%;height:auto;box-shadow:none;border:1px solid #e3eaf3;border-radius:10px}
.editorial-aside{grid-template-columns:minmax(0,1fr)}.editorial-aside>section,.editorial-aside>.side-box{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.editorial-aside section>a,.editorial-aside .side-link{min-width:0;max-width:100%;box-sizing:border-box}.editorial-aside .editorial-tags{min-width:0;max-width:100%;flex-wrap:wrap}.editorial-aside .editorial-tags>a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorial-rich pre{max-width:100%;overflow:auto}.editorial-rich table{display:block;max-width:100%;overflow-x:auto}.editorial-rich iframe,.editorial-rich video{max-width:100%}.topic-page .editorial-layout>div,.topic-list-card>div{min-width:0}.detail-sidebar section h2{overflow-wrap:anywhere}
@media(max-width:1200px){.solution-categories{justify-content:flex-start}}
@media(max-width:900px){.editorial-layout,.editorial-detail .editorial-layout,.topic-page .editorial-layout,.help-category-refined .help-layout{grid-template-columns:minmax(0,1fr)}.editorial-layout>*,.editorial-detail .editorial-layout>*,.help-layout>*,.detail-layout>*{min-width:0;max-width:100%}.editorial-aside{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}.contact-office{grid-template-columns:minmax(0,1fr);gap:24px}.editorial-article-head h1,.editorial-case-head h1{overflow-wrap:anywhere}}
@media(max-width:767px){.channel-hero[data-responsive-banner]{background-image:var(--mobile-banner);aspect-ratio:5/2;height:auto;min-height:0;background-position:center;background-size:cover}.channel-hero[data-responsive-banner] .channel-hero__inner{padding:18px 16px}.channel-hero[data-responsive-banner] h1{font-size:28px;line-height:1.4;margin-bottom:10px}.channel-hero[data-responsive-banner] p{font-size:13px;line-height:1.65;margin:0}.solution-categories{padding:6px;gap:6px;border-radius:8px;scrollbar-width:none;justify-content:flex-start}.solution-categories a{padding:10px 14px;font-size:14px;min-height:44px}.case-filter-bar{justify-content:flex-start;margin-top:20px}.case-filter-bar :is(button,a){min-width:105px;padding:10px 18px}.home-refreshed :is(.home-about-copy h2,.rd-intro h2,.home-solution-head h2,#case-stories-title,.refreshed-head h2,.home-links h2){font-size:27px;line-height:1.45}.home-refreshed #research-title{font-size:25px}.home-refreshed .solution-content{position:relative}.home-refreshed .home-solution-pager{position:absolute;inset:50% 8px auto;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;width:auto;margin:0;padding:0;z-index:4;pointer-events:none}.home-refreshed .home-solution-pager button{pointer-events:auto;width:36px;height:36px;min-height:36px;border-radius:50%;box-shadow:0 3px 12px #0a244b25}.home-refreshed .news-feature-wrap{height:auto;position:relative}.home-refreshed .news-feature-controls{position:absolute;inset:50% 8px auto;transform:translateY(-50%);width:auto;display:flex;justify-content:space-between;pointer-events:none;z-index:4}.home-refreshed .news-feature-controls button{pointer-events:auto;width:36px;height:36px;background:#fffffff2;border:1px solid #dce5f3;color:#356496;box-shadow:0 3px 12px #0a244b25}.home-refreshed .news-feature-controls [data-news-next]{background:#20599b;border-color:#20599b;color:#fff}.home-refreshed .news-feature-dots{display:none}.home-refreshed .home-news-row{align-items:start}.home-refreshed .home-news-row-body{align-self:start;padding-top:3px}.home-refreshed .home-news-row-body h3{margin-top:0}.contact-office{padding-top:24px;padding-bottom:40px}.contact-office-copy h2{font-size:23px}.contact-office-copy p{font-size:15px}.solution-application-grid span{font-size:14px}}
/* Solution knowledge cards and compact mobile spacing */
.solution-guide-page{padding-top:10px;background:linear-gradient(#fff,#f5f8fd)}.solution-guide-list{display:grid;gap:30px}.solution-guide{background:#fff;border:1px solid #e0e8f2;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #183a6407;scroll-margin-top:100px}.solution-guide>header{display:flex;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid #e8eef6;background:linear-gradient(100deg,#f2f7ff,#fff 65%)}.solution-guide-number{font-size:32px;color:#a5bddb;font-weight:700;line-height:1}.solution-guide h2{font-size:25px;line-height:1.5;color:#1a367a;margin:0;flex:1}.solution-guide>header>a{white-space:nowrap;font-size:15px;color:#5b7eaa}.solution-guide-body{display:grid;grid-template-columns:220px .85fr 1.35fr;gap:28px;padding:30px;align-items:start}.solution-guide-body>img{width:220px;aspect-ratio:1;object-fit:cover;border-radius:8px}.solution-guide-body section{min-width:0}.solution-guide h3{font-size:17px;color:#204d85;margin:0 0 12px;font-weight:700}.solution-guide-body p{font-size:16px;line-height:1.9;color:#64758c;margin:0}.solution-guide>footer{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:24px 30px;background:#fafcff;border-top:1px solid #e9eff7}.solution-guide>footer h3{margin:8px 0 0}.solution-guide>footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.solution-guide>footer a{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e1e9f4;border-radius:6px;padding:10px 14px;font-size:15px;color:#4e6788;background:#fff;transition:color .2s,border-color .2s,background .2s}.solution-guide>footer a:hover{border-color:#9db9df;background:#eef5ff;color:#1a367a}.solution-guide>footer a span{flex-shrink:0;color:#789dc5}
.case-filter-bar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;width:100%;max-width:100%;overflow:visible;padding:2px 0 6px;margin-bottom:14px;box-sizing:border-box}.case-filter-bar :is(button,a){min-width:0;width:100%;padding:10px 6px;box-sizing:border-box}.contact-refined .contact-panel{padding:10px 28px;background:linear-gradient(145deg,#f5f9ff,#fff);border:1px solid #e2eaf4;border-radius:12px}.contact-refined .contact-channel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-content:center;height:100%}.contact-refined .contact-channel-item,.contact-refined .contact-channel-item:last-child{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:6px;align-content:center;justify-content:stretch;padding:24px 0;border:0;border-bottom:1px solid #e1eaf5;border-radius:0;min-height:0;background:none;box-shadow:none}.contact-refined .contact-channel-item:last-child{border-bottom:0}.contact-channel-icon{grid-row:span 2;width:44px;height:44px;align-self:center;color:#3773b9;padding:9px;background:#e8f0fb;border-radius:12px}.contact-refined .contact-channel-item .label{font-size:15px;font-weight:500;color:#7b8da5;margin:0}.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:18px;color:#1a367a;line-height:1.7;margin:0}.contact-refined .contact-channel-item:last-child p{font-size:16px}.contact-office{grid-template-columns:.65fr 1.35fr;gap:36px}.contact-office-copy h2{font-size:25px}.contact-office .contact-map img{border-radius:10px}
@media(max-width:1050px){.solution-guide-body{grid-template-columns:160px minmax(0,1fr);gap:22px}.solution-guide-body>img{width:160px;grid-row:span 2}.solution-guide-body section{grid-column:2}.case-filter-bar{display:flex;flex-wrap:wrap;justify-content:center}.case-filter-bar :is(button,a){flex:0 0 auto;width:auto;min-width:100px;padding:10px 15px}}
@media(max-width:767px){
.solution-guide-list{gap:22px}.solution-guide>header{padding:20px;gap:12px;flex-wrap:wrap}.solution-guide-number{font-size:26px}.solution-guide h2{font-size:21px;flex:1;min-width:0}.solution-guide>header>a{margin-left:38px;font-size:14px}.solution-guide-body{grid-template-columns:minmax(0,1fr);padding:20px;gap:22px}.solution-guide-body>img{width:100%;aspect-ratio:1.9;grid-row:auto}.solution-guide-body section{grid-column:auto}.solution-guide-body p{font-size:15px;line-height:1.85}.solution-guide>footer{display:block;padding:20px}.solution-guide>footer h3{margin:0 0 14px}.solution-guide>footer>div{grid-template-columns:minmax(0,1fr)}.solution-guide>footer a{font-size:14px}
.home-refreshed .solution-showcase .home-solution-panel{height:auto;min-height:0}.home-refreshed .solution-showcase .home-solution-body{height:auto;min-height:0;flex:initial;margin:0;padding:24px 22px}.home-refreshed .solution-showcase .home-solution-body>p{overflow:visible;max-height:none;flex:none;margin-bottom:0}.home-refreshed .solution-showcase .home-solution-body .home-solution-btn{margin-top:16px}.home-refreshed .home-about-btn{margin-top:14px}.home-refreshed .rd-intro .home-about-btn,.home-refreshed .home-about-copy .home-about-btn{margin-top:16px}.home-refreshed .home-module-head{gap:14px}.home-refreshed .home-module-head .home-about-btn{margin-top:0}.home-refreshed .home-solution-head .home-about-btn{margin-top:10px}
.about-september .about-intro-grid{row-gap:20px}.about-september .about-intro-copy>p:last-child{margin-bottom:0}.about-september .about-intro-media{margin-top:0}.products-september .visual-func{padding-top:14px;row-gap:18px}.products-september .visual-func .rd-section-copy>p:last-child{margin-bottom:0}.products-september .visual-func .rd-olist{margin-top:0}.products-september .visual-ip{gap:16px;padding-bottom:26px}.products-september .visual-ip .rd-section-copy{padding-bottom:0}.products-september .visual-ip .rd-section-copy>p:last-child{margin-bottom:0}.products-september .visual-ip .ip-visual{margin-top:0}.service-refresh .materials-mall .service-scan{margin-top:25px;margin-bottom:14px}
main[data-page="news-case"]>.crumb-nav{margin-bottom:0;padding-bottom:8px}main[data-page="news-case"]>.editorial-page{padding-top:0}.case-filter-bar{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-top:8px;margin-bottom:8px;padding:2px 3px 5px}.case-filter-bar :is(button,a){width:auto;min-width:100px;flex-shrink:0;padding:9px 14px}.case-filter-bar :is(button,a):last-child{margin-right:2px}main[data-page="news-case"] .editorial-row:first-child{padding-top:14px}
.topic-intro{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:24px;margin-bottom:26px}.topic-intro>img{width:120px;height:132px;object-fit:cover;border-radius:7px}.topic-intro h1{font-size:21px;line-height:1.5;margin:0 0 10px}.topic-intro p{font-size:14px;line-height:1.8;margin:0}.contact-refined .contact-panel{padding:8px 22px}.contact-refined .contact-channel-item,.contact-refined .contact-channel-item:last-child{padding:20px 0;grid-template-columns:40px minmax(0,1fr);column-gap:14px;min-height:0}.contact-channel-icon{width:40px;height:40px}.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:16px}.contact-office{grid-template-columns:minmax(0,1fr);gap:20px}.contact-office-copy h2{font-size:23px}.contact-office-copy .office-address{margin-bottom:0}
}
/* Tag lists and contact typography */
.contact-refined .contact-channel-item .label{font-size:16px}
.contact-refined .contact-channel-item p,.contact-refined .contact-channel-item:last-child p{font-size:20px}
.contact-refined .message-form label{font-size:16px}
.topic-description-mobile{display:none}.tag-article-list>.editorial-page{padding-top:0}.tag-article-list>.crumb-nav{margin-bottom:8px}
@media(max-width:767px){main[data-page="news-topic"]>.crumb-nav{margin-top:0;padding-top:14px;padding-bottom:14px;margin-bottom:8px;line-height:1.6}.topic-description-desktop{display:none}.topic-description-mobile{display:inline}.topic-intro{margin-top:0}.tag-article-list>.editorial-page{padding-top:0}}
/* Solution category tabs match the editorial category controls. */
.solution-applications .solution-categories{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;padding:2px 2px 6px;margin:0 0 22px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;scrollbar-width:none}
.solution-applications .solution-categories a{flex:0 0 auto;min-height:0;padding:10px 14px;border:1px solid #e0e7f0;border-radius:4px;background:#fff;color:#61748d;font-size:15px;line-height:24px;box-shadow:none;white-space:nowrap}
.solution-applications .solution-categories a:hover{border-color:#7b9fcf;background:#f4f8fe;color:#1a367a}
.solution-applications .solution-categories a[aria-current="page"]{border-color:#1a367a;background:#1a367a;color:#fff;box-shadow:none}
.solution-applications .solution-categories a::after{display:none}
.solution-applications .solution-application-grid a>div{gap:0;padding:22px 24px}
@media(max-width:1200px){.solution-applications .solution-categories{justify-content:flex-start}}
@media(max-width:767px){.solution-applications .solution-categories{gap:8px;padding:2px 3px 5px;margin-bottom:18px}.solution-applications .solution-categories a{font-size:14px;padding:9px 14px}.solution-applications .solution-categories a:last-child{margin-right:2px}.solution-applications .solution-application-grid a>div{padding:20px}}
/* Solution page spacing and calmer typography */
main[data-page="case-list"] .solution-guide-page{padding-bottom:64px}
.solution-detail-page .solution-overview{grid-template-columns:.82fr 1.28fr;gap:48px;padding-bottom:36px}
.solution-detail-page .solution-overview>img{height:340px;object-fit:cover}
.solution-detail-page .solution-overview h1{color:#253347;font-size:30px}
.solution-detail-page .solution-overview h2{color:#3d4a5c;font-size:18px}
.solution-detail-page .solution-overview p{color:#687381}
.solution-detail-page .solution-applications{padding-top:0}
.solution-detail-page .solution-applications>.container{border-top:1px solid #e3e7ed;padding-top:30px}
.solution-detail-page .solution-categories{justify-content:safe center}
.solution-detail-page .solution-categories a{min-width:180px;padding:12px 22px;color:#596372}
.solution-detail-page .solution-categories a[aria-current="page"]{color:#fff}
.solution-detail-page .solution-categories a:hover:not([aria-current="page"]){color:#1a367a}
.solution-detail-page .solution-application-grid h3{font-size:18px;font-weight:500;line-height:1.65;color:#374151;transition:color .2s}
.solution-detail-page .solution-application-grid a:hover h3{color:#2465a9}
@media(max-width:900px){.solution-detail-page .solution-overview{grid-template-columns:minmax(0,1fr);gap:28px}.solution-detail-page .solution-overview>img{height:300px;max-width:540px;justify-self:center}.solution-detail-page .solution-categories{justify-content:flex-start}}
@media(max-width:767px){main[data-page="case-list"] .solution-guide-page{padding-bottom:40px}.solution-detail-page .solution-overview{gap:22px;padding-bottom:26px}.solution-detail-page .solution-overview>img{height:220px;max-width:420px}.solution-detail-page .solution-overview h1{font-size:25px}.solution-detail-page .solution-applications>.container{padding-top:22px}.solution-detail-page .solution-categories a{min-width:170px;padding:10px 20px}.solution-detail-page .solution-application-grid h3{font-size:17px}}

/* Separate related solutions from the article body. */
.solution-article-refined .related-text-list{border-top:1px solid #e4eaf2;margin-top:32px;padding-top:28px}

/* SSR adaptations: server-side category links and pagination links reuse the button styles. */
.case-filter-bar a,.editorial-pagination a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;box-sizing:border-box}
.case-filter-bar a{color:#61748d}
.case-filter-bar a[aria-current="page"]{color:#fff}
.editorial-pagination a[aria-current="page"]{color:#fff}
.search-page .search-form{display:flex;gap:12px;margin:24px 0 28px}
.search-page .search-form input{flex:1;min-width:0;border:1px solid #dce6f1;border-radius:6px;padding:13px 16px;font-size:16px}
.search-page .search-form button{border:0;border-radius:6px;background:#225a9e;color:#fff;padding:0 28px;font-size:16px;cursor:pointer}
.search-page .search-count{margin:0 0 18px;color:#68788c}
.search-page .search-type{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:4px;background:#eef3fa;color:#225a9e;font-size:13px}
.search-page .editorial-empty{padding:40px 0;text-align:center;color:#68788c}