<!--公用头部 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=View&a=index&aid=174" />
    <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=View&a=index&aid=174" />
    <meta property="og:site_name" content="英达森斯半导体" />
    <meta property="og:image" content="https://www.induxense.com/uploads/allimg/20260712/174_chip.png" />
    <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/20260712/174_chip.png" />
    <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=View&a=index&aid=174"}]}</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>
/* ===== Product Detail - New Product Center Style ===== */
.pd-page {
  --brand-blue: #0067B8;
  --brand-blue-hover: #005A9E;
  --brand-blue-dark: #003B73;
  --brand-orange: #F59A23;
  --brand-orange-hover: #E08912;
  --text-main: #333333;
  --text-secondary: #666666;
  --text-light: #888888;
  --bg-light: #F8F9FA;
  --bg-white: #FFFFFF;
  --border-color: #E5E7EB;
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  background: var(--bg-light);
  min-height: calc(100vh - 200px);
  padding-bottom: 64px;
}

.pd-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Breadcrumb */
.pd-breadcrumb {
  background: var(--bg-white);
  border-bottom: 1px solid var(--border-color);
  padding: 12px 0;
}
.pd-breadcrumb-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-light);
}
.pd-breadcrumb a {
  color: var(--brand-blue);
  text-decoration: none;
  transition: color 0.2s;
}
.pd-breadcrumb a:hover { color: var(--brand-blue-hover); text-decoration: underline; }
.pd-breadcrumb .sep svg { width: 16px; height: 16px; }
.pd-breadcrumb .current { color: var(--text-main); font-weight: 500; }

/* Main Layout */
.pd-main {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
}

/* Left Column */
.pd-left {}

/* Product Hero Banner */
.pd-image-wrap {
  width: 100%;
  height: 260px;
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 50% 40%, #f0f7ff 0%, #dbeafe 45%, #bfdbfe 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
/* 用户上传自定义 Banner 时的暗色遮罩，保持文字可读 */
.pd-image-wrap--custom::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,20,50,0.72) 0%, rgba(0,20,50,0.45) 45%, rgba(0,0,0,0.18) 100%);
  pointer-events: none;
}
.pd-image-wrap--custom::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  mix-blend-mode: overlay;
  pointer-events: none;
}
.pd-hero-chip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 58%;
  width: auto;
  max-width: 70%;
  object-fit: contain;
  z-index: 1;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.12));
}
.pd-hero-model {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  padding: 6px 12px;
  color: rgba(255, 255, 255, 0.95);
  font-size: 15px;
  font-weight: 600;
  font-family: 'Courier New', 'SF Mono', monospace;
  letter-spacing: 1px;
  z-index: 2;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Product Header */
.pd-header { margin-bottom: 24px; }
.pd-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.pd-title {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.pd-part-number {
  font-size: 28px;
  color: #333333;
  font-weight: 600;
  font-family: 'SimHei', 'Heiti SC', 'Microsoft YaHei', sans-serif;
  margin-bottom: 12px;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #dbeafe;
}
.pd-part-model {
  color: #0067B8;
  background: #f0f7ff;
  padding: 2px 10px;
  border-radius: 4px;
}
.pd-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
}
.pd-status-badge.status-dev { background: #3b82f6; }
.pd-status-badge.status-sample { background: #f59e0b; }
.pd-status-badge.status-mass { background: #059669; }

.pd-subtitle {
  font-size: 20px;
  color: #4b5563;
  margin-bottom: 24px;
  line-height: 1.4;
}

.pd-description {
  color: #374151;
  line-height: 1.7;
  margin-bottom: 24px;
  font-size: 15px;
}

/* Data Sheet Link */
.pd-datasheet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--bg-white);
  border: 1px solid #d1d5db;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}
.pd-datasheet:hover {
  border-color: var(--brand-blue);
  color: var(--brand-blue);
  text-decoration: none;
}
.pd-datasheet .pdf-tag {
  font-size: 12px;
  color: #9ca3af;
  margin-left: 4px;
}

/* Features & Applications Grid */
.pd-features-apps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 32px;
}

.pd-section-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-main);
}
.pd-section-title svg {
  flex-shrink: 0;
}
.pd-section-title .pd-section-subtitle {
  font-size: 13px;
  font-weight: 500;
  color: var(--brand-blue);
  margin-left: 8px;
  padding: 2px 8px;
  background: #f0f7ff;
  border-radius: 4px;
  letter-spacing: 0.3px;
  line-height: 1.4;
}

.pd-feature-list,
.pd-app-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pd-feature-list li,
.pd-app-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
}
.pd-feature-list li svg,
.pd-app-list li svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.pd-feature-list li span,
.pd-app-list li span {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
}

/* Product Description */
.pd-product-desc {
  margin-top: 32px;
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 24px;
}
.pd-desc-content {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}

/* Parametrics Table - Professional Datasheet Style */
.pd-parametrics {
  margin-top: 48px;
}
.pd-param-table {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.pd-param-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.pd-param-table thead {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.pd-param-table th {
  padding: 14px 20px;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #475569;
  border-bottom: 2px solid #e2e8f0;
  white-space: nowrap;
  position: relative;
}
.pd-param-table th:first-child {
  width: auto;
  min-width: 160px;
}
.pd-param-table th:nth-child(2) {
  width: 100%;
}
.pd-param-table th:first-child::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: #e2e8f0;
}
.pd-param-table tbody tr {
  transition: background-color 0.2s ease;
}
.pd-param-table tbody tr:hover {
  background: #f8fafc;
}
.pd-param-table tbody tr:last-child td {
  border-bottom: none;
}
.pd-param-table td {
  padding: 13px 20px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.pd-param-table td:first-child {
  font-weight: 500;
  color: #1e293b;
  width: auto;
  min-width: 160px;
  white-space: nowrap;
  background: #fafbfc;
  position: relative;
  padding-left: 24px;
}
.pd-param-table td:first-child::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: #0067B8;
  border-radius: 0 2px 2px 0;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.pd-param-table tr:hover td:first-child::before {
  opacity: 1;
}
.pd-param-table td:nth-child(2) {
  color: #334155;
  font-weight: 400;
}
.pd-param-table td.highlight {
  color: #0067B8;
  font-weight: 600;
}
.pd-param-table td.highlight code {
  display: inline-block;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 4px;
  padding: 1px 8px;
  font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
  font-size: 13px;
  color: #0067B8;
  margin: 0 2px;
}
/* 奇数行斑马纹（可选，已经通过蓝色左侧边条区分） */
.pd-param-table tbody tr:nth-child(even) td:first-child {
  background: #f8f9fb;
}

/* Product Content (legacy) */
.pd-content-section {
  margin-top: 48px;
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 32px;
}
.pd-content-section h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}
.pd-content-section .content-body {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}
.pd-content-section .content-body img {
  max-width: 100%;
  height: auto;
  margin: 16px 0;
  border-radius: var(--radius);
}
.pd-content-section .content-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}
.pd-content-section .content-body table th,
.pd-content-section .content-body table td {
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  font-size: 14px;
}
.pd-content-section .content-body table th {
  background: #f9fafb;
  font-weight: 600;
}

