{extend name="web/official_common/pc/base" /}

{block name="content"}
<!-- 纳海川官方网站 首页主体 开始 -->

<!-- 1. 高端大气全景首屏轮播图系统 (Hero Panoramic Carousel) 开始 -->
<section class="nhc-hero-carousel-wrap nhc-lattice-pattern">
    <div class="nhc-carousel" id="nhcHeroCarousel">
        <div class="nhc-carousel-track">
            
            <!-- 幻灯片 1：领航篇（企业级软件定制与技术中台） -->
            <div class="nhc-carousel-slide nhc-slide-theme-1 active" data-slide-index="0">
                <div class="nhc-container">
                    <div class="nhc-hero-content">
                        <div class="nhc-hero-badge">
                            <span class="nhc-seal">企业级开发</span>
                            <span class="nhc-hero-badge-text">贵阳纳海川科技 · 专注定制开发与数字化技术中台</span>
                        </div>
                        <h1 class="nhc-hero-title">
                            专注企业级软件定制开发<br>按期交付自主可控的高可用系统
                        </h1>
                        <p class="nhc-hero-subtitle">
                            立足贵阳、服务全国客户。纳海川专注于企业软件定制、移动端与小程序开发及企业私有化 AI 应用落地。坚持交付完整工程源码与完善开发文档，支持私有化部署。
                        </p>
                        <div class="nhc-hero-cta">
                            <a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-lg">
                                <span>预约架构师评估</span>
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                            <a href="#products" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                                <span>浏览成熟产品</span>
                            </a>
                        </div>
                        <div class="nhc-hero-metrics col-3">
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 20px; font-weight: 700;">自主可控</div>
                                <div class="nhc-metric-label">完整源码交付 · 包含数据库字典</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 20px; font-weight: 700;">工程规范</div>
                                <div class="nhc-metric-label">代码审查 · 自动化回归测试</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 20px; font-weight: 700;">合规部署</div>
                                <div class="nhc-metric-label">专有云/机房内网物理隔离</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 幻灯片 2：软件开发篇（全栈中台与移动端定制） -->
            <div class="nhc-carousel-slide nhc-slide-theme-2" data-slide-index="1">
                <div class="nhc-container">
                    <div class="nhc-hero-content">
                        <div class="nhc-hero-badge">
                            <span class="nhc-seal">全栈定制</span>
                            <span class="nhc-hero-badge-text">高可用微服务架构 · 原生APP · 微信小程序全生态</span>
                        </div>
                        <h1 class="nhc-hero-title">
                            按需定制开发 · 源码完整移交<br>支持专有云与内网私有化部署
                        </h1>
                        <p class="nhc-hero-subtitle">
                            拒绝低质套壳代码。采用主流微服务与现代化跨端架构，从需求调研、交互原型设计、规范编码与代码审查到安全渗透测试，为企业打造高稳定性、高扩展性的核心业务系统。
                        </p>
                        <div class="nhc-hero-cta">
                            <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
                                <span>了解软件开发能力</span>
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                            <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                                <span>查阅标杆案例</span>
                            </a>
                        </div>
                        <div class="nhc-hero-metrics">
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">微服务治理</div>
                                <div class="nhc-metric-label">读写分离与弹性伸缩</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">全端互通</div>
                                <div class="nhc-metric-label">iOS / Android / 微信小程序</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">代码审查</div>
                                <div class="nhc-metric-label">全流程静态扫描与安全把控</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">规范交付</div>
                                <div class="nhc-metric-label">配套架构字典与运维文档</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 幻灯片 3：智能体篇（企业级私域 AI 智能体与知识库） -->
            <div class="nhc-carousel-slide nhc-slide-theme-3" data-slide-index="2">
                <div class="nhc-container">
                    <div class="nhc-hero-content">
                        <div class="nhc-hero-badge">
                            <span class="nhc-seal">AI 智能体</span>
                            <span class="nhc-hero-badge-text">企业私有大模型 · 垂直 RAG 知识库 · 多 Agent 协同</span>
                        </div>
                        <h1 class="nhc-hero-title">
                            私有化部署企业级 AI 智能体<br>深度打通业务流与规章知识库
                        </h1>
                        <p class="nhc-hero-subtitle">
                            基于私有化大语言模型与向量数据库检索技术，将企业制度规范、政策法规与现有业务数据库打通。数据在企业内网物理隔离部署，绝不上传外部公网，实现高精度业务问答与初审自动化。
                        </p>
                        <div class="nhc-hero-cta">
                            <a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-lg">
                                <span>预约智能体方案研讨</span>
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                            <a href="#services" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                                <span>查看技术架构</span>
                            </a>
                        </div>
                        <div class="nhc-hero-metrics">
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">向量知识库</div>
                                <div class="nhc-metric-label">私域 RAG 多路检索与重排</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">人机协同</div>
                                <div class="nhc-metric-label">初审辅助标注法律法规出处</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">物理隔离</div>
                                <div class="nhc-metric-label">内网私有部署 · 数据机房留存</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">多Agent编排</div>
                                <div class="nhc-metric-label">业务流自主分工与节点协同</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 幻灯片 4：产品矩阵篇（商城、收银、进销存、SaaS系统） -->
            <div class="nhc-carousel-slide nhc-slide-theme-4" data-slide-index="3">
                <div class="nhc-container">
                    <div class="nhc-hero-content">
                        <div class="nhc-hero-badge">
                            <span class="nhc-seal">商业产品</span>
                            <span class="nhc-hero-badge-text">商城系统 · 智能收银 · 进销存 ERP · 云原生 SaaS</span>
                        </div>
                        <h1 class="nhc-hero-title">
                            开箱即用或深度二次开发<br>支撑企业全流程商业经营与供应链
                        </h1>
                        <p class="nhc-hero-subtitle">
                            历经真实业务场景严格检验的标准模块化产品体系。支持多商户分销清算、断网离线收银与多端硬件联动、多仓库多批次进销存盘点，支持公有云订阅与专有云源码买断部署。
                        </p>
                        <div class="nhc-hero-cta">
                            <a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox" class="nhc-btn nhc-btn-primary nhc-btn-lg">
                                <span>申请全功能在线演示</span>
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                            <a href="#contact" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                                <span>咨询部署与报价</span>
                            </a>
                        </div>
                        <div class="nhc-hero-metrics">
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">四大成熟系统</div>
                                <div class="nhc-metric-label">商城 / 收银 / 进销存 / SaaS</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">高并发治理</div>
                                <div class="nhc-metric-label">分布式事务与双向幂等校验</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">软硬件协同</div>
                                <div class="nhc-metric-label">收银机/打印机/扫码硬件联动</div>
                            </div>
                            <div class="nhc-metric-item">
                                <div class="nhc-metric-val" style="font-size: 18px; font-weight: 700;">部署选型</div>
                                <div class="nhc-metric-label">支持公有云订阅与源码私有化</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 左右切换悬浮导航控件 -->
        <div class="nhc-carousel-nav nhc-carousel-prev" id="nhcPrevBtn" title="上一张">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>
        </div>
        <div class="nhc-carousel-nav nhc-carousel-next" id="nhcNextBtn" title="下一张">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
        </div>

        <!-- 底部精美长条指示器与编号 -->
        <div class="nhc-carousel-indicators" id="nhcIndicators">
            <div class="nhc-carousel-dot active" data-goto="0">
                <span class="nhc-carousel-dot-num">01</span>
                <span class="nhc-carousel-dot-bar"></span>
            </div>
            <div class="nhc-carousel-dot" data-goto="1">
                <span class="nhc-carousel-dot-num">02</span>
                <span class="nhc-carousel-dot-bar"></span>
            </div>
            <div class="nhc-carousel-dot" data-goto="2">
                <span class="nhc-carousel-dot-num">03</span>
                <span class="nhc-carousel-dot-bar"></span>
            </div>
            <div class="nhc-carousel-dot" data-goto="3">
                <span class="nhc-carousel-dot-num">04</span>
                <span class="nhc-carousel-dot-bar"></span>
            </div>
        </div>
    </div>
