<!--公用头部 begin -->
<!DOCTYPE html>
<html lang="zh-hans" dir="ltr" prefix="og: https://ogp.me/ns#">

<head>
    <meta charset="utf-8">
    <!--首页seo标题-->
    <title>电感式编码器芯片_电感编码器芯片_英达森斯半导体</title>
    <!--首页seo关键词-->
    <meta name="keywords" content="电感式编码器芯片,电感编码器芯片,位置传感器,PCB线圈设计工具,iCoil Studio,边缘AI算法,高精度位置传感器,绝对位置编码器,功能安全,ISO 26262" />
    <!--首页seo描述-->
    <meta name="description" content="英达森斯半导体源自上海，专注于电感编码器芯片及工程化赋能，提供全场景高精度电感传感器芯片、全球领先的PCB线圈设计工具iCoil Studio及边缘AI算法，服务于汽车电子、机器人、工业自动化等领域。" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="canonical" href="https://www.induxense.com/index.php?m=home&c=Lists&a=index&tid=3" />
    <meta property="og:title" content="产品_英达森斯半导体" />
    <meta property="og:description" content="英达森斯电感编码器广泛应用于机器人、工业自动化、汽车电子等领域，为精密运动控制提供核心传感方案。" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="https://www.induxense.com/index.php?m=home&c=Lists&a=index&tid=3" />
    <meta property="og:site_name" content="英达森斯半导体" />
    <meta property="og:image" content="https://www.induxense.com/uploads/allimg/20260726/banner_products.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="产品_英达森斯半导体" />
    <meta name="twitter:description" content="英达森斯电感编码器广泛应用于机器人、工业自动化、汽车电子等领域，为精密运动控制提供核心传感方案。" />
    <meta name="twitter:image" content="https://www.induxense.com/uploads/allimg/20260726/banner_products.jpg" />
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"Organization","name":"英达森斯半导体","alternateName":"上海英达森斯半导体科技有限公司","url":"https://www.induxense.com","logo":"/uploads/allimg/20250929/1-2509291S3311O.png","description":"英达森斯半导体源自上海，专注于电感编码器芯片及工程化赋能，提供全场景高精度电感传感器芯片、PCB线圈设计工具iCoil Studio及边缘AI算法","address":{"@type":"PostalAddress","addressLocality":"上海","addressCountry":"CN"},"sameAs":["https://www.induxense.com"]}
    </script>
    <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"WebSite","name":"英达森斯半导体","url":"https://www.induxense.com","description":"电感式编码器芯片_电感编码器芯片","inLanguage":"zh-Hans"}
    </script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"首页","item":"https://www.induxense.com/"},{"@type":"ListItem","position":2,"name":"产品","item":"https://www.induxense.com/index.php?m=home&c=Lists&a=index&tid=3"}]}</script><script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.8.1"></script>
</head>

<body>
    <div class="header__wrapper">
        <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
            <div class="l-container">

<style>
    /* === Global CSS Variables === */
    :root {
        --font-display: 'PingFang SC', 'Microsoft YaHei', sans-serif;
        --font-body: 'PingFang SC', 'Microsoft YaHei', sans-serif;
        --font-mono: 'SF Mono', Menlo, Consolas, monospace;
    }
/* v=20260622-009 */
html {
    /* 恒定预留竖向滚动条槽位：短页面滚动条消失时，居中头部不再横向跳动 */
    scrollbar-gutter: stable;
    overflow-y: scroll;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Modern Navigation Header - Professional Style */
.modern-header {
    background: linear-gradient(135deg, #F8FBFF 0%, #F0F7FF 100%);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.modern-header.scrolled {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 24px rgba(0, 0, 0, 0.06);
}

.header-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
}

/* Logo */
.header-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 1.375rem;
    font-weight: 700;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    letter-spacing: -0.02em;
}

.header-logo:hover {
    color: #0573C3;
    text-decoration: none;
}

.header-logo-icon {
    width: auto;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-logo-icon img {
    height: 100%;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

.header-logo-text {
    font-size: 20px;
    font-weight: 700;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    letter-spacing: -0.4px;
    color: inherit;
    white-space: nowrap;
    background: linear-gradient(135deg, #1a1a1a 0%, #1A1A1A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Navigation */
.header-nav {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    margin: 0 20px;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    color: #1e293b;
    text-decoration: none;
    transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
    font-size: 14.5px;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 40px;
    box-sizing: border-box;
    letter-spacing: -0.01em;
}

.nav-link::before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #FFA505;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 2px;
    opacity: 0;
}

.nav-link:not(.active):hover::before {
    width: calc(100% - 28px);
    opacity: 1;
}

.nav-link:hover,
.nav-link.active {
    color: #FFA505;
    text-decoration: none;
    font-weight: 600;
    background: none;
}

.nav-link.active:hover {
    background: transparent;
}

.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: calc(100% - 28px);
    height: 2px;
    background: #FFA505;
    transform: translateX(-50%);
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(5, 115, 195, 0.2);
}

/* ===== Mega Dropdown (Professional Style) ===== */
.nav-dropdown {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    width: 100vw;
    background: linear-gradient(180deg, #F0F6FF 0%, #E8F2FF 100%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 0;
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.02),
        0 10px 15px -3px rgba(0, 0, 0, 0.04),
        0 20px 40px -8px rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.32, 1);
    z-index: 9999;
    border-bottom: 1px solid rgba(5, 115, 195, 0.15);
}

/* 透明桥接区域，消除nav-item与dropdown之间的hover间隙 */
.nav-item.has-dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 20px;
    background: transparent;
}

.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-content {
    max-width: 1440px;
    margin: 0;
    padding: 56px 48px;
    position: relative;
}

.dropdown-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 48px;
    right: 48px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(5, 115, 195, 0.2) 50%, transparent 100%);
}

.dropdown-header {
    margin-bottom: 48px;
    position: relative;
}

.dropdown-header::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #FFA505;
    margin: 20px auto 0;
    border-radius: 2px;
}

.dropdown-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.dropdown-subtitle {
    color: #737373;
    font-size: 15px;
    line-height: 1.6;
    max-width: 640px;
    margin: 0 auto;
}

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

@media (max-width: 1200px) {
    .dropdown-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

.dropdown-card {
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.32, 1);
    border: 1px solid #F0F3F7;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    position: relative;
}

.dropdown-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(5, 115, 195, 0.08) 0%, transparent 50%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dropdown-card:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 12px 24px -8px rgba(255, 165, 5, 0.15),
        0 4px 8px -4px rgba(255, 165, 5, 0.1);
    border-color: #FFA505;
    background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%);
    text-decoration: none;
    color: inherit;
}

.dropdown-card:hover::before {
    opacity: 1;
}

.dropdown-card-image {
    display: none;
}

.dropdown-card:hover .dropdown-card-image {
    background: linear-gradient(135deg, #EBF4FF 0%, #F5F7FA 100%);
}

.dropdown-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.32, 1);
}

.dropdown-card:hover .dropdown-card-image img {
    transform: scale(1.05);
}

.dropdown-card-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.03) 0%, transparent 100%);
    pointer-events: none;
}

.dropdown-card-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(255, 255, 255, 0.95);
    color: #0573C3;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.dropdown-card-content {
    padding: 20px 0;
    position: relative;
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    border-radius: 16px;
}

.dropdown-card-category {
    color: #0573C3;
    font-size: 11px;
    font-weight: 600;
    margin: 16px 20px 8px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dropdown-card-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.5;
    margin: 0 20px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.2s ease;
    letter-spacing: -0.01em;
}

.dropdown-card:hover .dropdown-card-title {
    color: #FFA505;
}

.dropdown-card-description {
    color: #737373;
    font-size: 13px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 20px;
    padding: 12px 0 20px;
    border-top: 1px solid #F8F9FB;
}

.dropdown-footer {
    text-align: center;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid #F0F3F7;
    position: relative;
}

.dropdown-footer::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    background: #FFA505;
}

.dropdown-view-all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: #FFA505;
    color: white;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.32, 1);
    box-shadow: 0 4px 12px rgba(5, 115, 195, 0.2);
    letter-spacing: 0.01em;
}

.dropdown-view-all:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(5, 115, 195, 0.3);
    color: white;
    text-decoration: none;
    background: linear-gradient(135deg, #3498DB 0%, #0573C3 100%);
}

.dropdown-view-all svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

.dropdown-view-all:hover svg {
    transform: translateX(4px);
}

/* ===== Tree Dropdown Menu (Clean Professional Style) ===== */
.nav-dropdown-tree {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    transform: translateY(-8px);
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
    min-width: 240px;
    padding: 10px 8px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.nav-item:hover > .nav-dropdown-tree,
.nav-item:focus-within > .nav-dropdown-tree,
.nav-dropdown-tree:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tree-level1-item {
    position: relative;
    margin: 0;
}

.tree-level1-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
    white-space: nowrap;
    border-radius: 0;
    letter-spacing: -0.01em;
    position: relative;
}

.tree-level1-link:hover {
    background: #dbeafe;
    color: #1e293b;
    box-shadow: inset 3px 0 0 #0573C3;
}

.tree-level1-link .arrow-right {
    width: 14px;
    height: 14px;
    color: #94a3b8;
    transition: all 0.2s ease;
    flex-shrink: 0;
    margin-left: 8px;
}

.tree-level1-item:hover > .tree-level1-link .arrow-right {
    transform: translateX(3px);
    color: #1e293b;
}