/* Right Column */
.pd-right {}

/* Info Card (Features/Applications in sidebar) */
.pd-info-card {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 24px;
  margin-bottom: 20px;
}
.pd-info-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 8px;
}
.pd-info-card-title::before {
  content: '';
  width: 4px;
  height: 20px;
  background: var(--brand-blue);
  border-radius: 2px;
}
.pd-info-card-title .pd-section-subtitle {
  font-size: 12px;
  font-weight: 500;
  color: var(--brand-blue);
  margin-left: auto;
  padding: 2px 8px;
  background: #f0f7ff;
  border-radius: 4px;
  letter-spacing: 0.3px;
  line-height: 1.4;
}
.pd-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pd-info-list li {
  padding: 10px 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
  color: var(--text-main);
}
.pd-info-list li:last-child {
  border-bottom: none;
}
.pd-info-check {
  width: 22px;
  height: 22px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  font-weight: 700;
}
.pd-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pd-tag {
  background: var(--bg-light);
  color: var(--text-secondary);
  padding: 8px 16px;
  border-radius: var(--radius-lg);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
}
.pd-tag:hover {
  background: #eef2ff;
  color: var(--brand-blue);
}

/* Ordering Card */
.pd-order-card {
  background: var(--bg-white);
  border: 1px solid #d1d5db;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.pd-order-header {
  background: #f3f4f6;
  border-bottom: 1px solid #d1d5db;
  padding: 16px 24px;
}
.pd-order-header h3 {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-main);
}
.pd-order-header h3 svg { flex-shrink: 0; }

.pd-order-body { padding: 16px; }

.pd-order-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  font-size: 14px;
}
.pd-order-info-label {
  color: var(--text-light);
  margin-bottom: 4px;
  font-size: 13px;
}
.pd-order-info-value {
  color: var(--text-main);
  font-weight: 500;
}
.pd-stock-status {
  color: #047857;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Pricing Tiers */
.pd-pricing-wrap {
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  margin-bottom: 24px;
  overflow: hidden;
}
.pd-pricing-header {
  background: #f9fafb;
  padding: 6px 12px;
  border-bottom: 1px solid var(--border-color);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-light);
  display: flex;
  justify-content: space-between;
}
.pd-pricing-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pd-pricing-list li {
  padding: 6px 12px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f3f4f6;
  font-size: 14px;
}
.pd-pricing-list li:nth-child(2) { background: #eff6ff; }
.pd-pricing-list li:last-child { border-bottom: none; }
.pd-pricing-list .qty-range { color: var(--text-main); }
.pd-pricing-list .unit-price { color: var(--text-main); }
.pd-pricing-list .unit-price.bulk { color: var(--brand-orange); font-weight: 600; }

/* Quantity Input */
.pd-qty-section { margin-bottom: 16px; }
.pd-qty-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
}
.pd-qty-input-wrap {
  display: flex;
}
.pd-qty-input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-right: none;
  border-radius: var(--radius) 0 0 var(--radius);
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}
.pd-qty-input:focus { border-color: var(--brand-blue); }
.pd-qty-suffix {
  padding: 8px 16px;
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 0 var(--radius) var(--radius) 0;
  font-size: 14px;
  color: var(--text-light);
}
.pd-total-hint {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-light);
}
.pd-total-hint strong {
  font-weight: 700;
  color: var(--text-main);
}

/* Buttons */
.pd-btn-cart {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: var(--brand-orange);
  color: #fff;
  font-weight: 600;
  border-radius: var(--radius);
  cursor: pointer;
  border: none;
  font-size: 15px;
  transition: all 0.2s;
}
.pd-btn-cart:hover {
  background: var(--brand-orange-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245,154,35,0.3);
}

.pd-divider {
  border-top: 1px solid var(--border-color);
  margin: 16px 0;
}

.pd-btn-sample {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--bg-white);
  color: var(--brand-blue);
  font-weight: 600;
  border: 1px solid var(--brand-blue);
  border-radius: var(--radius);
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
  text-decoration: none;
}
.pd-btn-sample:hover {
  background: var(--brand-blue);
  color: #fff;
  text-decoration: none;
}

/* ASIC Promo Card */
.pd-asic-card {
  background: var(--brand-blue);
  color: #fff;
  border-radius: var(--radius);
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
  margin-top: 24px;
}
.pd-asic-card-bg {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
  opacity: 0.1;
}
.pd-asic-card-body {
  padding: 24px;
  position: relative;
  z-index: 1;
}
.pd-asic-label {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.pd-asic-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
.pd-asic-card p {
  font-size: 14px;
  color: #dbeafe;
  margin-bottom: 24px;
  line-height: 1.6;
}
.pd-asic-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff;
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 700;
  border-radius: var(--radius);
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.pd-asic-btn:hover {
  background: #f0f7ff;
}

/* Technical Docs Section */
.pd-tech-docs {
  margin-top: 48px;
}
.pd-docs-table {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  overflow: hidden;
  border-collapse: collapse;
  font-size: 14px;
  background: var(--bg-white);
}
.pd-docs-table thead { background: #f9fafb; }
.pd-docs-table th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-secondary);
}
.pd-docs-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.pd-docs-table a {
  color: var(--brand-blue);
  text-decoration: none;
}
.pd-docs-table a:hover { text-decoration: underline; }

/* Support Docs */
.pd-support-section {
  margin-top: 32px;
}
.pd-support-table {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  overflow: hidden;
  border-collapse: collapse;
  font-size: 14px;
  background: var(--bg-white);
}
.pd-support-table thead { background: #f9fafb; }
.pd-support-table th {
  padding: 12px 16px;
  text-align: center;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-secondary);
}
.pd-support-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
  text-align: center;
}
.pd-support-table a {
  color: var(--brand-blue);
  text-decoration: none;
}
.pd-support-table a:hover { text-decoration: underline; }

/* Tech Resource Cards */
.pd-tech-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.pd-tech-card-group {
  flex: 1;
  min-width: 280px;
  max-width: 100%;
}
.pd-tech-card-group-title {
  font-size: 13px;
  font-weight: 600;
  color: #4338ca;
  background: #eef2ff;
  padding: 6px 14px;
  border-radius: 6px;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
}
.pd-tech-card-list {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  overflow: hidden;
}
.pd-tech-card {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s;
}
.pd-tech-card:last-child { border-bottom: none; }
.pd-tech-card:hover { background: #f8faff; }
.pd-tech-card-title {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--brand-blue);
  line-height: 1.4;
}
.pd-tech-card-meta {
  font-size: 12px;
  color: var(--text-light);
  margin: 0 12px;
  white-space: nowrap;
}
.pd-tech-card-arrow {
  color: #c0c8d4;
  flex-shrink: 0;
}