</section>
<!-- 1. 高端大气全景首屏轮播图系统 结束 -->


<!-- 2. 服务入口 (Services Section) 开始 -->
<section id="services" class="nhc-services">
    <div class="nhc-container">
        <div class="nhc-section-header">
            <div class="nhc-section-tag">
                <span class="nhc-seal">服务矩阵</span>
                <span class="nhc-tag-text">ENGINEERING CAPABILITIES</span>
            </div>
            <h2 class="nhc-section-title">扎实的软件工程实践 · 解决具体的业务卡点</h2>
            <p class="nhc-section-desc">
                拒绝浮夸概念堆砌。我们专注于中台系统打通、移动端跨生态开发与私有 AI 智能体落地，每一行代码都围绕业务投产与稳定运行展开。
            </p>
            <div class="nhc-line-divider"><span></span></div>
        </div>

        <div class="nhc-services-grid">
            <!-- 核心服务一：软件开发 -->
            <div class="nhc-service-card">
                <span class="nhc-service-watermark">壹</span>
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/service_middle.svg" alt="企业级软件开发与微服务中台拓扑" loading="lazy">
                </div>
                <div class="nhc-service-icon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
                </div>
                <h3 class="nhc-service-title">软件开发</h3>
                <p class="nhc-service-desc">
                    定制企业级业务中台与私有化核心系统，解决高并发性能瓶颈、数据孤岛与复杂业务逻辑流转难题。
                </p>
                <ul class="nhc-service-list">
                    <li class="nhc-service-item">企业微服务与分布式高可用架构</li>
                    <li class="nhc-service-item">业务中台整合与跨系统数据打通</li>
                    <li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
                    <li class="nhc-service-item">严格代码质量审计与完整源码交付</li>
                </ul>
                <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
                    <span>了解软件开发方案</span>
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
            </div>

            <!-- 核心服务二：APP与小程序定制 -->
            <div class="nhc-service-card">
                <span class="nhc-service-watermark">贰</span>
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/service_app.svg" alt="移动端APP与微信小程序全生态跨端界面" loading="lazy">
                </div>
                <div class="nhc-service-icon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
                </div>
                <h3 class="nhc-service-title">APP与小程序定制</h3>
                <p class="nhc-service-desc">
                    覆盖全端移动生态，深度定制 iOS/Android 原生与跨平台 APP，无缝接入微信、支付宝及抖音多端小程序。
                </p>
                <ul class="nhc-service-list">
                    <li class="nhc-service-item">iOS / Android 跨平台高性能统一框架</li>
                    <li class="nhc-service-item">微信小程序、企业微信生态深度闭环</li>
                    <li class="nhc-service-item">蓝牙硬件、物联网 IoT 边缘设备对接</li>
                    <li class="nhc-service-item">60fps 流畅交互与毫秒级首屏加载性能</li>
                </ul>
                <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
                    <span>查看移动端定制能力</span>
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
            </div>

            <!-- 核心服务三：智能体开发 -->
            <div class="nhc-service-card">
                <span class="nhc-service-watermark">叁</span>
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/service_agent.svg" alt="政企专属AI智能体与私域大模型知识库" loading="lazy">
                </div>
                <div class="nhc-service-icon">
                    <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14.93V17a1 1 0 0 1-2 0v-.07A7 7 0 1 1 18.93 11H19a1 1 0 0 1 0 2h-.07A7 7 0 0 1 13 16.93zM12 6a6 6 0 1 0 6 6 6 6 0 0 0-6-6z"/></svg>
                </div>
                <h3 class="nhc-service-title">智能体开发</h3>
                <p class="nhc-service-desc">
                    聚焦垂直领域大模型工程化落地，研发具备深度业务推理、企业知识库检索（RAG）与自主工作流调度的高阶 Agent。
                </p>
                <ul class="nhc-service-list">
                    <li class="nhc-service-item">私域知识库 RAG 向量检索与精准问答</li>
                    <li class="nhc-service-item">多智能体（Multi-Agent）协同决策与执行</li>
                    <li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
                    <li class="nhc-service-item">大模型本地私有化部署与敏感数据防护</li>
                </ul>
                <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-service-link">
                    <span>探索智能体开发方案</span>
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- 服务入口 (Services Section) 结束 -->