.tree-level2-wrap {
    position: absolute;
    top: -10px;
    left: calc(100% + 4px);
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    min-width: 200px;
    padding: 10px 8px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-6px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tree-level1-item:hover > .tree-level2-wrap {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.tree-level2-link {
    display: flex;
    align-items: center;
    padding: 8px 14px 8px 16px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
    white-space: nowrap;
    border-radius: 0;
    position: relative;
    letter-spacing: -0.01em;
}

.tree-level2-link:hover {
    background: #ffedd5;
    color: #1e293b;
    box-shadow: inset 3px 0 0 #E67E22;
}

/* 产品栏目平铺分组样式 */
.tree-group {
    padding: 6px 4px;
}
.tree-group + .tree-group {
    border-top: 1px solid #F1F5F9;
    margin-top: 4px;
    padding-top: 10px;
}
.tree-group-title {
    padding: 6px 14px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.02em;
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 6px;
}
.tree-group-title-link {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
.tree-group-title-link:hover {
    color: #0573C3;
    background: rgba(5, 115, 195, 0.06);
    border-radius: 4px;
}
.tree-group-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #94a3b8;
    border-radius: 2px;
    flex-shrink: 0;
}
.tree-group-items {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.tree-flat-item {
    padding-left: 23px !important;
}

/* Header Actions */
.header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* header-nav 保持自然宽度，不裁切 */

.header-action-btn {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #DDE4ED;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #525252;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    position: relative;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.header-action-btn.icon-only {
    width: 40px;
    padding: 0;
}

.header-action-btn span {
    display: inline-block;
}

.header-action-btn:hover {
    background: none;
    border-color: rgba(255, 165, 5, 0.3);
    color: #0573C3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 115, 195, 0.08);
}

.header-action-btn svg {
    width: 18px;
    height: 18px;
    transition: all 0.2s ease;
}

.cart-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #0573C3 0%, #3498DB 100%);
    color: white;
    font-size: 10px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(5, 115, 195, 0.4);
    border: 2px solid #ffffff;
}

/* User Account - Logged In */
.header-action-btn.user-logged-in {
    padding: 0 12px 0 6px;
    gap: 8px;
    background: linear-gradient(135deg, #FFF8F0 0%, #FFF0E0 100%);
    border-color: rgba(255, 165, 5, 0.25);
    color: #E67E22;
}

.header-action-btn.user-logged-in:hover {
    background: linear-gradient(135deg, #FFF0E0 0%, #FFE8D0 100%);
    border-color: rgba(255, 165, 5, 0.5);
    color: #D35400;
    box-shadow: 0 4px 16px rgba(230, 126, 34, 0.15);
}

/* Admin logged-in style */
.header-action-btn.admin-logged-in {
    background: linear-gradient(135deg, #EBF6FF 0%, #D9EDFF 100%);
    border-color: rgba(5, 115, 195, 0.2);
    color: #0573C3;
}
.header-action-btn.admin-logged-in:hover {
    background: linear-gradient(135deg, #D9EDFF 0%, #C5E4FF 100%);
    border-color: rgba(5, 115, 195, 0.4);
    color: #045691;
    box-shadow: 0 4px 16px rgba(5, 115, 195, 0.12);
}

/* User dropdown menu */
.user-dropdown-wrap:hover .user-dropdown-menu,
.user-dropdown-wrap .user-dropdown-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.user-dropdown-menu a:hover {
    background: #F8FAFC !important;
}
.user-dropdown-menu a:last-child:hover {
    background: #EFF7FF !important;
}

.user-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.user-name {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 13px;
}

/* User Account - Not Logged In */
.header-action-btn.user-not-logged-in {
    color: #999999;
    background: linear-gradient(135deg, #F8F9FA 0%, #F0F1F2 100%);
    border-color: #E0E0E0;
}

.header-action-btn.user-not-logged-in:hover {
    color: #666666;
    border-color: #CCCCCC;
    background: linear-gradient(135deg, #F0F1F2 0%, #E8E9EA 100%);
}

.user-icon-gray {
    stroke: #AAAAAA;
    transition: stroke 0.2s ease;
}

.header-action-btn.user-not-logged-in:hover .user-icon-gray {
    stroke: #777777;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    background: #F5F7FA;
    border: 1px solid #DDE4ED;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    color: #525252;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-toggle:hover {
    background: none;
    border-color: rgba(255, 165, 5, 0.3);
    color: #0573C3;
    transform: scale(1.05);
}

.mobile-menu-toggle svg {
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
}

/* Mobile Menu - Fixed Blue Background */
.mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    z-index: 999;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
}

.mobile-menu.active {
    display: block;
    animation: slideDown 0.3s ease;
    position: relative;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-nav-menu {
    list-style: none;
    margin: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mobile-nav-link {
    display: block;
    padding: 14px 20px;
    color: #1A1A1A;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s ease;
    font-weight: 500;
    border: 1px solid transparent;
    line-height: 1.5;
    font-size: 14.5px;
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
    color: #0573C3;
    background: none;
    border-color: rgba(5, 115, 195, 0.08);
    transform: translateX(4px);
    text-decoration: none;
}

/* 移动端分组标题 */
.mobile-group-title {
    padding: 12px 20px 6px;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    gap: 6px;
}
.mobile-group-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #94a3b8;
    border-radius: 2px;
    flex-shrink: 0;
}
.mobile-group-title-link {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    padding-right: 20px;
}
.mobile-group-title-link:hover {
    color: #0573C3;
    background: rgba(5, 115, 195, 0.04);
}

/* 二级菜单样式 - Mobile */
.mobile-submenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    z-index: 10;
    overflow-y: auto;
    animation: slideInRight 0.3s ease;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.submenu-header {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background: #F5F7FA;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 11;
}

.submenu-back {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1A1A1A;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.02);
}

.submenu-back:hover {
    background: none;
    color: #0573C3;
    transform: translateX(-4px);
    text-decoration: none;
}

.submenu-back svg {
    flex-shrink: 0;
}

.submenu-title {
    flex: 1;
    text-align: center;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 16px;
    margin-right: 80px;
}

.submenu-list {
    padding: 16px;
}

.mobile-nav-link.has-submenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arrow-icon {
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .header-container {
        padding: 0 32px;
    }
    
    .header-nav {
        margin: 0 12px;
    }
    
    .nav-menu {
        gap: 2px;
    }

    .nav-link {
        padding: 8px 16px;
        font-size: 13.5px;
    }

    .nav-dropdown {
        width: 100%;
    }

    .dropdown-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .dropdown-content {
        padding: 40px 32px;
    }
}

@media (max-width: 768px) {
    .header-container {
        height: 64px;
        padding: 0 20px;
    }

    .header-nav {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    .header-actions {
        gap: 8px;
    }

    .header-action-btn {
        width: 36px;
        height: 36px;
    }

    .header-logo {
        font-size: 1.25rem;
    }

    .header-logo-icon {
        height: 38px;
    }
    
    .header-logo-icon img {
        height: 100%;
        width: auto;
    }

    .nav-dropdown {
        display: none !important;
    }
    
    .mobile-menu {
        max-height: calc(100vh - 64px);
    }
}

@media (max-width: 480px) {
    .header-container {
        height: 56px;
        padding: 0 16px;
    }

    .header-logo {
        font-size: 1.125rem;
        gap: 10px;
    }

    .header-logo-icon {
        height: 34px;
    }
    
    .header-logo-icon img {
        height: 100%;
        width: auto;
    }

    .header-action-btn {
        width: 32px;
        height: 32px;
    }

    .header-action-btn svg {
        width: 16px;
        height: 16px;
    }

    .header-action-btn.user-logged-in {
        padding: 0 8px 0 4px;
        gap: 4px;
    }

    .user-avatar {
        width: 24px;
        height: 24px;
    }

    .user-name {
        max-width: 60px;
        font-size: 12px;
    }

    .mobile-menu {
        max-height: calc(100vh - 56px);
    }
}

/* 搜索表单样式 */
.search-form-inline {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    background: #F5F7FA;
    border-radius: 25px;
    border: 2px solid #DDE4ED;
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.search-form-inline:hover,
.search-form-inline:focus-within {
    background: linear-gradient(135deg, #FFFBF5 0%, #FFF7ED 100%);
    border-color: #C5CDD8;
    box-shadow: 0 0 0 3px rgba(5, 115, 195, 0.08);
}

.search-input-inline {
    width: 160px;
    height: 40px;
    border: none;
    border-radius: 25px;
    padding: 0 20px;
    background: transparent;
    color: #1a1a1a;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.search-input-inline::placeholder {
    color: #a3a3a3;
}

.search-input-inline:focus {
    background: transparent;
}

.search-btn-inline {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: #DDE4ED;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #525252;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 2px;
}

.search-btn-inline:hover {
    background: #C5CDD8;
    transform: scale(1.05);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .search-form-inline {
        display: none;
    }

    .header-actions {
        flex-shrink: 0;
        gap: 6px;
    }

    .header-action-btn.user-not-logged-in span {
        display: none;
    }
}

@media (max-width: 480px) {
    .header-actions {
        gap: 4px;
    }

    .header-action-btn {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
    }

    .header-action-btn.icon-only {
        width: 32px;
        padding: 0;
    }

    .header-action-btn svg {
        width: 16px;
        height: 16px;
    }
}


/* ============================================================
   🎨 品牌色变量（来自 Logo 色彩提取）
   - 蓝色 #0573C3 (89.6%) → 品牌主色，专业、科技、可靠
   - 橙色 #FFA505 (10.3%) → 品牌强调色，能量、活力、行动
   ============================================================ */

/* ===== Clean Dropdown Transitions ===== */

/* Nav link hover - clean, no text shadow */
.nav-link:not(.active):hover {
    text-shadow: none;
}

/* Dropdown tree - simple fade down, no stagger */
.nav-dropdown-tree {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-8px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.nav-item:hover > .nav-dropdown-tree,
.nav-item:focus-within > .nav-dropdown-tree,
.nav-dropdown-tree:hover {
    transform: translateY(0) !important;
}

/* Tree level2 - simple slide in */
.tree-level2-wrap {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    transform: translateX(-6px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.tree-level1-item:hover > .tree-level2-wrap {
    transform: translateX(0) !important;
}

/* Mega dropdown - simple fade */
.nav-dropdown {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Nav active link - clean underline, no glow */
.nav-link.active::after {
    box-shadow: none;
}

/* Header scrolled - simple border */
.modern-header.scrolled {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
.modern-header.scrolled::after {
    display: none;
}

/* ===== Scroll Animation Classes ===== */
.scroll-fade-up,
.scroll-fade-left,
.scroll-fade-right,
.scroll-scale {
    opacity: 0;
    transition: opacity 0.9s cubic-bezier(0.16, 1, 0.32, 1), transform 0.9s cubic-bezier(0.16, 1, 0.32, 1);
    will-change: opacity, transform;
}
.scroll-fade-up { transform: translateY(36px); }
.scroll-fade-left { transform: translateX(-30px); }
.scroll-fade-right { transform: translateX(30px); }
.scroll-scale { transform: scale(0.94); }

.scroll-fade-up.visible,
.scroll-fade-left.visible,
.scroll-fade-right.visible,
.scroll-scale.visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.scroll-delay-1 { transition-delay: 0.08s; }
.scroll-delay-2 { transition-delay: 0.16s; }
.scroll-delay-3 { transition-delay: 0.24s; }
.scroll-delay-4 { transition-delay: 0.32s; }

/* Hero parallax */
.idx-hero-bg {
    transition: transform 0.1s linear;
    will-change: transform;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .scroll-fade-up, .scroll-fade-left, .scroll-fade-right, .scroll-scale {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .nav-dropdown-tree, .tree-level2-wrap, .nav-dropdown {
        transition: none !important;
    }
}

/* ===== FORCE COLOR OVERRIDE 007 ===== */
.nav-dropdown{background:linear-gradient(180deg,#F0F6FF,#E8F2FF)!important}
.dropdown-card,.nav-dropdown .dropdown-card{background:linear-gradient(135deg,#FFFBF5,#FFF7ED)!important;border:1px solid #FED7AA!important}
.dropdown-card:hover,.nav-dropdown .dropdown-card:hover{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)!important;border-color:#FFA505!important;box-shadow:0 12px 24px -8px rgba(255,165,5,.2)!important}
.dropdown-card:hover .dropdown-card-title{color:#FFA505!important}
.dropdown-card-image{display:none!important}
.dropdown-card-content{background:transparent!important}
/* ===== END ===== */
</style>

<!-- Modern Navigation Header -->
<header class="modern-header" id="modernHeader">
    <div class="header-container">
        <!-- Logo -->
        <a href="/" class="header-logo">
            <div class="header-logo-icon">
                <img src="/uploads/allimg/20250929/1-2509291S3311O.png" alt="英达森斯半导体" class="img-responsive"/>
            </div>
            <span class="header-logo-text">英达森斯半导体</span>
        </a>

        <!-- Desktop Navigation -->
        <nav class="header-nav" aria-label="主导航">
            <ul class="nav-menu">
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=70" class="nav-link active">产品</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item tree-group">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=70" class="tree-group-title tree-group-title-link">
                                    <span>电感式编码器芯片</span>
                                </a>
                                <div class="tree-group-items">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=71" class="tree-level2-link tree-flat-item">模拟输出芯片</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=72" class="tree-level2-link tree-flat-item">数字输出芯片</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=22" class="tree-level2-link tree-flat-item">混合信号输出</a>
                                                                    </div>
                            </div>
                                                    </div>
                                    </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=4" class="nav-link">应用</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=98" class="tree-level1-link">
                                    <span>工业自动化</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=64" class="tree-level2-link">伺服与自动化</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=91" class="tree-level2-link">精密量具与仪器</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=92" class="tree-level2-link">智能仪表与计量</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=99" class="tree-level1-link">
                                    <span>具身智能与机器人</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=17" class="tree-level2-link">机器人</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=100" class="tree-level1-link">
                                    <span>汽车电子与线控底盘</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=66" class="tree-level2-link">汽车电子</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=101" class="tree-level1-link">
                                    <span>新能源与高端装备</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=94" class="tree-level2-link">航空航天与国防</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=97" class="tree-level2-link">能源与重型装备</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=102" class="tree-level1-link">
                                    <span>智慧医疗与智能生活</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=93" class="tree-level2-link">医疗器械</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=95" class="tree-level2-link">智能楼宇与电梯</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=96" class="tree-level2-link">消费电子与智能硬件</a>
                                                                    </div>
                                                            </div>
                                                    </div>
                                    </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=31" class="nav-link">设计与开发</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=78" class="tree-level1-link">
                                    <span>评测套件</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=83" class="tree-level2-link">信号模拟测试输入平台</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=79" class="tree-level1-link">
                                    <span>开发工具</span>
                                                                        <svg class="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
                                                                    </a>
                                                                <div class="tree-level2-wrap">
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=80" class="tree-level2-link">芯片配置工具（ICS）</a>
                                                                        <a href="/index.php?m=home&c=Lists&a=index&tid=81" class="tree-level2-link">芯片编程工具（IPS）</a>
                                                                    </div>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=82" class="tree-level1-link">
                                    <span>参考设计</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=5" class="tree-level1-link">
                                    <span>算法赋能（AI）</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=32" class="tree-level1-link">
                                    <span>iCoil Studio PCB线圈设计平台</span>
                                                                    </a>
                                                            </div>
                                                    </div>
                                    </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=19" class="nav-link">电感式编码器百科</a>
                                        </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=2" class="nav-link">新闻中心</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=10" class="tree-level1-link">
                                    <span>公司动态</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=11" class="tree-level1-link">
                                    <span>行业资讯</span>
                                                                    </a>
                                                            </div>
                                                    </div>
                                    </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=73" class="nav-link">支持与服务</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=74" class="tree-level1-link">
                                    <span>文档中心</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=75" class="tree-level1-link">
                                    <span>工具下载</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=76" class="tree-level1-link">
                                    <span>技术支持</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=77" class="tree-level1-link">
                                    <span>常见问题</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=103" class="tree-level1-link">
                                    <span>视频专区</span>
                                                                    </a>
                                                            </div>
                                                    </div>
                                    </li>
                                <li class="nav-item has-dropdown" aria-haspopup="true">
                                            <a href="/index.php?m=home&c=Lists&a=index&tid=1" class="nav-link">关于英达森斯</a>
                                                <div class="nav-dropdown-tree">
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=8" class="tree-level1-link">
                                    <span>公司简介</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=9" class="tree-level1-link">
                                    <span>简历投递</span>
                                                                    </a>
                                                            </div>
                                                        <div class="tree-level1-item">
                                <a href="/index.php?m=home&c=Lists&a=index&tid=30" class="tree-level1-link">
                                    <span>联系我们</span>
                                                                    </a>
                                                            </div>
                                                    </div>
                                    </li>
                            </ul>
        </nav>

        <!-- Header Actions -->
        <div class="header-actions">
                        <form method="get" action="/index.php?m=home&c=Search&a=lists" id="searchForm" class="search-form-inline" role="search">
                <input name="keywords" id="keywords" type="text" class="search-input-inline" placeholder="搜索">
                <input type="hidden" name="m" value="home" /><input type="hidden" name="c" value="Search" /><input type="hidden" name="a" value="lists" /><input type="hidden" name="method" value="1" />                <button type="submit" class="header-action-btn icon-only search-btn-inline" title="搜索" aria-label="搜索">
                    <svg viewBox="0 0 24 24" fill="none">
                        <circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="2"/>
                        <path d="m21 21-4.35-4.35" stroke="currentColor" stroke-width="2"/>
                    </svg>
                </button>
            </form>
            
            <!-- Cart Icon -->
            <a href="/index.php?m=user&c=Shop&a=shop_cart_list" class="header-action-btn icon-only" title="购物车">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/>
                    <path d="M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6"/>
                </svg>
                <span class="cart-badge" id="cartBadge" style="display:none;">0</span>
            </a>

            <!-- User Account -->
                        <a href="/index.php?m=user&c=Users&a=login" class="header-action-btn user-not-logged-in" title="登录/注册">
                <svg class="user-icon-gray" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="12" cy="8" r="4"/>
                    <path d="M20 21a8 8 0 10-16 0"/>
                </svg>
                <span>登录</span>
            </a>
            
            <!-- Mobile Menu Toggle -->
            <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-expanded="false" aria-label="菜单" type="button">
                <svg viewBox="0 0 24 24" fill="none">
                    <line x1="3" y1="6" x2="21" y2="6" stroke="currentColor" stroke-width="2"/>
                    <line x1="3" y1="12" x2="21" y2="12" stroke="currentColor" stroke-width="2"/>
                    <line x1="3" y1="18" x2="21" y2="18" stroke="currentColor" stroke-width="2"/>
                </svg>
            </button>
        </div>
    </div>

    <!-- Mobile Menu -->
    <div class="mobile-menu" id="mobileMenu">
        <!-- 一级菜单 -->
        <ul class="mobile-nav-menu" id="mobileMenuLevel1">
            <li><a href="/" class="mobile-nav-link">首页</a></li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="3" data-typename="产品">
                        产品                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="4" data-typename="应用">
                        应用                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="31" data-typename="设计与开发">
                        设计与开发                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                        <li>
                                    <a href="/index.php?m=home&c=Lists&a=index&tid=19" class="mobile-nav-link">电感式编码器百科</a>
                            </li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="2" data-typename="新闻中心">
                        新闻中心                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="73" data-typename="支持与服务">
                        支持与服务                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                        <li>
                                    <a href="javascript:void(0);" class="mobile-nav-link has-submenu" data-typeid="1" data-typename="关于英达森斯">
                        关于英达森斯                        <svg class="arrow-icon" viewBox="0 0 24 24" fill="none" style="width: 16px; height: 16px; float: right; margin-top: 8px;">
                            <path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2"/>
                        </svg>
                    </a>
                            </li>
                    </ul>

                <div class="mobile-submenu" id="submenu-3" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">产品</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <!-- 产品栏目：分组标题 + 直接显示子分类 -->
                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=70" class="mobile-group-title mobile-group-title-link">电感式编码器芯片</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=71" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">模拟输出芯片</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=72" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">数字输出芯片</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=22" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">混合信号输出</a></li>
                                </ul>
        </div>
                <div class="mobile-submenu" id="submenu-4" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">应用</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=98" class="mobile-nav-link">工业自动化</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=64" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 伺服与自动化</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=91" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 精密量具与仪器</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=92" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 智能仪表与计量</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=99" class="mobile-nav-link">具身智能与机器人</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=17" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 机器人</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=100" class="mobile-nav-link">汽车电子与线控底盘</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=66" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 汽车电子</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=101" class="mobile-nav-link">新能源与高端装备</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=94" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 航空航天与国防</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=97" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 能源与重型装备</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=102" class="mobile-nav-link">智慧医疗与智能生活</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=93" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 医疗器械</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=95" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 智能楼宇与电梯</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=96" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 消费电子与智能硬件</a></li>
                                </ul>
        </div>
                <div class="mobile-submenu" id="submenu-31" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">设计与开发</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=78" class="mobile-nav-link">评测套件</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=83" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 信号模拟测试输入平台</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=79" class="mobile-nav-link">开发工具</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=80" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 芯片配置工具（ICS）</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=81" class="mobile-nav-link" style="padding-left: 40px; font-size: 13px;">- 芯片编程工具（IPS）</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=82" class="mobile-nav-link">参考设计</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=5" class="mobile-nav-link">算法赋能（AI）</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=32" class="mobile-nav-link">iCoil Studio PCB线圈设计平台</a></li>
                                </ul>
        </div>
                <div class="mobile-submenu" id="submenu-2" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">新闻中心</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=10" class="mobile-nav-link">公司动态</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=11" class="mobile-nav-link">行业资讯</a></li>
                                </ul>
        </div>
                <div class="mobile-submenu" id="submenu-73" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">支持与服务</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=74" class="mobile-nav-link">文档中心</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=75" class="mobile-nav-link">工具下载</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=76" class="mobile-nav-link">技术支持</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=77" class="mobile-nav-link">常见问题</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=103" class="mobile-nav-link">视频专区</a></li>
                                </ul>
        </div>
                <div class="mobile-submenu" id="submenu-1" style="display: none;">
            <div class="submenu-header">
                <a href="javascript:void(0);" class="submenu-back">
                    <svg viewBox="0 0 24 24" fill="none" style="width: 20px; height: 20px;">
                        <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2"/>
                    </svg>
                    返回
                </a>
                <span class="submenu-title">关于英达森斯</span>
            </div>
            <ul class="mobile-nav-menu submenu-list">
                                    <li><a href="/index.php?m=home&c=Lists&a=index&tid=8" class="mobile-nav-link">公司简介</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=9" class="mobile-nav-link">简历投递</a></li>
                                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=30" class="mobile-nav-link">联系我们</a></li>
                                </ul>
        </div>
            </div>
</header>

<script>
// Modern Header JavaScript
document.addEventListener('DOMContentLoaded', function() {
    // Fix nav highlighting - use setTimeout to ensure dropdown items are rendered
    setTimeout(function() {
        var navLinks = document.querySelectorAll('.nav-menu .nav-link');
        navLinks.forEach(function(link) { link.classList.remove('active'); });
        var currentUrl = window.location.href;
        var tidMatch = currentUrl.match(/[?&]tid=(\d+)/);
        var aidMatch = currentUrl.match(/[?&]aid=(\d+)/);
        var currentTid = tidMatch ? parseInt(tidMatch[1]) : 0;
        // 视频专区：伪静态 /video-zone 或播放控制器 /home/Video/ 均无 tid 参数
        if (!currentTid && /\/video-zone|\/home\/Video\/|[?&]c=Video(&|$)/i.test(currentUrl)) currentTid = 103;
        // If aid present (View page), get tid from breadcrumb
        if (!currentTid && aidMatch) {
            var typeLink = document.querySelector('.idx-hero-breadcrumb a:last-child, .breadcrumb a:last-child');
            if (typeLink) {
                var href = typeLink.getAttribute('href') || '';
                var m = href.match(/tid=(\d+)/);
                if (m) currentTid = parseInt(m[1]);
            }
        }
        if (currentTid > 0) {
            // First try direct match with top-level nav links
            var matched = false;
            navLinks.forEach(function(link) {
                if (matched) return;
                var href = link.getAttribute('href') || '';
                var m = href.match(/tid=(\d+)/);
                if (m && parseInt(m[1]) === currentTid) {
                    link.classList.add('active');
                    matched = true;
                }
            });
            // If no direct match, find in dropdown items and highlight parent nav
            if (!matched) {
                var dropdownLinks = document.querySelectorAll('.tree-level1-link, .tree-level2-link');
                dropdownLinks.forEach(function(dl) {
                    if (matched) return;
                    var href = dl.getAttribute('href') || '';
                    var m = href.match(/tid=(\d+)/);
                    if (m && parseInt(m[1]) === currentTid) {
                        var parentNavItem = dl.closest('.nav-item');
                        if (parentNavItem) {
                            var parentLink = parentNavItem.querySelector('.nav-link');
                            if (parentLink) {
                                parentLink.classList.add('active');
                                matched = true;
                            }
                        }
                    }
                });
            }
        }
    }, 100);

    const header = document.getElementById('modernHeader');
    const mobileMenuToggle = document.getElementById('mobileMenuToggle');
    const mobileMenu = document.getElementById('mobileMenu');

    // Header scroll effect
    let lastScrollTop = 0;
    window.addEventListener('scroll', function() {
        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

        if (scrollTop > 50) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }

        lastScrollTop = scrollTop;
    });

    // Mobile menu toggle
    mobileMenuToggle.addEventListener('click', function() {
        mobileMenu.classList.toggle('active');
        const isActive = mobileMenu.classList.contains('active');
        this.setAttribute('aria-expanded', isActive ? 'true' : 'false');

        // Toggle icon
        const icon = this.querySelector('svg');
        if (isActive) {
            icon.innerHTML = '<line x1="18" y1="6" x2="6" y2="18" stroke="currentColor" stroke-width="2"/><line x1="6" y1="6" x2="18" y2="18" stroke="currentColor" stroke-width="2"/>';
        } else {
            icon.innerHTML = '<line x1="3" y1="6" x2="21" y2="6" stroke="currentColor" stroke-width="2"/><line x1="3" y1="12" x2="21" y2="12" stroke="currentColor" stroke-width="2"/><line x1="3" y1="18" x2="21" y2="18" stroke="currentColor" stroke-width="2"/>';
        }
    });

    // Close mobile menu when clicking outside
    document.addEventListener('click', function(e) {
        if (!header.contains(e.target)) {
            mobileMenu.classList.remove('active');
            mobileMenuToggle.setAttribute('aria-expanded', 'false');
            const icon = mobileMenuToggle.querySelector('svg');
            icon.innerHTML = '<line x1="3" y1="6" x2="21" y2="6" stroke="currentColor" stroke-width="2"/><line x1="3" y1="12" x2="21" y2="12" stroke="currentColor" stroke-width="2"/><line x1="3" y1="18" x2="21" y2="18" stroke="currentColor" stroke-width="2"/>';
            
            // 关闭所有二级菜单
            document.querySelectorAll('.mobile-submenu').forEach(function(submenu) {
                submenu.style.display = 'none';
            });
        }
    });

    // 手机端二级菜单功能
    const submenuLinks = document.querySelectorAll('.mobile-nav-link.has-submenu');
    const submenuBacks = document.querySelectorAll('.submenu-back');

    // 点击有子菜单的一级菜单项
    submenuLinks.forEach(function(link) {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const typeid = this.getAttribute('data-typeid');
            const submenu = document.getElementById('submenu-' + typeid);
            
            if (submenu) {
                // 隐藏所有其他二级菜单
                document.querySelectorAll('.mobile-submenu').forEach(function(menu) {
                    if (menu !== submenu) {
                        menu.style.display = 'none';
                    }
                });
                
                // 显示当前二级菜单
                submenu.style.display = 'block';
                
                // 添加滑入动画
                setTimeout(function() {
                    submenu.style.animation = 'slideInRight 0.3s ease';
                }, 10);
            }
        });
    });

    // 点击返回按钮
    submenuBacks.forEach(function(back) {
        back.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const submenu = this.closest('.mobile-submenu');
            if (submenu) {
                // 添加滑出动画
                submenu.style.animation = 'slideOutRight 0.3s ease';
                
                // 动画结束后隐藏
                setTimeout(function() {
                    submenu.style.display = 'none';
                }, 300);
            }
        });
    });

    // 添加滑出动画
    const style = document.createElement('style');
    style.textContent = `
        @keyframes slideOutRight {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(100%);
            }
        }
    `;
    document.head.appendChild(style);

    // Active link highlighting - 基于URL的tid参数
    (function() {
        // 获取当前页面的tid
        const urlParams = new URLSearchParams(window.location.search);
        let currentTid = urlParams.get('tid');
        // 视频专区：伪静态 /video-zone 或播放控制器 /home/Video/ 均无 tid 参数
        if (!currentTid && /\/video-zone|\/home\/Video\/|[?&]c=Video(&|$)/i.test(window.location.href)) currentTid = 103;
        
        // 获取所有导航链接
        const navLinks = document.querySelectorAll('.nav-link');
        
        // 先移除所有现有的active类（避免eyou:eq产生的active）
        navLinks.forEach(link => link.classList.remove('active'));
        
        // 定义顶级菜单tid映射（子分类tid -> 父级菜单tid）
        // 产品与服务(tid=3): 芯片(67+), 定制服务, 设计工具, 参考设计
        // 应用(tid=4): 机器人, 伺服与自动化, 汽车电子
        // 设计资源(tid=31): 文档&工具, 算法赋能, iCoil Studio
        // 关于英达森斯(tid=1): 公司简介, 新闻, 简历投递, 联系我们
        // 电感编码器百科(tid=19): 无子分类
        
        function getParentNavTid(tid) {
            tid = parseInt(tid);
            // 产品与服务子分类 -> 3 (67-72, 78-80)
            if ([67,68,69,70,71,72,78,79,80].includes(tid)) return '3';
            // 支持与服务 -> 73 (子栏目74-77 及视频专区103)
            if ([73,74,75,76,77,103].includes(tid)) return '73';
            // 应用子分类 -> 4
            if ([91,92,93,94,95,96,97,98,99,100].includes(tid)) return '4';
            // 设计资源子分类 -> 31
            if ([101,102,104,105,106,107,108,109,110].includes(tid)) return '31';
            // 关于英达森斯子分类 -> 1
            if ([111,112,113,114,115,116,117,118,119,120].includes(tid)) return '1';
            // 电感编码器百科 -> 19
            if (tid === 19) return '19';
            // 本身就是顶级菜单
            if ([1,3,4,19,31,73].includes(tid)) return String(tid);
            return null;
        }
        
        // 确定当前页面应该激活的顶级菜单tid
        const targetNavTid = currentTid ? getParentNavTid(currentTid) : null;
        
        // 为匹配的导航链接添加active类
        navLinks.forEach(link => {
            const linkHref = link.getAttribute('href') || '';
            const match = linkHref.match(/tid=(\d+)/);
            if (match && targetNavTid && match[1] === targetNavTid) {
                link.classList.add('active');
            }
        });
    })();

    // Dropdown menu functionality
    const dropdownItems = document.querySelectorAll('.has-dropdown');
    let dropdownTimeout;
    let activeDropdown = null;

    function showDropdown(dropdown) {
        // 隐藏其他下拉菜单
        if (activeDropdown && activeDropdown !== dropdown) {
            hideDropdown(activeDropdown);
        }
        
        clearTimeout(dropdownTimeout);
        dropdown.style.opacity = '1';
        dropdown.style.visibility = 'visible';
        dropdown.style.transform = 'translateY(0)';
        activeDropdown = dropdown;
    }

    function hideDropdown(dropdown) {
        dropdown.style.opacity = '0';
        dropdown.style.visibility = 'hidden';
        dropdown.style.transform = 'translateY(-10px)';
        if (activeDropdown === dropdown) {
            activeDropdown = null;
        }
    }

    dropdownItems.forEach(item => {
        const dropdown = item.querySelector('.nav-dropdown');
        if (!dropdown) return;

        // 创建一个更大的感应区域
        const hoverZone = document.createElement('div');
        hoverZone.style.cssText = `
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: -20px;
            z-index: 9999;
            pointer-events: none;
        `;
        item.style.position = 'relative';
        item.appendChild(hoverZone);

        item.addEventListener('mouseenter', function(e) {
            showDropdown(dropdown);
        });

        item.addEventListener('mouseleave', function(e) {
            // 检查鼠标是否移动到下拉菜单区域
            const rect = dropdown.getBoundingClientRect();
            const mouseX = e.clientX;
            const mouseY = e.clientY;
            
            // 如果鼠标在下拉菜单范围内或接近范围内，延迟隐藏
            if (mouseX >= rect.left - 50 && mouseX <= rect.right + 50 && 
                mouseY >= rect.top - 20 && mouseY <= rect.bottom + 20) {
                return;
            }
            
            dropdownTimeout = setTimeout(() => {
                hideDropdown(dropdown);
            }, 300);
        });

        // 下拉菜单本身的鼠标事件
        dropdown.addEventListener('mouseenter', function() {
            clearTimeout(dropdownTimeout);
            showDropdown(dropdown);
        });

        dropdown.addEventListener('mouseleave', function(e) {
            // 检查鼠标是否移回到父菜单项
            const parentRect = item.getBoundingClientRect();
            const mouseX = e.clientX;
            const mouseY = e.clientY;
            
            if (mouseX >= parentRect.left && mouseX <= parentRect.right && 
                mouseY >= parentRect.top && mouseY <= parentRect.bottom) {
                return;
            }
            
            dropdownTimeout = setTimeout(() => {
                hideDropdown(dropdown);
            }, 300);
        });
    });

    // 点击其他地方隐藏下拉菜单
    document.addEventListener('click', function(e) {
        if (activeDropdown && !e.target.closest('.has-dropdown')) {
            hideDropdown(activeDropdown);
        }
    });

    // ===== Scroll Animation System =====
    (function() {
        // Auto-apply animation classes to common elements
        // NOTE: .dv-content-card and .dv-header removed — article detail content
        // must be visible immediately; tall content can fail the 0.08 intersection
        // threshold, causing "gray blank" on articles like aid=351/350/349.
        var selectors = [
            '.dropdown-card', '.category-card', '.app-card', '.news-card',
            '.product-card', '.feature-card', '.info-card',
            '.section-title', '.section-header', '.section-desc',
            '.hero-content', '.idx-hero-content'
        ];

        selectors.forEach(function(sel) {
            document.querySelectorAll(sel).forEach(function(el, i) {
                // Skip elements inside article body to prevent content disappearing
                if (el.closest('.dv-body')) return;
                if (el.classList.contains('scroll-fade-up')) return;
                el.classList.add('scroll-fade-up');
                // Add stagger delay based on position within parent
                var siblings = el.parentElement ? Array.from(el.parentElement.children).filter(function(c) { return c.classList.contains('scroll-fade-up'); }) : [];
                var idx = siblings.indexOf(el);
                if (idx >= 0 && idx < 4) {
                    el.classList.add('scroll-delay-' + (idx + 1));
                }
            });
        });

        // Intersection Observer for scroll animations
        if ('IntersectionObserver' in window) {
            var observer = new IntersectionObserver(function(entries) {
                entries.forEach(function(entry) {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                        observer.unobserve(entry.target);
                    }
                });
            }, {
                threshold: 0.08,
                rootMargin: '0px 0px -40px 0px'
            });

            document.querySelectorAll('.scroll-fade-up, .scroll-fade-left, .scroll-fade-right, .scroll-scale').forEach(function(el) {
                observer.observe(el);
            });
        } else {
            // Fallback: show all
            document.querySelectorAll('.scroll-fade-up, .scroll-fade-left, .scroll-fade-right, .scroll-scale').forEach(function(el) {
                el.classList.add('visible');
            });
        }
    })();

    // ===== Hero Parallax =====
    (function() {
        var heroBg = document.querySelector('.idx-hero-bg');
        if (!heroBg) return;

        var ticking = false;
        window.addEventListener('scroll', function() {
            if (!ticking) {
                requestAnimationFrame(function() {
                    var scrolled = window.pageYOffset;
                    if (scrolled < 400) {
                        heroBg.style.transform = 'translateY(' + (scrolled * 0.3) + 'px)';
                    }
                    ticking = false;
                });
                ticking = true;
            }
        }, { passive: true });
    })();

    // ===== Smooth Scroll for Anchor Links =====
    (function() {
        document.querySelectorAll('a[href^="#"]:not([href="#"]):not([href="javascript"])').forEach(function(link) {
            link.addEventListener('click', function(e) {
                var target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    e.preventDefault();
                    var offset = 80;
                    var targetPos = target.getBoundingClientRect().top + window.pageYOffset - offset;
                    window.scrollTo({ top: targetPos, behavior: 'smooth' });
                }
            });
        });
    })();
});
</script><script>
if(/[?&]measure=1/.test(location.search)){
  function __m(){
    function R(sel){var e=document.querySelector(sel);if(!e)return null;var r=e.getBoundingClientRect();return {L:Math.round(r.left),R:Math.round(r.right),W:Math.round(r.width)};}
    var de=document.documentElement;
    var rows=[
      'tid='+new URLSearchParams(location.search).get('tid'),
      'inner '+window.innerWidth+' client '+de.clientWidth+' vbar '+(window.innerWidth-de.clientWidth)+' scrollW '+de.scrollWidth,
      'logo '    +JSON.stringify(R('.header-logo')),
      'navwrap '+JSON.stringify(R('.header-nav')),
      'menu '    +JSON.stringify(R('.nav-menu')),
      'actions ' +JSON.stringify(R('.header-actions')),
      'search '  +JSON.stringify(R('.search-form-inline')),
      'hc '      +JSON.stringify(R('.header-container'))
    ];
    var d=document.createElement('div');
    d.style.cssText='position:fixed;top:0;left:0;right:0;z-index:999999;background:#001100;color:#3f3;font:15px/1.6 monospace;padding:8px 12px;white-space:pre-wrap';
    d.textContent=rows.join('\n');
    document.body.appendChild(d);
  }
  if(document.readyState!=='loading')__m(); else document.addEventListener('DOMContentLoaded',__m);
  setTimeout(__m,600);
}
</script>
<script>
if(/[?&]measure=1/.test(location.search)){
  function __m(){
    function R(sel){var e=document.querySelector(sel);if(!e)return null;var r=e.getBoundingClientRect();return {L:Math.round(r.left),R:Math.round(r.right),W:Math.round(r.width)};}
    var de=document.documentElement;
    var rows=[
      'tid='+new URLSearchParams(location.search).get('tid'),
      'inner '+window.innerWidth+' client '+de.clientWidth+' vbar '+(window.innerWidth-de.clientWidth)+' scrollW '+de.scrollWidth,
      'logo '    +JSON.stringify(R('.header-logo')),
      'navwrap '+JSON.stringify(R('.header-nav')),
      'menu '    +JSON.stringify(R('.nav-menu')),
      'actions ' +JSON.stringify(R('.header-actions')),
      'search '  +JSON.stringify(R('.search-form-inline')),
      'hc '      +JSON.stringify(R('.header-container'))
    ];
    var d=document.createElement('div');
    d.style.cssText='position:fixed;top:0;left:0;right:0;z-index:999999;background:#001100;color:#3f3;font:15px/1.6 monospace;padding:8px 12px;white-space:pre-wrap';
    d.textContent=rows.join('\n');
    document.body.appendChild(d);
  }
  if(document.readyState!=='loading')__m(); else document.addEventListener('DOMContentLoaded',__m);
  setTimeout(__m,600);
}
</script>

<!-- 公用头部 end -->
<link href="/template/pc/skin/style/style.css" rel="stylesheet" media="screen" type="text/css" />


<style>
:root {
  --brand-blue: #0573C3;
  --brand-blue-hover: #0362A8;
  --brand-blue-light: #EBF4FF;
  --brand-orange: #FFA505;
  --brand-orange-hover: #E69400;
  --text-main: #1A1A1A;
  --text-secondary: #525252;
  --text-light: #737373;
  --bg-light: #F5F7FA;
  --bg-white: #FFFFFF;
  --border-color: #DDE4ED;
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow: 0 4px 12px -2px rgba(5, 115, 195, 0.08), 0 2px 4px -2px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 24px -4px rgba(5, 115, 195, 0.12), 0 4px 8px -4px rgba(0,0,0,0.06);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
}
.product-center-page {adding: 60px 0; }
.pc-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.pc-section-title { text-align: center; margin-bottom: 48px; }
.pc-section-title h2 { font-size: 36px; font-weight: 700; color: var(--text-main); margin-bottom: 12px; }
.pc-section-title p { font-size: 16px; color: var(--text-secondary); }

/* ===== IDX Hero (full-width image background) ===== */
.idx-hero {
  position: relative;
  height: 280px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #0a1628;
}
.idx-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
  z-index: 1;
}
.idx-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8,24,68,0.85) 0%, rgba(8,24,68,0.60) 55%, rgba(8,24,68,0.30) 100%);
  z-index: 2;
}
.idx-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 3;
  pointer-events: none;
}
.idx-hero-content {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.idx-hero-breadcrumb {
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 14px;
}
.idx-hero-breadcrumb a {
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color 0.2s;
}
.idx-hero-breadcrumb a:hover {
  color: rgba(255,255,255,0.85);
}
.idx-hero-breadcrumb .sep {
  margin: 0 8px;
}
.idx-hero-breadcrumb .current {
  color: rgba(255,255,255,0.85);
}
.idx-hero-title {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.idx-hero-desc {
  font-size: 15px;
  color: rgba(255,255,255,0.82);
  line-height: 1.7;
  max-width: 580px;
  margin: 0;
}

/* ===== Category Card Grid ===== */
.category-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 0 auto 48px;
}

/* ===== Level 2 Category Card Grid (image style) ===== */
.l2-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}
.l2-card {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s;
  text-decoration: none;
  display: block;
}
.l2-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand-blue);
}
.l2-card-image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.l2-card-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);
}
.l2-card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: var(--brand-orange);
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.l2-card-content { padding: 24px; position: relative; z-index: 1; }
.l2-card-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 8px;
}
.l2-card-desc {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.l2-card-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--brand-blue);
  text-decoration: none;
  transition: color 0.2s;
}
.l2-card:hover .l2-card-link { color: var(--brand-blue-hover); }

.category-card {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s;
  text-decoration: none;
  display: block;
}
.category-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand-blue);
}
.category-card-image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.category-card-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);
}
.category-card-image-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: var(--brand-orange);
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.category-card-content { padding: 24px; }
.category-card-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 8px;
}
.category-card-desc {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.category-card-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--brand-blue);
  text-decoration: none;
  transition: color 0.2s;
}
.category-card:hover .category-card-link {
  color: var(--brand-blue-hover);
}