/* Order Modal */
.pd-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10, 30, 50, 0.55);
  backdrop-filter: blur(4px);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pd-modal-overlay.show {
  display: flex;
  opacity: 1;
}
.pd-modal {
  background: #ffffff;
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 20px;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px -12px rgba(0, 103, 184, 0.2), 0 12px 24px -8px rgba(0,0,0,0.1);
  margin: 20px;
  transform: translateY(20px) scale(0.96);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}
.pd-modal-overlay.show .pd-modal {
  transform: translateY(0) scale(1);
}
.pd-modal-header {
  padding: 24px 28px 20px;
  border-bottom: 1px solid #eef2f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}
.pd-modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pd-modal-header h3::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 18px;
  background: var(--brand-blue);
  border-radius: 2px;
}
.pd-modal-close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  color: #718096;
  cursor: pointer;
  border: none;
  background: #f5f7fa;
  transition: all 0.2s ease;
}
.pd-modal-close:hover {
  background: #e2e8f0;
  color: #1a202c;
  transform: rotate(90deg);
}
.pd-modal-body { padding: 32px; }
.pd-modal-body .form-group { margin-bottom: 20px; }
.pd-modal-body .form-group label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #3d4f60;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
}
.pd-modal-body .form-group .required {
  color: #e53e3e;
  font-size: 14px;
  line-height: 1;
}
.pd-input-wrap {
  position: relative;
}
.pd-input-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  pointer-events: none;
  transition: color 0.2s ease;
  z-index: 2;
}
.pd-input-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.pd-textarea-wrap .pd-input-icon {
  top: 14px;
  transform: none;
}
.pd-modal-body .form-group input,
.pd-modal-body .form-group select,
.pd-modal-body .form-group textarea {
  width: 100%;
  padding: 12px 14px 12px 44px;
  border: 1px solid #dbe3eb;
  border-radius: 10px;
  font-size: 14px;
  color: #1e293b;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pd-modal-body .form-group input::placeholder,
.pd-modal-body .form-group textarea::placeholder {
  color: #94a3b8;
}
.pd-modal-body .form-group input:hover,
.pd-modal-body .form-group select:hover,
.pd-modal-body .form-group textarea:hover {
  border-color: #b0c2d3;
}
.pd-input-wrap:hover .pd-input-icon {
  color: #475569;
}
.pd-modal-body .form-group input:focus,
.pd-modal-body .form-group select:focus,
.pd-modal-body .form-group textarea:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 4px rgba(0, 103, 184, 0.08);
}
.pd-input-wrap:focus-within .pd-input-icon {
  color: var(--brand-blue);
}
.pd-modal-body .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.pd-modal-body .btn-submit {
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  background: linear-gradient(135deg, #0067B8 0%, #005A9E 50%, #004e8c 100%);
  background-size: 200% 200%;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 14px rgba(0, 103, 184, 0.3);
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pd-modal-body .btn-submit:hover {
  background-position: 100% 0;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 103, 184, 0.38);
}
.pd-modal-body .btn-submit:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 103, 184, 0.25);
}
.pd-modal::-webkit-scrollbar {
  width: 6px;
}
.pd-modal::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}
.pd-modal::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.pd-modal::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Responsive */
@media (max-width: 1024px) {
  .pd-main { grid-template-columns: 1fr 260px; }
  .pd-features-apps { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .pd-main { grid-template-columns: 1fr; }
  .pd-title { font-size: 24px; }
  .pd-subtitle { font-size: 16px; }
  .pd-image-wrap { height: 250px; }
  .pd-order-info { flex-direction: column; gap: 12px; }
  .pd-modal { border-radius: 16px; margin: 16px; }
  .pd-modal-body { padding: 24px; }
  .pd-modal-header { padding: 20px 24px 16px; }
  .pd-modal-body .form-row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .pd-main { grid-template-columns: 1fr; }
  .pd-modal { margin: 12px; }
  .pd-modal-body { padding: 20px; }
  .pd-download-item { flex-wrap: wrap; }
  .pd-download-arrow { display: none; }
  .pd-related-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Download Section - ams-OSRAM style */
.pd-dl-category { margin-bottom: 24px; }
.pd-dl-category:last-child { margin-bottom: 0; }
.pd-dl-category-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  gap: 8px;
}
.pd-dl-cat-doc-center {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #0067B8;
  background: #f0f7ff;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #dbeafe;
}
.pd-dl-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-bottom: none;
  transition: background 0.15s;
}
.pd-dl-row:last-of-type { border-bottom: 1px solid var(--border-color); }
.pd-dl-row:hover { background: #f8faff; }
.pd-dl-file-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: #fef2f2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef4444;
}
.pd-dl-info { flex: 1; min-width: 0; }
.pd-dl-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-main);
  line-height: 1.4;
  margin-bottom: 4px;
}
.pd-dl-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--text-light);
}
.pd-dl-type-badge {
  background: #eef2ff;
  color: #4338ca;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.pd-dl-format {
  color: #6b7280;
  font-weight: 500;
}
.pd-dl-download-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border: 1px solid var(--brand-blue);
  border-radius: var(--radius);
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}
.pd-dl-download-btn:hover {
  background: var(--brand-blue);
  color: #fff;
  text-decoration: none;
}
/* 直接下载按钮样式 */
.pd-dl-btn-direct {
  background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
  color: #fff;
  border-color: var(--brand-blue);
}
.pd-dl-btn-direct:hover {
  background: linear-gradient(135deg, var(--brand-blue-dark) 0%, #023d70 100%);
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5, 115, 195, 0.3);
}
/* 锁定下载按钮样式 */
.pd-dl-btn-lock {
  background: #9ca3af;
  color: #fff;
  border-color: #9ca3af;
  cursor: pointer;
  opacity: 0.85;
}
.pd-dl-btn-lock:hover {
  background: #6b7280;
  color: #fff !important;
  border-color: #6b7280;
  text-decoration: none !important;
  opacity: 1;
  transform: translateY(-1px);
}
/* 留资下载按钮样式 */
.pd-dl-btn-lead {
  background: #3B9EE6;
  color: #fff;
  border-color: #3B9EE6;
  cursor: pointer;
}
.pd-dl-btn-lead:hover {
  background: #2684d4;
  color: #fff !important;
  border-color: #2684d4;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 158, 230, 0.3);
}
/* 申请下载按钮样式 */
.pd-dl-btn-apply {
  background: #0573C3;
  color: #fff;
  border-color: #0573C3;
  cursor: pointer;
}
.pd-dl-btn-apply:hover {
  background: #0460a3;
  color: #fff !important;
  border-color: #0460a3;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(5, 115, 195, 0.3);
}
@media (max-width: 768px) {
  .pd-dl-row { flex-wrap: wrap; gap: 12px; padding: 14px 16px; }
  .pd-dl-download-btn { width: 100%; justify-content: center; box-sizing: border-box; }
}