<!-- 3. 产品矩阵入口 (Products Section) 开始 -->
<section id="products" class="nhc-products">
    <div class="nhc-container">
        <div class="nhc-section-header">
            <div class="nhc-section-tag">
                <span class="nhc-seal">核心产品</span>
                <span class="nhc-tag-text">STANDARDIZED SOLUTIONS</span>
            </div>
            <h2 class="nhc-section-title">四大成熟商用系统 · 开箱即用或深度二次开发</h2>
            <p class="nhc-section-desc">
                已稳定支撑多家客户多年生产运行。从微信小程序多商户商城、线下门店收银台，到仓储进销存与多租户 SaaS 底座，全部支持源代码买断移交。
            </p>
            <div class="nhc-line-divider"><span></span></div>
        </div>

        <div class="nhc-products-grid">
            <!-- 产品 1：商城 -->
            <div class="nhc-product-card">
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/product_mall.svg" alt="全场景商城系统管理控制台" loading="lazy">
                </div>
                <div class="nhc-product-header">
                    <span class="nhc-product-type-badge">新零售 · 全渠道</span>
                    <h3 class="nhc-product-name">商城</h3>
                    <p class="nhc-product-desc">
                        B2B2C 多商户入驻、社交裂变营销与全域私域流量精细化运营商城系统。
                    </p>
                </div>
                <ul class="nhc-product-features">
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>微信、H5、APP 三端订单与数据无缝同步</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>分销裂变、拼团秒杀、积分抵扣营销工具</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>供应商结算与自动佣金分账体系</span>
                    </li>
                </ul>
                <div class="nhc-product-footer">
                    <span class="nhc-product-tag">支持 SaaS / 私有化</span>
                    <a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
                </div>
            </div>

            <!-- 产品 2：收银 -->
            <div class="nhc-product-card">
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/product_pos.svg" alt="智能商业收银系统软硬件终端" loading="lazy">
                </div>
                <div class="nhc-product-header">
                    <span class="nhc-product-type-badge">智慧门店 · 秒级结算</span>
                    <h3 class="nhc-product-name">收银</h3>
                    <p class="nhc-product-desc">
                        软硬件一体化智能收银系统，毫秒级结算响应，无缝适配各类商超零售与餐饮连锁。
                    </p>
                </div>
                <ul class="nhc-product-features">
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>聚合支付秒级核销（微信/支付宝/银行卡）</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>网络中断离线记账，联网自动双向对账</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>全面兼容扫码枪、计价秤、小票打印硬件</span>
                    </li>
                </ul>
                <div class="nhc-product-footer">
                    <span class="nhc-product-tag">软硬件深度集成</span>
                    <a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
                </div>
            </div>

            <!-- 产品 3：进销存 -->
            <div class="nhc-product-card">
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/product_erp.svg" alt="业财一体化进销存调度中枢" loading="lazy">
                </div>
                <div class="nhc-product-header">
                    <span class="nhc-product-type-badge">业财一体 · 精细管控</span>
                    <h3 class="nhc-product-name">进销存</h3>
                    <p class="nhc-product-desc">
                        采购、销售、仓储与财务全链路打通的云进销存 ERP，消除呆滞料，盘活现金流。
                    </p>
                </div>
                <ul class="nhc-product-features">
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>多级仓库实时智能调拨与安全库存预警</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>批次管理与全生命周期保质期扫码溯源</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>自动生成经营毛利分析与多维度财务报表</span>
                    </li>
                </ul>
                <div class="nhc-product-footer">
                    <span class="nhc-product-tag">业财协同标准版</span>
                    <a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#product-matrix" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
                </div>
            </div>

            <!-- 产品 4：SaaS版本 -->
            <div class="nhc-product-card">
                <div class="nhc-card-thumb">
                    <img src="__ADDON__/images/showcases/product_saas.svg" alt="云原生高可用多租户SaaS平台大盘" loading="lazy">
                </div>
                <div class="nhc-product-header">
                    <span class="nhc-product-type-badge">云原生 · 高可用</span>
                    <h3 class="nhc-product-name">SaaS版本</h3>
                    <p class="nhc-product-desc">
                        多租户云原生架构 SaaS 平台，开箱即用，免运维部署，伴随企业规模弹性扩展。
                    </p>
                </div>
                <ul class="nhc-product-features">
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>多租户物理/逻辑强隔离，确保企业数据安全独立</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>弹性容器集群与自动故障转移，保障企业级高可用</span>
                    </li>
                    <li class="nhc-product-feat-item">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                        <span>提供丰富标准 OpenAPI 与第三方生态扩展</span>
                    </li>
                </ul>
                <div class="nhc-product-footer">
                    <span class="nhc-product-tag">按需订阅 / 敏捷交付</span>
                    <a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}#demo-sandbox" class="nhc-btn nhc-btn-primary nhc-btn-sm">立即开通</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 产品矩阵入口 (Products Section) 结束 -->