/* ===== Category Level 2 Tabs ===== */
.category-level2-wrap {
  margin-bottom: 24px;
}
.category-level2-label {
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--text-secondary);
}
.category-level2-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.category-level2-tab {
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid var(--border-color);
  background: var(--bg-white);
  color: var(--text-secondary);
  text-decoration: none;
}
.category-level2-tab:hover {
  border-color: var(--brand-blue);
  color: var(--brand-blue);
}
.category-level2-tab.active {
  background: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}

/* ===== Search & Sort Toolbar ===== */
.product-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}
.product-toolbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 280px;
}
.product-search-form {
  position: relative;
  flex: 1;
  max-width: 400px;
}
.product-search-input {
  width: 100%;
  padding: 10px 16px 10px 42px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  font-size: 14px;
  color: var(--text-main);
  background: var(--bg-white);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}
.product-search-input::placeholder {
  color: var(--text-light);
}
.product-search-input:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 3px rgba(0,103,184,0.1);
}
.product-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-light);
  pointer-events: none;
}
.product-toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-sort-select {
  padding: 10px 32px 10px 14px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  font-size: 14px;
  color: var(--text-main);
  background: var(--bg-white);
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  transition: border-color 0.2s;
}
.product-sort-select:focus {
  border-color: var(--brand-blue);
}
.product-count {
  font-size: 14px;
  color: var(--text-light);
  white-space: nowrap;
}