/* Related Products */
.pd-related-section { margin-top: 48px; }
.pd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.pd-related-card {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
}
.pd-related-card:hover {
  border-color: var(--brand-blue);
  box-shadow: 0 4px 12px rgba(0,103,184,0.1);
  transform: translateY(-2px);
  text-decoration: none;
}
.pd-related-card-img {
  height: 130px;
  overflow: hidden;
  background: linear-gradient(135deg, #f0f7ff 0%, #dbeafe 100%);
}
.pd-related-card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
}
.pd-related-card-body { padding: 14px; }
.pd-related-card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-main);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pd-related-card-model {
  font-size: 12px;
  font-weight: 600;
  color: var(--brand-blue);
  font-family: 'Courier New', monospace;
  margin-top: 4px;
}
@media (max-width: 1024px) {
  .pd-related-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .pd-related-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== 下载弹框样式 ===== */
.download-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
}

.download-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.download-modal-content {
    background: white;
    border-radius: 12px;
    max-width: 480px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: slideUp 0.3s ease-out;
}

.download-modal-header {
    padding: 24px 24px 16px;
    border-bottom: 1px solid #e5e7eb;
    position: relative;
    text-align: center;
}

.download-modal-header h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
}

.download-modal-subtitle {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
}

.download-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #6b7280;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.download-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.download-modal-body {
    padding: 24px;
    padding-bottom: 0px;
}

.download-form-group {
    margin-bottom: 16px;
}

.download-form-group input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.download-form-group input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.download-form-group input::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

.download-form-group input:focus::placeholder {
    color: #d1d5db;
}

.download-form-row {
    display: flex;
    gap: 12px;
}

.download-form-group.half {
    flex: 1;
}

.download-submit-btn {
    padding: 14px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 8px;
    width: 150px;
    background: #3b82f6;
    color: white;
}

.download-submit-btn:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.download-modal-footer {
    background: #f8fafc;
    padding: 16px 24px 20px;
    border-top: 1px solid #e5e7eb;
}

.download-contact-header {
    text-align: center;
    margin-bottom: 16px;
}

.download-contact-header h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
}

.download-contact-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.download-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.download-contact-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.download-phone-icon,
.download-email-icon,
.download-location-icon,
.download-time-icon {
    background: #3b82f6;
}