<!-- 4. 案例入口 (Cases Section) 开始 -->
<section id="cases" class="nhc-cases">
    <div class="nhc-container">
        <div class="nhc-section-header">
            <div class="nhc-section-tag">
                <span class="nhc-seal">标杆案例</span>
                <span class="nhc-tag-text">PROVEN OUTCOMES</span>
            </div>
            <h2 class="nhc-section-title">客户真实投产项目 · 用生产环境数据说话</h2>
            <p class="nhc-section-desc">
                不讲虚构概念。每个案例均来自客户真实生产环境，历经实际业务高并发考验与联合终验。
            </p>
            <div class="nhc-line-divider"><span></span></div>
        </div>

        <div class="nhc-cases-grid">
            <!-- 案例 1 -->
            <div class="nhc-case-card">
                <div class="nhc-case-meta">
                    <span class="nhc-case-category">商贸批发 · 数字化中台</span>
                    <span class="nhc-seal" style="font-size: 11px;">成果验证</span>
                </div>
                <h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
                <div class="nhc-case-img-wrap">
                    <img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消集团全渠道分销订货中台调度控制中心视窗" loading="lazy">
                </div>
                <div class="nhc-case-details">
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">业务挑战</span>
                        <span class="nhc-case-detail-content">跨区域经销商价格体系混乱，传统人工抄单错漏率高，订单处理周期超过 24 小时。</span>
                    </div>
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">解决方案</span>
                        <span class="nhc-case-detail-content">搭建纳海川定制 B2B 分销中台，接入灵活等级阶梯价、信用授信账期管控及自动化拆单履约。</span>
                    </div>
                </div>
                <div class="nhc-case-metrics-bar">
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">自动化分单</div>
                        <div class="nhc-case-metric-sub">多渠道订单校验拆单</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">阶梯账期</div>
                        <div class="nhc-case-metric-sub">信用额度与授信管控</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">高并发承载</div>
                        <div class="nhc-case-metric-sub">微服务弹性横向扩容</div>
                    </div>
                </div>
                <div style="margin-top: 20px; display: flex; justify-content: flex-end;">
                    <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-case-card-link">
                        <span>查看案例复盘与实测数据</span>
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>

            <!-- 案例 2 -->
            <div class="nhc-case-card">
                <div class="nhc-case-meta">
                    <span class="nhc-case-category">连锁零售 · 软硬件一体</span>
                    <span class="nhc-seal" style="font-size: 11px;">成果验证</span>
                </div>
                <h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
                <div class="nhc-case-img-wrap">
                    <img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
                </div>
                <div class="nhc-case-details">
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">业务挑战</span>
                        <span class="nhc-case-detail-content">就餐高峰期前台排队拥堵严重，前厅与后厨信息断层，各门店原物料损耗无法实时溯源。</span>
                    </div>
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">解决方案</span>
                        <span class="nhc-case-detail-content">上线一体化收银系统与后厨 KDS 联动看板，打通扫码点单、聚合支付与实时扣料核销。</span>
                    </div>
                </div>
                <div class="nhc-case-metrics-bar">
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">断网收银</div>
                        <div class="nhc-case-metric-sub">脱机挂单无感重发</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">后厨联动</div>
                        <div class="nhc-case-metric-sub">KDS看板与物料扣减</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">多端适配</div>
                        <div class="nhc-case-metric-sub">收银机/打印机/扫码枪</div>
                    </div>
                </div>
                <div style="margin-top: 20px; display: flex; justify-content: flex-end;">
                    <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-case-card-link">
                        <span>查看案例复盘与实测数据</span>
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>

            <!-- 案例 3 -->
            <div class="nhc-case-card">
                <div class="nhc-case-meta">
                    <span class="nhc-case-category">智能制造 · 进销存ERP</span>
                    <span class="nhc-seal" style="font-size: 11px;">成果验证</span>
                </div>
                <h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
                <div class="nhc-case-details">
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">业务挑战</span>
                        <span class="nhc-case-detail-content">零部件品类繁多达数万种，采购节拍与装配需求严重脱节，呆滞库存占用大量资金。</span>
                    </div>
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">解决方案</span>
                        <span class="nhc-case-detail-content">定制落地精益进销存 ERP，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。</span>
                    </div>
                </div>
                <div class="nhc-case-metrics-bar">
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">动态BOM</div>
                        <div class="nhc-case-metric-sub">多层装配与缺料预警</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">批次追溯</div>
                        <div class="nhc-case-metric-sub">一物一码生命周期</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">协同门户</div>
                        <div class="nhc-case-metric-sub">供应商在线协同送货</div>
                    </div>
                </div>
                <div style="margin-top: 20px; display: flex; justify-content: flex-end;">
                    <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-case-card-link">
                        <span>查看案例复盘与实测数据</span>
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>

            <!-- 案例 4 -->
            <div class="nhc-case-card">
                <div class="nhc-case-meta">
                    <span class="nhc-case-category">政企服务 · AI智能体</span>
                    <span class="nhc-seal" style="font-size: 11px;">成果验证</span>
                </div>
                <h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
                <div class="nhc-case-details">
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">业务挑战</span>
                        <span class="nhc-case-detail-content">政策法规与历史档案跨越数十年，人工查证检索费时耗力，初审标准难以保证统一严谨。</span>
                    </div>
                    <div class="nhc-case-detail-row">
                        <span class="nhc-case-detail-label">解决方案</span>
                        <span class="nhc-case-detail-content">构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化审核建议。</span>
                    </div>
                </div>
                <div class="nhc-case-metrics-bar">
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">纯内网部署</div>
                        <div class="nhc-case-metric-sub">物理隔离不外泄</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">法规溯源</div>
                        <div class="nhc-case-metric-sub">标注原文出处</div>
                    </div>
                    <div class="nhc-case-metric-box">
                        <div class="nhc-case-metric-num">人机协同</div>
                        <div class="nhc-case-metric-sub">初审辅助专家终审</div>
                    </div>
                </div>
                <div style="margin-top: 20px; display: flex; justify-content: flex-end;">
                    <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-case-card-link">
                        <span>查看案例复盘与实测数据</span>
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>
        </div>

        <div style="text-align: center; margin-top: 48px;">
            <a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                <span>浏览全部标杆案例</span>
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
        </div>
    </div>
