{"id":644,"date":"2026-03-09T09:41:13","date_gmt":"2026-03-09T01:41:13","guid":{"rendered":"https:\/\/www.lekinsemi.com\/en\/?page_id=644"},"modified":"2026-04-20T13:50:40","modified_gmt":"2026-04-20T05:50:40","slug":"home-2","status":"publish","type":"page","link":"https:\/\/www.lekinsemi.com\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><meta name=\"renderer\" content=\"webkit\">\n<meta name=\"force-rendering\" content=\"webkit\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/02\/%E7%AB%8B%E7%90%BB%E5%8E%82%E5%8C%BA%E9%AB%98%E6%B8%85%E5%9B%BE2.webp\" fetchpriority=\"high\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .lekin-home-embed *, .lekin-home-embed *::before, .lekin-home-embed *::after { box-sizing: border-box; }\n\n  .lekin-home-embed {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: #0f172a;\n    background: #fff;\n    width: 100%;\n    max-width: 100%;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    overflow: hidden; \n  }\n\n  .lekin-home-embed h1, .lekin-home-embed h2, .lekin-home-embed h3, .lekin-home-embed p { margin: 0; }\n  .lekin-home-embed a { text-decoration: none; color: inherit; }\n\n  .lekin-home-embed .wrap { max-width: 1180px; margin: 0 auto; padding: 0 clamp(16px, 2.6vw, 24px); }\n  .lekin-home-embed .kicker { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: rgba(15, 23, 42, .55); }\n  .lekin-home-embed .section-title { font-size: clamp(28px, 3vw, 34px); font-weight: 700; letter-spacing: -.02em; }\n  .lekin-home-embed .muted { color: rgba(15, 23, 42, .60); }\n  .lekin-home-embed .link { font-weight: 600; color: #2563eb; }\n  .lekin-home-embed .link::after { content: '  \u203a'; }\n\n  \/* \u5927\u89c6\u89c9\u9762\u677f *\/\n  .lekin-home-embed .panel { position: relative; background: #ffffff; border-top: 0; overflow: hidden; }\n  .lekin-home-embed .panel:first-child { border-top: 0; }\n  .lekin-home-embed .panel .wrap { padding-top: clamp(64px, 8vw, 84px); padding-bottom: clamp(64px, 8vw, 84px); display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(28px, 4vw, 56px); align-items: center; }\n  \n  \/* \u7b2c\u4e8c\u4e2a\u4ea7\u54c1\u5c55\u793a\u9762\u677f (Micro LED) *\/\n  .lekin-home-embed .panel.is-center { background: #fbfbfd; }\n  .lekin-home-embed .panel.is-center .wrap { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 28px; }\n\n  \/* \u9996\u9875\u4e3b\u89c6\u89c9\u5927\u56fe\u5bb9\u5668 *\/\n  .lekin-home-embed .panel.hero-banner { position: relative; border-top: 0; width: 100%; max-width: 100%; }\n\n  \/* LCP \u6838\u5fc3\u5927\u56fe\u6837\u5f0f *\/\n  .lekin-home-embed .hero-bg-img {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    object-fit: cover; object-position: center; z-index: -1;\n    transition: opacity 0.45s ease-in-out;\n  }\n\n  .lekin-home-embed .panel.hero-banner::before {\n    content: \"\"; position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(15, 23, 42, 0.14) 0%, rgba(15, 23, 42, 0.22) 45%, rgba(15, 23, 42, 0.34) 100%);\n    pointer-events: none; z-index: 0;\n  }\n  .lekin-home-embed .panel.hero-banner .wrap {\n    position: relative; z-index: 1; min-height: 100vh; min-height: 100svh;\n    padding-top: clamp(72px, 9vh, 96px); padding-bottom: clamp(72px, 9vh, 96px);\n    grid-template-columns: 1fr; gap: 0; align-content: center; justify-items: center; text-align: center;\n  }\n  .lekin-home-embed .panel.hero-banner .hero-banner-content { display: flex; flex-direction: column; align-items: center; max-width: 52rem; }\n  \n  .lekin-home-embed .hero-seeya-title { color: #fff; font-size: clamp(28px, 4.2vw, 46px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; text-shadow: 0 10px 40px rgba(0, 0, 0, 0.45); }\n  .lekin-home-embed .hero-seeya-sub { margin-top: 18px; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); text-shadow: 0 6px 24px rgba(0, 0, 0, 0.4); max-width: none; white-space: nowrap; }\n  @media (max-width: 768px) {\n    .lekin-home-embed .hero-seeya-sub {\n      max-width: 92vw;\n      font-size: clamp(12px, 3.4vw, 16px);\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .lekin-home-embed .hero-cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 80px; padding: 8px 22px; border-radius: 999px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.24); color: #ffffff; font-weight: 600; font-size: 15px; box-shadow: none; }\n  .lekin-home-embed .hero-cta::after { content: ' \u203a'; color: #ffffff; }\n  .lekin-home-embed .hero-cta:hover { background: rgba(255,255,255,.24); }\n  .lekin-home-embed .panel.hero-banner .hero-cta { margin-top: 48px; }\n\n  .lekin-home-embed .hero-h1 { font-size: 54px; line-height: 1.08; letter-spacing: -.03em; font-weight: 700; }\n  .lekin-home-embed .hero-sub { font-size: 18px; line-height: 1.7; max-width: 52ch; }\n\n  \/* \u6570\u636e\u6761 *\/\n  .lekin-home-embed .stats-bar { position: relative; z-index: 1; width: 100%; background: linear-gradient(90deg, #bfdbfe 0%, #60a5fa 45%, #3b82f6 100%); color: #fff; border: 0; overflow: visible; padding-bottom: 0; }\n  .lekin-home-embed .stats-bar .wrap { padding-top: clamp(22px, 3.2vw, 34px); padding-bottom: clamp(22px, 3.2vw, 34px); max-width: 1180px; margin: 0 auto; }\n  .lekin-home-embed .stats-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px 40px; align-items: start; text-align: center; }\n  .lekin-home-embed .stat-col { display: grid; gap: 6px; justify-items: center; }\n  .lekin-home-embed .stat-main { font-size: clamp(32px, 4vw, 44px); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.12); }\n  .lekin-home-embed .stat-main .stat-num { font-weight: 700; }\n  .lekin-home-embed .stat-main .stat-unit { font-size: 0.62em; font-weight: 600; margin-left: 0.02em; opacity: 0.95; }\n  .lekin-home-embed .stat-main.stat-tight .stat-num, .lekin-home-embed .stat-main.stat-tight .stat-unit { display: inline; font-size: inherit; font-weight: 700; }\n  .lekin-home-embed .stat-main.stat-tight .stat-unit { margin-left: 0; opacity: 1; }\n  .lekin-home-embed .stat-label { font-size: clamp(12px, 1.6vw, 14px); line-height: 1.5; opacity: 0.92; max-width: none; white-space: nowrap; }\n  @media (max-width: 768px) {\n    .lekin-home-embed .stat-label { white-space: normal; }\n  }\n  \n  .lekin-home-embed .stats-bar .stat-ltr-reveal { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transform: translateX(0); opacity: 1; }\n  .lekin-home-embed .stats-bar.is-counting .stat-ltr-reveal { animation: statsLtrReveal var(--stats-ltr-duration, 1700ms) ease both; }\n  @keyframes statsLtrReveal {\n    0% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); transform: translateX(-22px); opacity: 0; }\n    100% { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transform: translateX(0); opacity: 1; }\n  }\n  @media (max-width: 768px) { .lekin-home-embed .stats-grid { grid-template-columns: 1fr; gap: 32px; } }\n\n  \/* \u7edf\u4e00\u89c4\u8303\u5316\u7684\u56fe\u50cf\u6e32\u67d3\u5bb9\u5668\uff0c\u5b8c\u7f8e\u517c\u5bb9 img \u6807\u7b7e *\/\n  .lekin-home-embed .stage { height: 320px; width: 100%; border-radius: 20px; background: #fbfbfd; border: 0; display: grid; place-items: center; }\n  .lekin-home-embed .microled-stage { width: 100%; height: auto; border-radius: 20px; border: 0; box-shadow: 0 20px 40px rgba(0,0,0,.06); overflow: hidden; background-color: #fbfbfd; display: block; }\n  .lekin-home-embed .microled-stage img { display: block; width: 100%; height: auto; }\n  \n  \/* \u4ea7\u54c1\u4e0e\u5e94\u7528\u7f29\u7565\u56fe\u539f\u751f\u56fe\u50cf\u67b6\u6784 *\/\n  .lekin-home-embed .mini-shot { height: clamp(200px, 25vw, 260px); border-radius: 14px; background: #f1f1f4; border: 0; position: relative; overflow: hidden; margin-top: 10px; }\n  .lekin-home-embed .mini-shot img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }\n  .lekin-home-embed .product-card:hover .mini-shot img { transform: scale(1.03); }\n\n  \/* \u4ea7\u54c1\u5361\u7247\u533a *\/\n  .lekin-home-embed .product-duo { background: #ffffff; border-top: 0; }\n  .lekin-home-embed .product-duo .wrap { max-width: 1400px; padding-top: clamp(56px, 7vw, 72px); padding-bottom: clamp(56px, 7vw, 72px); }\n  .lekin-home-embed .product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 48px); }\n  .lekin-home-embed .product-card { border-radius: 20px; border: 0; background: #fbfbfd; padding: 40px; display: grid; gap: 16px; transition: transform .3s ease, box-shadow .3s ease; cursor: pointer; }\n  .lekin-home-embed .product-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.06); }\n  .lekin-home-embed .product-card .name { font-size: clamp(24px, 3.2vw, 30px); font-weight: 700; letter-spacing: -.02em; }\n  .lekin-home-embed .product-showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }\n  .lekin-home-embed .product-showcase-card { position: relative; min-height: 0; }\n  .lekin-home-embed .product-showcase-card .mini-shot { position: relative; margin-top: 10px; height: clamp(200px, 25vw, 260px); border-radius: 14px; background: #f1f1f4; overflow: hidden; }\n  .lekin-home-embed .product-showcase-card .mini-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }\n  .lekin-home-embed .product-showcase-card .name { position: static; text-shadow: none; font-size: clamp(16px, 1.5vw, 18px); font-weight: 800; letter-spacing: .14em; color: rgba(15, 23, 42, .72); text-transform: uppercase; transition: opacity .28s ease; }\n  .lekin-home-embed .product-hover-panel { position: absolute; inset: 0; z-index: 3; color: #ffffff; padding: 28px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 14px; overflow: hidden; pointer-events: none; }\n  .lekin-home-embed .product-hover-panel::before { content: \"\"; position: absolute; inset: 0; z-index: 0; background: linear-gradient(0deg, rgba(59,130,246,.96) 12%, rgba(96,165,250,.92) 56%, rgba(191,219,254,.86) 78%, rgba(191,219,254,0) 100%); transform: translateY(100%); transition: transform .42s cubic-bezier(.22,.61,.36,1); }\n  .lekin-home-embed .product-hover-panel > * { position: relative; z-index: 1; opacity: 0; transform: translateY(14px); transition: opacity .26s ease, transform .26s ease; }\n  .lekin-home-embed .product-hover-icon { width: min(22vw, 96px); aspect-ratio: 1 \/ 1; height: auto; flex: 0 0 auto; border-radius: 50%; background: rgba(255,255,255,.9); color: #5f82e8; display: grid; place-items: center; line-height: 1; }\n  .lekin-home-embed .product-hover-icon svg { width: 48px; height: 48px; stroke: currentColor; fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }\n  .lekin-home-embed .product-hover-title { font-size: clamp(24px, 2.6vw, 36px); font-weight: 600; letter-spacing: .01em; text-align: center; }\n  .lekin-home-embed .product-hover-panel .link { display: inline-flex; align-items: center; justify-content: center; margin-top: 8px; padding: 8px 22px; border-radius: 999px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.24); color: #ffffff !important; font-weight: 600; }\n  .lekin-home-embed .product-hover-panel .link::after { color: #ffffff !important; }\n  .lekin-home-embed .product-showcase-card:hover .product-hover-panel,\n  .lekin-home-embed .app-hover-card:hover .product-hover-panel { pointer-events: auto; }\n  .lekin-home-embed .product-showcase-card:hover .product-hover-panel::before,\n  .lekin-home-embed .app-hover-card:hover .product-hover-panel::before { transform: translateY(0); }\n  .lekin-home-embed .product-showcase-card:hover .product-hover-panel > *,\n  .lekin-home-embed .app-hover-card:hover .product-hover-panel > * { opacity: 1; transform: translateY(0); }\n  .lekin-home-embed .product-showcase-card:hover .name,\n  .lekin-home-embed .app-hover-card:hover .name { opacity: 0; }\n  \n  \/* \u5e94\u7528\u5361\u7247\u533a\uff08\u4ec5\u4fdd\u7559\u56db\u4e2a\u5e94\u7528\u5361\u7247\uff09 *\/\n  .lekin-home-embed .applications-cards { background: #ffffff; border-top: 0; }\n  .lekin-home-embed .applications-cards .wrap { padding-top: 0; padding-bottom: clamp(56px, 7vw, 72px); }\n  .lekin-home-embed .feature-products { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }\n  .lekin-home-embed .app-hover-card { position: relative; }\n  .lekin-home-embed .app-hover-card .mini-shot { position: relative; margin-top: 10px; height: clamp(200px, 25vw, 260px); border-radius: 14px; background: #f1f1f4; overflow: hidden; }\n  .lekin-home-embed .app-hover-card .mini-shot img { height: 100%; object-fit: cover; }\n  \/* \u4e0e\u6539\u7248\u524d\u300cApplication scenario\u300d\u533a\u5757\u6807\u9898\uff08.news-head .kicker\uff09\u4e00\u81f4 *\/\n  .lekin-home-embed .app-hover-card .name {\n    position: static;\n    text-shadow: none;\n    font-size: clamp(16px, 1.5vw, 18px);\n    font-weight: 800;\n    letter-spacing: .14em;\n    color: rgba(15, 23, 42, .72);\n    text-transform: uppercase;\n  }\n  .lekin-home-embed .app-hover-card > a.link { display: none !important; }\n\n  \/* \u65b0\u95fb *\/\n  .lekin-home-embed .news { background: #fbfbfd; border-top: 0; }\n  .lekin-home-embed .news .wrap { padding-top: 72px; padding-bottom: 72px; }\n  .lekin-home-embed .news-head { display: grid; justify-items: center; text-align: center; gap: 10px; margin-bottom: 26px; }\n  \/* \u4e0e .product-card .name\uff08\u5982 Automotive Electronics\uff09\u7edf\u4e00\u533a\u5757\u6807\u9898\u5b57\u9636\u4e0e\u5b57\u91cd *\/\n  .lekin-home-embed .news-head .kicker {\n    font-size: clamp(24px, 3.2vw, 30px);\n    font-weight: 700;\n    letter-spacing: -.02em;\n    color: #0f172a;\n    text-transform: none;\n  }\n  .lekin-home-embed .news-carousel { --gap: 20px; position: relative; padding: 0 26px; }\n  .lekin-home-embed .news-viewport { overflow: hidden; border-radius: 20px; }\n  .lekin-home-embed .news-track { display: flex; gap: var(--gap); will-change: scroll-position; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 10px 4px; margin: -10px -4px; -ms-overflow-style: none; scrollbar-width: none; }\n  .lekin-home-embed .news-track::-webkit-scrollbar { display: none; }\n  .lekin-home-embed .news-slide { flex: 0 0 calc((100% - (var(--gap) * 2)) \/ 3); scroll-snap-align: start; }\n  .lekin-home-embed .news-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 999px; border: 0; background: rgba(255,255,255,.92); box-shadow: 0 12px 24px rgba(0,0,0,.08); display: grid; place-items: center; cursor: pointer; user-select: none; z-index: 2; }\n  .lekin-home-embed .news-nav:hover { background: #fff; box-shadow: 0 16px 32px rgba(0,0,0,.12); }\n  .lekin-home-embed .news-nav.prev { left: -40px; }\n  .lekin-home-embed .news-nav.next { right: -40px; }\n  .lekin-home-embed .news-dots { margin-top: 24px; display: flex; justify-content: center; gap: 10px; }\n  .lekin-home-embed .news-dot { width: 8px; height: 8px; border-radius: 999px; border: 0; background: rgba(15,23,42,.18); cursor: pointer; transition: background .2s ease; }\n  .lekin-home-embed .news-dot.is-active { background: rgba(37,99,235,.85); }\n  .lekin-home-embed .news-card { border-radius: 20px; border: 0; background: #ffffff; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.04); transition: transform .3s ease, box-shadow .3s ease; display: block; height: 100%; }\n  .lekin-home-embed .news-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.08); }\n  \n  \/* \u65b0\u95fb\u7f29\u7565\u56fe\u91cd\u6784\u652f\u6301 img \u6807\u7b7e *\/\n  .lekin-home-embed .news-thumb { height: 150px; background: #f8fafc; position: relative; overflow: hidden; }\n  .lekin-home-embed .news-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  \n  .lekin-home-embed .news-body { padding: 18px 18px 20px; display: grid; gap: 10px; }\n  .lekin-home-embed .news-date { font-size: 13px; color: rgba(15,23,42,.45); }\n  .lekin-home-embed .news-title { font-size: 18px; font-weight: 600; line-height: 1.35; }\n  .lekin-home-embed .news-more { font-size: 14px; color: #2563eb; font-weight: 600; }\n\n  @media (max-width: 980px) {\n    .lekin-home-embed .panel .wrap { grid-template-columns: 1fr; gap: 26px; text-align: center; justify-items: center; }\n    .lekin-home-embed .hero-sub { max-width: 60ch; }\n    .lekin-home-embed .product-grid { grid-template-columns: 1fr; }\n    .lekin-home-embed .product-showcase-grid { grid-template-columns: 1fr; }\n    .lekin-home-embed .product-showcase-card { min-height: 0; }\n    .lekin-home-embed .feature-products { grid-template-columns: 1fr; }\n    .lekin-home-embed .news-slide { flex-basis: 100%; }\n    .lekin-home-embed .news-carousel { padding: 0; }\n    .lekin-home-embed .news-nav { top: auto; bottom: -56px; transform: none; }\n    .lekin-home-embed .news-nav.prev { left: calc(50% - 54px); }\n    .lekin-home-embed .news-nav.next { right: calc(50% - 54px); }\n    .lekin-home-embed .news-dots { margin-top: 74px; }\n    .lekin-home-embed .panel.hero-banner .wrap { min-height: 100vh; min-height: 100svh; justify-items: center; text-align: center; }\n  }\n  @media (max-width: 480px) {\n    .lekin-home-embed .wrap { padding: 0 18px; }\n    .lekin-home-embed .hero-h1 { font-size: 40px; }\n    .lekin-home-embed .section-title { font-size: 28px; }\n    .lekin-home-embed .panel.hero-banner .wrap { min-height: 100vh; min-height: 100svh; padding-top: clamp(64px, 10vh, 84px); padding-bottom: clamp(64px, 10vh, 84px); }\n  }\n  @media (min-width: 1600px) {\n    .lekin-home-embed .wrap { max-width: 1320px; padding-left: 28px; padding-right: 28px; }\n    .lekin-home-embed .panel.hero-banner .hero-banner-content { max-width: 62rem; }\n    .lekin-home-embed .stats-bar .wrap { max-width: 1320px; }\n    .lekin-home-embed .news .wrap { max-width: 1320px; }\n    .lekin-home-embed .product-duo .wrap { max-width: 1560px; }\n  }\n\n  \/* \u6eda\u52a8\u51fa\u73b0\u52a8\u6548 *\/\n  .lekin-home-embed section[data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity 1.10s ease, transform 1.10s ease; will-change: opacity, transform; }\n  .lekin-home-embed section[data-reveal].is-visible { opacity: 1; transform: translateY(0); }\n  .lekin-home-embed .panel.hero-banner[data-reveal] { opacity: 1; transform: none; transition: none; }\n  .lekin-home-embed section[data-reveal] [data-reveal-item] { opacity: 0; transform: translateY(14px); transition: opacity .90s ease, transform .90s ease; transition-delay: var(--reveal-delay, 0ms); will-change: opacity, transform; }\n  .lekin-home-embed section[data-reveal].is-visible [data-reveal-item] { opacity: 1; transform: translateY(0); }\n  @media (prefers-reduced-motion: reduce) {\n    .lekin-home-embed section[data-reveal], .lekin-home-embed section[data-reveal] [data-reveal-item] { opacity: 1 !important; transform: none !important; transition: none !important; }\n  }\n<\/style>\n\n<div class=\"lekin-home-embed\">\n  <section class=\"panel hero-banner\" id=\"home\">\n    \n    <img class=\"hero-bg-img\" src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/02\/%E7%AB%8B%E7%90%BB%E5%8E%82%E5%8C%BA%E9%AB%98%E6%B8%85%E5%9B%BE2.webp\" alt=\"LEKIN Factory\" fetchpriority=\"high\" decoding=\"sync\">\n\n    <div class=\"wrap\">\n      <div class=\"hero-banner-content\">\n        <h1 class=\"hero-h1 hero-seeya-title\">Technology Brings Better Life<\/h1>\n        <p class=\"hero-seeya-sub\">High-end Optoelectronic Chips and Solutions Provider<\/p>\n        <a class=\"hero-cta\" href=\"https:\/\/www.lekinsemi.com\/en\/about-lekin\" aria-label=\"More about LEKIN\">More<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"stats-bar\" id=\"stats\">\n    <div class=\"wrap\">\n      <div class=\"stats-grid\">\n        <div class=\"stat-col\">\n          <div class=\"stat-main stat-tight stat-ltr-reveal\"><span class=\"stat-num\" data-count=\"50,000\">50,000<\/span><span class=\"stat-unit\">\u33a1<\/span><\/div>\n          <p class=\"stat-label stat-ltr-reveal\">Factory area<\/p>\n        <\/div>\n        <div class=\"stat-col\">\n          <div class=\"stat-main stat-tight\"><span class=\"stat-num\" data-count=\"3000\">3000<\/span><span class=\"stat-unit\">+<\/span><\/div>\n          <p class=\"stat-label\">Patent<\/p>\n        <\/div>\n        <div class=\"stat-col\">\n          <div class=\"stat-main stat-tight\">IATF <span class=\"stat-num\" data-count=\"16949\" data-nocomma=\"1\">16949<\/span><span class=\"stat-unit\"><\/span><\/div>\n          <p class=\"stat-label\">Automotive-grade production line<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"product-duo\" id=\"products\">\n    <div class=\"wrap\">\n      <div class=\"news-head\">\n        <p class=\"kicker\">Product Center<\/p>\n      <\/div>\n      <div class=\"product-grid product-showcase-grid\">\n        <div class=\"product-card product-showcase-card\" onclick=\"window.location.href='\/en\/micro-led\/'\">\n          <div class=\"name\">Micro-LED<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20260312164805_87_1167-scaled.jpg\" alt=\"Micro LED\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n            <div class=\"product-hover-icon\">\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                <rect x=\"14\" y=\"16\" width=\"36\" height=\"32\" rx=\"6\"><\/rect>\n                <line x1=\"22\" y1=\"10\" x2=\"22\" y2=\"16\"><\/line>\n                <line x1=\"32\" y1=\"10\" x2=\"32\" y2=\"16\"><\/line>\n                <line x1=\"42\" y1=\"10\" x2=\"42\" y2=\"16\"><\/line>\n                <line x1=\"22\" y1=\"48\" x2=\"22\" y2=\"54\"><\/line>\n                <line x1=\"32\" y1=\"48\" x2=\"32\" y2=\"54\"><\/line>\n                <line x1=\"42\" y1=\"48\" x2=\"42\" y2=\"54\"><\/line>\n                <circle cx=\"32\" cy=\"32\" r=\"6\"><\/circle>\n              <\/svg>\n            <\/div>\n            <div class=\"product-hover-title\">Micro-LED<\/div>\n            <a class=\"link\" href=\"\/en\/micro-led\/\">More<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"product-card product-showcase-card\" onclick=\"window.location.href='\/en\/automotive-lights\/'\">\n          <div class=\"name\">\u6c7d\u8f66\u5149\u6e90<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/1-compressed.webp\" alt=\"Automotive Lights\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n            <div class=\"product-hover-icon\">\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                <path d=\"M14 38h36l-4-10H18l-4 10z\"><\/path>\n                <path d=\"M18 28l5-8h18l5 8\"><\/path>\n                <circle cx=\"22\" cy=\"42\" r=\"4\"><\/circle>\n                <circle cx=\"42\" cy=\"42\" r=\"4\"><\/circle>\n                <path d=\"M14 38v6h6\"><\/path>\n                <path d=\"M50 38v6h-6\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"product-hover-title\">\u6c7d\u8f66\u5149\u6e90<\/div>\n            <a class=\"link\" href=\"\/en\/automotive-lights\/\">More<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"product-card product-showcase-card\" onclick=\"window.location.href='\/en\/uv-led\/'\">\n          <div class=\"name\">UV LED<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/wp-content\/uploads\/2026\/04\/uve-1.jpg\" alt=\"UV LED\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n            <div class=\"product-hover-icon\">\n              <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                <circle cx=\"32\" cy=\"32\" r=\"10\"><\/circle>\n                <line x1=\"32\" y1=\"8\" x2=\"32\" y2=\"16\"><\/line>\n                <line x1=\"32\" y1=\"48\" x2=\"32\" y2=\"56\"><\/line>\n                <line x1=\"8\" y1=\"32\" x2=\"16\" y2=\"32\"><\/line>\n                <line x1=\"48\" y1=\"32\" x2=\"56\" y2=\"32\"><\/line>\n                <line x1=\"14.5\" y1=\"14.5\" x2=\"20.5\" y2=\"20.5\"><\/line>\n                <line x1=\"43.5\" y1=\"43.5\" x2=\"49.5\" y2=\"49.5\"><\/line>\n                <line x1=\"14.5\" y1=\"49.5\" x2=\"20.5\" y2=\"43.5\"><\/line>\n                <line x1=\"43.5\" y1=\"20.5\" x2=\"49.5\" y2=\"14.5\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"product-hover-title\">UV LED<\/div>\n            <a class=\"link\" href=\"\/en\/uv-led\/\">More<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"applications-cards\" id=\"applications\">\n    <div class=\"wrap\">\n      <div class=\"news-head\">\n        <p class=\"kicker\">Application scenario<\/p>\n      <\/div>\n      <div class=\"feature-products\">\n        <div class=\"product-card app-hover-card\" onclick=\"window.location.href='\/en\/automotive-electrronics'\">\n          <div class=\"name\">Automotive Electronics<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/Auto-300x169-1.png\" alt=\"Automotive Electronics\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n              <div class=\"product-hover-icon\">\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                  <path d=\"M14 38h36l-4-10H18l-4 10z\"><\/path>\n                  <path d=\"M18 28l5-8h18l5 8\"><\/path>\n                  <circle cx=\"22\" cy=\"42\" r=\"4\"><\/circle>\n                  <circle cx=\"42\" cy=\"42\" r=\"4\"><\/circle>\n                  <path d=\"M14 38v6h6\"><\/path>\n                  <path d=\"M50 38v6h-6\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"product-hover-title\">Automotive Electronics<\/div>\n              <a class=\"link\" href=\"\/en\/automotive-electrronics\">More<\/a>\n            <\/div>\n          <\/div>\n          <a class=\"link\" href=\"\/en\/automotive-electrronics\">More<\/a>\n        <\/div>\n        <div class=\"product-card app-hover-card\" onclick=\"window.location.href='\/en\/electronics'\">\n          <div class=\"name\">Electronics<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/Electronics.png\" alt=\"Electronics\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n              <div class=\"product-hover-icon\">\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                  <rect x=\"10\" y=\"16\" width=\"44\" height=\"28\" rx=\"4\"><\/rect>\n                  <line x1=\"24\" y1=\"52\" x2=\"40\" y2=\"52\"><\/line>\n                  <line x1=\"32\" y1=\"44\" x2=\"32\" y2=\"52\"><\/line>\n                  <circle cx=\"22\" cy=\"30\" r=\"3\"><\/circle>\n                  <circle cx=\"32\" cy=\"30\" r=\"3\"><\/circle>\n                  <circle cx=\"42\" cy=\"30\" r=\"3\"><\/circle>\n                <\/svg>\n              <\/div>\n              <div class=\"product-hover-title\">Electronics<\/div>\n              <a class=\"link\" href=\"\/en\/electronics\">More<\/a>\n            <\/div>\n          <\/div>\n          <a class=\"link\" href=\"\/en\/electronics\">More<\/a>\n        <\/div>\n        <div class=\"product-card app-hover-card\" onclick=\"window.location.href='\/en\/medical-health'\">\n          <div class=\"name\">Medical & Health<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/Medical-Health.png\" alt=\"Medical & Health\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n              <div class=\"product-hover-icon\">\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                  <path d=\"M32 52s-16-10.5-16-23a9 9 0 0 1 16-5 9 9 0 0 1 16 5c0 12.5-16 23-16 23z\"><\/path>\n                  <path d=\"M22 32h7l3-6 3 10 2-4h5\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"product-hover-title\">Medical & Health<\/div>\n              <a class=\"link\" href=\"\/en\/medical-health\">More<\/a>\n            <\/div>\n          <\/div>\n          <a class=\"link\" href=\"\/en\/medical-health\">More<\/a>\n        <\/div>\n        <div class=\"product-card app-hover-card\" onclick=\"window.location.href='\/en\/industry'\">\n          <div class=\"name\">Industry<\/div>\n          <div class=\"mini-shot\">\n            <img src=\"https:\/\/www.lekinsemi.com\/en\/wp-content\/uploads\/sites\/2\/2026\/03\/Industry.png\" alt=\"Industry\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"product-hover-panel\" aria-hidden=\"true\">\n              <div class=\"product-hover-icon\">\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                  <path d=\"M10 52h44\"><\/path>\n                  <path d=\"M14 52V24l12 8v-8l10 6v-8l14 8v22\"><\/path>\n                  <rect x=\"20\" y=\"38\" width=\"6\" height=\"6\"><\/rect>\n                  <rect x=\"30\" y=\"38\" width=\"6\" height=\"6\"><\/rect>\n                  <rect x=\"40\" y=\"38\" width=\"6\" height=\"6\"><\/rect>\n                <\/svg>\n              <\/div>\n              <div class=\"product-hover-title\">Industry<\/div>\n              <a class=\"link\" href=\"\/en\/industry\">More<\/a>\n            <\/div>\n          <\/div>\n          <a class=\"link\" href=\"\/en\/industry\">More<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"news\" id=\"news\">\n    <div class=\"wrap\">\n      <div class=\"news-head\">\n        <p class=\"kicker\">News Center<\/p>\n      <\/div>\n      <div class=\"news-carousel\" data-carousel=\"news\">\n        <button class=\"news-nav prev\" type=\"button\" aria-label=\"Previous news\"><span aria-hidden=\"true\">\u2039<\/span><\/button>\n        <button class=\"news-nav next\" type=\"button\" aria-label=\"Next news\"><span aria-hidden=\"true\">\u203a<\/span><\/button>\n        <div class=\"news-viewport\">\n          <div class=\"news-track\" data-news-track aria-live=\"polite\"><\/div>\n        <\/div>\n        <div class=\"news-dots\" aria-label=\"News pagination\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function () {\n      function formatDate(iso) {\n        if (!iso) return '';\n        var d = new Date(iso);\n        if (isNaN(d.getTime())) return '';\n        var y = d.getFullYear();\n        var m = String(d.getMonth() + 1).padStart(2, '0');\n        var day = String(d.getDate()).padStart(2, '0');\n        return y + '\/' + m + '\/' + day;\n      }\n\n      function stripHtml(html) {\n        var tmp = document.createElement('div');\n        tmp.innerHTML = html || '';\n        return (tmp.textContent || tmp.innerText || '').trim();\n      }\n\n      function getFeaturedImage(post) {\n        try {\n          var media = post && post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0];\n          if (!media) return '';\n          if (media.source_url) return media.source_url;\n          if (media.media_details && media.media_details.sizes) {\n            if (media.media_details.sizes.medium_large && media.media_details.sizes.medium_large.source_url) return media.media_details.sizes.medium_large.source_url;\n            if (media.media_details.sizes.large && media.media_details.sizes.large.source_url) return media.media_details.sizes.large.source_url;\n          }\n        } catch (e) {}\n        return '';\n      }\n\n      function renderNewsSlides(root, posts) {\n        var track = root.querySelector('[data-news-track]');\n        if (!track) return;\n        track.innerHTML = '';\n\n        for (var i = 0; i < posts.length; i++) {\n          var post = posts[i];\n          var title = stripHtml(post.title && post.title.rendered);\n          var dateText = formatDate(post.date);\n          var href = post.link || '#';\n          var imgSrc = getFeaturedImage(post);\n\n          var slide = document.createElement('div');\n          slide.className = 'news-slide';\n\n          var a = document.createElement('a');\n          a.className = 'news-card';\n          a.href = href;\n\n          var thumb = document.createElement('div');\n          thumb.className = 'news-thumb';\n          \n          \/* \u65b0\u95fb API \u540c\u6b65\u91cd\u6784\u4e3a\u751f\u6210 img \u6807\u7b7e *\/\n          if (imgSrc) {\n            var imgEl = document.createElement('img');\n            imgEl.src = imgSrc;\n            imgEl.setAttribute('loading', i < 6 ? 'eager' : 'lazy');\n            imgEl.setAttribute('fetchpriority', i < 3 ? 'high' : 'low');\n            imgEl.setAttribute('decoding', 'async');\n            imgEl.alt = title;\n            thumb.appendChild(imgEl);\n          }\n\n          var body = document.createElement('div');\n          body.className = 'news-body';\n\n          var date = document.createElement('div');\n          date.className = 'news-date';\n          date.textContent = dateText;\n\n          var t = document.createElement('div');\n          t.className = 'news-title';\n          t.textContent = title || 'Untitled';\n\n          var more = document.createElement('div');\n          more.className = 'news-more';\n          more.textContent = 'Read more \u203a';\n\n          body.appendChild(date);\n          body.appendChild(t);\n          body.appendChild(more);\n\n          a.appendChild(thumb);\n          a.appendChild(body);\n          slide.appendChild(a);\n          track.appendChild(slide);\n        }\n      }\n\n      function preloadNewsImages(posts, skipFirst) {\n        if (!Array.isArray(posts) || !posts.length) return;\n        var start = Math.max(0, skipFirst || 0);\n        for (var i = start; i < posts.length; i++) {\n          var src = getFeaturedImage(posts[i]);\n          if (!src) continue;\n          var img = new Image();\n          img.decoding = 'async';\n          img.src = src;\n        }\n      }\n\n      function loadNewsPosts(root) {\n        var track = root.querySelector('[data-news-track]');\n        if (!track) return Promise.resolve([]);\n\n        var api = '\/wp-json\/wp\/v2\/posts?per_page=9&_embed=1';\n        return fetch(api, { credentials: 'same-origin' })\n          .then(function (r) { return r.ok ? r.json() : []; })\n          .then(function (posts) {\n            posts = Array.isArray(posts) ? posts : [];\n            renderNewsSlides(root, posts);\n            preloadNewsImages(posts, 6);\n            return posts;\n          })\n          .catch(function () { return []; });\n      }\n\n      function initCarousel(root) {\n        var track = root.querySelector('.news-track');\n        var prev = root.querySelector('.news-nav.prev');\n        var next = root.querySelector('.news-nav.next');\n        var dotsWrap = root.querySelector('.news-dots');\n        if (!track || !prev || !next || !dotsWrap) return;\n\n        function slides() { return Array.prototype.slice.call(root.querySelectorAll('.news-slide')); }\n        function hasSlides() { return slides().length > 0; }\n        function slidesPerView() { return window.matchMedia && window.matchMedia('(max-width: 980px)').matches ? 1 : 3; }\n        function pageCount() { var s = slides(); return Math.max(1, Math.ceil(s.length \/ slidesPerView())); }\n\n        function currentPage() {\n          if (!hasSlides()) return 0;\n          var s = slides();\n          var pv = slidesPerView();\n          var slideW = s[0].getBoundingClientRect().width;\n          var gap = parseFloat(getComputedStyle(track).columnGap || getComputedStyle(track).gap || '0') || 0;\n          var pageW = (slideW + gap) * pv;\n          return Math.max(0, Math.min(pageCount() - 1, Math.round(track.scrollLeft \/ pageW)));\n        }\n\n        function scrollToPage(p) {\n          if (!hasSlides()) return;\n          var s = slides();\n          var pv = slidesPerView();\n          var slideW = s[0].getBoundingClientRect().width;\n          var gap = parseFloat(getComputedStyle(track).columnGap || getComputedStyle(track).gap || '0') || 0;\n          var pageW = (slideW + gap) * pv;\n          track.scrollTo({ left: p * pageW, behavior: 'smooth' });\n        }\n\n        function renderDots() {\n          var pages = pageCount();\n          dotsWrap.innerHTML = '';\n          for (var i = 0; i < pages; i++) {\n            (function (idx) {\n              var b = document.createElement('button');\n              b.type = 'button';\n              b.className = 'news-dot' + (idx === 0 ? ' is-active' : '');\n              b.setAttribute('aria-label', 'Go to page ' + (idx + 1));\n              b.addEventListener('click', function () { scrollToPage(idx); });\n              dotsWrap.appendChild(b);\n            })(i);\n          }\n        }\n\n        function syncDots() {\n          var p = currentPage();\n          var dots = dotsWrap.querySelectorAll('.news-dot');\n          for (var i = 0; i < dots.length; i++) {\n            if (i === p) dots[i].classList.add('is-active');\n            else dots[i].classList.remove('is-active');\n          }\n        }\n\n        prev.addEventListener('click', function () { scrollToPage(Math.max(0, currentPage() - 1)); });\n        next.addEventListener('click', function () { scrollToPage(Math.min(pageCount() - 1, currentPage() + 1)); });\n        track.addEventListener('scroll', function () { window.requestAnimationFrame(syncDots); });\n        window.addEventListener('resize', function () { renderDots(); syncDots(); });\n\n        renderDots();\n        syncDots();\n      }\n\n      function initStatsCountUp() {\n        var statsSection = document.querySelector('.lekin-home-embed .stats-bar');\n        if (!statsSection) return;\n        var primaryCountDuration = 1700; \n\n        var numberNodes = statsSection.querySelectorAll('.stat-main .stat-num');\n        var counters = [];\n        for (var i = 0; i < numberNodes.length; i++) {\n          var raw = (numberNodes[i].getAttribute('data-count') || numberNodes[i].textContent || '').trim();\n          var digits = raw.replace(\/[^\\d]\/g, '');\n          if (!digits) continue; \n          var target = parseInt(digits, 10);\n          if (!isFinite(target) || target <= 0) continue;\n          counters.push({ el: numberNodes[i], target: target });\n        }\n        if (!counters.length) return;\n\n        function animateCounter(el, target, duration) {\n          var startValue = 1;\n          var startTs = null;\n          function frame(ts) {\n            if (startTs === null) startTs = ts;\n            var progress = Math.min((ts - startTs) \/ duration, 1);\n            var current = Math.floor(startValue + (target - startValue) * progress);\n            var isNoComma = el.getAttribute('data-nocomma') === '1';\n            el.textContent = isNoComma ? String(current) : current.toLocaleString('en-US');\n            if (progress < 1) window.requestAnimationFrame(frame);\n          }\n          window.requestAnimationFrame(frame);\n        }\n\n        var started = false;\n        function startAll() {\n          if (started) return;\n          started = true;\n\n          if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            for (var m = 0; m < counters.length; m++) {\n              var isNoComma = counters[m].el.getAttribute('data-nocomma') === '1';\n              counters[m].el.textContent = isNoComma ? String(counters[m].target) : counters[m].target.toLocaleString('en-US');\n            }\n            statsSection.classList.add('is-counting');\n            return;\n          }\n\n          statsSection.style.setProperty('--stats-ltr-duration', primaryCountDuration + 'ms');\n          statsSection.classList.add('is-counting');\n\n          \/\/ \u5f00\u59cb\u52a8\u753b\u524d\u5148\u628a\u5f53\u524d\u663e\u793a\u503c\u91cd\u7f6e\u4e3a 1\n          for (var r = 0; r < counters.length; r++) {\n            counters[r].el.textContent = '1';\n          }\n\n          \/\/ \u4e09\u5217\u540c\u65f6\u7528\u540c\u4e00\u65f6\u957f\u9012\u589e\u5230\u76ee\u6807\u503c\n          for (var n = 0; n < counters.length; n++) {\n            animateCounter(counters[n].el, counters[n].target, primaryCountDuration);\n          }\n        }\n\n        function checkAndStart() {\n          if (started) return;\n          var rect = statsSection.getBoundingClientRect();\n          var triggerOffset = 200; \n          var reachedTop = rect.top <= triggerOffset && rect.bottom > triggerOffset;\n          if (reachedTop) {\n            startAll();\n            window.removeEventListener('scroll', checkAndStart);\n            window.removeEventListener('resize', checkAndStart);\n          }\n        }\n\n        \/\/ \u53ea\u5728\u6eda\u52a8\/\u7a97\u53e3\u5c3a\u5bf8\u53d8\u5316\u65f6\u68c0\u67e5\u89e6\u53d1\uff0c\u4e0d\u5728\u9875\u9762\u52a0\u8f7d\u77ac\u95f4\u5c31\u89e6\u53d1\n        window.addEventListener('scroll', checkAndStart, { passive: true });\n        window.addEventListener('resize', checkAndStart);\n      }\n\n      document.addEventListener('DOMContentLoaded', function () {\n        initStatsCountUp();\n        \n        (function initScrollReveal() {\n          var sections = document.querySelectorAll('.lekin-home-embed section');\n          for (var i = 0; i < sections.length; i++) {\n            sections[i].setAttribute('data-reveal', '1');\n\n            var groups = sections[i].querySelectorAll('.product-grid, .feature-products, .news-track, .stats-grid');\n            for (var g = 0; g < groups.length; g++) {\n              if (groups[g].closest('section') !== sections[i]) continue;\n              var cards = groups[g].querySelectorAll('.product-card, .news-slide');\n              var cardDelay = 0;\n              for (var c = 0; c < cards.length; c++) {\n                cards[c].setAttribute('data-reveal-item', '1');\n                cards[c].style.setProperty('--reveal-delay', cardDelay + 'ms');\n                cardDelay += 220; \n              }\n            }\n\n            var statCols = sections[i].querySelectorAll('.stats-grid .stat-col');\n            var statDelay = 0;\n            for (var sc = 0; sc < statCols.length; sc++) {\n              if (statCols[sc].closest('section') !== sections[i]) continue;\n              var statMain = statCols[sc].querySelector('.stat-main');\n              var statLabel = statCols[sc].querySelector('.stat-label');\n              if (statMain) {\n                statMain.setAttribute('data-reveal-item', '1');\n                statMain.style.setProperty('--reveal-delay', statDelay + 'ms');\n              }\n              if (statLabel) {\n                statLabel.setAttribute('data-reveal-item', '1');\n                statLabel.style.setProperty('--reveal-delay', (statDelay + 110) + 'ms');\n              }\n              statDelay += 240;\n            }\n\n            var items = sections[i].querySelectorAll('p, h1, h2, h3, .stage, .visual, .mini-shot, .link, .hero-cta');\n            var delay = 0;\n            for (var j = 0; j < items.length; j++) {\n              if (items[j].closest('section') !== sections[i]) continue;\n              if (items[j].closest('.stat-col')) continue;\n              if (items[j].hasAttribute('data-reveal-item')) continue;\n              items[j].setAttribute('data-reveal-item', '1');\n              items[j].style.setProperty('--reveal-delay', delay + 'ms');\n              delay = Math.min(delay + 120, 520);\n            }\n          }\n\n          if (!('IntersectionObserver' in window)) {\n            for (var k = 0; k < sections.length; k++) sections[k].classList.add('is-visible');\n            return;\n          }\n\n          var io = new IntersectionObserver(function (entries) {\n            for (var e = 0; e < entries.length; e++) {\n              var entry = entries[e];\n              if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n                io.unobserve(entry.target);\n              }\n            }\n          }, { root: null, threshold: 0.12, rootMargin: '0px 0px -10% 0px' });\n\n          for (var s = 0; s < sections.length; s++) io.observe(sections[s]);\n        })();\n\n        var roots = document.querySelectorAll('.lekin-home-embed [data-carousel=\"news\"]');\n        for (var i = 0; i < roots.length; i++) {\n          (function (root) {\n            loadNewsPosts(root).then(function () {\n              initCarousel(root);\n            });\n          })(roots[i]);\n        }\n      });\n    })();\n  <\/script>\n\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/pages\/644"}],"collection":[{"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/comments?post=644"}],"version-history":[{"count":76,"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/pages\/644\/revisions"}],"predecessor-version":[{"id":1006,"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/pages\/644\/revisions\/1006"}],"wp:attachment":[{"href":"https:\/\/www.lekinsemi.com\/en\/wp-json\/wp\/v2\/media?parent=644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}