.download-contact-item:hover .download-contact-icon {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.download-contact-details {
    flex: 1;
    min-width: 0;
}

.download-contact-details strong {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 2px;
    line-height: 1.2;
}

.download-contact-details p {
    margin: 0;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.3;
    word-break: break-all;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { 
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to { 
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 480px) {
    .download-modal-content {
        width: 95%;
        max-width: none;
    }
    .download-contact-info {
        grid-template-columns: 1fr;
    }
    .download-form-row {
        flex-direction: column;
        gap: 0;
    }
    .download-submit-btn {
        width: 100%;
    }
}
</style>

<div class="pd-page">
    <!-- Breadcrumb -->
  <div class="pd-breadcrumb">
    <div class="pd-container">
      <div class="pd-breadcrumb-inner">
        <a href="/">首页</a>
        <span class="sep"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        <a href="/index.php?m=home&c=Lists&a=index&tid=3">产品与服务</a>
        <span class="sep"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        <a href="/index.php?m=home&c=Lists&a=index&tid=22">混合信号输出</a>
        <span class="sep"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        <span class="current">绝对位置电感式编码器芯片</span>
      </div>
    </div>
  </div>
  
  <div class="pd-container">
    <div class="pd-main">
      <!-- Left Column -->
      <div class="pd-left">
        <!-- Product Hero Banner -->
        <div class="pd-image-wrap " role="img" aria-label="IDX3550" >
                    <img class="pd-hero-chip" src="/uploads/allimg/20260712/174_chip.png" alt="芯片示意图">
                    <span class="pd-hero-model">IDX3550</span>
                  </div>

        <!-- Product Header -->
        <div class="pd-header">
          <div class="pd-title-row">
            <h1 class="pd-title">绝对位置电感式编码器芯片</h1>
                      </div>
                    <div class="pd-part-number">型号：<span class="pd-part-model">IDX3550</span></div>
                    <div class="pd-description">混合信号输出电感式编码器芯片，支持模拟与数字双输出模式，灵活适配不同控制器接口，覆盖工业与汽车应用场景。</div>
                  </div>

        <!-- Product Description -->
                <div class="pd-product-desc">
          <h3 class="pd-section-title" style="margin-bottom:16px;">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0067B8" stroke-width="2">
              <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6"/><path d="M16 13H8"/><path d="M16 17H8"/><path d="M10 9H8"/>
            </svg>
            产品描述 <span class="pd-section-subtitle">Product Description</span>
          </h3>
          <div class="pd-desc-content">IDX3550为单圈绝对位置电感式传感器芯片，660000 e-RPM超高转速、内置RISC-V可定制、既可以输出双组模拟正余弦信号，也可兼容数字ABZ/PWM/SENT/UVW/SPI/SSI输出</div>
        </div>
        
        <!-- Parametrics Table -->
                <div class="pd-parametrics">
          <h3 class="pd-section-title" style="margin-bottom:16px;">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0067B8" stroke-width="2">
              <path d="M3 6h18M3 12h18M3 18h18"/>
            </svg>
            参数规格 <span class="pd-section-subtitle">Parametrics</span>
          </h3>
          <div class="pd-param-table">
            <table>
              <thead>
                <tr>
                  <th>参数名称</th>
                  <th>具体规格</th>
                </tr>
              </thead>
              <tbody>
                                <tr>
                  <td>供电电压</td>
                  <td class="">
                    5V                  </td>
                </tr>
                                <tr>
                  <td>输出信号(模拟)</td>
                  <td class="">
                    SIN/COS                  </td>
                </tr>
                                <tr>
                  <td>输出信号(数字)</td>
                  <td class="highlight">
                    <code>ABZ</code>/<code>UVW</code>/<code>SENT</code>/<code>PWM</code>/<code>RS485</code>                  </td>
                </tr>
                                <tr>
                  <td>线圈励磁频率范围</td>
                  <td class="">
                    1-5MHZ                  </td>
                </tr>
                                <tr>
                  <td>发射线圈TX</td>
                  <td class="">
                    1组                  </td>
                </tr>
                                <tr>
                  <td>接收线圈RX</td>
                  <td class="">
                    3相/2相 x 2                  </td>
                </tr>
                                <tr>
                  <td>AGC能力</td>
                  <td class="">
                    有                  </td>
                </tr>
                                <tr>
                  <td>片内ADC位数</td>
                  <td class="">
                    16bit                  </td>
                </tr>
                                <tr>
                  <td>分辨率</td>
                  <td class="">
                    20bit(基于16极对线圈)                  </td>
                </tr>
                                <tr>
                  <td>输出延时</td>
                  <td class="">
                    ＜3us                  </td>
                </tr>
                                <tr>
                  <td>工作温度</td>
                  <td class="">
                    -40-125℃                  </td>
                </tr>
                                <tr>
                  <td>储存温度</td>
                  <td class="">
                    -40-150℃                  </td>
                </tr>
                                <tr>
                  <td>最高电转数</td>
                  <td class="">
                    660000e-RPM                  </td>
                </tr>
                                <tr>
                  <td>系统精度</td>
                  <td class="">
                    0.005°                  </td>
                </tr>
                              </tbody>
            </table>
          </div>
        </div>
        
        <!-- Legacy Content Section -->
        
        <!-- Related Resources - 相关资源（合并文档中心+设计开发资源） -->
                <div class="pd-support-section">
          <h3 class="pd-section-title" style="margin-bottom:16px;">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0067B8" stroke-width="2">
              <path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
            </svg>
            相关资源 <span class="pd-section-subtitle">Related Resources</span>
          </h3>
                    <div class="pd-dl-category">
            <div class="pd-dl-category-title">数据手册</div>
                        <div class="pd-dl-row">
              <div class="pd-dl-file-icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="1.5">
                  <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
              </div>
              <div class="pd-dl-info">
                <div class="pd-dl-title">IDX3550 数据手册</div>
                <div class="pd-dl-meta">
                  <span class="pd-dl-type-badge">文档</span>
                  <span class="pd-dl-format">PDF</span>
                                    <span class="pd-dl-date">2026-07-23</span>
                                  </div>
              </div>
                              <a class="pd-dl-download-btn pd-dl-btn-lead" href="javascript:void(0);" 
                   onclick="openLeadModal('309', 'IDX3550 数据手册', '/uploads/soft/20260712/IDX3550_1-260202151104Q4.pdf')" 
                   title="需要登记信息才能下载">
                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
                    <circle cx="12" cy="7" r="4"/>
                    <path d="M8 11V7a4 4 0 0 1 8 0v4"/>
                  </svg>
                  下载
                </a>
                            </div>
                      </div>
                    <div class="pd-dl-category">
            <div class="pd-dl-category-title">设计与开发</div>
                        <div class="pd-dl-row">
              <div class="pd-dl-file-icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="1.5">
                  <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
              </div>
              <div class="pd-dl-info">
                <div class="pd-dl-title">iCoil Studio PCB线圈设计平台</div>
                <div class="pd-dl-meta">
                  <span class="pd-dl-type-badge">设计与开发</span>
                  <span class="pd-dl-format">PDF</span>
                                    <span class="pd-dl-date">2025-10-30</span>
                                  </div>
              </div>
                            <a class="pd-dl-download-btn" href="/index.php?m=home&c=Lists&a=index&tid=32" target="_blank">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M9 18l6-6-6-6"/>
                </svg>
                详情
              </a>
                          </div>
                      </div>
                  </div>
        
        <!-- Related Products -->
              </div>

      <!-- Right Column -->
      <div class="pd-right">
        <!-- Ordering Card -->
        
        <!-- Features Card (Right Sidebar) -->
                <div class="pd-info-card">
          <h3 class="pd-info-card-title">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0067B8" stroke-width="2">
              <path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
            </svg>
            产品特性 <span class="pd-section-subtitle">Features</span>
          </h3>
          <ul class="pd-info-list">
                        <li>
              <span class="pd-info-check">✓</span>
              <span>基于电涡流原理的角度/位移监测</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>高可靠性绝对位置测量输出</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>支持2组I/Q线圈输入或2组3相线圈输入</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>20bit分辨率（基于16CPR线圈）</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>数字输出接口支持ABZ/PWM/SENT/UVW/SPI</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>模拟输出支持差分正余弦和线性相位输出</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>支持高达660,000e-RPM的超高转速角度测量，最大测量更新速率＜1us</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>片内支持可配置16段线性相位矫正</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>可编程通道增益控制</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>5VDC供电</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>工作环境温度-40-125℃</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>内置RISC-V处理器可执行用户自定义程序</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>角度输出延时＜3us</span>
            </li>
                        <li>
              <span class="pd-info-check">✓</span>
              <span>支持客户自定义输出协议</span>
            </li>
                      </ul>
        </div>
        
        <!-- Applications Card (Right Sidebar) -->
                <div class="pd-info-card">
          <h3 class="pd-info-card-title">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0067B8" stroke-width="2">
              <path d="M13 10V3L4 14h7v7l9-11h-7z"/>
            </svg>
            应用场景 <span class="pd-section-subtitle">Applications</span>
          </h3>
          <div class="pd-tag-list">
                        <span class="pd-tag">伺服电机控制</span>
                        <span class="pd-tag">工业自动化</span>
                        <span class="pd-tag">新能源汽车电机位置检测</span>
                        <span class="pd-tag">医疗设备精密控制</span>
                      </div>
        </div>
        
        <!-- ASIC Customization Card -->
        <div class="pd-asic-card">
          <div class="pd-asic-card-bg">
            <svg width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
            </svg>
          </div>
          <div class="pd-asic-card-body">
            <div class="pd-asic-label">定制方案进阶</div>
            <h3>电感 ASIC 定制服务</h3>
            <p>封装体积受限？需要特殊的车规级安全认证（ISO26262 ASIL-D）或增加特定的通信协议（如 SENT, BiSS-C）？我们的 NRE 服务可提供从裸晶（Die）到专用芯片流片的深度定制。</p>
            <button class="pd-asic-btn" id="pdAsicBtn">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
              </svg>
              联系技术专员评估
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Sample Request Modal -->
<div class="pd-modal-overlay" id="pdSampleModal">
  <div class="pd-modal">
    <div class="pd-modal-header">
      <h3>样片申请</h3>
      <button class="pd-modal-close" id="pdModalClose">&times;</button>
    </div>
    <div class="pd-modal-body">
            <form id="sampleForm" method="POST" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn"  enctype="multipart/form-data"  onsubmit="return submit33c7c3279e9248fdcb842415546ed443(this);">
        <div class="form-group">
          <label>芯片型号 <span class="required">*</span></label>
          <div class="pd-input-wrap">
            <span class="pd-input-icon">
              <svg viewBox="0 0 24 24"><path d="M22 9V7h-2V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2v-2h-2V9h2zm-4 10H4V5h14v14zM6 13h5v4H6v-4zm6-6h4v3h-4V7zm0 4h4v6h-4v-6zM6 7h5v5H6V7z"/></svg>
            </span>
            <select name='attr_26' required>
              <option value="">选择芯片型号</option>
                            <option value="IDX3550">IDX3550</option>
                            <option value="IDX3551">IDX3551</option>
                            <option value="IDX3463">IDX3463</option>
                          </select>
          </div>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label>数量 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
              <svg viewBox="0 0 24 24"><path d="M5.41 21l1-4H2v-2h4.58l1.2-5H4V8h4.18l1.2-5h2.04l-1.2 5h4.16l1.2-5h2.04l-1.2 5H22v2h-4.58l-1.2 5H20v2h-6.18l-1.2 5H10.6l1.2-5H7.62l-1.2 5H5.41zm4.37-7h4.16l1.2-5H10.98l-1.2 5z"/></svg>
            </span>
            <input type="number" name='attr_27' placeholder="请输入数量" min="1" required>
            </div>
          </div>
          <div class="form-group">
            <label>用途描述 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
                <svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/></svg>
              </span>
              <input type="text" name='attr_30' placeholder="请输入用途描述" required>
            </div>
          </div>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label>姓名 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
                <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
              </span>
              <input type="text" name='attr_31' placeholder="请输入姓名" required>
            </div>
          </div>
          <div class="form-group">
            <label>电话 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
                <svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
              </span>
              <input type="tel" name='attr_32' placeholder="请输入电话" required>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label>邮箱 <span class="required">*</span></label>
          <div class="pd-input-wrap">
            <span class="pd-input-icon">
              <svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
            </span>
            <input type="email" name='attr_33' placeholder="请输入邮箱" required>
          </div>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label>公司/组织名称 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
                <svg viewBox="0 0 24 24"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10z"/></svg>
              </span>
              <input type="text" name='attr_34' placeholder="请输入公司名称" required>
            </div>
          </div>
          <div class="form-group">
            <label>城市 <span class="required">*</span></label>
            <div class="pd-input-wrap">
              <span class="pd-input-icon">
                <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
              </span>
              <input type="text" name='attr_36' placeholder="请输入城市" required>
            </div>
          </div>
        </div>
        <button type="submit" class="btn-submit">提交申请</button>
        <input type="hidden" name="gourl" id="gourl_33c7c3279e9248fdcb842415546ed443" value="https%3A%2F%2Fwww.induxense.com%2Findex.php%3Fm%3Dhome%26c%3DView%26a%3Dindex%26aid%3D174" /><input type="hidden" name="typeid" value="1" /><input type="hidden" name="__token__33c7c3279e9248fdcb842415546ed443" id="33c7c3279e9248fdcb842415546ed443" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript" src="/public/static/common/js/guestbook.js?v=v1.8.1"></script>
<script type="text/javascript">
EyouGbook.init({tokenId:"33c7c3279e9248fdcb842415546ed443",submitFn:"submit33c7c3279e9248fdcb842415546ed443",rootDir:"",lang:"cn",placeholder:"请选择",beforeSubmit:"",rules:[{"name":"attr_26","required":true,"emptyMsg":"芯片型号不能为空！"},{"name":"attr_31","required":true,"emptyMsg":"姓名不能为空！"},{"name":"attr_32","required":true,"emptyMsg":"电话不能为空！"},{"name":"attr_34","required":true,"emptyMsg":"公司\/组织名称不能为空！"},{"name":"attr_27","required":true,"emptyMsg":"数量不能为空！"},{"name":"attr_30","required":true,"emptyMsg":"详细描述不能为空！"},{"name":"attr_36","required":true,"emptyMsg":"城市不能为空！"}]});
</script>      </form>
          </div>
  </div>
</div>

<script>
(function() {
  // Sample Modal
  var modal = document.getElementById('pdSampleModal');
  var openBtn = document.getElementById('pdSampleBtn');
  var closeBtn = document.getElementById('pdModalClose');

  if (openBtn && modal) {
    openBtn.addEventListener('click', function() {
      openUnifiedForm('sample', 'IDX3550');
    });
  }
  if (closeBtn && modal) {
    closeBtn.addEventListener('click', function() {
      modal.classList.remove('show');
    });
  }
  if (modal) {
    modal.addEventListener('click', function(e) {
      if (e.target === modal) modal.classList.remove('show');
    });
  }

  
  // Update cart badge
  function updateCartBadge() {
    $.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';
          }
        }
      }
    });
  }

  // ASIC button
  var asicBtn = document.getElementById('pdAsicBtn');
  if (asicBtn) {
    asicBtn.addEventListener('click', function() {
      openUnifiedForm('custom', 'IDX3550');
    });
  }
})();
</script>

