dth: 0; } body.bd-site-shell .main-mnu-list { display: flex; align-items: center; justify-content: flex-end; gap: 2px; width: auto; flex-wrap: nowrap; white-space: nowrap; } body.bd-site-shell .main-mnu-list > li, body.bd-site-shell .main-mnu-list > li:hover, body.bd-site-shell .main-mnu-list > li:focus-within, body.bd-site-shell .main-mnu-list > li > a, body.bd-site-shell .main-mnu-list > li > a:hover, body.bd-site-shell .main-mnu-list > li > a:focus, body.bd-site-shell .main-mnu-list li ul a, body.bd-site-shell .main-mnu-list li ul a:hover { top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } body.bd-site-shell .main-mnu-list > li { position: relative; padding-bottom: 14px; margin-bottom: -14px; flex: 0 0 auto; } body.bd-site-shell .main-mnu-list > li > a { min-height: 48px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; border-radius: 999px; background: transparent; font-size: 16px; } body.bd-site-shell .main-mnu-list > li > a > div { display: inline-flex; align-items: center; gap: 8px; } body.bd-site-shell .main-mnu-list > li > a i.material-icons { font-size: 20px; line-height: 1; } body.bd-site-shell .main-mnu-list > li::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 14px; } body.bd-site-shell .main-mnu-list > li > ul, body.bd-site-shell .main-mnu-list > li > .sub-menu { top: calc(100% + 2px); left: 0; min-width: 240px; padding: 12px; border-radius: 22px; opacity: 0; visibility: hidden; pointer-events: none; transform: none; transition: opacity 180ms ease, visibility 180ms ease; } body.bd-site-shell .main-mnu-list > li:hover > ul, body.bd-site-shell .main-mnu-list > li:hover > .sub-menu, body.bd-site-shell .main-mnu-list > li:focus-within > ul, body.bd-site-shell .main-mnu-list > li:focus-within > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li + li { margin-top: 6px; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a { min-height: 46px; justify-content: flex-start; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul { left: 50%; top: calc(100% + 2px); transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu):hover > ul, body.bd-site-shell .main-mnu-list > li:not(.mega-menu):focus-within > ul { transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu { position: absolute; left: 50%; top: calc(100% + 2px); width: min(980px, calc(100vw - 48px)); min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 24px; border-radius: 28px; transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list .mega-menu { position: static !important; } body.bd-site-shell .main-mnu-list .mega-menu:hover > .sub-menu, body.bd-site-shell .main-mnu-list .mega-menu:focus-within > .sub-menu { transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li { margin: 0; padding: 0; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a { min-height: auto; justify-content: flex-start; padding: 10px 12px; margin-bottom: 8px; color: var(--bd-header-ink); font-size: 0.98rem; font-weight: 600; border-radius: 14px; background: rgba(37, 99, 235, 0.04); } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a > div { display: none !important; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul { position: static; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul::before { content: none; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li + li { margin-top: 4px; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a { min-height: 40px; padding: 0 12px; margin: 0 !important; justify-content: flex-start; border-radius: 12px; color: #475569; font-weight: 500; background-position: 0 0 !important; background-size: auto !important; letter-spacing: normal !important; text-indent: 0 !important; } body.bd-site-shell .main-mnu-list li ul ul { left: 50% !important; top: calc(100% + 2px) !important; min-width: 220px; transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list li ul li:hover > ul, body.bd-site-shell .main-mnu-list li ul li:focus-within > ul { transform: translateX(-50%) !important; } body.bd-site-shell .bd-nav-tools { flex: 0 0 auto; display: flex; align-items: center; margin-left: 0; } body.bd-site-shell .header-actions { display: flex; align-items: center; margin: 0; } body.bd-site-shell .header-search { display: flex; align-items: center; justify-content: center; } body.bd-site-shell button.header-action-icon.header-search-ico { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; line-height: 0; border-radius: 0; box-sizing: content-box; background: transparent; box-shadow: none; border: 0; } body.bd-site-shell .header-search-ico-search, body.bd-site-shell .header-search-ico-close { inset: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; line-height: 1; } body.bd-site-shell .header-search-ico .material-icons { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .header-search-form .container { width: 100%; max-width: none; margin: 0 auto; padding: 0; } .header-search-dialog { position: fixed; left: 50%; top: 50%; width: min(640px, calc(100vw - 32px)); padding: 28px; border: 1px solid rgba(226, 232, 240, 0.96); border-radius: 28px; background: #ffffff; box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22); transform: translate(-50%, -50%) !important; } .header-search-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .header-search-title { margin: 0; color: var(--bd-header-ink); font-size: 1.5rem; font-weight: 800; line-height: 1.1; } .header-search-dismiss { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: rgba(37, 99, 235, 0.08); color: var(--bd-header-primary); cursor: pointer; } .header-search-dismiss .material-icons { font-size: 22px; line-height: 1; } .header-search-hint { margin: 0 0 18px; color: var(--bd-header-muted); font-size: 0.98rem; line-height: 1.7; } .header-search-btn:hover, .header-search-btn:focus-visible { box-shadow: 0 18px 36px rgba(37, 99, 235, 0.34); filter: brightness(1.05); transform: translateY(-50%) scale(1.02); outline: none; } /* ============================================================ 核心隔离:完全消除外部CSS对导航的一切位移干扰 ============================================================ */ /* 顶层菜单项 — 禁止所有位移 */ html body.bd-site-shell .main-mnu-list > li, html body.bd-site-shell .main-mnu-list > li:hover, html body.bd-site-shell .main-mnu-list > li:focus-within { transform: none !important; translate: none !important; top: auto !important; bottom: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; animation: none !important; } /* 顶层菜单链接 — 禁止所有位移 */ html body.bd-site-shell .main-mnu-list > li > a, html body.bd-site-shell .main-mnu-list > li > a:hover, html body.bd-site-shell .main-mnu-list > li > a:focus, html body.bd-site-shell .main-mnu-list > li:hover > a, html body.bd-site-shell .main-mnu-list > li:focus-within > a { transform: none !important; translate: none !important; top: auto !important; bottom: auto !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; animation: none !important; box-shadow: none !important; } /* 子菜单 li — 完全静止,overflow hidden 裁剪任何溢出背景 */ html body.bd-site-shell .main-mnu-list li ul li, html body.bd-site-shell .main-mnu-list li ul li:hover, html body.bd-site-shell .main-mnu-list li ul li:focus-within { position: relative !important; top: 0 !important; bottom: auto !important; transform: none !important; translate: none !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden !important; animation: none !important; } /* 子菜单链接 — 严格固定,禁止 padding/top 引起的偏移 */ html body.bd-site-shell .main-mnu-list li ul li > a, html body.bd-site-shell .main-mnu-list li ul li > a:hover, html body.bd-site-shell .main-mnu-list li ul li:hover > a, html body.bd-site-shell .main-mnu-list li ul li:focus-within > a { display: flex !important; align-items: center !important; position: relative !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; translate: none !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; animation: none !important; box-shadow: none !important; min-height: 40px !important; height: auto !important; line-height: normal !important; vertical-align: middle !important; padding-left: 12px !important; padding-right: 12px !important; margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; text-indent: 0 !important; letter-spacing: normal !important; background-position: 0 0 !important; background-size: auto !important; } /* 子菜单容器 — 锁定字号防止页面样式污染 */ html body.bd-site-shell .main-mnu-list li ul { font-size: 14px !important; } /* 头部所有文字元素字号锁定 */ html body.bd-site-shell .main-mnu-list > li > a, html body.bd-site-shell .main-mnu-list > li > a > span { font-size: 16px !important; line-height: 1.4 !important; } html body.bd-site-shell .header-top-info a, html body.bd-site-shell .header-top-info span { font-size: 14px !important; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu), body.bd-site-shell .main-mnu-list .mega-menu { position: relative !important; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul { left: 50% !important; right: auto !important; top: calc(100% + 2px) !important; transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list > li:not(.mega-menu):hover > ul, body.bd-site-shell .main-mnu-list > li:not(.mega-menu):focus-within > ul { transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu { left: 50% !important; right: auto !important; top: calc(100% + 2px) !important; width: min(920px, calc(100vw - 48px)) !important; min-width: 0 !important; transform: translateX(-50%) !important; } body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul { position: static !important; left: auto !important; top: auto !important; transform: none !important; } body.bd-site-shell .main-mnu-list li ul ul { left: 50% !important; right: auto !important; top: calc(100% + 2px) !important; min-width: 220px !important; transform: translateX(-50%) !important; } body.bd-site-shell .header-search { position: static !important; } /* 遮罩层:只做背景,不参与居中布局 */ body.bd-site-shell .header-search-form { position: fixed !important; inset: 0 !important; display: block !important; padding: 0 !important; background: rgba(8, 15, 28, 0.56) !important; backdrop-filter: none !important; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1400 !important; } /* 模糊背景改用伪元素,避免 backdrop-filter 产生新包含块干扰子元素定位 */ body.bd-site-shell .header-search-form::before { content: "" !important; position: fixed !important; inset: 0 !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; pointer-events: none !important; z-index: 0 !important; } body.bd-site-shell .header-search.is-open .header-search-form { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* container 清空所有布局干扰 */ body.bd-site-shell .header-search-form .container { all: unset !important; display: block !important; } /* 弹窗直接 fixed 到视口正中央,不依赖任何父级布局 */ body.bd-site-shell .header-search-dialog { position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: min(620px, calc(100vw - 32px)) !important; margin: 0 !important; z-index: 1401 !important; padding: 32px !important; border-radius: 24px !important; background: #ffffff !important; border: 1px solid rgba(226, 232, 240, 0.92) !important; box-shadow: 0 32px 80px rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(37, 99, 235, 0.06) !important; } /* 导航最终重写:保留现站风格,但统一字重、字号和交互 */ html body.bd-site-shell .header-top-links .btn-group-outer span { font-family: var(--font-family), sans-serif !important; font-weight: 400 !important; letter-spacing: 0.01em !important; } html body.bd-site-shell .main-mnu-list { gap: 6px !important; } html body.bd-site-shell .header-top-info a, html body.bd-site-shell .header-top-info span, html body.bd-site-shell .main-mnu-list > li > a, html body.bd-site-shell .main-mnu-list > li > a > span, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a > span, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a > span { font-family: var(--font-family), sans-serif !important; font-style: normal !important; letter-spacing: 0 !important; } html body.bd-site-shell .main-mnu-list > li > a, html body.bd-site-shell .main-mnu-list > li > a > span { font-size: 18px !important; font-weight: 400 !important; letter-spacing: 0 !important; } html body.bd-site-shell .main-mnu-list > li > a { min-height: 50px !important; padding: 0 14px !important; border-radius: 999px !important; } html body.bd-site-shell .main-mnu-list > li > a:hover, html body.bd-site-shell .main-mnu-list > li:hover > a, html body.bd-site-shell .main-mnu-list > li:focus-within > a { background: rgba(37, 99, 235, 0.08) !important; color: var(--bd-header-primary) !important; box-shadow: none !important; } html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu { width: min(980px, calc(100vw - 56px)) !important; padding: 22px 22px 24px !important; gap: 20px !important; border-radius: 30px !important; background: rgba(255, 255, 255, 0.99) !important; border: 1px solid rgba(226, 232, 240, 0.96) !important; box-shadow: 0 28px 60px rgba(15, 23, 42, 0.14) !important; } html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a { min-height: 50px !important; padding: 0 16px !important; margin-bottom: 10px !important; border-radius: 16px !important; background: linear-gradient(180deg, #f3f7fb 0%, #eff5fb 100%) !important; color: #1f3144 !important; font-size: 0.95rem !important; font-weight: 500 !important; transform: none !important; translate: none !important; } html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a:hover, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li:hover > a, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li:focus-within > a { background: linear-gradient(180deg, #eef4fb 0%, #e9f1fb 100%) !important; color: var(--bd-header-primary) !important; transform: none !important; translate: none !important; } html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a, html body.bd-site-shell .main-mnu-list li ul li > a, html body.bd-site-shell .main-mnu-list li ul li > a:hover, html body.bd-site-shell .main-mnu-list li ul li:hover > a, html body.bd-site-shell .main-mnu-list li ul li:focus-within > a { min-height: 42px !important; padding: 0 12px !important; margin: 0 !important; border-radius: 12px !important; font-size: 0.92rem !important; font-weight: 400 !important; line-height: 1.45 !important; color: #425469 !important; background: transparent !important; transform: none !important; translate: none !important; text-indent: 0 !important; background-position: 0 0 !important; background-size: auto !important; box-shadow: none !important; } html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a:hover, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li:hover > a, html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li:focus-within > a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a:hover, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover > a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within > a { color: var(--bd-header-primary) !important; background: rgba(37, 99, 235, 0.07) !important; transform: none !important; translate: none !important; padding-left: 12px !important; padding-right: 12px !important; } html body.bd-site-shell .main-mnu-list > li > a::after, html body.bd-site-shell .main-mnu-list > li > a > span, html body.bd-site-shell .main-mnu-list li ul a::after, html body.bd-site-shell .main-mnu-list li ul a > span { transform: none !important; translate: none !important; } html body.bd-site-shell .main-mnu-list > li:hover > a > span, html body.bd-site-shell .main-mnu-list > li.active > a > span, html body.bd-site-shell .main-mnu-list > li.current-lang > a > span, html body.bd-site-shell .main-mnu-list > li > ul li:hover > a > span, html body.bd-site-shell .main-mnu-list > li > ul li.active > a > span { transform: none !important; translate: none !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul { padding: 10px !important; border-radius: 24px !important; overflow: visible !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul::before, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul::after, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li::before, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li::after, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a::before, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a::after, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span::before, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span::after { content: none !important; display: none !important; background: none !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within { margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; transform: none !important; translate: none !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li + li { margin-top: 6px !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a:hover, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover > a, html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 44px !important; padding: 0 14px !important; border-radius: 14px !important; line-height: 1.35 !important; white-space: normal !important; background-image: none !important; background-clip: padding-box !important; } html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; left: auto !important; transform: none !important; translate: none !important; line-height: 1.35 !important; text-indent: 0 !important; background: none !important; box-shadow: none !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade { position: relative !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade > ul, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade > .sub-menu { left: 50% !important; right: auto !important; top: calc(100% + 2px) !important; min-width: 220px !important; width: max-content !important; max-width: 320px !important; transform: translateX(-50%) !important; overflow: visible !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:hover > ul, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:hover > .sub-menu, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:focus-within > ul, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:focus-within > .sub-menu { transform: translateX(-50%) !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item { position: relative !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item > a, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:hover, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:hover > a, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:focus-within > a { transform: none !important; translate: none !important; margin-left: 0 !important; margin-right: 0 !important; text-indent: 0 !important; background-position: 0 0 !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li > a, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li > a, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4 > li > a { justify-content: space-between !important; padding-right: 16px !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4 { position: absolute !important; left: calc(100% + 20px) !important; right: auto !important; top: 0 !important; min-width: 220px !important; width: max-content !important; max-width: 320px !important; margin: 0 !important; padding: 12px !important; border: 1px solid rgba(226, 232, 240, 0.96) !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.985) !important; box-shadow: var(--bd-header-shadow-strong) !important; backdrop-filter: blur(18px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; overflow: visible !important; z-index: 80 !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3::before, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4::before { content: "" !important; position: absolute !important; left: -24px !important; top: 0 !important; width: 28px !important; height: 100% !important; background: transparent !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li:hover > .bd-products-level-3, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li:focus-within > .bd-products-level-3, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li:hover > .bd-products-level-4, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li:focus-within > .bd-products-level-4 { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li::after, html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li::after { right: -20px !important; width: 28px !important; } @media (max-width: 1399px) { .main-mnu-list > li > a { padding: 0 10px; font-size: 14px; } } @media (max-width: 1199px) { .header-top { display: none; } body.bd-site-shell .bd-nav-shell { min-height: 74px; gap: 14px; } body.bd-site-shell .bd-nav-mobile { display: flex; align-items: center; } body.bd-site-shell .bd-nav-main { display: none; } .header-search-form { padding: 24px 20px; } } @media (max-width: 767px) { .header-fixed .container { width: min(calc(100% - 20px), 1280px) !important; max-width: 1280px !important; } button.header-action-icon.header-search-ico { width: 24px; height: 24px; } .header-search-form { padding: 18px 16px; } .header-search-panel { width: auto; } .header-search-dialog { width: min(100vw - 32px, 640px); padding: 22px; border-radius: 22px; } .header-search-copy h3 { font-size: 1.4rem; } .header-search-form .form-field { min-height: 76px; padding: 18px 72px 14px 18px; border-radius: 20px; } .header-search-form .form-field-label { left: 18px; } .header-search-form .form-field-input { font-size: 1rem; } .header-search-btn { right: 12px; width: 48px; height: 48px; border-radius: 14px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .bd-skip-link, .header-fixed, .header-fixed::before, .main-mnu-list > li > a, .main-mnu-list > li > ul, .main-mnu-list > li > .sub-menu, button.header-action-icon.header-search-ico, .header-search-ico-search, .header-search-ico-close, .header-search-form, .header-search-btn { transition: none; } } Skip to content

No wonder jewelry stores are all installing smart lights nowadays

Walking into today's jewelry stores, one is always captivated by the dazzling brilliance inside the display cases—the breathtaking fire of diamonds, the perfectly balanced warmth of jade, the rich, luxurious 

glow of gold. This captivating effect, it turns out, is powered by the "magic touch" of intelligent lighting, which has rightfully become a must-have for any jewelry store upgrade.


The true genius of intelligent lighting lies in understanding the unique "personality" of each piece of jewelry. Diamonds require cool white light at 6500K or above to ignite their fire, coupled with a CRI 

(Color Rendering Index) of 98+ to ensure every facet explodes with a rainbow of spectral colors. Jade demands a faithful reproduction of its "clarity, color, and translucency" to reveal its authentic, gentle 

essence. Gold, on the other hand, thrives under warm white light, with directional illumination at a precise 45-degree angle to evenly distribute highlights across the metal surface, instantly amplifying its 

sense of luxury. This "one light for one gem" customized approach achieves a level of precision unattainable with traditional lighting.


It goes deeper, understanding the core logic of retail. An intelligent system can detect real-time changes in natural light and automatically adjust brightness and color temperature, ensuring jewelry maintains 

its stable beauty from dawn till dusk. Staff can switch seamlessly between "Display Mode," "Appreciation Mode," and "Consultation Mode" with a single tap on a mobile app. Window displays use layers of 

light and shadow to stop passersby in their tracks, while consultation areas employ soft lighting to flatter the wearer, subtly doubling conversion rates. Crucially, compared to traditional halogen lamps, 

intelligent LED fixtures save over 30% in energy. They also enable cloud-based monitoring of light status and predict lumen depreciation, significantly reducing maintenance costs—a perfect balance of 

aesthetics and cost-effectiveness.


Policy incentives and consumer evolution have further cemented intelligent lighting as a necessity. Design codes for commercial spaces increasingly mandate compliant renovations. Meanwhile, modern 

consumers are not just buying jewelry; they are buying immersive experiences. When lighting makes gems appear more radiant, enhances the wearer's look, and even creates "photo-worthy highlights" for 

social media, this lighting revolution becomes inevitable.


From a specialized lighting market valued at 4.28 billion RMB to intelligent solutions with an adoption rate exceeding 40%, the data speaks for itself: intelligent lighting is no longer a mere enhancement; it is 

the indispensable "value amplifier" for jewelry stores. Enabling the precise appreciation of every gem's brilliance and crafting a deeply immersive experience for every customer—this is the core reason why 

jewelry stores are eagerly embracing intelligent lighting.



Recent Posts

Leave Us a Message