</section>
<!-- 案例入口 (Cases Section) 结束 -->


<!-- 5. 全生命周期交付流程 (Process Section) 开始 -->
<section id="process" class="nhc-process">
    <div class="nhc-container">
        <div class="nhc-section-header">
            <div class="nhc-section-tag">
                <span class="nhc-seal">交付体系</span>
                <span class="nhc-tag-text">STANDARD METHODOLOGY</span>
            </div>
            <h2 class="nhc-section-title">严谨规范的软件研发流程 · 让项目交付具备确定性</h2>
            <p class="nhc-section-desc">
                从需求推演、单元测试覆盖到生产部署与源码移交，每个阶段均有规范的物料产出与评审记录，杜绝烂尾隐患。
            </p>
            <div class="nhc-line-divider"><span></span></div>
        </div>

        <div class="nhc-process-flow">
            <!-- 步骤 1 -->
            <div class="nhc-process-card">
                <div class="nhc-process-step-num">01</div>
                <h4 class="nhc-process-step-title">业务需求调研与方案论证</h4>
                <p class="nhc-process-step-desc">
                    资深架构师与业务专家深入一线，厘清业务痛点与技术边界，输出详尽的需求规格说明书与技术方案可行性报告。
                </p>
            </div>

            <!-- 步骤 2 -->
            <div class="nhc-process-card">
                <div class="nhc-process-step-num">02</div>
                <h4 class="nhc-process-step-title">高可用微服务架构设计</h4>
                <p class="nhc-process-step-desc">
                    系统化规划微服务划分、分布式拓扑、数据库读写分离与缓存策略，制定完备的高并发应对与容灾应急预案。
                </p>
            </div>

            <!-- 步骤 3 -->
            <div class="nhc-process-card">
                <div class="nhc-process-step-num">03</div>
                <h4 class="nhc-process-step-title">规范编码与严格测试</h4>
                <p class="nhc-process-step-desc">
                    严格遵循工程规范与 CI/CD 自动化流水线，落实代码审查机制与接口自动化测试，保障系统上线质量与稳定性。
                </p>
            </div>

            <!-- 步骤 4 -->
            <div class="nhc-process-card">
                <div class="nhc-process-step-num">04</div>
                <h4 class="nhc-process-step-title">全链路压测与安全渗透测试</h4>
                <p class="nhc-process-step-desc">
                    模拟真实生产环境的峰值压力测试，执行接口安全渗透扫描与漏洞合规审计，确保系统坚固可靠。
                </p>
            </div>

            <!-- 步骤 5 -->
            <div class="nhc-process-card">
                <div class="nhc-process-step-num">05</div>
                <h4 class="nhc-process-step-title">私有化部署与长期运维支持</h4>
                <p class="nhc-process-step-desc">
                    专业技术团队提供专有云/本地内网部署，交付完整工程源码与开发文档，配备技术团队与 SLA 响应支持。
                </p>
            </div>
        </div>

        <div style="text-align: center; margin-top: 40px;">
            <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-btn nhc-btn-outline nhc-btn-sm">
                <span>查阅标准化研发流程与质量规范</span>
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
        </div>
    </div>