<!-- 留资下载弹框 -->
<div id="leadModal" style="display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center;">
  <div style="position:absolute; inset:0; background:rgba(0,0,0,0.5);" onclick="document.getElementById('leadModal').style.display='none';document.body.style.overflow='';"></div>
  <div style="position:relative; background:#fff; border-radius:12px; max-width:560px; width:90%; max-height:90vh; overflow-y:auto; padding:32px; box-shadow:0 20px 40px rgba(0,0,0,0.3);">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
      <h3 style="margin:0; font-size:18px; font-weight:700;">下载文件</h3>
      <button onclick="document.getElementById('leadModal').style.display='none';document.body.style.overflow='';" style="background:none; border:none; font-size:22px; cursor:pointer; color:#737373;">&times;</button>
    </div>
    <p style="font-size:13px; color:#737373; margin:0 0 20px; padding:10px 14px; background:#eef6fc; border-radius:6px; border-left:3px solid #3B9EE6;">请填写以下信息，提交后即可下载文件</p>
    <form id="leadForm" onsubmit="return submitLeadForm(event)">
      <input type="hidden" id="leadAid" value="0">
      <input type="hidden" id="leadFileUrl" value="">
      <input type="hidden" id="leadTitle" value="">
      <div style="margin-bottom:14px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>公司名称</label>
        <input type="text" id="lfCompanyName" name="company_name" required placeholder="请输入公司名称" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>联系人</label>
          <input type="text" id="lfContactName" name="contact_name" required placeholder="请输入姓名" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>职位</label>
          <input type="text" id="lfJobTitle" name="job_title" required placeholder="如：研发工程师" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>联系电话</label>
          <input type="tel" id="lfContactPhone" name="contact_phone" required placeholder="请输入手机号" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>邮箱</label>
          <input type="email" id="lfEmail" name="email" required placeholder="请输入邮箱" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
      </div>
      <div style="margin-bottom:14px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">详细地址</label>
        <input type="text" id="lfCompanyAddress" name="company_address" placeholder="请输入详细地址" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>应用领域</label>
          <select id="lfIndustryType" name="industry_type" required style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; background:#fff;">
            <option value="">请选择</option>
            <option value="机器人">机器人</option>
            <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 style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">项目当前阶段</label>
          <select id="lfProjectStage" name="project_stage" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; background:#fff;">
            <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 style="margin-bottom:20px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">用途说明</label>
        <textarea name="purpose" rows="3" placeholder="请简述您的用途（选填）" style="width:100%; padding:9px 12px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; resize:vertical;"></textarea>
      </div>
      <button type="submit" id="leadSubmitBtn" style="width:100%; padding:11px; background:#3B9EE6; color:#fff; border:none; border-radius:6px; font-size:15px; font-weight:600; cursor:pointer;">提交并下载</button>
    </form>
  </div>
</div>