/* ===== Product Grid ===== */
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.product-card {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.product-card-image {
  height: 200px;
  background: var(--bg-light);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.product-card-image img {
  max-width: 80%;
  max-height: 90%;
  object-fit: contain;
  transition: transform 0.3s;
}
.product-card:hover .product-card-image img {
  transform: scale(1.05);
}

/* ===== Status Badge ===== */
.product-status-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  z-index: 2;
  line-height: 1.6;
}
.product-status-badge.badge-new {
  background: #F59A23;
  color: #ffffff;
}
.product-status-badge.badge-production {
  background: #10b981;
  color: #ffffff;
}

.product-card-info {
  padding: 20px;
}
.product-card-model {
  font-size: 12px;
  color: var(--brand-blue);
  font-family: 'Courier New', monospace;
  font-weight: 600;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}
.product-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-main);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-card-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
.product-card-title a:hover {
  color: var(--brand-blue);
}
.product-card-desc {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 12px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===== Product Card Specs ===== */
.product-card-specs {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-card-specs .spec-item {
  font-size: 12px;
  color: var(--text-light);
  padding: 0 10px;
  position: relative;
  flex-shrink: 0;
}
.product-card-specs .spec-item:first-child {
  padding-left: 0;
}
.product-card-specs .spec-item:not(:first-child)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--text-light);
}
.product-card-specs .spec-link {
  font-size: 12px;
  color: var(--brand-blue);
  text-decoration: none;
  flex-shrink: 0;
}
.product-card-specs .spec-link:hover {
  text-decoration: underline;
}