</section>
<!-- 交付流程 (Process Section) 结束 -->


<!-- 6. 客户评价与合作伙伴 (Testimonials & Clients) 开始 -->
<section class="nhc-testimonials">
    <div class="nhc-container">
        <div class="nhc-section-header">
            <div class="nhc-section-tag">
                <span class="nhc-seal">客户原声</span>
                <span class="nhc-tag-text">VOICE OF PARTNERS</span>
            </div>
            <h2 class="nhc-section-title">来自甲方的真实反馈 · 稳定运行是有力的证明</h2>
            <p class="nhc-section-desc">
                系统好不好用，客户心中有数。我们用稳定上线的系统和负责任的服务态度赢得长期合作。
            </p>
            <div class="nhc-line-divider"><span></span></div>
        </div>

        <div class="nhc-testimonials-grid">
            <div class="nhc-testimonial-card">
                <div class="nhc-quote-icon">“</div>
                <p class="nhc-testimonial-text">
                    纳海川团队展现了扎实的架构能力与业务敏锐度。在较短周期内为我们重构了 B2B 订货中台，不仅顶住了销售大促的高峰压力，更有效解决了困扰我们多年的库存对账误差问题。
                </p>
                <div class="nhc-testimonial-author">
                    <div class="nhc-author-avatar">张</div>
                    <div class="nhc-author-info">
                        <span class="nhc-author-name">张立伟</span>
                        <span class="nhc-author-role">供应链流通集团 · 数字化技术总监</span>
                    </div>
                </div>
            </div>

            <div class="nhc-testimonial-card">
                <div class="nhc-quote-icon">“</div>
                <p class="nhc-testimonial-text">
                    收银与门店进销存系统在多区域连锁门店上线后，收银员上手迅速，几乎没有出现过死机或掉单情况。即使遇到网络故障，离线记账功能也能平稳过度，让我们非常安心。
                </p>
                <div class="nhc-testimonial-author">
                    <div class="nhc-author-avatar">李</div>
                    <div class="nhc-author-info">
                        <span class="nhc-author-name">李青蓉</span>
                        <span class="nhc-author-role">连锁新零售品牌 · 运营副总裁</span>
                    </div>
                </div>
            </div>

            <div class="nhc-testimonial-card">
                <div class="nhc-quote-icon">“</div>
                <p class="nhc-testimonial-text">
                    在企业级 AI 智能体开发上，纳海川团队的技术储备令人印象深刻。搭建的专属 RAG 知识库检索准确率极高，而且在私有化部署和数据合规上做得滴水不漏，值得托付。
                </p>
                <div class="nhc-testimonial-author">
                    <div class="nhc-author-avatar">王</div>
                    <div class="nhc-author-info">
                        <span class="nhc-author-name">王振邦</span>
                        <span class="nhc-author-role">智能制造装备企业 · 首席信息官 CIO</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 合作企业展位 -->
        <div style="text-align: center; margin-bottom: 24px;">
            <span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
        </div>
        <div class="nhc-clients-grid">
            <div class="nhc-client-item">
                <span class="nhc-client-name">贵阳商贸供应链</span>
                <span class="nhc-client-tag">供应链流通 · B2B中台</span>
            </div>
            <div class="nhc-client-item">
                <span class="nhc-client-name">西南智能制造</span>
                <span class="nhc-client-tag">高端装备 · 生产进销存</span>
            </div>
            <div class="nhc-client-item">
                <span class="nhc-client-name">黔信互联科技</span>
                <span class="nhc-client-tag">政企服务 · 私有AI智能体</span>
            </div>
            <div class="nhc-client-item">
                <span class="nhc-client-name">连锁零售商超</span>
                <span class="nhc-client-tag">智慧门店 · 软硬一体收银</span>
            </div>
            <div class="nhc-client-item">
                <span class="nhc-client-name">智慧农特产业</span>
                <span class="nhc-client-tag">农产电商 · 全渠道分销</span>
            </div>
            <div class="nhc-client-item">
                <span class="nhc-client-name">现代医药物流</span>
                <span class="nhc-client-tag">医药冷链 · 批次全流程溯源</span>
            </div>
        </div>
    </div>
