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

If a jewelry store wants to increase the number of visitors, lighting is really crucial!

Great Styles, Fair Prices, But No One Stops?

We discovered the secret: foot traffic isn't just about what you sell—it’s about how you light it.

Before, our store lighting was all wrong. Gold looked dull, diamonds lacked sparkle, and people walked right by. After following a lighting designer's advice, everything changed.


Window Magic with "Follow-Spot" Lighting

We installed precise spotlights in the display window. Gold now gleams with luxury, and diamonds burst with colorful fire. Passersby stopped for over 3 minutes instead of 8 seconds, and store entries 

increased by 40%.


Customized Lighting for Every Material

· Diamond zone: High-CRI spotlights to maximize brilliance

· Karat gold area: Soft warm light to enhance richness

· Jade section: Neutral white light (4000K–5000K) for natural color

· Pearl displays: Hidden soft lighting to highlight delicate glow


Every piece now looks like it’s on its own stage.

Real Results

Regular customers said the store felt “more premium,” and new visitors started taking photos of the beautifully lit jewelry to share on social media—becoming free promoters.

A small investment in the right lighting worked better than any sales push. Good business really can be lit up from within.





Recent Posts

Leave Us a Message