.product-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid var(--border-color);
}
.product-card-actions {
  display: flex;
  gap: 8px;
}
.pc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  text-decoration: none;
  border: none;
  gap: 4px;
}
.pc-btn-outline {
  background: #fff;
  color: var(--brand-blue);
  border: 1px solid var(--brand-blue);
}
.pc-btn-outline:hover {
  background: var(--brand-blue-light);
  text-decoration: none;
}
.pc-btn-primary {
  background: var(--brand-blue);
  color: #fff;
  border: 1px solid var(--brand-blue);
}
.pc-btn-primary:hover {
  background: var(--brand-blue-hover);
  border-color: var(--brand-blue-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5,115,195,0.3);
  color: #fff;
  text-decoration: none;
}

/* ===== Status Badge (legacy) ===== */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 600;
}
.badge-success { background: #d1fae5; color: #065f46; }
.badge-warning { background: #fef3c7; color: #92400e; }
.badge-info { background: #dbeafe; color: #1e40af; }

/* ===== Empty State ===== */
.pc-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  color: var(--text-light);
}
.pc-empty svg {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  opacity: 0.4;
}
.pc-empty p {
  font-size: 16px;
}

/* ===== Pagination ===== */
.pc-pagination {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  gap: 8px;
}
.pc-pagination a,
.pc-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  background: var(--bg-white);
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s;
  font-weight: 500;
  font-size: 14px;
}
.pc-pagination a:hover {
  background: rgba(0,103,184,0.04);
  border-color: var(--brand-blue);
  color: var(--brand-blue);
}
.pc-pagination .current {
  background: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .idx-hero { height: 220px; }
  .idx-hero-title { font-size: 28px; }
  .idx-hero-desc { font-size: 14px; }
  .category-card-grid { grid-template-columns: 1fr; gap: 16px; }
  .l2-card-grid { grid-template-columns: 1fr; gap: 16px; }
  .category-card { padding: 24px 20px; }
  .category-card-name { font-size: 18px; }
  .pc-section-title h2 { font-size: 28px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-toolbar { flex-direction: column; align-items: stretch; }
  .product-toolbar-left { min-width: 100%; }
  .product-search-form { max-width: 100%; }
  .product-toolbar-right { justify-content: space-between; }
}
@media (max-width: 480px) {
  .idx-hero { height: 180px; }
  .idx-hero-title { font-size: 24px; }
  .idx-hero-desc { font-size: 13px; }
  .product-card-actions { flex-direction: column; }
  .product-card-actions .pc-btn { width: 100%; text-align: center; justify-content: center; }
}
</style>



<!-- IDX Hero -->
<section class="idx-hero">
  <div class="idx-hero-bg" style="background-image: url('/uploads/allimg/20260726/banner_products.jpg');"></div>
  <div class="idx-hero-overlay"></div>
  <div class="idx-hero-content">
        <h1 class="idx-hero-title">产品</h1>
        <p class="idx-hero-desc">英达森斯电感编码器广泛应用于机器人、工业自动化、汽车电子等领域，为精密运动控制提供核心传感方案。</p>
      </div>
</section>

<div style="height: 40px;"></div>

<div class="product-center-page">
  <section class="pc-section">
    <div class="pc-container">

      <!-- Category Card Grid (Level 1) - Only show on top level -->
            <div class="category-card-grid">
                <a href="/index.php?m=home&c=Lists&a=index&tid=70" class="category-card ">
          <div class="category-card-image" style="background-image: url('/uploads/allimg/20260726/card_encoder_chip.jpg');">
            <span class="category-card-image-badge">电感式编码器芯片</span>
          </div>
          <div class="category-card-content">
            <h3 class="category-card-name">电感式编码器芯片</h3>
            <p class="category-card-desc"></p>
            <span class="category-card-link">查看产品 &rarr;</span>
          </div>
        </a>
              </div>
      
      <!-- Level 2 Category Cards - Show on L1 pages (like IDX sub-category homepage) -->
      
      <!-- Level 2 Category Tabs - Show on L2 pages -->
          </div>
  </section>
</div>

<!--网站公用底部 begin -->
<style>
/* ========== Footer Layout ========== */
.simple-footer {
    background: #f5f7fa;
    color: #333;
    position: relative;
    overflow: hidden;
    border-top: 3px solid #0573C3;
}

.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 32px 0;
    position: relative;
    z-index: 1;
}

/* --- Top: Company Info + Nav Links --- */
.footer-top {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    gap: 48px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e4ea;
}

/* Company Info Column */
.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer-brand-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.footer-brand-logo img {
    height: 56px;
    width: auto;
    object-fit: contain;
}

.footer-brand-logo .brand-text {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: 0.5px;
}

/* Phone Number */
.footer-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

.footer-phone svg {
    width: 20px;
    height: 20px;
    color: #0573C3;
    flex-shrink: 0;
    stroke-width: 2;
}

.footer-phone span {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a2e;
    letter-spacing: 1px;
}

/* --- Nav Columns --- */
.footer-nav {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr 1fr 1fr;
    gap: 0;
}

.footer-nav-col {
    padding: 0 15px;
}

.footer-nav-col:first-child {
    padding-left: 0;
}

.footer-nav-col:last-child {
    padding-right: 0;
}

.footer-nav-col h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 16px;
    letter-spacing: 0.3px;
}