</section>
<!-- 客户评价与合作伙伴 结束 -->

<!-- 6.5 技术洞察与研发动态 (Insights & Engineering Section) 开始 -->
<section id="insights" class="nhc-section nhc-insights-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 80px 0;">
    <div class="nhc-container">
        <!-- 章节标题栏 -->
        <div style="display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 40px;">
            <div>
                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 10px;">
                    <span class="nhc-seal">技术洞察</span>
                    <span style="font-size: 13px; color: var(--primary); font-weight: 600; letter-spacing: 1px;">ENGINEERING INSIGHTS</span>
                </div>
                <h2 style="font-family: var(--font-serif); font-size: 28px; font-weight: 700; color: var(--text-primary); margin: 0 0 8px 0;">
                    架构实践与研发动态
                </h2>
                <p style="font-size: 14px; color: var(--text-secondary); margin: 0; max-width: 640px; line-height: 1.6;">
                    坚持交付完整工程源码与完善开发文档。持续沉淀微服务架构、企业AI应用与高可用系统实战经验。
                </p>
            </div>
            <a href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}" class="nhc-btn nhc-btn-outline nhc-btn-sm" style="display: inline-flex; align-items: center; gap: 6px;">
                <span>浏览全部技术动态</span>
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
        </div>

        <!-- 文章四列/两列响应式卡片网格 -->
        <div class="nhc-article-grid">
            {if !empty($information['data']) && count($information['data']) > 0}
            {foreach $information['data'] as $idx => $art}
            {if $idx < 4}
            <article class="nhc-article-card">
                <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}" class="nhc-article-card-thumb">
                    {if !empty($art['image'])}
                    <img src="{$art['image']}" alt="{$art['title']}" loading="lazy">
                    {else/}
                    <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F1F5F9; color: #94A3B8; font-size: 14px;">纳海川技术洞察</div>
                    {/if}
                </a>
                <div class="nhc-article-card-body">
                    <div class="nhc-article-meta">
                        <span class="nhc-article-category-badge">{if $art['official_category_id'] == 7}公司动态{else/}行业与技术洞察{/if}</span>
                        <span>{:date('Y-m-d', $art['createtime'])}</span>
                        <span>·</span>
                        <span>纳海川技术团队</span>
                    </div>
                    <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}">
                        <h3 class="nhc-article-card-title">{$art['title']}</h3>
                    </a>
                    <p class="nhc-article-card-desc">
                        {$art['subheading']}
                    </p>
                    <div class="nhc-article-card-footer">
                        <span>阅读耗时约 4 分钟</span>
                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>$art['official_category_id'],':id'=>$art['id']])}" class="nhc-article-read-btn">
                            <span>阅读全文</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </div>
            </article>
            {/if}
            {/foreach}
            {else/}
            <!-- 静态默认标杆文章卡片 -->
            <article class="nhc-article-card">
                <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>201])}" class="nhc-article-card-thumb">
                    <img src="/assets/addons/official/images/articles/article_microservice.svg" alt="高并发商城中台架构设计" loading="lazy">
                </a>
                <div class="nhc-article-card-body">
                    <div class="nhc-article-meta">
                        <span class="nhc-article-category-badge">技术洞察</span>
                        <span>纳海川技术团队</span>
                    </div>
                    <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>201])}">
                        <h3 class="nhc-article-card-title">高并发商城中台架构设计：从单体拆分到微服务与分布式事务实践</h3>
                    </a>
                    <p class="nhc-article-card-desc">
                        系统解构纳海川在高并发与多商品秒杀业务场景下的微服务架构演进，详解分布式锁、RocketMQ可靠消息一致性及多租户分库分表工程实践。
                    </p>
                    <div class="nhc-article-card-footer">
                        <span>阅读耗时约 5 分钟</span>
                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>201])}" class="nhc-article-read-btn">
                            <span>阅读全文</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </div>
            </article>
            <article class="nhc-article-card">
                <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>202])}" class="nhc-article-card-thumb">
                    <img src="/assets/addons/official/images/articles/article_ai_agent.svg" alt="企业私域 AI 智能体落地指南" loading="lazy">
                </a>
                <div class="nhc-article-card-body">
                    <div class="nhc-article-meta">
                        <span class="nhc-article-category-badge">技术洞察</span>
                        <span>纳海川技术团队</span>
                    </div>
                    <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>202])}">
                        <h3 class="nhc-article-card-title">企业私域 AI 智能体落地指南：基于 RAG 的本地化知识库与安全隔离工程</h3>
                    </a>
                    <p class="nhc-article-card-desc">
                        围绕政企内网物理隔离与核心数据安全底线，阐述纳海川私域智能体开发范式：大模型本地量化部署、向量多路召回与知识溯源防幻觉机制。
                    </p>
                    <div class="nhc-article-card-footer">
                        <span>阅读耗时约 4 分钟</span>
                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>6,':sid'=>8,':id'=>202])}" class="nhc-article-read-btn">
                            <span>阅读全文</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                        </a>
                    </div>
                </div>
            </article>
            {/if}
        </div>
    </div>
