:root {--ink: #1d222b; --ink-soft: #3d4653; --paper: #ffffff; --white: #ffffff; --muted: #6b7280; --line: #e4e9f0; --yellow: #0063b2; --yellow-light: #2981ed; --red: #f04438; --radius: 4px; --max: 1240px}

* {box-sizing: border-box}

html {scroll-behavior: smooth}

body {margin: 0; background: #ffffff; color: var(--ink); font-family: "DM Sans", "Microsoft YaHei", sans-serif; line-height: 1.6}

body.dialog-open {overflow: hidden}

a {color: inherit; text-decoration: none}

button,
input,
textarea,
select {font: inherit}

button {color: inherit}

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

.container {width: min(calc(100% - 48px), var(--max)); margin-inline: auto}

.announcement {background: var(--yellow); color: #ffffff; font-size: 12px; font-weight: 600}.announcement-inner{height: 34px; display: flex; align-items: center; justify-content: center; gap: 10px}.announcement-inner a{margin-left: 12px; border-bottom: 1px solid currentColor}

.status-dot {width: 6px; height: 6px; border-radius: 50%; background: #ffffff}

.site-header {position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.94); color: var(--ink); border-bottom: 1px solid rgba(15,23,42,.10); backdrop-filter: blur(14px)}

.header-inner {height: 76px; display: flex; align-items: center; justify-content: space-between}

.brand {display: inline-flex; align-items: center; gap: 12px; min-width: 200px}

.brand-logo {display: block; height: 42px; width: auto}
/* 兜底：品牌位里的图片一律限制高度。
   某些浏览器可能命中 30 天缓存里的旧样式（css 版本号长期未变），
   旧样式缺少 .brand-logo 尺寸规则时，logo 会按原图尺寸铺满页头。 */
.brand img,
.footer-brand img {height: 42px; width: auto; max-height: 42px}


.primary-nav {display: flex; align-items: center; gap: 32px}

.primary-nav>a,
.nav-dropdown>a {position: relative; color: #3a4451; font-size: 14px}

.primary-nav>a::after,
.nav-dropdown>a::after {content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--yellow); transition: right .25s ease; color: #ffffff}

.primary-nav>a:hover::after,
.nav-dropdown:hover>a::after,
.nav-dropdown:focus-within>a::after {right: 0}

.primary-nav>a.is-current,
.nav-dropdown>a.is-current {color: var(--yellow)}

.primary-nav>a.is-current::after,
.nav-dropdown>a.is-current::after {right: 0}

.nav-dropdown {position: relative; display: flex; align-items: center; min-height: 76px}

.nav-dropdown-menu {position: absolute; z-index: 60; top: calc(100% - 1px); left: 50%; width: 250px; padding: 8px 0; border-top: 3px solid var(--yellow); background: #ffffff; box-shadow: 0 18px 36px rgba(15,23,42,0.12); opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {opacity: 1; visibility: visible; transform: translate(-50%, 0)}

.nav-dropdown-menu a {display: block; padding: 12px 18px; color: #3a4451; border-bottom: 1px solid #e4e9f0; font-size: 12px; white-space: nowrap}

.nav-dropdown-menu a:last-child {border-bottom: 0}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus,
.nav-dropdown-menu a[aria-current="page"] {color: #ffffff; background: var(--yellow); outline: 0}

.header-actions {display: flex; align-items: center; gap: 16px}

.language-switch,
.menu-toggle {border: 0; background: none; cursor: pointer}

.language-switch {color: #3a4451; font-size: 12px}

.header-cta {padding: 11px 15px; background: var(--yellow); color: #ffffff; font-size: 12px; font-weight: 700}

.menu-toggle,
.mobile-nav {display: none}

.hero {position: relative; min-height: 670px; overflow: hidden; background: #ffffff; color: var(--ink)}

.hero-grid {position: absolute; inset: 0; pointer-events: none}

.hero::before {content: ""; position: absolute; left: 6%; right: 6%; bottom: 54px; height: 1px; background: #eef3f9; pointer-events: none}

.hero::after {content: ""; position: absolute; top: -28%; right: -17%; width: 58%; aspect-ratio: 1; border: 1px solid rgba(0,99,178,0.22); transform: rotate(28deg); pointer-events: none}

.hero-inner {min-height: 610px; position: relative; z-index: 1; display: flex; align-items: center; padding-block: 82px 104px}

.hero-content {max-width: 930px; padding-left: 42px; border-left: 3px solid var(--yellow)}

.eyebrow {display: flex; align-items: center; gap: 11px; margin: 0 0 24px; font-size: 11px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0}

.eyebrow span {color: var(--yellow)}

.hero .eyebrow {color: #6b7280}

.hero h1,
.section-heading h2,
.capabilities-intro h2,
.contact-copy h2 {margin: 0; font-family: "Space Grotesk", "Microsoft YaHei", sans-serif; font-weight: 600; line-height: .98; letter-spacing: 0}

.hero h1 {max-width: 920px; font-size: clamp(62px, 8vw, 108px)}

em {color: var(--yellow); font-style: normal}

.hero-lede {max-width: 710px; margin: 34px 0 0; color: #3a4451; font-size: 17px; line-height: 1.8}

.hero-actions {display: flex; gap: 12px; margin-top: 34px}

.button {min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 0 22px; border: 1px solid transparent; border-radius: 0; cursor: pointer; font-size: 13px; font-weight: 700; transition: background .2s, color .2s, border .2s, transform .2s}

.button:hover {transform: translateY(-2px)}

.button-primary {background: var(--yellow); color: #ffffff}.button-primary:hover{background: var(--yellow-light); color: #ffffff}

.button-ghost {border-color: #e4e9f0; color: var(--ink)}

.button-ghost:hover {border-color: var(--yellow); color: var(--yellow)}

.button-dark {background: #ffffff; color: var(--ink)}

.hero-trust {display: flex; align-items: center; gap: 14px; margin-top: 58px; color: #6b7280; font-size: 11px; text-transform: uppercase}

.trust-line {width: 36px; height: 1px; background: #eef3f9}

.hero-visual {position: relative; min-width: 0}

.visual-label {margin-bottom: 12px; color: #6b7280; font: 10px "Space Grotesk", sans-serif}

.visual-frame {position: relative; height: 390px; display: grid; place-items: center; grid-template-rows: 100%; overflow: hidden; background: #f7f7f5; border: 1px solid #e4e9f0}

.visual-frame::before,
.product-image::before {content: ""; position: absolute; inset: 14px; border: 1px solid #e3e3df; opacity: .72}

.visual-frame::after {content: ""; position: absolute; inset: auto 0 0 0; height: 6px; background: var(--yellow); color: #ffffff}

.visual-frame img {position: relative; z-index: 1; width: 96%; height: 88%; object-fit: contain; mix-blend-mode: multiply}

.visual-spec {position: absolute; right: -24px; bottom: -56px; width: 226px; padding: 18px; background: var(--yellow); color: #ffffff}.visual-spec span,
.visual-spec small{display: block; font-size: 10px; font-weight: 700; text-transform: uppercase}.visual-spec strong{display: block; margin: 4px 0 1px; font: 700 25px "Space Grotesk", sans-serif}

.visual-index {position: absolute; left: 10px; bottom: -34px; display: flex; align-items: center; gap: 8px; color: #6b7280; font-size: 10px}

.visual-index span {width: 72px; height: 1px; background: #eef3f9}

.hero-carousel-controls {position: absolute; left: 0; bottom: -38px; display: flex; align-items: center; gap: 6px}

.hero-carousel-controls button {width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #e4e9f0; background: transparent; color: var(--ink); cursor: pointer; font-size: 15px}

.hero-carousel-controls button:hover {border-color: var(--yellow); color: var(--yellow)}

.hero-dots {display: flex; gap: 5px; margin-left: 4px}

.hero-dots button {width: 18px; height: 3px; padding: 0; border: 0; background: #eef3f9; cursor: pointer}

.hero-dots button.is-active {background: var(--yellow); color: #ffffff}

.hero-scroll {position: absolute; right: 28px; bottom: 48px; display: flex; align-items: center; gap: 12px; color: #6b7280; font-size: 8px; letter-spacing: 0; writing-mode: vertical-rl}

.hero-scroll i {width: 1px; height: 50px; background: #eef3f9}

.signal-bar {background: var(--yellow); color: #ffffff}

.signal-grid {min-height: 116px; display: grid; grid-template-columns: repeat(4, 1fr)}

.signal-grid div {display: flex; flex-direction: column; justify-content: center; padding-left: 28px; border-left: 1px solid rgba(15,23,42,.10)}

.signal-grid div:last-child {border-right: 1px solid rgba(15,23,42,.10)}

.signal-grid strong {font: 600 30px "Space Grotesk", sans-serif; line-height: 1}

.signal-grid span {margin-top: 8px; font-size: 11px; font-weight: 600; color: #0b4a80}

.section {padding: 124px 0}

.section-heading {margin-bottom: 58px}

.split-heading {display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 80px}

.section-heading h2,
.capabilities-intro h2,
.contact-copy h2 {font-size: clamp(42px, 5vw, 67px)}

.section-heading h2 em,
.capabilities-intro h2 em {color: #6b7280}

.heading-aside {padding-bottom: 4px}

.heading-aside p {margin: 0 0 18px; color: var(--muted); font-size: 14px; line-height: 1.8}

.text-link {display: inline-flex; align-items: center; gap: 22px; padding-bottom: 5px; border-bottom: 1px solid #d8dee8; font-size: 12px; font-weight: 700}

.home-product-carousel {margin: 0 0 54px; padding: 30px 30px 26px; background: var(--white); border: 1px solid var(--line)}

.home-carousel-head {display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 24px}

.home-carousel-head h3 {margin: 0; font: 600 28px/1.1 "Space Grotesk", "Microsoft YaHei", sans-serif}

.home-carousel-head p {max-width: 390px; margin: 8px 0 0; color: var(--muted); font-size: 12px}

.home-carousel-controls {display: flex; gap: 7px}

.home-carousel-controls button {width: 34px; height: 34px; border: 1px solid var(--line); background: var(--white); cursor: pointer}

.home-carousel-controls button:hover {border-color: #d8dee8; background: var(--yellow); color: #ffffff}

.home-carousel-viewport {overflow: hidden}

.home-carousel-track {display: flex; gap: 16px; transition: transform .45s ease}

.home-product-slide {flex: 0 0 calc((100% - 48px) / 4); min-width: 0; background: #f6f5f1; border: 1px solid #e1e0da}

.home-product-slide-image {position: relative; height: 148px; display: grid; place-items: center; overflow: hidden; background: #efeee9}

.home-product-slide-image img {width: 90%; height: 90%; object-fit: contain; mix-blend-mode: multiply}

.home-product-slide-body {padding: 16px}

.home-product-slide-body span {color: #6b7280; font: 9px "Space Grotesk", sans-serif}

.home-product-slide-body h4 {margin: 7px 0 8px; font: 600 16px/1.2 "Space Grotesk", "Microsoft YaHei", sans-serif}

.home-product-slide-body a {display: inline-flex; align-items: center; gap: 14px; margin-top: 4px; font-size: 11px; font-weight: 700}

.product-index-tabs {display: flex; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line)}

.product-index-tab {padding: 15px 24px; border: 0; border-right: 1px solid var(--line); background: transparent; cursor: pointer; font-size: 13px; font-weight: 700}

.product-index-tab.is-active {background: #ffffff; color: var(--ink); box-shadow: inset 0 -3px var(--yellow)}

.product-filters {margin-top: 20px; padding: 20px 24px; border: 1px solid var(--yellow); background: #fbfaf7}

.filter-row {display: grid; grid-template-columns: 104px 1fr; align-items: center; gap: 18px; min-height: 42px; border-bottom: 1px solid #e6e4de}

.filter-row:last-child {border-bottom: 0}

.filter-label {color: #5d6774; font-size: 12px; font-weight: 700}

.filter-options {display: flex; flex-wrap: wrap; gap: 6px 8px}

.filter-option {padding: 6px 12px; border: 1px solid transparent; background: transparent; cursor: pointer; color: #5d6774; font-size: 11px}

.filter-option:hover {border-color: #e4e9f0}

.filter-option.is-active {background: #ffffff; color: var(--yellow)}

.product-pagination {display: flex; justify-content: center; gap: 8px; margin-top: 28px}

.product-pagination button {min-width: 36px; height: 36px; padding: 0 9px; border: 1px solid var(--line); background: var(--white); cursor: pointer; font-size: 11px}

.product-pagination button:hover,
.product-pagination button.is-active {border-color: #d8dee8; background: #ffffff; color: var(--yellow)}

.product-pagination button[disabled] {cursor: default; opacity: .45}

.product-pagination-note {min-height: 17px; margin: 9px 0 0; color: var(--muted); text-align: center; font-size: 10px}

.product-tabs {display: flex; overflow-x: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); scrollbar-width: none}

.tab-button {position: relative; flex: 1; min-width: max-content; padding: 17px 12px; border: 0; border-right: 1px solid var(--line); background: transparent; color: #6b7280; cursor: pointer; font-size: 12px}

.tab-button span {margin-left: 7px; color: #6b7280; font-size: 9px}

.tab-button.is-active {background: #ffffff; color: var(--ink)}

.tab-button.is-active::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--yellow); color: #ffffff}

.product-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 28px}

.product-card {display: grid; grid-template-columns: 43% 57%; min-height: 330px; background: var(--white); border: 1px solid var(--line); cursor: pointer; transition: transform .25s ease, box-shadow .25s ease}

.product-card:focus-visible {outline: 2px solid var(--yellow); outline-offset: 3px}

.product-card.is-hidden {display: none}

.product-card:hover {transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15,23,42,0.06)}

.product-card.featured {grid-column: 1 / -1; grid-template-columns: 52% 48%; min-height: 420px}

.product-image {position: relative; min-width: 0; display: grid; place-items: center; overflow: hidden; background: #f7f7f4; border-right: 1px solid var(--line)}

.product-image img {position: relative; z-index: 1; width: 92%; height: 82%; object-fit: contain; mix-blend-mode: multiply}

.product-card:not(.featured) .product-image img {width: 92%; height: 82%; object-fit: contain; object-position: center}

.product-tag {position: absolute; z-index: 2; top: 16px; left: 16px; padding: 6px 9px; background: #ffffff; color: var(--ink); font-size: 8px; font-weight: 700}

.product-card-body {display: flex; flex-direction: column; padding: 26px; min-width: 0}

.product-card-top {display: flex; align-items: center; justify-content: space-between}

.product-code {margin: 0; color: #6b7280; font: 10px "Space Grotesk", sans-serif}

.product-arrow {width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line)}

.product-card h3 {margin: 28px 0 12px; font: 600 21px/1.25 "Space Grotesk", "Microsoft YaHei", sans-serif}

.product-card.featured h3 {font-size: 31px}

.product-card-body>p {margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7}

.product-specs {display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px}

.product-specs span {padding: 5px 8px; background: #f1f0ec; color: #5d6774; font-size: 9px; font-weight: 600}

.inline-action {display: block; width: 100%; margin-top: auto; padding: 18px 0 0; border: 0; border-top: 1px solid var(--line); background: none; text-align: left; cursor: pointer; font-size: 11px; font-weight: 700}

.inline-action span {float: right}

.catalog-cta {margin-top: 20px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; background: var(--yellow); font-size: 13px; font-weight: 600; color: #ffffff}

.product-detail-page {background: #ffffff}

.detail-hero {padding: 84px 0 64px; background: #ffffff; color: var(--ink)}

.detail-breadcrumb {display: flex; gap: 10px; margin-bottom: 34px; color: #6b7280; font-size: 11px}

.detail-breadcrumb a:hover {color: var(--yellow)}

.detail-hero-layout {display: grid; grid-template-columns: 1.05fr .95fr; gap: 68px; align-items: center}

.detail-hero h1 {margin: 0; font: 600 clamp(44px, 5vw, 72px)/1 "Space Grotesk", "Microsoft YaHei", sans-serif}

.detail-hero-description {max-width: 560px; margin: 24px 0 0; color: #6b7280; font-size: 15px; line-height: 1.8}

.detail-gallery-main {height: 430px; display: grid; place-items: center; grid-template-rows: 100%; background: var(--white); border: 1px solid #e4e9f0}

.detail-gallery-main img {width: 92%; height: 90%; object-fit: contain; mix-blend-mode: multiply; opacity: 0; transition: opacity .25s ease}

.detail-gallery-main img.is-ready {opacity: 1}

.detail-gallery-thumbs {display: flex; gap: 10px; margin-top: 12px}

.detail-gallery-thumb {width: 86px; height: 64px; padding: 4px; border: 1px solid #e4e9f0; background: var(--white); cursor: pointer}

.detail-gallery-thumb.is-active {border-color: var(--yellow); box-shadow: inset 0 -3px var(--yellow)}

.detail-gallery-thumb img {width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply}

.detail-content {padding: 76px 0 120px}

.detail-tabs {display: flex; border-bottom: 1px solid var(--line)}

.detail-tab {padding: 16px 24px; border: 0; border-bottom: 3px solid transparent; background: transparent; cursor: pointer; font-size: 14px; font-weight: 700}

.detail-tab.is-active {border-color: var(--yellow); background: var(--white)}

.detail-panel {display: none; padding-top: 28px}

.detail-panel.is-active {display: block}

.feature-table {border: 1px solid var(--line); background: var(--white)}

.feature-group {border-bottom: 1px solid var(--line)}

.feature-group:last-child {border-bottom: 0}

.feature-group h3 {margin: 0; padding: 12px 16px; background: #ffffff; color: var(--yellow); font-size: 13px}

.feature-group p {margin: 0; padding: 11px 16px; border-top: 1px solid var(--line); color: #5d6774; font-size: 12px}

.spec-table-large {border: 1px solid var(--line); background: var(--white)}

.spec-row {display: grid; grid-template-columns: 180px 1fr; border-bottom: 1px solid var(--line)}

.spec-row:last-child {border-bottom: 0}

.spec-row span,
.spec-row strong {padding: 14px 16px; font-size: 12px}

.spec-row span {color: #5d6774; background: #f0efeb; font-weight: 700}

.spec-row strong {color: #5d6774; font-weight: 500}

.detail-contact {margin-top: 34px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--yellow); color: #ffffff}.detail-contact p{margin: 0; font-size: 13px; font-weight: 700}

.solutions-section {background: #ffffff; color: var(--ink)}

.solutions-section .eyebrow,
.capabilities-section .eyebrow {color: #6b7280}

.solutions-section .section-heading h2 em {color: #6b7280}

.solutions-section .heading-aside p {color: #6b7280}

.solutions-section .text-link {border-color: #e4e9f0}

.solution-list {border-top: 1px solid #e4e9f0}

.solution-row {display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; min-height: 142px; gap: 36px; border-bottom: 1px solid #e4e9f0; transition: background .25s, box-shadow .25s}

.solution-row:hover {background: #f6f8fc; box-shadow: inset 4px 0 var(--yellow)}

.solution-title h3 {margin: 0 5px; font: 600 23px "Space Grotesk", "Microsoft YaHei", sans-serif}

.solution-title p {margin: 7px 5px 0; color: #6b7280; font-size: 10px}

.solution-copy {color: #6b7280; font-size: 13px}

.capabilities-section {background: #f6f8fc; color: var(--ink)}

.capabilities-layout {display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start}

.capabilities-intro {position: sticky; top: 130px}

.capabilities-intro h2 em {color: #6b7280}

.capabilities-intro>p:not(.eyebrow) {max-width: 470px; margin: 28px 0; color: #6b7280; font-size: 14px}

.capability-grid {display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #e4e9f0; border-left: 1px solid #e4e9f0}

.capability-grid article {min-height: 255px; padding: 34px; border-right: 1px solid #e4e9f0; border-bottom: 1px solid #e4e9f0}

.capability-grid span {color: var(--yellow); font: 10px "Space Grotesk", sans-serif}

.capability-grid h3 {margin: 70px 0 12px; font: 600 21px "Space Grotesk", "Microsoft YaHei", sans-serif}

.capability-grid p {margin: 0; color: #6b7280; font-size: 12px; line-height: 1.8}

.about-section {background: #fbfcfe; color: var(--ink)}

.about-copy .eyebrow {color: #6b7280}

.about-copy h2 {font-size: 60px}

.about-copy h2 em {color: var(--yellow)}

.about-copy>p:not(.eyebrow) {line-height: 1.85}

.about-media {position: relative; min-height: 510px; margin: 0; overflow: hidden; border: 1px solid #e4e9f0; background: #fbfcfe}

.about-media img {display: block; width: 100%; height: 100%; min-height: 510px; padding: 0; object-fit: cover; object-position: center; mix-blend-mode: normal}

.about-media figcaption {position: absolute; right: 0; bottom: 0; left: 0; padding: 18px 22px; background: rgba(255,255,255,.94); color: #3a4451; border-top: 2px solid var(--yellow); font-size: 12px; line-height: 1.7}

.insight-grid {display: grid; grid-template-columns: 1.35fr .65fr; gap: 20px}

.insight-feature,
.insight-stack article {background: var(--white); border: 1px solid var(--line)}

.insight-feature {display: grid; grid-template-columns: 52% 48%}

.insight-image {min-height: 380px; overflow: hidden; background: #edede9; border-right: 1px solid var(--line)}

.insight-image img {width: 100%; height: 100%; object-fit: cover; object-position: left top; mix-blend-mode: multiply}

.insight-body {padding: 34px}

.insight-type {color: #6b7280; font: 9px "Space Grotesk", sans-serif}

.insight-body h3,
.insight-stack h3 {margin: 62px 0 16px; font: 600 26px/1.3 "Space Grotesk", "Microsoft YaHei", sans-serif}

.insight-body p,
.insight-stack p {color: var(--muted); font-size: 12px}

.insight-body .text-link {margin-top: 32px}

.insight-stack {display: grid; gap: 20px}

.insight-stack article {min-height: 180px; padding: 28px}

.insight-stack h3 {margin: 28px 0 10px; font-size: 19px}

.faq-section {background: #e8e7e2}

.faq-layout {display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px}

.faq-intro h2 {margin: 0; font: 600 clamp(42px, 5vw, 64px)/1 "Space Grotesk", "Microsoft YaHei", sans-serif}

.faq-intro h2 em {color: #6b7280}

.faq-intro>p:not(.eyebrow) {max-width: 420px; margin-top: 26px; color: var(--muted); font-size: 13px}

.faq-list {border-top: 1px solid #e4e9f0}

.faq-list details {border-bottom: 1px solid #e4e9f0}

.faq-list summary {min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font: 600 17px "Space Grotesk", "Microsoft YaHei", sans-serif}

.faq-list summary::-webkit-details-marker {display: none}

.faq-list summary span {width: 28px; height: 28px; display: grid; place-items: center; background: #ffffff; color: var(--yellow); font: 18px/1 "DM Sans", sans-serif}

.faq-list details[open] summary span {transform: rotate(45deg)}

.faq-list details p {max-width: 690px; margin: -2px 50px 24px 0; color: var(--muted); font-size: 13px}

.contact-section {background: var(--yellow); color: #ffffff}

.contact-layout {display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px}

.contact-copy .eyebrow span {color: var(--ink)}

.contact-copy h2 em {color: #0b4a80}

.contact-copy>p:not(.eyebrow) {max-width: 480px; margin: 28px 0; color: #0b4a80; font-size: 14px}

.contact-details {margin-top: 62px; display: grid; gap: 14px}

.contact-details a,
.contact-details p {margin: 0; font: 600 15px "Space Grotesk", "Microsoft YaHei", sans-serif}

.contact-details p[href^="mailto:"],
.contact-details p[href^="tel:"] {cursor: text; user-select: text; -webkit-user-select: text}

.contact-details span {display: inline-block; width: 60px; color: #0b4a80; font: 10px "DM Sans", sans-serif}

.inquiry-form {padding: 36px; background: #ffffff; color: var(--ink)}

.form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 18px}

.inquiry-form label {display: grid; gap: 8px; margin-bottom: 20px; color: #6b7280; font-size: 10px; font-weight: 600}

.inquiry-form input,
.inquiry-form textarea,
.inquiry-form select {width: 100%; border: 0; border-bottom: 1px solid #e4e9f0; border-radius: 0; outline: none; background: transparent; color: var(--ink); padding: 10px 0 12px; font-size: 13px; resize: vertical}

.inquiry-form select option {color: var(--ink)}

.inquiry-form input:focus,
.inquiry-form textarea:focus,
.inquiry-form select:focus {border-color: var(--yellow)}

.form-footer {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px}

.checkbox-label {display: flex !important; grid-template-columns: 15px 1fr; align-items: center; margin: 0 !important}

.checkbox-label input {width: 14px; height: 14px; accent-color: var(--yellow)}

.form-note {min-height: 20px; margin: 12px 0 0; color: var(--yellow); font-size: 11px}

.site-footer {background: #f3f6fb; color: var(--ink)}

.footer-main {min-height: 330px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center}

.footer-brand p {margin: 26px 0 0; color: #6b7280; font-size: 12px}

.footer-links {display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px}

.footer-links div {display: grid; gap: 9px}

.footer-links span {margin-bottom: 8px; color: var(--yellow); font-size: 10px; font-weight: 700}

.footer-links a {color: #6b7280; font-size: 12px}

.footer-links a:hover {color: var(--ink)}

.footer-external-links {min-height: 58px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-block: 12px; border-top: 1px solid #e4e9f0}

.footer-external-links:empty {display: none}

.footer-external-links::before {content: attr(aria-label); margin-right: 6px; color: #6b7280; font-size: 10px; font-weight: 700}

.footer-external-links a {display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 13px; color: #3a4451; border: 1px solid #e4e9f0; font-size: 11px}

.footer-external-links a::after {content: "↗"; color: var(--yellow)}

.footer-external-links a:hover {color: #ffffff; border-color: var(--yellow); background: var(--yellow)}.footer-external-links a:hover::after{color: #ffffff}

.footer-bottom {min-height: 70px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e4e9f0; color: #6b7280; font-size: 10px}

.product-dialog {width: min(1040px, calc(100% - 40px)); max-height: calc(100vh - 40px); padding: 0; border: 0; border-radius: 0; background: #ffffff; color: var(--ink); box-shadow: 0 40px 100px rgba(15,23,42,0.14)}

.product-dialog::backdrop {background: rgba(255,255,255,0.6); backdrop-filter: blur(5px)}

.dialog-close {position: absolute; z-index: 2; top: 14px; right: 14px; width: 36px; height: 36px; border: 1px solid #e4e9f0; background: var(--white); cursor: pointer; font-size: 23px; line-height: 1}

.product-dialog[open] {display: grid; grid-template-columns: .9fr 1.1fr}

.dialog-media {min-height: 650px; display: grid; place-items: center; overflow: hidden; background: var(--white); border-right: 1px solid var(--line)}

.dialog-media img {width: 95%; height: 86%; object-fit: contain; mix-blend-mode: multiply}

.dialog-content {padding: 48px 44px; overflow-y: auto}

.dialog-content h2 {margin: 0; font: 600 36px/1.1 "Space Grotesk", "Microsoft YaHei", sans-serif}

.dialog-content>p:not(.eyebrow) {color: var(--muted); font-size: 13px}

.dialog-tabs {display: flex; margin-top: 38px; border-bottom: 1px solid var(--line)}

.dialog-tabs button {padding: 13px 18px; border: 0; border-bottom: 2px solid transparent; background: transparent; cursor: pointer; font-size: 12px; font-weight: 700}

.dialog-tabs button.is-active {border-color: var(--yellow)}

.dialog-panel {display: none; min-height: 215px; padding: 20px 0}

.dialog-panel.is-active {display: block}

.dialog-panel ul {margin: 0; padding: 0; list-style: none}

.dialog-panel li {padding: 11px 0 11px 20px; border-bottom: 1px solid var(--line); color: #5d6774; font-size: 12px}

.dialog-panel li::before {content: ""; position: absolute; width: 6px; height: 6px; margin: 7px 0 0 -18px; background: var(--yellow); color: #ffffff}

.spec-table div {display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 11px}

.spec-table span {color: var(--muted)}

.spec-table strong {font-weight: 600}

.dialog-cta {margin-top: 16px}

.side-top {position: fixed; z-index: 70; right: 14px; bottom: 28px; width: 48px; height: 58px; display: grid; place-items: center; align-content: center; gap: 2px; color: var(--ink); border: 1px solid #e4e9f0; border-top: 3px solid var(--yellow); background: #ffffff; box-shadow: 0 10px 24px rgba(15,23,42,0.1); font: 700 10px "Space Grotesk", sans-serif}

.side-top span {color: var(--yellow); font-size: 13px}

.side-top:hover,
.side-top:focus {color: #ffffff; border-color: var(--yellow); background: var(--yellow); outline: 0}

.side-top:hover span,
.side-top:focus span {color: var(--ink)}

.toast {position: fixed; z-index: 80; right: 24px; bottom: 24px; transform: translateY(120px); padding: 14px 18px; background: #ffffff; color: var(--ink); border-left: 4px solid var(--yellow); font-size: 12px; opacity: 0; transition: .3s}

.toast.is-visible {opacity: 1; transform: translateY(0)}

.detail-downloads {display: grid; gap: 10px}

.detail-download {display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid var(--line); background: var(--white); color: var(--ink); font-size: 12px; font-weight: 700}

.detail-download:hover {border-color: var(--yellow); background: #fffdf0}

.detail-download strong {color: #0b4a80; font-size: 18px}

.detail-empty {margin: 0; padding: 24px; border: 1px solid var(--line); background: var(--white); color: var(--muted); font-size: 12px}

.detail-inquiry {display: grid; grid-template-columns: .8fr 1.2fr; gap: 38px; margin-top: 62px; padding: 30px; background: var(--yellow); border: 1px solid #e4e9f0; color: #ffffff}.detail-inquiry h2{margin: 0 0 12px; font: 600 28px/1.2 "Space Grotesk", "Microsoft YaHei", sans-serif; color: #ffffff}.detail-inquiry>div>p:not(.eyebrow){max-width: 380px; margin: 0; color: #ffffff; font-size: 12px; line-height: 1.7}

.inquiry-form--light {padding: 0; background: transparent; color: var(--ink)}

.inquiry-form--light label {color: #0b4a80}

.inquiry-form--light input,
.inquiry-form--light textarea {border-bottom-color: rgba(15,23,42,.18); color: var(--ink)}

.inquiry-form--light input:focus,
.inquiry-form--light textarea:focus {border-color: #d8dee8}

.inquiry-form--light .form-note {color: #0b4a80}

.inquiry-form--light .button-primary {background: #ffffff; color: var(--ink)}

.inquiry-form--light .button-primary:hover {background: #f6f8fc}

@media (max-width: 1050px) {
  .primary-nav {gap: 18px}

  .primary-nav>a,
  .nav-dropdown>a {font-size: 12px}

  .header-cta {display: none}

  .hero-inner {gap: 36px}

  .visual-frame {height: 330px}

  .product-card {grid-template-columns: 1fr}

  .product-image {min-height: 240px; border-right: 0; border-bottom: 1px solid var(--line)}

  .product-card.featured {grid-template-columns: 1fr 1fr}

  .home-product-slide {flex-basis: calc((100% - 32px) / 3)}

  .detail-hero-layout {gap: 38px}
}

@media (max-width: 820px) {
  .container {width: min(calc(100% - 32px), var(--max))}.announcement-inner{justify-content: flex-start; overflow: hidden; white-space: nowrap}.announcement-inner a{display: none}

  .header-inner {height: 68px}

  .primary-nav,
  .language-switch {display: none}

  .menu-toggle {width: 38px; height: 38px; display: grid; align-content: center; gap: 7px; padding: 8px}

  .menu-toggle span {display: block; width: 100%; height: 1px; background: var(--white); transition: .25s}

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

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

  .mobile-nav {position: absolute; left: 0; right: 0; top: 68px; display: grid; max-height: 0; overflow: hidden; background: #ffffff; transition: max-height .3s}

  .mobile-nav.is-open {max-height: 760px; border-top: 1px solid #e4e9f0}

  .mobile-nav a {padding: 14px 24px; border-bottom: 1px solid #e4e9f0; font-size: 13px}

  .mobile-nav .mobile-submenu-link {padding: 10px 24px 10px 42px; color: #5d6774; background: #fbfcfe; font-size: 12px}

  .hero {min-height: 720px}

  .hero-inner {min-height: 660px; align-items: flex-start; padding-top: 76px}

  .hero-content {max-width: 760px; padding-left: 28px}

  .hero h1 {font-size: clamp(48px, 14vw, 68px)}

  .hero-lede {font-size: 15px}

  .hero-trust {margin-top: 30px}

  .hero-visual {width: 88%; margin-left: auto}

  .visual-frame {height: 280px}

  .visual-spec {right: 0; bottom: -30px; width: 190px}

  .hero-scroll {display: none}

  .signal-grid {grid-template-columns: repeat(2, 1fr)}

  .signal-grid div {min-height: 95px; border-bottom: 1px solid rgba(15,23,42,.10)}

  .signal-grid div:nth-child(2) {border-right: 1px solid rgba(15,23,42,.10)}

  .section {padding: 86px 0}

  .split-heading,
  .capabilities-layout,
  .contact-layout,
  .faq-layout {grid-template-columns: 1fr; gap: 34px}

  .section-heading {margin-bottom: 42px}

  .section-heading h2,
  .capabilities-intro h2,
  .contact-copy h2 {font-size: clamp(39px, 11vw, 54px)}

  .product-grid {grid-template-columns: 1fr}

  .home-product-slide {flex-basis: calc((100% - 16px) / 2)}

  .product-filters {padding: 16px}

  .filter-row {grid-template-columns: 88px 1fr}

  .product-card,
  .product-card.featured {grid-column: auto; grid-template-columns: 1fr 1.1fr; min-height: 330px}

  .solution-row {grid-template-columns: 1fr; gap: 10px; padding: 20px 8px}

  .solution-copy {grid-column: auto}

  .capabilities-intro {position: static}

  .insight-grid {grid-template-columns: 1fr}

  .contact-details {margin-top: 36px}

  .footer-main {grid-template-columns: 1fr; gap: 54px; padding-block: 70px}

  .footer-bottom {flex-wrap: wrap; gap: 12px; padding-block: 20px}

  .product-dialog[open] {grid-template-columns: 1fr}

  .dialog-media {min-height: 280px; max-height: 280px; border-right: 0; border-bottom: 1px solid var(--line)}

  .detail-hero-layout {grid-template-columns: 1fr}

  .detail-gallery-main {height: 360px}
}

@media (max-width: 640px) {
  .detail-inquiry {grid-template-columns: 1fr; gap: 20px; margin-top: 42px; padding: 22px 18px}.detail-inquiry h2{font-size: 24px}
}

@media (max-width: 560px) {
  .container {width: min(calc(100% - 24px), var(--max))}

  .brand {min-width: 0}

  .brand-copy strong {font-size: 14px}

  .hero {min-height: 690px}

  .hero-inner {padding-top: 48px}

  .hero-content {padding-left: 20px; border-left-width: 2px}

  .hero h1 {font-size: 49px}

  .hero-actions {align-items: stretch; flex-direction: column}

  .button {width: 100%}

  .hero-trust {flex-wrap: wrap}

  .signal-grid strong {font-size: 26px}

  .signal-grid div {padding-left: 16px}

  .product-tabs {margin-inline: -12px}

  .tab-button {padding-inline: 18px}

  .home-product-carousel {margin-inline: 0; padding: 22px 0}

  .home-carousel-head {align-items: flex-start; flex-direction: column}

  .home-product-slide {flex-basis: 84%}

  .product-index-tab {flex: 1; padding-inline: 10px}

  .product-filters {margin-inline: -12px; border-left: 0; border-right: 0}

  .filter-row {grid-template-columns: 1fr; gap: 4px; padding-block: 9px}

  .filter-option {padding: 5px 8px}

  .product-pagination {gap: 5px; overflow-x: auto; justify-content: flex-start; padding-bottom: 4px}

  .product-card,
  .product-card.featured {grid-template-columns: 1fr}

  .product-image {min-height: 250px}

  .product-card.featured h3 {font-size: 24px}

  .catalog-cta {align-items: stretch; flex-direction: column; gap: 14px}

  .solution-row {grid-template-columns: 1fr}

  .solution-copy {font-size: 12px}

  .capability-grid {grid-template-columns: 1fr}

  .capability-grid article {min-height: 210px}

  .capability-grid h3 {margin-top: 48px}

  .about-media,
  .about-media img {min-height: 330px}

  .about-media img {padding: 0}

  .insight-feature {grid-template-columns: 1fr}

  .insight-image {min-height: 260px; border-right: 0; border-bottom: 1px solid var(--line)}

  .insight-body h3 {margin-top: 34px}

  .form-row {grid-template-columns: 1fr; gap: 0}

  .inquiry-form {padding: 26px 20px}

  .form-footer {align-items: stretch; flex-direction: column}

  .footer-links {grid-template-columns: repeat(2, 1fr)}

  .footer-external-links {flex-wrap: wrap}

  .side-top {right: 8px; bottom: 12px; width: 44px; height: 52px}

  .dialog-content {padding: 34px 24px}

  .dialog-content h2 {font-size: 29px}

  .product-dialog {width: calc(100% - 20px); max-height: calc(100vh - 20px)}

  .detail-hero {padding-top: 54px}

  .detail-gallery-main {height: 280px}

  .detail-content {padding: 54px 0 80px}

  .detail-tabs {overflow-x: auto}

  .spec-row {grid-template-columns: 102px 1fr}

  .detail-contact {align-items: stretch; flex-direction: column}
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important}
}

/* Homepage product service layout aligned with the supplied reference. */
.home-product-carousel {margin: 0; padding: 38px 0 48px; background: #fbfcfe; border: 0; color: #1d222b}

.home-carousel-head {position: relative; display: block; margin-bottom: 22px; text-align: center}

.home-carousel-head .eyebrow {display: none}

.home-carousel-copy h3 {margin: 0; color: #1d222b; font: 600 28px/1.15 "Space Grotesk", "Microsoft YaHei", sans-serif}

.home-carousel-copy p {max-width: none; margin: 10px 0 0; color: #3a4451; font-size: 12px}

.home-carousel-controls {position: absolute; z-index: 2; top: 170px; left: 0; right: 0; display: flex; justify-content: space-between; gap: 0; pointer-events: none}

.home-carousel-controls button {position: relative; width: 64px; height: 112px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 0; background: transparent; color: transparent; cursor: pointer; font-size: 0; line-height: 1; pointer-events: auto}

.home-carousel-controls button::before {content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; transform: translate(-50%, -50%); border: 1px solid #fff; border-radius: 50%; background: transparent}

.home-carousel-controls button::after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); color: #1d222b; font-size: 21px; line-height: 1}

.home-carousel-controls button[data-home-prev]::after {content: "‹"}

.home-carousel-controls button[data-home-next]::after {content: "›"}.home-carousel-controls button:hover::before{border-color: #ffffff; background: var(--yellow); color: #ffffff}.home-carousel-controls button:hover::after{color: #ffffff}

.home-carousel-viewport {margin: 0 22px; overflow: hidden}

.home-carousel-track {display: flex; gap: 14px; transition: transform .45s ease}

.home-product-slide {flex: 0 0 calc((100% - 42px) / 4); min-width: 0; background: transparent; border: 0}

.home-product-slide-image {height: 145px; display: grid; place-items: center; overflow: hidden; background: transparent}

.home-product-slide-image img {width: 100%; height: 125px; object-fit: contain; mix-blend-mode: normal}

.home-product-slide-body {padding: 14px 8px 0}

.home-product-slide-body span {display: none}

.home-product-slide-body h4 {min-height: 20px; margin: 0 0 10px; color: #1d222b; font: 600 15px/1.3 "Microsoft YaHei", sans-serif}

.home-product-slide-body p {min-height: 63px; margin: 0; color: #3a4451; font-size: 11px; line-height: 1.6}

.home-product-slide-body a {position: relative; display: inline-flex; align-items: center; gap: 20px; min-width: 75px; margin-top: 10px; padding: 7px 22px 7px 12px; background: var(--yellow); color: #ffffff; font-size: 10px; font-weight: 700; clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%); transition: background .2s ease, transform .2s ease}.home-product-slide-body a:hover{background: #eaf2fc; transform: translateY(-1px)}.home-product-slide-body a span{display: inline; color: #ffffff; font-size: 13px}

@media (max-width: 1050px) {
  .home-carousel-controls {left: 0; right: 0}

  .home-carousel-viewport {margin-inline: 20px}
}

@media (max-width: 820px) {
  .home-carousel-controls {top: 170px; left: 0; right: 0}

  .home-product-slide {flex-basis: calc((100% - 14px) / 2)}
}

@media (max-width: 560px) {
  .home-product-carousel {padding: 28px 0 42px}

  .home-carousel-head {margin-bottom: 20px}

  .home-carousel-copy h3 {font-size: 23px}

  .home-carousel-copy p {padding-inline: 8px; line-height: 1.6}

  .home-carousel-controls {top: 168px; left: 0; right: 0}

  .home-carousel-viewport {margin-inline: 29px}

  .home-product-slide {flex-basis: 100%; padding-inline: 2px}

  .home-product-slide-image {height: 176px}

  .home-product-slide-image img {height: 155px}

  .home-product-slide-body {padding-inline: 4px}

  .home-product-slide-body p {min-height: 0}
}

/* Site-wide black and gold visual system. */
.products-section,
.insights-section,
.faq-section,
.product-detail-page {background: #fbfcfe; color: var(--ink)}

.products-section .section-heading h2 em,
.insights-section .section-heading h2 em,
.faq-intro h2 em {color: var(--yellow)}

.products-section .heading-aside p,
.insights-section .heading-aside p,
.faq-intro>p:not(.eyebrow),
.faq-list details p {color: #6b7280}

.products-section .text-link,
.insights-section .text-link {color: var(--ink); border-color: #e4e9f0}

.product-index-tabs {border-color: #e4e9f0}

.product-index-tab {color: #3a4451; border-color: #e4e9f0}

.product-index-tab:hover {color: var(--yellow); background: #f6f8fc}

.product-index-tab.is-active {background: #e8f1fb; color: var(--ink)}

.product-filters {background: #fbfcfe; border-color: var(--yellow)}

.filter-row {border-color: #e4e9f0}

.filter-label {color: var(--ink)}

.filter-option {color: #3a4451}

.filter-option:hover {color: var(--yellow); border-color: #e4e9f0}

.filter-option.is-active {background: #e8f1fb; color: var(--yellow)}

.product-card {background: #fbfcfe; border-color: #e4e9f0}

.product-card:hover {border-color: var(--yellow); box-shadow: 0 18px 40px rgba(15,23,42,0.12)}

.product-image {background: #f7f7f4; border-color: #e4e9f0}

.product-code {color: var(--yellow)}

.product-arrow {border-color: #e4e9f0; color: var(--yellow)}

.product-card-body>p {color: #6b7280}

.product-specs span {background: #f6f8fc; color: #3a4451; border: 1px solid #e4e9f0}

.inline-action {color: var(--ink); border-color: #e4e9f0}

.inline-action:hover {color: var(--yellow)}

.product-pagination button {background: #fbfcfe; color: var(--ink); border-color: #e4e9f0}

.product-pagination button:hover,
.product-pagination button.is-active {border-color: var(--yellow); background: var(--yellow); color: #ffffff}

.product-pagination-note {color: #6b7280}

.insight-feature,
.insight-stack article {background: #fbfcfe; border-color: #e4e9f0}

.insight-image {background: #f7f7f4; border-color: #e4e9f0}

.insight-type {color: var(--yellow)}

.insight-body p,
.insight-stack p {color: #6b7280}

.faq-list,
.faq-list details {border-color: #e4e9f0}

.faq-list summary {color: var(--ink)}

.faq-list summary span {background: var(--yellow); color: #ffffff}

.catalog-page {background: #fbfcfe}

.catalog-page-section {min-height: 72vh; padding: 36px 0 90px}

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

@media (max-width: 680px) {
  .catalog-page-section {padding: 24px 0 64px}
}

.detail-content {background: #fbfcfe}

.detail-tabs {border-color: #e4e9f0}

.detail-tab {color: #6b7280}

.detail-tab:hover {color: var(--yellow)}

.detail-tab.is-active {background: #f6f8fc; color: var(--ink); border-color: var(--yellow)}

.feature-table,
.spec-table-large {background: #fbfcfe; border-color: #e4e9f0}

.feature-group,
.spec-row {border-color: #e4e9f0}

.feature-group h3 {background: #e8f1fb; color: var(--yellow)}

.feature-group p {color: #3a4451; border-color: #e4e9f0; background: #fbfcfe}

.spec-row span {color: var(--yellow); background: #e8f1fb}

.spec-row strong {color: #1d222b; background: #fbfcfe}

.detail-download {background: #fbfcfe; color: var(--ink); border-color: #e4e9f0}

.detail-download:hover {background: #f6f8fc; border-color: var(--yellow)}

.detail-download strong {color: var(--yellow)}

.detail-empty {background: #fbfcfe; color: #6b7280; border-color: #e4e9f0}

.detail-inquiry {border-color: #e4e9f0; background: var(--yellow); color: #ffffff}.detail-inquiry>div>p:not(.eyebrow){color: #ffffff}

.inquiry-form--light {color: var(--ink)}

.inquiry-form--light label {color: #0b4a80}

.inquiry-form--light input,
.inquiry-form--light textarea {color: var(--ink); border-bottom-color: rgba(15,23,42,.18)}

.inquiry-form--light input:focus,
.inquiry-form--light textarea:focus {border-color: #d8dee8}

.inquiry-form--light .form-note {color: #0b4a80}

.inquiry-form--light .button-primary {background: #ffffff; color: var(--ink)}

.inquiry-form--light .button-primary:hover {background: #f6f8fc}

.product-dialog {background: #fbfcfe; color: var(--ink); border: 1px solid #e4e9f0}

.dialog-close {background: #fbfcfe; color: var(--ink); border-color: #e4e9f0}

.dialog-close:hover {color: var(--yellow); border-color: var(--yellow)}

.dialog-media {border-color: #e4e9f0}

.dialog-content>p:not(.eyebrow),
.dialog-panel li,
.spec-table span {color: #6b7280}

.dialog-tabs,
.dialog-panel li,
.spec-table div {border-color: #e4e9f0}

.dialog-tabs button {color: #3a4451}

.dialog-tabs button.is-active {color: var(--yellow)}

/* Technical support pages. */
.support-page {background: #fbfcfe; color: var(--ink)}

.support-page .site-header .is-current {color: var(--yellow)}

.support-hero {position: relative; overflow: hidden; background: #fbfcfe; color: var(--ink); border-bottom: 1px solid #e4e9f0}

.support-hero::after {content: ""; position: absolute; width: 48vw; height: 48vw; right: -18vw; top: -26vw; border: 1px solid rgba(0,99,178,0.18); transform: rotate(28deg); pointer-events: none}

.support-hero-layout {position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 72px; align-items: center; min-height: 480px; padding: 86px 0 94px}

.support-hero-copy {max-width: 760px; padding-left: 42px; border-left: 3px solid var(--yellow)}

.support-hero-copy h1 {margin: 0; font: 600 clamp(48px, 7vw, 88px)/.98 "Space Grotesk", "Microsoft YaHei", sans-serif; letter-spacing: -.04em}

.support-hero-copy h1 em {color: var(--yellow); font-style: normal}

.support-hero-copy>p:not(.eyebrow) {max-width: 650px; margin: 28px 0 0; color: #3a4451; font-size: 16px; line-height: 1.8}

.support-hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px}

.support-hero-panel {padding: 24px; background: #f6f8fc; border: 1px solid #e4e9f0; box-shadow: 16px 16px 0 rgba(15,23,42,0.18)}

.support-hero-panel>span {display: block; color: #6b7280; font: 700 10px/1.2 "Space Grotesk", sans-serif; letter-spacing: .12em}

.support-hero-panel>strong {display: block; margin: 14px 0 2px; color: var(--yellow); font: 600 66px/.9 "Space Grotesk", sans-serif}

.support-hero-panel>p {margin: 0 0 26px; color: #3a4451; font-size: 12px}

.support-hero-panel>div {display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid #e4e9f0; color: #3a4451; font-size: 12px}

.support-hero-panel b {color: var(--yellow); font: 700 11px "Space Grotesk", sans-serif}

.support-services,
.support-content,
.support-downloads {background: #fbfcfe; color: var(--ink)}

.support-services {padding-top: 94px}

.support-services .section-heading,
.support-downloads .section-heading {margin-bottom: 42px}

.support-services .section-heading h2,
.support-downloads .section-heading h2 {color: var(--ink)}

.support-services .section-heading h2 em,
.support-downloads .section-heading h2 em {color: var(--yellow)}

.support-services .heading-aside,
.support-downloads .heading-aside {color: #6b7280}

.support-service-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px}

.support-service-card {position: relative; min-height: 240px; padding: 28px; background: #f6f8fc; border: 1px solid #e4e9f0; transition: border-color .2s, transform .2s, box-shadow .2s}

.support-service-card:hover {border-color: var(--yellow); transform: translateY(-4px); box-shadow: 0 16px 28px rgba(15,23,42,0.1)}

.support-service-number {display: block; color: var(--yellow); font: 700 12px "Space Grotesk", sans-serif}

.support-service-card h3 {margin: 28px 0 9px; color: var(--ink); font: 600 22px/1.2 "Space Grotesk", "Microsoft YaHei", sans-serif}

.support-service-card p {min-height: 50px; margin: 0; color: #6b7280; font-size: 13px; line-height: 1.7}

.support-service-card strong {display: inline-flex; gap: 16px; margin-top: 24px; color: var(--yellow); font-size: 12px}

.support-content {padding-top: 32px}

.support-content-layout {display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 64px; align-items: start}

.support-copy-block,
.support-policy-card {padding: 30px; border: 1px solid #e4e9f0; background: #fbfcfe}

.support-copy-block h2,
.support-policy-card h2 {margin: 8px 0 20px; color: var(--ink); font: 600 34px/1.1 "Space Grotesk", "Microsoft YaHei", sans-serif}

.support-copy-block>p:not(.eyebrow),
.support-policy-card>p:not(.eyebrow) {margin: 0; color: #3a4451; font-size: 14px; line-height: 1.9}

.support-bullets {display: grid; gap: 0; margin-top: 28px; border-top: 1px solid #e4e9f0}

.support-bullets>div {display: grid; grid-template-columns: 130px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid #e4e9f0}

.support-bullets strong {color: var(--yellow); font-size: 13px}

.support-bullets span {color: #6b7280; font-size: 13px}

.support-policy-card {border-top: 3px solid var(--yellow)}

.support-policy-card ul {display: grid; gap: 14px; margin: 24px 0 28px; padding: 0; list-style: none}

.support-policy-card li {position: relative; padding-left: 20px; color: #3a4451; font-size: 13px; line-height: 1.7}

.support-policy-card li::before {content: ""; position: absolute; top: .72em; left: 0; width: 7px; height: 7px; background: var(--yellow); color: #ffffff}

.support-policy-card .text-link {color: var(--ink); border-color: #e4e9f0}

.support-downloads {padding-top: 94px}

.support-download-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; border-bottom: 1px solid #e4e9f0}

.support-download-tab {padding: 13px 18px; border: 1px solid transparent; border-bottom: 0; background: transparent; color: #6b7280; cursor: pointer; font-size: 13px}

.support-download-tab:hover {color: var(--yellow)}

.support-download-tab.is-active {background: #f6f8fc; border-color: #e4e9f0; color: var(--yellow)}

.support-download-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px}

.support-download-card {display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: center; min-height: 112px; padding: 18px; background: #f6f8fc; border: 1px solid #e4e9f0; transition: border-color .2s, transform .2s}

.support-download-card:hover {border-color: var(--yellow); transform: translateY(-2px)}

.support-download-card.is-placeholder {border-style: dashed}

.support-download-icon {display: grid; place-items: center; width: 42px; height: 42px; background: var(--yellow); color: #ffffff; font: 700 11px "Space Grotesk", sans-serif}

.support-download-copy {min-width: 0}

.support-download-meta {margin: 0 0 4px; color: #6b7280; font-size: 10px}

.support-download-copy h3 {overflow: hidden; margin: 0; color: var(--ink); font: 600 16px/1.25 "Space Grotesk", "Microsoft YaHei", sans-serif; text-overflow: ellipsis; white-space: nowrap}

.support-download-copy>p:not(.support-download-meta) {overflow: hidden; margin: 5px 0 0; color: #6b7280; font-size: 11px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap}

.support-download-action {display: inline-flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #e4e9f0; color: var(--ink); font-size: 11px; white-space: nowrap}

.support-download-action:hover {border-color: var(--yellow); color: var(--yellow)}

.support-download-card.is-placeholder .support-download-action {color: #6b7280}

.support-download-note {margin: 16px 0 0; color: #6b7280; font-size: 11px}

.support-request {background: var(--yellow); color: #ffffff}.support-request-layout{display: flex; justify-content: space-between; align-items: end; gap: 40px; padding-block: 66px}.support-request .eyebrow{color: #ffffff}.support-request h2{margin: 0; font: 600 48px/1 "Space Grotesk", "Microsoft YaHei", sans-serif}.support-request h2 em{color: #ffffff}.support-request p:not(.eyebrow){max-width: 600px; margin: 20px 0 0; color: #ffffff; font-size: 14px}.support-request .button-primary{background: #ffffff; color: #ffffff}.support-request .button-primary:hover{background: #f6f8fc}

.support-page .site-footer {background: #ffffff}

@media (max-width: 900px) {
  .support-hero-layout {grid-template-columns: 1fr; gap: 46px}

  .support-hero-panel {max-width: 360px}

  .support-content-layout {grid-template-columns: 1fr; gap: 22px}

  .support-download-list {grid-template-columns: 1fr}
}

@media (max-width: 680px) {
  .support-hero-layout {min-height: auto; padding: 62px 0 74px}

  .support-hero-copy {padding-left: 22px}

  .support-hero-copy h1 {font-size: clamp(42px, 13vw, 66px)}

  .support-hero-copy>p:not(.eyebrow) {font-size: 14px}

  .support-hero-panel {box-shadow: 9px 9px 0 rgba(15,23,42,0.18)}

  .support-service-grid {grid-template-columns: 1fr}

  .support-services,
  .support-downloads {padding-top: 64px}

  .support-copy-block,
  .support-policy-card {padding: 22px}

  .support-bullets>div {grid-template-columns: 1fr; gap: 4px}

  .support-download-card {grid-template-columns: 42px minmax(0, 1fr)}

  .support-download-action {grid-column: 2; justify-self: start}.support-request-layout{align-items: start; flex-direction: column; padding-block: 52px}.support-request h2{font-size: 40px}
}

/* Technical support center */
.support-page {background: #ffffff; color: #1d222b}

.support-page .site-header {background: #fbfcfe}

.support-hero {padding: 88px 0 72px; border-bottom: 1px solid #e4e9f0; background: radial-gradient(circle at 78% 30%, rgba(0,99,178,0.12), transparent 34%), #fbfcfe}

.support-hero h1 {max-width: 760px; margin: 12px 0 18px; color: #1d222b; font: 600 clamp(40px, 6vw, 76px)/1.03 "Space Grotesk", "Microsoft YaHei", sans-serif; letter-spacing: -.045em}

.support-hero h1 em {color: var(--yellow); font-style: normal}

.support-hero>.container>p:last-child {max-width: 650px; margin: 0; color: #6b7280; font-size: 14px; line-height: 1.8}

.support-content {padding: 42px 0 76px; background: #ffffff}

.support-layout {display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 34px; align-items: start}

.support-sidebar {position: sticky; top: 22px; border: 1px solid #e4e9f0; background: #fbfcfe}

.support-sidebar-label {margin: 0; padding: 16px 18px; color: var(--yellow); border-bottom: 1px solid #e4e9f0; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase}

.support-nav {display: grid}

.support-nav button {padding: 14px 18px; color: #3a4451; border: 0; border-bottom: 1px solid #e4e9f0; background: transparent; text-align: left; font-size: 13px; cursor: pointer; transition: color .2s, background .2s, padding .2s}

.support-nav button:hover,
.support-nav button.is-active {padding-left: 22px; color: #ffffff; background: var(--yellow); font-weight: 700}

.support-contact {display: grid; gap: 6px; margin: 16px; padding: 14px 0 0; border-top: 1px solid #e4e9f0; font-size: 11px}

.support-contact span {color: #6b7280}

.support-contact a {color: #1d222b; text-decoration: none}

.support-contact a:hover {color: var(--yellow)}

.support-main {min-width: 0}

.support-main-head {display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 22px}

.support-main-head h2 {margin: 8px 0 10px; color: #1d222b; font: 600 clamp(28px, 4vw, 46px)/1.1 "Space Grotesk", "Microsoft YaHei", sans-serif; letter-spacing: -.035em}

.support-main-head>div>p:last-child {max-width: 640px; margin: 0; color: #6b7280; font-size: 13px; line-height: 1.75}

.support-search {display: grid; gap: 7px; min-width: 210px; color: #6b7280; font-size: 10px; letter-spacing: .08em; text-transform: uppercase}

.support-search input {width: 100%; min-height: 38px; padding: 9px 11px; color: #1d222b; border: 1px solid #e4e9f0; background: #fbfcfe; outline: 0}

.support-search input:focus {border-color: var(--yellow); box-shadow: 0 0 0 2px rgba(15,23,42,0.12)}

.support-category-filter {display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; padding: 12px; border: 1px solid #e4e9f0; background: #fbfcfe}

.support-category-filter button {padding: 8px 11px; color: #3a4451; border: 1px solid #e4e9f0; background: transparent; font-size: 11px; cursor: pointer}

.support-category-filter button:hover,
.support-category-filter button.is-active {color: #ffffff; border-color: var(--yellow); background: var(--yellow); font-weight: 700}

.support-list {display: grid; gap: 14px}

.support-info-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px}

.support-info-grid article,
.support-policy {min-height: 190px; padding: 22px; border: 1px solid #e4e9f0; background: #fbfcfe}

.support-info-grid b {color: var(--yellow); font-size: 12px; letter-spacing: .12em}

.support-info-grid h3 {margin: 30px 0 10px; color: #1d222b; font-size: 18px}

.support-info-grid p,
.support-policy p {margin: 0; color: #6b7280; font-size: 12px; line-height: 1.8}

.support-policy {min-height: 0}

.support-policy p+p {margin-top: 16px}

.support-policy .button {margin-top: 22px}

.support-download-group {border: 1px solid #e4e9f0; background: #fbfcfe}

.support-download-head {display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 17px 20px; border-bottom: 1px solid #e4e9f0}

.support-download-head span {color: var(--yellow); font-size: 10px; letter-spacing: .12em; text-transform: uppercase}

.support-download-head h3 {margin: 6px 0 0; color: #1d222b; font-size: 19px}

.support-download-head small {color: #6b7280; font-size: 11px}

.support-download-items {display: grid}

.support-download-item {display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 14px 20px; color: #1d222b; border-bottom: 1px solid #e4e9f0; text-decoration: none; transition: background .2s, padding .2s}

.support-download-item:last-child {border-bottom: 0}

.support-download-item:hover {padding-left: 24px; background: #f6f8fc}

.support-download-item b {display: block; font-size: 13px; font-weight: 600}

.support-download-item small {display: block; margin-top: 5px; color: #6b7280; font-size: 10px}

.support-download-item>strong {display: grid; width: 30px; height: 30px; place-items: center; color: #ffffff; background: var(--yellow); font-size: 16px}

.support-empty {padding: 32px; color: #6b7280; border: 1px dashed #e4e9f0; background: #fbfcfe; text-align: center}

.support-cta {padding: 58px 0; background: #eaf2fc; color: #1d222b}

.support-cta .container {display: flex; align-items: center; justify-content: space-between; gap: 28px}

.support-cta .eyebrow {color: #0b4a80}

.support-cta h2 {margin: 8px 0 10px; font: 600 clamp(26px, 4vw, 42px)/1.08 "Space Grotesk", "Microsoft YaHei", sans-serif; letter-spacing: -.035em}

.support-cta h2 em {font-style: normal}

.support-cta p {max-width: 600px; margin: 0; color: #5d6774; font-size: 13px; line-height: 1.7}

.support-cta .button-dark {border-color: #e4e9f0}

@media (max-width:860px) {
  .support-layout {grid-template-columns: 1fr}

  .support-sidebar {position: static}

  .support-nav {grid-template-columns: repeat(3, minmax(0, 1fr))}

  .support-nav button {border-right: 1px solid #e4e9f0}

  .support-contact {display: none}

  .support-main-head {display: block}

  .support-search {max-width: 320px; margin-top: 18px}
}

@media (max-width:560px) {
  .support-hero {padding: 64px 0 52px}

  .support-content {padding-top: 28px}

  .support-nav {grid-template-columns: repeat(2, minmax(0, 1fr))}

  .support-info-grid {grid-template-columns: 1fr}

  .support-download-head,
  .support-download-item {padding-inline: 14px}

  .support-cta .container {display: block}

  .support-cta .button {margin-top: 22px}
}

.support-quick-nav {display: flex; flex-wrap: wrap; gap: 0; padding-top: 0; padding-bottom: 0; border: 1px solid #e4e9f0; background: #fbfcfe}

.support-quick-nav a {flex: 1 1 150px; padding: 14px 16px; color: #3a4451; border-right: 1px solid #e4e9f0; text-align: center; font-size: 12px; text-decoration: none; transition: color .2s, background .2s}

.support-quick-nav a:last-child {border-right: 0}

.support-quick-nav a:hover,
.support-quick-nav a:focus-visible {color: #ffffff; background: var(--yellow); outline: 0}

@media (max-width:560px) {
  .support-quick-nav a {flex-basis: 50%; border-bottom: 1px solid #e4e9f0}

  .support-quick-nav a:nth-child(2n) {border-right: 0}

  .support-quick-nav a:nth-last-child(-n+2) {border-bottom: 0}
}
/* ============================================================
   蓝色色带内的可读性：文字统一白色，次要说明用浅灰
   ============================================================ */
/* 1) 蓝底容器内的文字默认白色 */
.contact-section, .contact-section *,
.signal-bar, .signal-bar *,
.detail-inquiry, .detail-inquiry *,
.detail-contact, .detail-contact *,
.support-request, .support-request *,
.catalog-cta, .catalog-cta *,
.announcement, .announcement *,
.header-cta, .header-cta * { color: #ffffff !important; }

/* 2) 次要说明文字：浅灰（保留层次，不用纯白） */
.contact-section p, .contact-section .eyebrow, .contact-section small,
.signal-bar p, .signal-bar .eyebrow,
.detail-inquiry p, .detail-inquiry .eyebrow, .detail-inquiry label, .detail-inquiry small,
.detail-contact p, .detail-contact .eyebrow,
.support-request p, .support-request .eyebrow,
.catalog-cta p, .catalog-cta .eyebrow { color: rgba(255,255,255,.80) !important; }

/* 3) 蓝底上"透明底"的表单：文字/描边/占位符改浅色 */
.detail-inquiry input, .detail-inquiry select, .detail-inquiry textarea,
.inquiry-form--light input, .inquiry-form--light select, .inquiry-form--light textarea {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.45) !important;
  border-bottom-color: rgba(255,255,255,.45) !important;
  caret-color: #ffffff;
}
.detail-inquiry ::placeholder, .inquiry-form--light ::placeholder { color: rgba(255,255,255,.62) !important; }
.detail-inquiry select option, .inquiry-form--light select option { color: #1d222b !important; }
.inquiry-form--light .form-note { color: rgba(255,255,255,.80) !important; }
.inquiry-form--light label { color: rgba(255,255,255,.80) !important; }

/* 4) 还原：蓝底里的"白色卡片"内部仍用深色字，避免白字压白底 */
.contact-section .inquiry-form, .contact-section .inquiry-form * { color: #1d222b !important; }
.contact-section .inquiry-form label { color: #6b7280 !important; }
.contact-section .inquiry-form input,
.contact-section .inquiry-form select,
.contact-section .inquiry-form textarea { color: #1d222b !important; }
.contact-section .inquiry-form ::placeholder { color: #78818f !important; }
.contact-section .inquiry-form .button-primary { background: #0063b2 !important; color: #ffffff !important; }

/* 5) 蓝底里的"白底按钮"：文字用蓝/深色（修掉白底白字看不见） */
.support-request .button-primary { background: #ffffff !important; color: #0063b2 !important; }
.catalog-cta .button-dark, .detail-contact .button-dark { color: #1d222b !important; }
.support-request .button-ghost { color: #ffffff !important; border-color: rgba(255,255,255,.50) !important; }

/* ============================================================
   首页 banner 下方的科技感装饰带（canvas 粒子网格）
   纯装饰：不承载信息、不参与交互
   ============================================================ */
/* 首页 banner 内的科技感装饰层：铺在 banner 内容下方那片留白上，带一层浅浅蓝底 */
/* 首页 banner 底部的科技感装饰层：铺满 banner 下半部，带一层浅浅蓝底 */
.tech-band {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 260px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg,
    rgba(224, 237, 250, 0) 0%,
    rgba(224, 237, 250, .45) 30%,
    rgba(224, 237, 250, .80) 62%,
    #e0edfa 100%);
}
.tech-band canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
@media (max-width: 900px) { .tech-band { height: 210px; } }
@media (max-width: 560px) { .tech-band { height: 170px; } }
/* 6) 蓝底里的"白底主按钮"：文字用蓝（否则白底白字看不见） */
.detail-inquiry .button-primary,
.inquiry-form--light .button-primary {
  background: #ffffff !important;
  color: #0063b2 !important;
  border-color: #ffffff !important;
}
.detail-inquiry .button-primary:hover,
.inquiry-form--light .button-primary:hover { background: #eaf2fc !important; color: #0063b2 !important; }
/* ===== 转化组件：浮动咨询条 + 页脚联系条（2026-10-20） ===== */
.jz-float-bar {position: fixed; z-index: 75; right: 14px; bottom: 96px; display: flex; flex-direction: column; gap: 8px}
.jz-float-item {display: flex; align-items: center; gap: 0; min-width: 48px; height: 48px; padding: 0 12px; border: 1px solid var(--line); border-left: 3px solid var(--yellow); background: #ffffff; box-shadow: 0 10px 24px rgba(15,23,42,0.12); cursor: pointer; color: var(--ink); transition: box-shadow .2s ease, transform .2s ease}
.jz-float-item:hover {box-shadow: 0 12px 28px rgba(0,99,178,0.22); transform: translateX(-2px)}
.jz-float-icon {font-size: 16px; color: var(--yellow); margin-right: 8px}
.jz-float-text {display: flex; flex-direction: column; font-size: 12px; line-height: 1.35; text-align: left}
.jz-float-text b {font-size: 11px; color: var(--muted); font-weight: 500}
.jz-float-inquiry {background: var(--yellow); border-color: var(--yellow); color: #ffffff}
.jz-float-inquiry .jz-float-icon {color: #ffffff}
.jz-float-inquiry .jz-float-text b {color: rgba(255,255,255,0.85)}
.jz-footer-contact {display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 18px 0; margin-top: 8px; border-top: 1px solid var(--line); font-size: 14px}
.jz-footer-contact a, .jz-footer-contact button, .jz-footer-contact p {display: flex; align-items: baseline; gap: 8px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; color: inherit; font-size: 14px}
.jz-footer-contact span {color: var(--muted); font-size: 12px}
.jz-footer-contact a:hover {color: var(--yellow)}
@media (max-width: 760px) {
  .jz-float-bar {right: 8px; bottom: 76px; gap: 6px}
  .jz-float-item {min-width: 42px; height: 42px; padding: 0 10px}
  .jz-float-text b {display: none}
  .jz-footer-contact {gap: 10px 18px; font-size: 13px}
}

/* 详情页直连咨询 */
.detail-contact-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px}
.detail-contact-meta {margin-top: 14px; font-size: 13px; color: var(--muted)}

/* 联系方式复制按钮（替代 tel: 直拨） */
.contact-copy {border: 0; background: none; padding: 0; margin: 0; cursor: pointer; color: inherit; text-align: left}
.contact-copy:hover {color: var(--yellow)}
.jz-footer-contact button:hover {color: var(--yellow)}
.header-phone{background:none;border:0;color:#0869af;cursor:pointer;font-weight:700;white-space:nowrap;font-size:13px}
@media(max-width:1050px){.header-phone{display:none}}

/* 2026-10-24 首页六大模块 */
.jz-section-head{text-align:center;margin:0 auto 34px;max-width:650px}
.jz-section-head h2{margin:5px 0 9px;font-size:clamp(27px,3vw,38px);line-height:1.2;color:#112b4c}
.jz-section-head p:last-child{margin:0;color:#697b91;font-size:14px}
.jz-section-head--light h2,.jz-section-head--light p:last-child{color:#fff}
.jz-section-head--light p:last-child{color:#c4d7ea}
.jz-kicker{margin:0;letter-spacing:.22em;color:#2b8fe0;font-size:11px;font-weight:800}
.jz-choice,.jz-metrics{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.jz-choice{padding:83px 0 88px;background:linear-gradient(105deg,rgba(5,22,47,.94),rgba(4,42,82,.74)),url('assets/site/server-room.jpg') center/cover}
.jz-choice::before,.jz-metrics::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 95%,rgba(94,173,232,.1) 96%),linear-gradient(90deg,transparent 95%,rgba(94,173,232,.1) 96%);background-size:48px 48px;opacity:.38}
.jz-choice-grid,.jz-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.jz-choice-grid article{min-height:205px;padding:24px 21px;background:rgba(5,23,50,.66);border:1px solid rgba(139,196,240,.28);border-top:3px solid #3c9de9;backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}
.jz-choice-grid article:hover{transform:translateY(-5px);border-color:#62b8fa}
.jz-choice-grid span{color:#74c2ff;font-size:11px;letter-spacing:.13em}
.jz-choice-grid h3{font-size:19px;line-height:1.45;margin:22px 0 9px;color:#fff}
.jz-choice-grid p{margin:0;color:#b7cde1;font-size:13px}
.jz-metrics{padding:70px 0;background:linear-gradient(115deg,rgba(4,40,83,.94),rgba(8,78,132,.84)),url('assets/site/server-room.jpg') center/cover}
.jz-metrics-grid>div{padding:14px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
.jz-metrics-grid>div:last-child{border-right:0}
.jz-metrics-grid strong{display:block;font-size:clamp(36px,5vw,65px);line-height:1.1;color:#fff;font-family:'Space Grotesk','Microsoft YaHei',sans-serif}
.jz-metrics-grid span,.jz-metrics-grid small{display:block}
.jz-metrics-grid span{font-size:16px;font-weight:700;margin-top:11px}.jz-metrics-grid small{font-size:12px;color:#a9d7f8;margin-top:4px}
.jz-philosophy,.jz-aftersales,.jz-partners{padding:78px 0 86px}
.jz-philosophy{background:#f2f7fc}
.jz-philosophy-grid,.jz-aftersales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jz-philosophy-grid article{padding:31px;background:#fff;border:1px solid #dbe7f3;border-bottom:3px solid #1375c0;box-shadow:0 14px 35px rgba(4,42,82,.06)}
.jz-philosophy-grid article>span,.jz-aftersales-grid article>span{display:grid;place-items:center;width:48px;height:48px;background:#e4f2ff;color:#0863a9;border-radius:50%;font-size:26px}
.jz-philosophy-grid h3{font-size:27px;color:#0e345b;margin:18px 0 9px}.jz-philosophy-grid strong{color:#176aa8;font-size:15px}.jz-philosophy-grid p{font-size:13px;color:#64768a;margin:10px 0 0}
.jz-aftersales{background:#fff}
.jz-aftersales-grid article{text-align:center;padding:28px 24px;border:1px solid #dce8f3;background:#f8fbfe}
.jz-aftersales-grid article>span{margin:0 auto}.jz-aftersales-grid h3{margin:17px 0 8px;color:#143a60;font-size:20px}.jz-aftersales-grid p{margin:0;color:#526a82;font-size:14px}
.jz-partners{background:#f2f6fb}
.jz-partner-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:23px}
.jz-partner-tabs button{padding:10px 17px;border:1px solid #d2dfec;background:#fff;color:#35516b;cursor:pointer;font-size:13px}
.jz-partner-tabs button[aria-selected="true"],.jz-partner-tabs button:hover{background:#0869af;border-color:#0869af;color:#fff}
.jz-partner-panel[hidden]{display:none}.jz-partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.jz-logo-placeholder{min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e6ecf2;border:1px dashed #a9bbcc;text-align:center;color:#5d7184;padding:12px}
.jz-logo-placeholder b{font-size:14px}.jz-logo-placeholder small{margin-top:6px;font-size:11px;color:#8293a4}
.jz-logo-note{text-align:center;color:#75899d;font-size:12px;margin:19px 0 0}.jz-logo-note code{font-size:11px}
.jz-float-qr{width:120px;height:153px;object-fit:contain;margin-right:9px;border:1px solid #dbe5ed}
.jz-float-wechat{height:auto;min-height:160px}.jz-float-bar{right:12px;bottom:78px}.jz-float-phone{background:#073965;color:#fff}.jz-float-phone .jz-float-text b{color:#fff}
.jz-float-phone .jz-float-icon{color:#b7e2ff}.jz-float-wechat{background:#fff}
.contact-details .contact-copy{display:block;margin-bottom:8px}
@media(max-width:900px){.jz-choice-grid,.jz-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jz-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.jz-choice,.jz-metrics,.jz-philosophy,.jz-aftersales,.jz-partners{padding:52px 0}.jz-choice-grid,.jz-philosophy-grid,.jz-aftersales-grid{grid-template-columns:1fr}.jz-metrics-grid{gap:0}.jz-metrics-grid>div:nth-child(2){border:0}.jz-metrics-grid>div{padding:18px 6px;border-bottom:1px solid rgba(255,255,255,.15)}.jz-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jz-float-qr{width:82px;height:104px}.jz-float-wechat{min-height:110px}.jz-float-text{font-size:11px}.jz-logo-placeholder{min-height:90px}}

/* 第二版视觉精修 */
.header-phone{font-size:23px;letter-spacing:.025em;color:#0063b2;font-family:'Space Grotesk','Microsoft YaHei',sans-serif;font-weight:800;padding:6px 12px;border-left:1px solid #d7e4f2}
.jz-float-bar{width:164px;gap:0;border:1px solid #d2e2f1;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #092c5429;background:white}
.jz-float-item{border:0;border-radius:0;box-shadow:none;justify-content:center;padding:12px;height:auto;min-height:50px}
.jz-float-phone{order:0;background:linear-gradient(135deg,#075b9c,#05345d)}
.jz-float-phone .jz-float-icon{display:none}.jz-float-phone .jz-float-text{text-align:center;font-size:12px}
.jz-float-phone .jz-float-text b{font-size:21px;line-height:1.5;font-weight:800;color:#fff;display:block;letter-spacing:.02em}
.jz-float-wechat{order:1;flex-direction:column;gap:7px;padding:12px;min-height:0}.jz-float-qr{width:132px;height:132px;object-fit:contain;margin:0;border:0}
.jz-float-wechat .jz-float-text{font-size:12px;text-align:center}.jz-float-wechat .jz-float-text b{display:none}.jz-float-inquiry{order:2}
.jz-choice-grid article{border-radius:8px;background:linear-gradient(145deg,#0c3659dd,#051b37df);box-shadow:0 16px 35px #00102035;position:relative;overflow:hidden}
.jz-choice-grid article::after{content:'';position:absolute;right:-30px;bottom:-55px;width:135px;height:135px;border:1px solid #5cb7ff25;border-radius:50%;box-shadow:0 0 0 20px #5cb7ff09}
.jz-choice-grid span{display:inline-block;padding:5px 9px;background:#44aaff15;border:1px solid #54aeec33;border-radius:3px}
.jz-philosophy-grid article{border-radius:8px;position:relative;transition:transform .2s,box-shadow .2s}.jz-philosophy-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0d4c8120}
.jz-philosophy-grid article>span,.jz-aftersales-grid article>span{background:linear-gradient(145deg,#0977c3,#043e73);color:white;box-shadow:0 8px 18px #146bad25;width:58px;height:58px}
.jz-aftersales-grid article{border-radius:8px;background:linear-gradient(150deg,#fff,#eff6fd);border-top:3px solid #2c8bce}
.jz-partner-tabs button{border-radius:4px;transition:background .2s}.jz-logo-placeholder{border-radius:6px;background:linear-gradient(135deg,#e7edf3,#f3f6f9)}
.jz-metrics-grid strong{text-shadow:0 4px 22px #49baff35}.jz-section-head h2::after{content:'';display:block;width:36px;height:3px;background:#258bd3;margin:20px auto 0}.jz-section-head--light h2::after{background:#65c4ff}
.home-product-carousel{padding:64px 0;background:linear-gradient(#f8fbff,#fff)}.home-product-slide{padding:16px;border:1px solid #dde8f2;border-radius:8px;background:#fff;box-sizing:border-box}.home-product-slide-body{padding:16px 0 0}.home-product-slide-body a:hover{background:#054b87;color:#fff}
.contact-section{background:linear-gradient(120deg,#052646,#064574);color:#fff}.contact-section h2,.contact-section h2 em{color:#fff}.contact-section .contact-copy>p{color:#bfdaed}.contact-section .contact-details{padding:20px;border:1px solid #6397b644;border-radius:8px;background:#ffffff08}.contact-section [data-jz-copy-phone]{font-size:24px;font-weight:700}.contact-section [data-jz-copy-phone] span{font-size:12px}
.side-top{right:22px}
@media(max-width:1100px){.header-phone{font-size:18px;padding:4px;display:block}.header-cta{display:none}.jz-float-bar{width:142px}.jz-float-qr{width:112px;height:112px}.jz-float-phone .jz-float-text b{font-size:18px}}
@media(max-width:680px){.header-phone{font-size:16px}.jz-float-bar{width:108px;right:5px;bottom:58px}.jz-float-qr{width:84px;height:84px}.jz-float-phone .jz-float-text b{font-size:14px}.jz-float-item{padding:8px}.jz-float-inquiry{display:none}.home-product-slide{padding:14px}.jz-partner-tabs button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.jz-choice-grid article,.jz-philosophy-grid article{transition:none}}

/* 第三版：品牌热线、标题层次与精细线稿图标 */
.jz-header-prominent{background:#fff;box-shadow:0 4px 18px #0930520b}
.jz-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;padding:15px 0}
.jz-masthead-brand{display:flex;align-items:center;gap:24px}.jz-masthead-brand img{width:164px;height:60px;object-fit:contain}.jz-masthead-brand div{border-left:1px solid #dbe5ef;padding-left:24px}.jz-masthead-brand b{display:block;font-size:19px;color:#173955;letter-spacing:.06em}.jz-masthead-brand small{display:block;font-size:12px;letter-spacing:.18em;color:#7390a7;margin-top:5px}
.jz-hotline{display:flex;align-items:center;gap:16px;padding:10px 24px;background:linear-gradient(115deg,#f0f7fd,#fff);border:1px solid #d7e8f6;border-left:4px solid #0675bd;border-radius:4px;color:#0568ac;cursor:pointer;box-shadow:0 8px 22px #1362910b}.jz-hotline:hover{background:#eaf5ff;border-color:#9cc7e8}.jz-hotline-icon{width:51px;height:51px;display:block}.jz-hotline-icon svg{width:100%;height:100%}.jz-hotline-copy{text-align:left}.jz-hotline-copy small{display:block;font-size:13px;letter-spacing:.16em;color:#64839a;line-height:1.3}.jz-hotline-copy strong{display:block;font-family:Arial,sans-serif;font-size:37px;font-weight:800;line-height:1.2;letter-spacing:.025em}.jz-hotline-arrow{font-size:24px;margin-left:4px;color:#97bad3}
.jz-header-prominent .header-inner{height:52px;border-top:1px solid #edf1f5}.jz-header-prominent .header-inner>.brand{display:none}.jz-header-prominent .primary-nav{gap:48px}.jz-header-prominent .nav-dropdown{min-height:52px}.jz-header-prominent .header-cta{display:inline-block;padding:8px 16px}.jz-header-prominent .header-phone{display:none}
.jz-choice-grid article{padding:24px;min-height:300px;background:linear-gradient(140deg,#104162e8,#061e39f2)}
.jz-choice-grid article>span:first-child{position:absolute;right:20px;top:26px;font-size:9px;letter-spacing:.08em;background:none;border:none;color:#8bb6d1;padding:0}
.jz-service-emblem,.jz-philosophy-grid article>span.jz-service-emblem,.jz-aftersales-grid article>span.jz-service-emblem{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#edf8ff,#cfe5f8);border:1px solid #ffffffb0;box-shadow:0 10px 20px #09609a18,inset 0 1px 0 #fff;position:relative;color:#086bb0}
.jz-service-emblem::after{content:'';position:absolute;inset:6px;border:1px solid #81b2d43b;border-radius:15px;pointer-events:none}.jz-service-emblem svg{width:51px;height:51px;filter:drop-shadow(0 2px 1px #fff8)}
.jz-choice-grid .jz-service-emblem{width:66px;height:66px;border:1px solid #71b9e658;background:linear-gradient(135deg,#2d91c638,#173a6033);color:#87d9ff;box-shadow:0 8px 22px #0002,inset 0 1px 0 #ffffff1a;border-radius:16px}.jz-choice-grid .jz-service-emblem svg{width:45px;height:45px;filter:drop-shadow(0 2px 5px #38adff35)}
.jz-layer-title{position:relative;margin-top:22px;padding-top:24px;isolation:isolate}.jz-layer-title .jz-title-shadow{position:absolute;left:0;top:0;z-index:-1;white-space:nowrap;color:#66b7e22b;font-size:clamp(30px,3vw,43px);font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 4px 20px #209ad32b;pointer-events:none}.jz-layer-title h3{position:relative;margin:0 0 10px;font-size:19px;line-height:1.5;text-shadow:0 2px 8px #061e39}
.jz-promise{font-size:12px;color:#85d3fa;margin:0 0 12px;display:flex;gap:7px;align-items:center}.jz-promise::before{content:'';width:13px;height:1px;background:#67c6f4}.jz-choice-grid p{position:relative;z-index:1}
.jz-brand-tile{position:relative;overflow:hidden;min-height:132px;background:#fff;border:1px solid #dce7f0;box-shadow:0 5px 16px #153b5c04;transition:transform .2s,box-shadow .2s}.jz-brand-tile:hover{transform:translateY(-3px);box-shadow:0 12px 25px #153b5c12;border-color:#9ec2dd}.jz-brand-tile b{font-size:19px;color:#203d59;letter-spacing:.04em}.jz-brand-tile small{font-family:Arial,sans-serif;letter-spacing:.08em;font-size:10px;color:#89a0b3;margin-top:10px}.jz-brand-accent{position:absolute;top:0;left:24px;width:28px;height:3px;background:#347fae}.jz-partner-disclaimer{display:block;font-size:11px;color:#8594a3;margin-top:8px}
@media(max-width:1050px){.jz-masthead-brand div{display:none}.jz-hotline-copy strong{font-size:32px}.jz-masthead{min-height:96px}.jz-header-prominent .primary-nav{gap:28px}}
@media(max-width:760px){.jz-masthead{min-height:82px;gap:12px;padding:12px 0}.jz-masthead-brand img{width:115px;height:42px}.jz-hotline{padding:7px 10px;gap:7px;border-left-width:3px}.jz-hotline-icon{width:30px;height:30px}.jz-hotline-copy strong{font-size:25px}.jz-hotline-copy small{font-size:10px;letter-spacing:.06em}.jz-hotline-arrow{display:none}.jz-header-prominent .header-inner{justify-content:flex-end;height:44px}.jz-header-prominent .header-cta{display:inline-block}.jz-header-prominent .header-actions{width:100%;justify-content:flex-end}.jz-header-prominent .header-actions .language-switch{margin-right:auto}.jz-choice-grid article{min-height:280px}.jz-title-shadow{font-size:40px}.jz-brand-tile b{font-size:16px}.jz-brand-tile{min-height:116px}}
@media(max-width:380px){.jz-hotline-icon{display:none}.jz-hotline-copy strong{font-size:23px}.jz-masthead{gap:8px}}

.jz-metrics-grid>div{position:relative;isolation:isolate}.jz-metrics-grid>div::before{content:attr(data-promise);position:absolute;left:0;right:0;top:0;z-index:-1;font-weight:900;font-size:30px;letter-spacing:.03em;color:#9bd9ff14;transform:translateY(-12px);pointer-events:none}.jz-metrics-grid small{display:inline-block;margin-top:9px;padding:3px 12px;border:1px solid #7db9df3b;border-radius:20px;background:#0a2c4d26;color:#c5e9ff}

/* 第四版：精简模块标题；右侧中部留给线上爱番番入口 */
.jz-metrics{padding-top:65px;padding-bottom:65px}.jz-choice-grid article{padding-top:25px}.jz-choice-grid .jz-service-emblem{margin-bottom:5px}
/* 爱番番由现有 hm.js / 服务端配置加载；不重复注入，不更改第三方元素。
   自有入口固定在底部，展开面板向左；右侧中部保留给爱番番。 */
:root{--jz-dock-right:18px;--jz-dock-bottom:24px}
.jz-contact-dock{position:fixed;z-index:70;right:var(--jz-dock-right);bottom:max(var(--jz-dock-bottom),env(safe-area-inset-bottom));width:72px}
.jz-contact-trigger{width:72px;min-height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #568bb955;border-radius:12px;color:#fff;background:linear-gradient(145deg,#075f9c,#043559);box-shadow:0 8px 26px #05345629;cursor:pointer;padding:10px 4px;font-size:10px;white-space:nowrap}.jz-contact-trigger svg{width:26px;height:26px}.jz-contact-trigger:focus-visible{outline:3px solid #49b4ff;outline-offset:3px}
.jz-contact-dock .jz-float-bar{position:absolute;right:calc(100% + 12px);bottom:0;top:auto;width:174px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(8px);transition:opacity .18s,transform .18s,visibility .18s;overflow:visible}
.jz-contact-dock .jz-float-bar::after{content:'';position:absolute;right:-14px;bottom:0;width:14px;height:100%}
.jz-contact-dock.is-pointer-open .jz-float-bar,.jz-contact-dock.is-open .jz-float-bar{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.jz-contact-dock .jz-float-phone{border-radius:12px 12px 0 0}.jz-contact-dock .jz-float-inquiry{border-radius:0 0 12px 12px}.jz-contact-dock .jz-float-qr{width:140px;height:140px}.jz-contact-dock .jz-float-wechat{padding:12px}.jz-contact-dock .jz-float-phone .jz-float-text b{font-size:22px}.side-top{right:26px;bottom:108px}
.jz-partner-logo{display:block;width:100%;max-width:158px;height:64px;object-fit:contain;object-position:center;margin:0 auto 12px}.jz-brand-tile:has(.jz-partner-logo){padding:20px 14px;min-height:152px}.jz-brand-tile:has(.jz-partner-logo) b{font-size:13px;letter-spacing:0;font-weight:500;color:#526b80}.jz-brand-tile:has(.jz-partner-logo) small{display:none}
@media(max-width:680px){:root{--jz-dock-right:10px;--jz-dock-bottom:18px}.jz-contact-dock,.jz-contact-trigger{width:62px}.jz-contact-trigger{min-height:60px;font-size:9px}.jz-contact-dock .jz-float-bar{width:162px;right:calc(100% + 10px)}.jz-contact-dock .jz-float-qr{width:130px;height:130px}.jz-contact-dock .jz-float-phone .jz-float-text b{font-size:20px}.jz-contact-dock .jz-float-inquiry{display:flex}.side-top{right:18px;bottom:92px}.jz-partner-logo{height:55px;max-width:130px}}
@media(prefers-reduced-motion:reduce){.jz-contact-dock .jz-float-bar{transition:none}}

/* 官方白色标识使用深色底板，保留原标识颜色与比例。 */
.jz-partner-logo[src$="gov-3.svg"]{background:#123e61;border-radius:5px;padding:10px}
.jz-partner-logo[src$="supplier-4.svg"]{background:#123e61;border-radius:5px;padding:10px}
.jz-partner-logo[src$="lab-1.png"],.jz-partner-logo[src$="lab-3.svg"],.jz-partner-logo[src$="lab-5.png"],.jz-partner-logo[src$="web-5.png"],.jz-partner-logo[src$="ai-3.svg"]{background:#123e61;border-radius:5px;padding:10px}

/* 第五版：明确模块边界，修正顶部条幅、移动导航与交互细节 */
.announcement-inner{height:auto;min-height:78px;gap:24px;justify-content:space-between;overflow:visible;white-space:normal;padding-block:14px}
.announcement-message{display:flex;align-items:center;gap:15px;min-width:0}.announcement-clock{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:12px;background:#ffffff12}.announcement-clock svg{display:block;width:36px;height:36px;overflow:visible}.announcement-inner a{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;margin:0;padding:9px 15px;border:1px solid #ffffff66;border-radius:4px;line-height:1.4}.announcement-inner a:hover{background:#ffffff19}
.jz-philosophy-grid article>.jz-service-emblem{flex-shrink:0;overflow:visible;width:76px;height:76px;border-radius:20px}.jz-philosophy-grid .jz-service-emblem svg{display:block;width:51px;height:51px;overflow:visible}
.jz-header-prominent .mobile-nav{top:100%;max-height:0;overflow:hidden}.jz-header-prominent .mobile-nav.is-open{max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain}.menu-toggle span{background:#164669}
.jz-header-prominent .primary-nav{gap:46px}.jz-header-prominent .header-inner{justify-content:space-between}
html{scroll-padding-top:175px}main section[id],form[id]{scroll-margin-top:175px}
.home-carousel-head{padding-right:105px;text-align:left;min-height:54px}.home-carousel-controls{position:absolute;top:4px;left:auto;right:0;gap:9px;justify-content:flex-end}.home-carousel-controls button{width:42px;height:42px;border:1px solid #c9ddeb;border-radius:50%;background:#fff}.home-carousel-controls button::before{display:none}.home-carousel-controls button::after{color:#1267a4;font-size:27px}.home-carousel-controls button:hover{background:#0969ae;border-color:#0969ae}.home-carousel-controls button:hover::after{color:#fff}.home-carousel-viewport{margin-inline:0}.home-product-slide-body h4{min-height:39px;font-size:16px}.home-product-slide-body p{font-size:13px;min-height:84px}.home-product-slide-body a{font-size:12px;padding:8px 24px 8px 13px}
.contact-section .contact-copy>p:not(.eyebrow){color:#c5deef}.contact-section .contact-details span{color:#b2d1e7;font-size:12px}.contact-section div.contact-copy{cursor:default}.contact-section div.contact-copy:hover{color:inherit}.contact-section button.contact-copy:hover{color:#9bdbff}.contact-section .inquiry-form{border-radius:8px;box-shadow:0 14px 40px #001b392b}.inquiry-form label{font-size:13px;color:#51667a}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:14px}.contact-layout>*{min-width:0}.contact-details{overflow-wrap:anywhere}.form-footer{flex-wrap:wrap}
button:focus-visible,a:focus-visible{outline:3px solid #3c9fe4;outline-offset:4px}.jz-choice-grid article:hover{transform:translateY(-3px)}
@media(max-width:820px){.announcement-inner{min-height:76px;gap:12px;padding-block:12px;font-size:12px}.announcement-message{gap:10px}.announcement-inner a{display:inline-flex;font-size:11px;padding:8px 10px}.jz-header-prominent .language-switch{display:block}.jz-header-prominent .header-actions{width:100%;justify-content:flex-end}.jz-header-prominent .language-switch{margin-right:auto}.jz-header-prominent .primary-nav{display:none}.contact-layout{gap:32px}}
@media(max-width:560px){.announcement-inner{min-height:92px;gap:10px;align-items:center}.announcement-message{flex:1;line-height:1.7}.announcement-clock{flex-basis:40px;width:40px;height:40px}.announcement-clock svg{width:32px;height:32px}.announcement-inner a{max-width:90px;text-align:center;gap:4px}.home-carousel-head{padding-right:98px}.home-carousel-copy h3{font-size:25px}.home-carousel-copy p{font-size:12px;padding:0}.home-product-slide-body p{min-height:0}.home-product-slide-body h4{min-height:0}.inquiry-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.contact-section [data-jz-copy-phone]{font-size:23px}.contact-details{margin-top:26px}.jz-partner-tabs{gap:7px}.jz-partner-tabs button{min-height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-carousel-track,.jz-choice-grid article,.jz-philosophy-grid article,.jz-brand-tile{transition:none}.jz-choice-grid article:hover,.jz-philosophy-grid article:hover,.jz-brand-tile:hover{transform:none}}

/* v6: homepage visual depth; scoped to preserve other pages. */
.jz-home-refined .announcement{background:linear-gradient(112deg,#073b6b,#096caa 68%,#1287b6);position:relative;padding-bottom:30px}
.jz-home-refined .announcement::after{content:'';position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent,#e9f3fa);pointer-events:none}
.jz-home-refined .jz-header-prominent{background:linear-gradient(180deg,#e9f3fa 0%,#f5f9fd 48%,#fff 100%);box-shadow:0 8px 24px #103a5c08}
.jz-home-refined .jz-hotline{background:linear-gradient(120deg,#ffffffa6,#fff);box-shadow:0 8px 24px #095a8710}
.jz-home-refined .jz-philosophy{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 104px;background:radial-gradient(ellipse at 12% 20%,#cce9fb90,transparent 48%),linear-gradient(160deg,#f5faff,#eaf3fb 60%,#f8fbff)}
.jz-home-refined .jz-philosophy::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#176db008 1px,transparent 1px),linear-gradient(#176db008 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}
.jz-home-refined :is(.jz-philosophy,.jz-aftersales) .jz-section-head{max-width:760px;margin-bottom:48px}
.jz-home-refined :is(.jz-philosophy,.jz-aftersales) .jz-section-head h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:.04em}
.jz-home-refined :is(.jz-philosophy,.jz-aftersales) .jz-section-head p{font-size:15px;line-height:1.8;margin-top:18px}
.jz-home-refined .jz-philosophy-grid{gap:24px}
.jz-home-refined .jz-philosophy-grid article{isolation:isolate;overflow:hidden;min-height:350px;padding:38px 30px 32px;border:1px solid #fff;border-bottom:3px solid #308ccb;border-radius:18px;background:linear-gradient(145deg,#ffffffed,#f8fcffdb);box-shadow:0 20px 48px #124e7610,inset 0 0 0 1px #d6e8f37a}
.jz-concept-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.jz-concept-art b{position:absolute;right:24px;top:8px;font:700 112px/1.3 Arial,sans-serif;letter-spacing:-8px;color:#1977b909}
.jz-concept-art i{position:absolute;width:230px;height:230px;border:1px solid #1b87c717;border-radius:50%;right:-80px;top:-80px;transform:rotate(-30deg)}
.jz-concept-art i:nth-child(2){width:290px;height:290px;right:-110px;top:-110px}.jz-concept-art i:nth-child(3){width:350px;height:350px;right:-140px;top:-140px}
.jz-home-refined .jz-philosophy-grid article>.jz-service-emblem{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,#fff,#d5edfd);box-shadow:0 12px 28px #0b73b724,inset 0 1px 0 #fff}
.jz-home-refined .jz-philosophy-grid .jz-service-emblem svg{width:57px;height:57px}
.jz-home-refined .jz-philosophy-grid h3{font-size:32px;margin:28px 0 14px;letter-spacing:.04em}
.jz-home-refined .jz-philosophy-grid strong{display:block;font-size:16px;line-height:1.8}
.jz-home-refined .jz-philosophy-grid p{font-size:14px;line-height:1.9;margin-top:14px;color:#5a7085}
.jz-home-refined .jz-philosophy-grid article:hover{border-color:#98cbe9;box-shadow:0 24px 52px #125b8621;transform:translateY(-6px)}
.jz-home-refined .jz-aftersales{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 108px;background:radial-gradient(ellipse at 50% 110%,#126497 0,transparent 64%),linear-gradient(120deg,#061d38,#0a3455);color:#fff}
.jz-home-refined .jz-aftersales::before{content:'';position:absolute;z-index:-1;width:900px;height:900px;left:calc(50% - 450px);top:170px;border:1px solid #75c7f51a;border-radius:50%;box-shadow:0 0 0 90px #6cbcf506,0 0 0 180px #6cbcf505;pointer-events:none}
.jz-home-refined .jz-aftersales .jz-section-head h2{color:#fff}.jz-home-refined .jz-aftersales .jz-section-head h2::after{background:#68ccfa;width:54px;box-shadow:0 0 20px #48b8ef70}.jz-home-refined .jz-aftersales .jz-section-head p{color:#b6d3e8}
.jz-home-refined .jz-aftersales-grid{gap:24px}
.jz-home-refined .jz-aftersales-grid article{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:365px;padding:34px 28px 26px;border:1px solid #81b5d438;border-top:2px solid #54b8e8;border-radius:16px;background:linear-gradient(140deg,#ffffff0d,#ffffff03);box-shadow:0 18px 40px #00112224;transition:background .25s,border-color .25s,transform .25s}
.jz-home-refined .jz-aftersales-grid article>.jz-service-emblem{margin:0;background:linear-gradient(145deg,#2182b344,#15466a55);color:#94ddff;border:1px solid #83c8eb55;box-shadow:0 8px 24px #001a3325,inset 0 1px 0 #ffffff18}
.jz-home-refined .jz-aftersales-grid .jz-service-emblem::after{border-color:#96d8ff22}.jz-home-refined .jz-aftersales-grid .jz-service-emblem svg{filter:drop-shadow(0 2px 7px #45bafb25)}
.jz-home-refined .jz-aftersales-grid h3{color:#fff;font-size:25px;margin:26px 0 12px}
.jz-home-refined .jz-aftersales-grid p{color:#c5dcec;font-size:15px;line-height:1.85;margin-bottom:26px}
.jz-support-signature{width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #9fd4ee25;color:#8bd9ff}
.jz-support-signature b{font:600 37px/1.2 Arial,'Microsoft YaHei',sans-serif;letter-spacing:-.02em}.jz-support-signature span{font-size:19px;font-weight:400}.jz-support-signature i{font-size:24px;font-style:normal;color:#77b7dc70}.jz-aftersales-grid article:last-child .jz-support-signature b{font-size:27px}
.jz-home-refined .jz-aftersales-grid article:hover{background:linear-gradient(140deg,#58baf01d,#ffffff06);border-color:#72c8ef8c;transform:translateY(-5px)}
@media(max-width:980px) and (min-width:681px){.jz-home-refined :is(.jz-philosophy-grid,.jz-aftersales-grid){gap:14px}.jz-home-refined :is(.jz-philosophy-grid,.jz-aftersales-grid) article{padding:28px 20px}.jz-support-signature b{font-size:30px}.jz-aftersales-grid article:last-child .jz-support-signature b{font-size:23px}}
@media(max-width:680px){.jz-home-refined .announcement{padding-bottom:22px}.jz-home-refined .announcement::after{height:22px}.jz-home-refined :is(.jz-philosophy,.jz-aftersales){padding:62px 0}.jz-home-refined :is(.jz-philosophy,.jz-aftersales) .jz-section-head{margin-bottom:30px}.jz-home-refined :is(.jz-philosophy-grid,.jz-aftersales-grid){gap:18px}.jz-home-refined .jz-philosophy-grid article{min-height:0;padding:28px}.jz-home-refined .jz-aftersales-grid article{min-height:0;padding:28px}.jz-home-refined .jz-philosophy-grid h3{margin-top:24px}.jz-concept-art b{right:30px;font-size:130px}.jz-home-refined .jz-aftersales-grid p{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.jz-home-refined :is(.jz-philosophy-grid,.jz-aftersales-grid) article{transition:none}.jz-home-refined :is(.jz-philosophy-grid,.jz-aftersales-grid) article:hover{transform:none}}

/* v7: product-led hero and high-contrast service pillars. */
.jz-product-led .hero{min-height:560px;background:radial-gradient(ellipse at 78% 45%,#dceefb,transparent 56%),linear-gradient(120deg,#fff,#f1f7fc);color:#15344c}
.jz-product-led .hero::after,.jz-product-led .hero::before{display:none}
.jz-product-led .hero-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;min-height:560px;padding:64px 0 82px;align-items:center}
.jz-product-led .hero-content{max-width:none;min-width:0;padding:0;border:0}
.jz-product-led .hero .eyebrow{font-size:13px;color:#367395;letter-spacing:.13em;margin-bottom:22px}
.jz-product-led .hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.4;font-weight:700;letter-spacing:.015em}
.jz-product-led .hero h1 em{color:#0777b9}
.jz-product-led .hero-lede{font-size:15px;line-height:1.95;color:#547087;max-width:460px;margin-top:23px}
.jz-product-led .hero-actions{margin-top:28px;gap:10px;flex-wrap:wrap}.jz-product-led .hero-actions .button{border-radius:5px;gap:18px}
.jz-hero-promises{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;font-size:12px;color:#52718a}.jz-hero-promises span::before{content:'✓';margin-right:6px;color:#0b84bd;font-weight:700}
.jz-hero-product{position:relative;isolation:isolate;min-width:0;padding:42px 0 25px}
.jz-hero-product img{display:block;position:relative;width:100%;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 24px 16px #0c395320);transform:rotate(-3deg)}
.jz-product-orbit{position:absolute;inset:8% 0 10%;border:1px solid #78b5db40;border-radius:50%;transform:rotate(-18deg);background:radial-gradient(ellipse,#c9e7f660,transparent 65%);z-index:-1}
.jz-product-orbit::before,.jz-product-orbit::after{content:'';position:absolute;inset:22px -20px;border:1px solid #78b5db25;border-radius:50%}.jz-product-orbit::after{inset:45px -40px}
.jz-product-caption{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;color:#53748a}.jz-product-caption span{font:11px/1.5 Arial,sans-serif;letter-spacing:.16em}.jz-product-caption b{font-size:14px;font-weight:500;color:#244b67}
.jz-product-led .tech-band{height:100px;opacity:.45}
.jz-sample-principle{display:block;font-size:21px;color:#b0e9ff;margin:15px 0 8px;letter-spacing:.04em}
.jz-product-led .jz-philosophy{padding:88px 0 94px;background:radial-gradient(ellipse at 50% 0,#16476a,transparent 65%),#061d32;color:#fff}
.jz-product-led .jz-philosophy::before{background:linear-gradient(90deg,#8ed9ff07 1px,transparent 1px),linear-gradient(#8ed9ff07 1px,transparent 1px);background-size:72px 72px;mask-image:none}
.jz-product-led .jz-philosophy .jz-section-head{max-width:none;text-align:left;display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}
.jz-product-led .jz-philosophy .jz-section-head h2{color:#fff;font-size:34px;margin:0;letter-spacing:.04em}.jz-product-led .jz-philosophy .jz-section-head h2::after{margin:20px 0 0;background:#5acbff;width:48px}
.jz-product-led .jz-philosophy .jz-section-head p{color:#b4cfe1;margin:0;font-size:14px}
.jz-product-led .jz-philosophy-grid{gap:0;border:1px solid #75badd3a;border-radius:14px;overflow:hidden;box-shadow:0 28px 60px #0003}
.jz-product-led .jz-philosophy-grid article{position:relative;isolation:isolate;min-height:460px;padding:190px 32px 25px;background:linear-gradient(160deg,#15466a99,#071e34e6);border:0;border-right:1px solid #75badd30;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
.jz-product-led .jz-philosophy-grid article:nth-child(2){background:linear-gradient(145deg,#126d9ba6,#083454)}
.jz-product-led .jz-philosophy-grid article:last-child{border:0;background:linear-gradient(145deg,#12517288,#071e34e6)}
.jz-product-led .jz-philosophy-grid article:hover{transform:none;background:linear-gradient(145deg,#1b6b95,#0a2b46);box-shadow:inset 0 3px 0 #64d5ff}
.jz-product-led .jz-philosophy-grid article>.jz-service-emblem{position:absolute;top:30px;left:30px;width:46px;height:46px;border-radius:12px;background:#0c3651;color:#b0e7ff;border:1px solid #7ac9eb55;box-shadow:none}
.jz-product-led .jz-philosophy-grid .jz-service-emblem svg{width:32px;height:32px;filter:none}.jz-product-led .jz-philosophy-grid .jz-service-emblem::after{display:none}
.jz-pillar-art{position:absolute;top:4px;left:0;right:0;height:200px;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 70% 60%,#33bffb24,transparent 65%)}
.jz-pillar-art>svg{position:absolute;right:25px;top:20px;width:156px;height:156px;stroke:#78d7ff;stroke-width:.8;filter:drop-shadow(0 0 14px #36baff66)}
.jz-pillar-art i{position:absolute;width:245px;height:245px;right:-20px;top:-20px;border:1px solid #64c9f52e;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.jz-pillar-art i:last-child{width:300px;height:300px;right:-48px;top:-48px;border-color:#64c9f516}
.jz-product-led .jz-philosophy-grid h3{font-size:34px;color:#fff;margin:0 0 16px;letter-spacing:.06em}
.jz-product-led .jz-philosophy-grid strong{font-size:16px;color:#95ddff;line-height:1.8}.jz-product-led .jz-philosophy-grid p{color:#b7cfe0;font-size:14px;line-height:1.8;margin:12px 0 30px}
.jz-pillar-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #91cae526;color:#a9cadd;font-size:12px}.jz-pillar-foot b{font:500 30px/1 Arial,sans-serif;color:#86c5e664}
@media(max-width:980px){.jz-product-led .hero-inner{gap:15px}.jz-product-led .jz-philosophy-grid article{padding-left:22px;padding-right:22px}.jz-product-led .jz-philosophy-grid strong{font-size:14px}}
@media(max-width:760px){.jz-product-led .hero-inner{grid-template-columns:1fr;min-height:0;padding:42px 0 35px;gap:0}.jz-product-led .hero h1{font-size:34px}.jz-product-led .hero-lede{max-width:540px}.jz-hero-product{max-width:550px;width:100%;margin:0 auto;padding:25px 10px}.jz-product-caption{margin-top:6px}.jz-product-led .jz-philosophy .jz-section-head{display:block}.jz-product-led .jz-philosophy .jz-section-head p{margin-top:20px}.jz-product-led .jz-philosophy-grid{grid-template-columns:1fr}.jz-product-led .jz-philosophy-grid article{min-height:325px;padding:90px 28px 25px;border-right:0;border-bottom:1px solid #75badd30}.jz-pillar-art{left:auto;width:240px;opacity:.5}.jz-product-led .jz-philosophy-grid article>.jz-service-emblem{top:25px;left:28px}.jz-product-led .jz-philosophy-grid h3{font-size:30px}.jz-product-led .jz-philosophy-grid strong{font-size:16px}.jz-product-led .jz-philosophy{padding:60px 0}.jz-product-led .jz-philosophy-grid p{max-width:340px}.jz-hero-promises{margin-top:23px}}
@media(max-width:400px){.jz-product-led .hero h1{font-size:29px}.jz-product-led .hero-actions .button{padding:0 14px;gap:10px}}

/* v8: real product showcase and concise business entrances. */
.jz-product-led .hero-inner{grid-template-columns:1fr 1.15fr;min-height:570px;padding:46px 0;gap:38px}
.jz-product-led .hero .tech-band{display:none}
.jz-hero-showcase{position:relative;isolation:isolate;min-width:0;padding:16px 0 10px}.jz-hero-showcase .jz-product-orbit{bottom:30%;opacity:.8}
.jz-hero-slide[hidden]{display:none}.jz-hero-slide{position:relative;text-align:center}.jz-hero-image{height:300px;display:flex;align-items:center;justify-content:center}
.jz-hero-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 12px #0a35551a)}
.jz-slide-copy{padding:0 12px}.jz-slide-copy>span{font-size:12px;color:#53829e;letter-spacing:.08em}.jz-slide-copy h2{font:700 27px/1.3 Arial,'Microsoft YaHei',sans-serif;color:#164461;margin:8px 0}.jz-slide-copy p{font-size:13px;color:#637b8d;margin:0 0 10px}.jz-slide-copy a{font-size:13px;color:#0576b5;text-decoration:none;border-bottom:1px solid #8bc8e5;padding-bottom:4px}
.jz-hero-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.jz-hero-controls button{cursor:pointer;background:transparent;color:#38718f;border:1px solid #b8d3e3;border-radius:50%;width:32px;height:32px;font-size:14px}.jz-hero-controls button:hover{background:#d7effc}.jz-hero-dots{display:flex;gap:8px}.jz-hero-dots button{border:0;border-bottom:2px solid #b8d3e3;border-radius:0;font-size:11px;width:28px;height:28px}.jz-hero-dots button[aria-pressed="true"]{color:#0065a1;border-color:#0065a1;background:#dcedf8}.jz-hero-controls [data-hero-play]{width:auto;border:0;border-radius:4px;font-size:11px;padding:0 7px}
.jz-business-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d4e3ed;background:#ffffffb8;box-shadow:0 12px 40px #22537408;margin-bottom:35px}
.jz-business-strip>a{position:relative;padding:25px 24px 22px;border-right:1px solid #dce7ef;text-decoration:none;display:flex;flex-direction:column;transition:background .2s}.jz-business-strip>a:last-child{border:0}.jz-business-strip>a:hover{background:#edf7fd}.jz-business-number{font:11px Arial,sans-serif;color:#8da8ba;letter-spacing:.12em}.jz-business-strip h2{font-size:19px;line-height:1.5;margin:12px 0 9px;color:#0c669e}.jz-business-strip p{font-size:13px;color:#647b8b;line-height:1.85;margin:0 0 22px}.jz-business-link{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;color:#367f9f}.jz-business-link b{font-size:16px;font-weight:400}
.jz-product-led .jz-choice-grid article{min-height:270px}.jz-product-led .jz-choice-grid .jz-layer-title{margin-bottom:12px}
@media(max-width:980px){.jz-business-strip>a{padding:22px 17px}.jz-business-strip h2{font-size:16px}.jz-product-led .hero-inner{gap:22px}.jz-hero-image{height:270px}}
@media(max-width:760px){.jz-product-led .hero-inner{grid-template-columns:1fr;min-height:0;padding:38px 0 25px;gap:10px}.jz-hero-showcase{width:100%;max-width:580px;margin:auto}.jz-hero-image{height:270px}.jz-business-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.jz-business-strip>a:nth-child(2){border-right:0}.jz-business-strip>a:nth-child(-n+2){border-bottom:1px solid #dce7ef}.jz-business-strip h2{font-size:17px}.jz-product-led .jz-choice-grid article{min-height:245px}}
@media(max-width:400px){.jz-hero-image{height:225px}.jz-business-strip>a{padding:20px 14px}.jz-business-strip h2{font-size:15px}.jz-business-strip p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.jz-business-strip>a{transition:none}}

/* Compact hover-reveal back-to-top, grouped with contact controls. */
.side-top{width:72px;height:38px;border:1px solid #bdd5e5;border-radius:9px;background:#fff;color:#276889;display:flex;justify-content:center;gap:6px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(0);transition:opacity .18s,transform .18s,width .18s;overflow:hidden;box-shadow:0 5px 16px #123b5614}
.side-top span{font-size:20px;color:#1c739f}.side-top b{font-size:11px;white-space:nowrap;font-weight:500}.side-top.jz-top-visible{opacity:1;visibility:visible;pointer-events:auto}
@media(hover:hover){.side-top.jz-top-visible{width:30px}.side-top b{display:none}.side-top:hover,.side-top:focus-visible{width:100px}.side-top:hover b,.side-top:focus-visible b{display:block}}
@media(max-width:680px){.side-top{width:62px}.jz-contact-dock .jz-float-bar{max-height:calc(100dvh - 24px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.side-top{transition:none}}

/* v10: reflow at browser zoom / narrow viewport, without clipping content. */
.jz-masthead,.jz-masthead-brand,.jz-hotline,.jz-hotline-copy,.header-actions,.hero-content,.contact-layout>*{min-width:0}
.jz-masthead{flex-wrap:wrap}.jz-masthead-brand{flex-shrink:1}.jz-hotline{max-width:100%}.jz-hotline-copy strong{white-space:nowrap}
.jz-product-led .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.jz-philosophy-grid>*,.jz-aftersales-grid>*,.jz-business-strip>*,.jz-partner-grid>*{min-width:0;overflow-wrap:break-word}
.jz-contact-dock .jz-float-bar{max-width:calc(100vw - 20px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;transform:none}
.jz-contact-dock.is-pointer-open .jz-float-bar,.jz-contact-dock.is-open .jz-float-bar{transform:none}
@media(min-width:821px) and (max-width:1100px){.jz-header-prominent .primary-nav{gap:20px}.jz-header-prominent .header-actions{gap:12px}.jz-masthead{gap:16px}.jz-hotline{padding:10px 16px}}
@media(max-width:760px){.jz-product-led .hero-inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.jz-masthead{gap:8px}.jz-masthead-brand img{width:96px;height:40px}.jz-hotline{padding:6px 8px}.jz-hotline-icon{display:none}.jz-hotline-copy strong{font-size:22px}.jz-hotline-copy small{font-size:9px}.header-actions{flex-wrap:wrap}.jz-header-prominent .header-inner{height:auto;min-height:44px;padding-block:6px}.jz-contact-dock,.jz-contact-trigger{width:54px}.jz-contact-trigger{font-size:8px}}
@media(max-height:600px){.jz-header-prominent{position:relative}.jz-contact-trigger{min-height:48px}.jz-contact-dock .jz-float-qr{width:110px;height:110px}.jz-contact-dock .jz-float-item{padding:8px}.jz-header-prominent .mobile-nav.is-open{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}}

/* Screenshot-confirmed fix: first navigation dropdown must not center off-screen. */
.primary-nav .nav-dropdown-menu{left:0;right:auto;width:250px;max-width:calc(100vw - 32px);max-height:var(--jz-menu-height,60vh);overflow-y:auto;overscroll-behavior:contain;transform:translateY(8px)}
.primary-nav .nav-dropdown:hover .nav-dropdown-menu,.primary-nav .nav-dropdown:focus-within .nav-dropdown-menu{transform:translateY(0)}
.primary-nav .nav-dropdown-menu a{white-space:normal;overflow-wrap:break-word}