.footer-nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav-links li {
    margin: 0;
    padding: 5px 0;
}

.footer-nav-links a {
    color: #5a6270;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
    display: inline-block;
    white-space: nowrap;
}

.footer-nav-links a:hover {
    color: #0573C3;
}

/* Footer产品分类分组标题 */
.footer-nav-links .footer-group-title {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.02em;
    padding: 8px 0 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: -3px;
}
.footer-nav-links .footer-group-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #94a3b8;
    border-radius: 2px;
    flex-shrink: 0;
}
.footer-nav-links .footer-group-title-link {
    color: #334155;
    text-decoration: none;
    transition: all 0.2s ease;
}
.footer-nav-links .footer-group-title-link:hover {
    color: #0573C3;
    text-decoration: underline;
}
.footer-nav-links .footer-sub-item {
    padding-left: 9px;
}

/* --- Bottom Bar --- */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    margin-top: 0;
}

.footer-copyright {
    font-size: 13px;
    color: #6a7280;
}

.footer-copyright a {
    color: #6a7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-copyright a:hover {
    color: #0573C3;
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
    .footer-top {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 0;
    }

    .footer-nav-col {
        padding: 0;
    }
}

@media (max-width: 640px) {
    .footer-container {
        padding: 32px 20px 0;
    }

    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 0;
    }

    .footer-nav-col h4 {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .footer-nav-links a {
        font-size: 13px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px 0;
    }

    .footer-phone span {
        font-size: 18px;
    }
}
</style>