<!-- 申请下载弹框 -->
<div id="applyModal" style="display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center;">
  <div style="position:absolute; inset:0; background:rgba(0,0,0,0.5);" onclick="document.getElementById('applyModal').style.display='none';document.body.style.overflow='';"></div>
  <div style="position:relative; background:#fff; border-radius:12px; max-width:560px; width:90%; max-height:90vh; overflow-y:auto; padding:32px; box-shadow:0 20px 40px rgba(0,0,0,0.3);">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
      <h3 style="margin:0; font-size:18px; font-weight:700;">申请下载</h3>
      <button onclick="document.getElementById('applyModal').style.display='none';document.body.style.overflow='';" style="background:none; border:none; font-size:22px; cursor:pointer; color:#737373;">&times;</button>
    </div>
    <p style="font-size:13px; color:#737373; margin:0 0 20px; padding:10px 14px; background:#eef6fc; border-radius:6px; border-left:3px solid #0573C3;">该文件为受限资源，请确认以下信息后提交申请，我们将在1-2个工作日内审核。</p>
    <form id="applyForm" onsubmit="return submitApplyForm(event)">
      <input type="hidden" id="applyAid" value="0">
      <input type="hidden" id="applyFileUrl" value="">
      <input type="hidden" id="applyTitle" value="">
      <div style="margin-bottom:14px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>公司名称</label>
        <input type="text" id="afCompanyName" name="company_name" placeholder="请输入公司名称" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>联系人</label>
          <input type="text" id="afContactName" name="contact_name" placeholder="请输入姓名" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>职位</label>
          <input type="text" id="afJobTitle" name="job_title" placeholder="如：研发工程师" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>联系电话</label>
          <input type="tel" id="afContactPhone" name="contact_phone" placeholder="请输入手机号" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">邮箱</label>
          <input type="email" id="afEmail" name="email" placeholder="请输入邮箱" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
        </div>
      </div>
      <div style="margin-bottom:14px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">详细地址</label>
        <input type="text" id="afCompanyAddress" name="company_address" placeholder="请输入详细地址" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box;">
      </div>
      <div style="display:flex; gap:14px; margin-bottom:14px;">
        <div style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;"><span style="color:#3B9EE6;">*</span>应用领域</label>
          <select id="afIndustryType" name="industry_type" required style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; background:#fff;">
            <option value="">请选择</option>
            <option value="机器人">机器人</option>
            <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 style="flex:1;">
          <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">项目当前阶段</label>
          <select id="afProjectStage" name="project_stage" style="width:100%; padding:10px 14px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; background:#fff;">
            <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 style="margin-bottom:20px;">
        <label style="display:block; font-size:14px; font-weight:500; margin-bottom:4px;">申请理由/用途说明</label>
        <textarea name="purpose" rows="3" placeholder="请简述您申请该文件的用途（选填）" style="width:100%; padding:9px 12px; border:1px solid #E5E7EB; border-radius:6px; font-size:14px; box-sizing:border-box; resize:vertical;"></textarea>
      </div>
      <button type="submit" id="applySubmitBtn" style="width:100%; padding:11px; background:#0573C3; color:#fff; border:none; border-radius:6px; font-size:15px; font-weight:600; cursor:pointer;">提交申请</button>
    </form>
  </div>
</div>

<!-- 登录提示弹框 -->
<div id="loginPromptModal" style="display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center;">
  <div style="position:absolute; inset:0; background:rgba(0,0,0,0.5);" onclick="document.getElementById('loginPromptModal').style.display='none';document.body.style.overflow='';"></div>
  <div style="position:relative; background:#fff; border-radius:12px; max-width:400px; width:90%; padding:40px 32px; box-shadow:0 20px 40px rgba(0,0,0,0.3); text-align:center;">
    <button onclick="document.getElementById('loginPromptModal').style.display='none';document.body.style.overflow='';" style="position:absolute; top:12px; right:16px; background:none; border:none; font-size:22px; cursor:pointer; color:#737373;">&times;</button>
    <div style="width:56px; height:56px; margin:0 auto 16px; border-radius:50%; background:#eef6fc; display:flex; align-items:center; justify-content:center;">
      <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1D4ED8" stroke-width="2"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10,17 15,12 10,7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
    </div>
    <h3 style="margin:0 0 8px; font-size:18px; font-weight:700; color:#1e293b;">请先登录</h3>
    <p style="margin:0 0 24px; font-size:14px; color:#64748b; line-height:1.6;">该文件为受限资源，需要登录后提交申请，经审核通过方可下载</p>
    <a href="/index.php?m=user&c=Users&a=login" style="display:inline-block; padding:11px 32px; background:#1D4ED8; color:#fff; text-decoration:none; border-radius:6px; font-size:15px; font-weight:600; transition:background 0.2s;" onmouseover="this.style.background='#1E3A8A'" onmouseout="this.style.background='#1D4ED8'">前往登录</a>
    <p style="margin:16px 0 0; font-size:13px; color:#94a3b8;">还没有账号？<a href="/index.php?m=user&c=Users&a=reg" style="color:#1D4ED8;">立即注册</a></p>
  </div>
</div>

<script>
var isLoggedIn = 0;

// 留资下载
function openLeadModal(aid, title, url) {
  document.getElementById('leadAid').value = aid;
  document.getElementById('leadFileUrl').value = url;
  document.getElementById('leadTitle').value = title;
  document.getElementById('leadForm').reset();
  document.getElementById('leadModal').style.display = 'flex';
  document.body.style.overflow = 'hidden';
}

function submitLeadForm(e) {
  e.preventDefault();
  var industrySel = document.getElementById('lfIndustryType');
  if (!industrySel.value) {
    alert('请选择应用领域');
    industrySel.focus();
    return false;
  }
  var btn = document.getElementById('leadSubmitBtn');
  btn.disabled = true;
  btn.textContent = '提交中...';
  btn.style.background = '#ccc';

  $.ajax({
    url: '/index.php?m=home&c=Lists&a=ajax_lead_download',
    type: 'POST',
    dataType: 'json',
    data: {
      aid: document.getElementById('leadAid').value,
      title: document.getElementById('leadTitle').value,
      file_url: document.getElementById('leadFileUrl').value,
      company_name: document.getElementById('lfCompanyName').value,
      contact_name: document.getElementById('lfContactName').value,
      job_title: document.getElementById('lfJobTitle').value,
      contact_phone: document.getElementById('lfContactPhone').value,
      email: document.getElementById('lfEmail').value,
      company_address: document.getElementById('lfCompanyAddress').value,
      industry_type: document.getElementById('lfIndustryType').value,
      project_stage: document.getElementById('lfProjectStage').value,
      purpose: document.querySelector('#leadForm textarea[name="purpose"]').value
    },
    success: function(res) {
      btn.disabled = false;
      btn.textContent = '提交并下载';
      btn.style.background = '#3B9EE6';
      if (res.code === 1) {
        document.getElementById('leadModal').style.display = 'none';
        document.body.style.overflow = '';
        var url = res.data ? res.data.file_url : document.getElementById('leadFileUrl').value;
        if (url) window.open(buildDownloadUrl(url), '_blank');
      } else {
        alert(res.msg || '提交失败，请重试');
      }
    },
    error: function() {
      btn.disabled = false;
      btn.textContent = '提交并下载';
      btn.style.background = '#3B9EE6';
      alert('网络错误，请重试');
    }
  });
  return false;
}