</section>
<!-- 技术洞察与研发动态 结束 -->

<!-- 7. 底部行动号召 (CTA Section) 开始 -->
<section id="contact" class="nhc-cta">
    <div class="nhc-container">
        <div class="nhc-cta-inner">
            <div class="nhc-cta-content">
                <span class="nhc-seal" style="background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); color: #FFFFFF; margin-bottom: 12px;">务实合作</span>
                <h2 class="nhc-cta-title">有具体的系统研发或产品选型需求？我们来落实</h2>
                <p class="nhc-cta-desc">
                    安排拥有 8 年以上实操经验的架构师与您直接沟通。针对业务流程、数据打通、部署环境提供切实可行的技术评估与预算参考，绝不空谈概念。
                </p>
            </div>
            <div class="nhc-cta-buttons">
                <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg">
                    <span>预约架构师技术初审</span>
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
                <a href="tel:{:__config('site_mobile','value')}" class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg">
                    <span>致电技术专线</span>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- 底部行动号召 (CTA Section) 结束 -->

<!-- 首页主体 结束 -->
{/block}

{block name="js"}
<script>
document.addEventListener('DOMContentLoaded', function() {
    var carousel = document.getElementById('nhcHeroCarousel');
    if (!carousel) return;

    var slides = carousel.querySelectorAll('.nhc-carousel-slide');
    var dots = carousel.querySelectorAll('.nhc-carousel-dot');
    var prevBtn = document.getElementById('nhcPrevBtn');
    var nextBtn = document.getElementById('nhcNextBtn');
    var currentIndex = 0;
    var totalSlides = slides.length;
    var autoPlayTimer = null;
    var intervalDuration = 6000;

    function goToSlide(index) {
        if (index < 0) {
            index = totalSlides - 1;
        } else if (index >= totalSlides) {
            index = 0;
        }
        
        slides.forEach(function(slide, i) {
            if (i === index) {
                slide.classList.add('active');
            } else {
                slide.classList.remove('active');
            }
        });

        dots.forEach(function(dot, i) {
            if (i === index) {
                dot.classList.add('active');
            } else {
                dot.classList.remove('active');
            }
        });

        currentIndex = index;
    }

    function nextSlide() {
        goToSlide(currentIndex + 1);
    }

    function prevSlide() {
        goToSlide(currentIndex - 1);
    }

    function startAutoPlay() {
        stopAutoPlay();
        autoPlayTimer = setInterval(nextSlide, intervalDuration);
    }

    function stopAutoPlay() {
        if (autoPlayTimer) {
            clearInterval(autoPlayTimer);
            autoPlayTimer = null;
        }
    }

    if (prevBtn) {
        prevBtn.addEventListener('click', function(e) {
            e.preventDefault();
            prevSlide();
            startAutoPlay();
        });
    }

    if (nextBtn) {
        nextBtn.addEventListener('click', function(e) {
            e.preventDefault();
            nextSlide();
            startAutoPlay();
        });
    }

    dots.forEach(function(dot) {
        dot.addEventListener('click', function() {
            var targetIdx = parseInt(this.getAttribute('data-goto'), 10);
            if (!isNaN(targetIdx)) {
                goToSlide(targetIdx);
                startAutoPlay();
            }
        });
    });

    carousel.addEventListener('mouseenter', stopAutoPlay);
    carousel.addEventListener('mouseleave', startAutoPlay);

    // 触摸滑动支持
    var touchStartX = 0;
    var touchEndX = 0;
    carousel.addEventListener('touchstart', function(e) {
        touchStartX = e.changedTouches[0].screenX;
        stopAutoPlay();
    }, { passive: true });

    carousel.addEventListener('touchend', function(e) {
        touchEndX = e.changedTouches[0].screenX;
        if (touchStartX - touchEndX > 50) {
            nextSlide();
        } else if (touchEndX - touchStartX > 50) {
            prevSlide();
        }
        startAutoPlay();
    }, { passive: true });

    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            stopAutoPlay();
        } else {
            startAutoPlay();
        }
    });

    startAutoPlay();
});
</script>
{/block}