<footer class="simple-footer">
  <div class="footer-container">
    <!-- Top Section: Brand + Nav -->
    <div class="footer-top">
      <!-- Left: Company Info -->
      <div class="footer-brand">
        <a href="/" class="footer-brand-logo" aria-label="Home">
          <img src="/uploads/allimg/20250929/1-2509291S3311O.png" alt="英达森斯半导体" onerror="this.style.display='none'">
          <span class="brand-text">英达森斯半导体</span>
        </a>
        <div class="footer-phone">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>
          <span>021 - 5877 8728</span>
        </div>
      </div>

      <!-- Right: Nav Links (4 columns) -->
      <nav class="footer-nav" aria-label="Footer navigation">
        <div class="footer-nav-col">
          <h4>产品</h4>
          <ul class="footer-nav-links">
            <li class="footer-group-title"><a href="/index.php?m=home&c=Lists&a=index&tid=70" class="footer-group-title-link">电感式编码器芯片</a></li><li class="footer-sub-item"><a href="/index.php?m=home&c=Lists&a=index&tid=71">模拟输出芯片</a></li><li class="footer-sub-item"><a href="/index.php?m=home&c=Lists&a=index&tid=72">数字输出芯片</a></li><li class="footer-sub-item"><a href="/index.php?m=home&c=Lists&a=index&tid=22">混合信号输出</a></li>          </ul>
        </div>

        <div class="footer-nav-col">
          <h4>解决方案</h4>
          <ul class="footer-nav-links">
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=98">工业自动化</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=99">具身智能与机器人</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=100">汽车电子与线控底盘</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=101">新能源与高端装备</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=102">智慧医疗与智能生活</a></li>
                      </ul>
        </div>

        <div class="footer-nav-col">
          <h4>设计与开发</h4>
          <ul class="footer-nav-links">
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=78">评测套件</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=79">开发工具</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=82">参考设计</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=5">算法赋能（AI）</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=32">iCoil Studio PCB线圈设计平台</a></li>
                      </ul>
        </div>

        <div class="footer-nav-col">
          <h4>服务和支持</h4>
          <ul class="footer-nav-links">
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=74">文档中心</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=75">工具下载</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=76">技术支持</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=77">常见问题</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=103">视频专区</a></li>
                      </ul>
        </div>

        <div class="footer-nav-col">
          <h4>关于英达森斯</h4>
          <ul class="footer-nav-links">
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=8">公司简介</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=9">简历投递</a></li>
                        <li><a href="/index.php?m=home&c=Lists&a=index&tid=30">联系我们</a></li>
                      </ul>
        </div>
      </nav>
    </div>

    <!-- Bottom Bar -->
    <div class="footer-bottom">
      <div class="footer-copyright">© 2026 英达森斯半导体. All rights reserved.</div>
      <div class="footer-copyright"><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank"><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">沪ICP备2024093817号-1</a></a></div>
    </div>
  </div>
</footer>
<script defer src="/public/plugins/Ueditor/third-party/jquery-1.10.2.min.js"></script>
<script defer src="/public/plugins/layer-v3.1.0/layer.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fc96e815e6f2d660cb3ca6c41688c320";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

// Update cart badge on page load
// jQuery 以 defer 方式加载，需等待 DOMContentLoaded（defer 脚本先于此事件执行）后再调用 $
document.addEventListener('DOMContentLoaded', function() {
  $.ajax({
    url: '/index.php?m=user&c=Shop&a=shop_cart_num&_ajax=1',
    type: 'get',
    dataType: 'json',
    success: function(res) {
      if (res.code == 1 && res.data > 0) {
        var badge = document.getElementById('cartBadge');
        if (badge) {
          badge.textContent = res.data;
          badge.style.display = 'flex';
        }
      }
    }
  });
});
</script>