// 申请受限下载
function openApplyModal(aid, title, url) {
  if (!isLoggedIn) {
    document.getElementById('loginPromptModal').style.display = 'flex';
    document.body.style.overflow = 'hidden';
    return;
  }
  // 已登录，先检查该文件的申请状态
  $.ajax({
    url: '/index.php?m=home&c=Lists&a=ajax_check_apply',
    type: 'POST',
    dataType: 'json',
    data: { aid: aid },
    success: function(res) {
      if (res.code === 1 && res.data) {
        var st = res.data.status;
        if (st === 'approved') {
          // 已通过审核，新开页面下载
          window.open(buildDownloadUrl(res.data.file_url), '_blank');
          return;
        }
        if (st === 'pending') {
          alert('该文件正在审核中，请耐心等待');
          return;
        }
        if (st === 'expired') {
          if (!confirm('该文件下载权限已过期或次数用完，是否重新申请？')) return;
          // 继续走申请流程
        }
        // none / rejected / expired(确认后) → 获取用户资料并填充表单
        proceedToApply(aid, title, url);
      } else {
        proceedToApply(aid, title, url);
      }
    },
    error: function() {
      proceedToApply(aid, title, url);
    }
  });
}

// 获取用户资料，填充统一申请表单
function proceedToApply(aid, title, url) {
  document.getElementById('applyAid').value = aid;
  document.getElementById('applyFileUrl').value = url;
  document.getElementById('applyTitle').value = title;

  $.ajax({
    url: '/index.php?m=home&c=Lists&a=ajax_check_profile',
    type: 'POST',
    dataType: 'json',
    data: {},
    success: function(res) {
      if (res.code === 1 && res.data) {
        var d = res.data;
        // 填充所有可编辑字段
        document.getElementById('afCompanyName').value = d.company_name || '';
        document.getElementById('afContactName').value = d.contact_name || '';
        document.getElementById('afJobTitle').value = d.job_title || '';
        document.getElementById('afContactPhone').value = d.contact_phone || '';
        document.getElementById('afCompanyAddress').value = d.company_address || '';
        // 邮箱：已绑定则只读，未绑定则可编辑
        var emailInput = document.getElementById('afEmail');
        if (d.is_email == 1 || (d.email && d.email !== '')) {
          emailInput.value = d.email || '';
          emailInput.readOnly = true;
          emailInput.style.background = '#f1f5f9';
          emailInput.style.color = '#64748b';
          emailInput.title = '邮箱已绑定，如需修改请联系客服';
        } else {
          emailInput.value = '';
          emailInput.readOnly = false;
          emailInput.style.background = '';
          emailInput.style.color = '';
          emailInput.title = '';
        }
        // 下拉框选中已有值
        if (d.industry_type) {
          document.getElementById('afIndustryType').value = d.industry_type;
        } else {
          document.getElementById('afIndustryType').value = '';
        }
        if (d.project_stage) {
          document.getElementById('afProjectStage').value = d.project_stage;
        } else {
          document.getElementById('afProjectStage').value = '';
        }
        // 清空用途说明
        document.querySelector('#applyForm textarea[name="purpose"]').value = '';
        // 显示弹窗
        document.getElementById('applyModal').style.display = 'flex';
        document.body.style.overflow = 'hidden';
      } else if (res.data && res.data.need_login) {
        window.location.href = res.url;
      } else {
        alert(res.msg || '操作失败');
      }
    },
    error: function() {
      alert('网络错误，请重试');
    }
  });
}

function submitApplyForm(e) {
  e.preventDefault();
  var industrySel = document.getElementById('afIndustryType');
  if (!industrySel.value) {
    alert('请选择应用领域');
    industrySel.focus();
    return false;
  }
  var btn = document.getElementById('applySubmitBtn');
  btn.disabled = true;
  btn.textContent = '提交中...';
  btn.style.opacity = '0.6';

  $.ajax({
    url: '/index.php?m=home&c=Lists&a=ajax_apply_download',
    type: 'POST',
    dataType: 'json',
    data: {
      aid: document.getElementById('applyAid').value,
      title: document.getElementById('applyTitle').value,
      file_url: document.getElementById('applyFileUrl').value,
      company_name: document.getElementById('afCompanyName').value.trim(),
      contact_name: document.getElementById('afContactName').value.trim(),
      job_title: document.getElementById('afJobTitle').value.trim(),
      contact_phone: document.getElementById('afContactPhone').value.trim(),
      email: document.getElementById('afEmail').value.trim(),
      company_address: document.getElementById('afCompanyAddress').value.trim(),
      industry_type: document.getElementById('afIndustryType').value,
      project_stage: document.getElementById('afProjectStage').value,
      purpose: document.querySelector('#applyForm textarea[name="purpose"]').value
    },
    success: function(res) {
      btn.disabled = false;
      btn.textContent = '提交申请';
      btn.style.opacity = '1';
      if (res.code === 1) {
        document.getElementById('applyModal').style.display = 'none';
        document.body.style.overflow = '';
        alert(res.msg || '申请已提交');
      } else {
        alert(res.msg || '提交失败');
      }
    },
    error: function() {
      btn.disabled = false;
      btn.textContent = '提交申请';
      btn.style.opacity = '1';
      alert('网络错误，请重试');
    }
  });
  return false;
}

// 直接下载
function directDownload(aid, title, url) {
  window.open(buildDownloadUrl(url), '_blank');
  $.ajax({
    url: '/index.php?m=home&c=Lists&a=ajax_record_download',
    type: 'POST',
    dataType: 'json',
    data: { aid: aid, title: title, file_url: url }
  });
}

// 构建强制下载URL
function buildDownloadUrl(url) {
  if (!url) return url;
  // 本站相对路径
  if (url.charAt(0) === '/' && url.charAt(1) !== '/') {
    return '/force_download.php?file=' + encodeURIComponent(url);
  }
  // 本站绝对URL
  if (url.indexOf(location.hostname) !== -1 || url.indexOf('localhost') !== -1) {
    var path = url;
    try { path = new URL(url).pathname; } catch(e) {}
    return '/force_download.php?file=' + encodeURIComponent(path);
  }
  // 外部URL
  return '/force_download.php?url=' + encodeURIComponent(url);
}

// ESC关闭弹窗
document.addEventListener('keydown', function(e) {
  if (e.key === 'Escape') {
    var m0 = document.getElementById('loginPromptModal');
    var m1 = document.getElementById('leadModal');
    var m2 = document.getElementById('applyModal');
    if (m2 && m2.style.display !== 'none') { m2.style.display = 'none'; document.body.style.overflow = ''; }
    else if (m1 && m1.style.display !== 'none') { m1.style.display = 'none'; document.body.style.overflow = ''; }
    else if (m0 && m0.style.display !== 'none') { m0.style.display = 'none'; document.body.style.overflow = ''; }
  }
});
</script>

<!--网站公用底部 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=174;</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="f297c016239a2328b1544f588fb84ef1">

      <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>