<script>
/* 强制所有内部链接在当前窗口打开 */
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('a').forEach(function(a) {
        var href = a.getAttribute('href');
        if (href && !href.startsWith('http') && !href.startsWith('//') && !href.startsWith('javascript')) {
            a.removeAttribute('target');
        }
        if (href && href.startsWith('/') && !href.startsWith('//')) {
            a.removeAttribute('target');
        }
    });
});
</script>

<script type="text/javascript">var root_dir="";var ey_aid=0;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.8.1.0"></script>
</body>
</html>

<!--网站公用底部 end -->

<!--统一留言表单弹窗 -->
<link rel="stylesheet" href="/template/pc/skin/style/unified_form.css?v=20260814d">

<div class="uf-overlay" id="unifiedFormOverlay" style="display:none;">
  <div class="uf-modal" id="unifiedFormModal">
    <button class="uf-close" id="ufCloseBtn" type="button">&times;</button>

    <div class="uf-header">
      <h2 id="ufModalTitle">申请样片</h2>
      <p id="ufModalSubtitle">请填写以下信息，我们将安排样片寄送</p>
    </div>

    <div class="uf-tabs" id="ufTabs">
      <button class="uf-tab active" data-cat="sample" type="button">申请样品</button>
      <button class="uf-tab" data-cat="quote" type="button">获取报价</button>
      <button class="uf-tab" data-cat="custom" type="button">定制芯片</button>
      <button class="uf-tab" data-cat="consult" type="button">技术咨询</button>
      <button class="uf-tab" data-cat="business" type="button">商务合作</button>
    </div>

    <form id="unifiedForm" class="uf-form" autocomplete="on">
      <input type="hidden" name="typeid" value="4">
      <input type="hidden" name="form_type" value="1">
      <input type="hidden" name="lang" value="cn">
      <input type="hidden" name="attr_74" id="ufCategory" value="申请样品">
            <input type="hidden" name="__token__" value="b352ab20865a555631d025615d863bdb">

      <div class="uf-row">
        <div class="uf-group">
          <label><span class="uf-required">*</span>姓名</label>
          <input type="text" name="attr_75" id="ufName" placeholder="请输入您的姓名" required>
        </div>
        <div class="uf-group">
          <label>职位</label>
          <input type="text" name="attr_94" id="ufPosition" placeholder="请输入您的职位（如：研发总监）">
        </div>
        <div class="uf-group">
          <label><span class="uf-required">*</span>电话</label>
          <input type="tel" name="attr_76" id="ufPhone" placeholder="请输入联系电话" required>
        </div>
      </div>

      <div class="uf-row">
        <div class="uf-group">
          <label>邮箱</label>
          <input type="email" name="attr_77" id="ufEmail" placeholder="请输入邮箱地址">
        </div>
        <div class="uf-group">
          <label><span class="uf-required">*</span>公司/组织</label>
          <input type="text" name="attr_78" id="ufCompany" placeholder="请输入公司/组织名称" required>
        </div>
      </div>

      <div class="uf-row">
        <div class="uf-group uf-full">
          <label><span class="uf-required">*</span>详细地址</label>
          <input type="text" name="attr_79" id="ufCity" placeholder="请输入详细地址" required>
        </div>
      </div>

      <div class="uf-row">
        <div class="uf-group">
          <label>项目当前阶段</label>
          <select name="attr_93" id="ufProjectPhase">
            <option value="">请选择</option>
            <option value="前期调研">前期调研</option>
            <option value="国产替代">国产替代</option>
            <option value="新项目立项">新项目立项</option>
            <option value="量产阶段">量产阶段</option>
            <option value="样机攻坚">样机攻坚</option>
            <option value="其他">其他</option>
          </select>
        </div>
        <div class="uf-group">
          <label id="ufProductModelLabel"><span class="uf-required">*</span>产品型号</label>
          <select name="attr_80" id="ufProductModel">
            <option value="">请选择产品型号</option>
            <option value="IDX3463">IDX3463</option>
            <option value="IDX3531">IDX3531</option>
            <option value="IDX3550">IDX3550</option>
            <option value="IDX3551">IDX3551</option>
            <option value="IDX3560">IDX3560</option>
            <option value="IDX3561">IDX3561</option>
          </select>
        </div>
        <div class="uf-group">
          <label>应用领域</label>
          <select name="attr_89" id="ufAppField">
            <option value="">请选择</option>
            <option value="机器人">机器人</option>
            <option value="汽车电子">汽车电子</option>
            <option value="伺服与自动化">伺服与自动化</option>
            <option value="消费电子">消费电子</option>
            <option value="工业控制">工业控制</option>
            <option value="医疗设备">医疗设备</option>
            <option value="其他">其他</option>
          </select>
        </div>
      </div>

      <div class="uf-cat-fields uf-cat-sample">
        <div class="uf-row">
          <div class="uf-group uf-full">
            <label><span class="uf-required">*</span>样品数量</label>
            <input type="number" name="attr_82" id="ufQty" placeholder="请输入样品数量" min="1">
          </div>
        </div>
      </div>

      <div class="uf-cat-fields uf-cat-quote" style="display:none;">
        <div class="uf-row">
          <div class="uf-group">
            <label><span class="uf-required">*</span>年用量</label>
            <select name="attr_86" id="ufAnnualQty">
              <option value="">请选择</option>
              <option value="<1K">&lt;1K</option>
              <option value="1K-10K">1K-10K</option>
              <option value="10K-100K">10K-100K</option>
              <option value=">100K">&gt;100K</option>
            </select>
          </div>
          <div class="uf-group">
            <label>目标价格</label>
            <input type="text" name="attr_87" id="ufTargetPrice" placeholder="如：5.00元/pcs">
          </div>
        </div>
        <div class="uf-row">
          <div class="uf-group uf-full">
            <label><span class="uf-required">*</span>采购时间表</label>
            <select name="attr_88" id="ufPurchaseTime">
              <option value="">请选择</option>
              <option value="1个月内">1个月内</option>
              <option value="1-3个月">1-3个月</option>
              <option value="3-6个月">3-6个月</option>
              <option value="不确定">不确定</option>
            </select>
          </div>
        </div>
      </div>

      <div class="uf-cat-fields uf-cat-custom" style="display:none;">
        <div class="uf-row">
          <div class="uf-group">
            <label>期望交付时间</label>
            <select name="attr_90" id="ufDeliveryTime">
              <option value="">请选择</option>
              <option value="3个月内">3个月内</option>
              <option value="3-6个月">3-6个月</option>
              <option value="6-12个月">6-12个月</option>
              <option value="灵活">灵活</option>
            </select>
          </div>
          <div class="uf-group">
            <label><span class="uf-required">*</span>年用量</label>
            <input type="text" name="attr_86_custom" id="ufCustomQty" placeholder="如：50K/年">
          </div>
        </div>
      </div>

      <div class="uf-cat-fields uf-cat-business" style="display:none;">
        <div class="uf-row">
          <div class="uf-group">
            <label><span class="uf-required">*</span>合作类型</label>
            <select name="attr_91" id="ufCoopType">
              <option value="">请选择</option>
              <option value="代理分销">代理分销</option>
              <option value="技术合作">技术合作</option>
              <option value="供应链合作">供应链合作</option>
              <option value="投资合作">投资合作</option>
              <option value="其他">其他</option>
            </select>
          </div>
          <div class="uf-group">
            <label>公司规模</label>
            <select name="attr_92" id="ufCompanySize">
              <option value="">请选择</option>
              <option value="<50人">&lt;50人</option>
              <option value="50-200人">50-200人</option>
              <option value="200-1000人">200-1000人</option>
              <option value=">1000人">&gt;1000人</option>
            </select>
          </div>
        </div>
      </div>

      <div class="uf-row">
        <div class="uf-group uf-full">
          <label id="ufMessageLabel">详细描述</label>
          <textarea name="attr_81" id="ufMessage" rows="3" placeholder="请简要描述您的用途和需求"></textarea>
        </div>
      </div>

      <div class="uf-submit-row">
        <button type="submit" class="uf-submit-btn" id="ufSubmitBtn">提交申请</button>
      </div>
    </form>

    <div class="uf-success" id="ufSuccessMsg" style="display:none;">
      <div class="uf-success-icon">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
          <polyline points="20,6 9,17 4,12"/>
        </svg>
      </div>
      <h3>提交成功</h3>
      <p id="ufSuccessText">您的申请已成功提交，我们将在1-2个工作日内与您联系。</p>
      <div class="uf-success-actions">
        <button class="uf-success-again" id="ufSuccessAgainBtn" type="button">再次提交</button>
        <button class="uf-success-close" id="ufSuccessCloseBtn" type="button">关闭</button>
      </div>
    </div>
  </div>
</div>

<script src="/template/pc/skin/js/unified_form.js?v=20260814d"></script>


<!--产品卡片按钮触发 -->

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.uf-trigger').forEach(function(btn) {
    btn.addEventListener('click', function(e) {
      e.preventDefault();
      var cat = this.dataset.cat || 'sample';
      var model = this.dataset.model || '';
      if (typeof openUnifiedForm === 'function') {
        openUnifiedForm(cat, model);
      }
    });
  });
});
</script>

