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

{block name="content"}
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 开始 -->
<div class="nhc-mobile-about-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
    
    <!-- 1. 移动端 Hero 视窗 -->
    <div style="background: #FFFFFF; padding: 28px 16px 24px; border-bottom: 1px solid #E2E8F0; text-align: center;">
        <div style="margin-bottom: 10px;">
            <span class="nhc-seal" style="padding: 2px 10px; font-size: 11px;">自主可控 · 源码交付</span>
        </div>
        <h1 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 20px; font-weight: 700; color: #0F172A; margin: 0 0 10px 0; line-height: 1.4;">
            十年技术沉淀 · 打造自主可控软件系统
        </h1>
        <p style="font-size: 13px; color: #64748B; margin: 0; line-height: 1.6; text-align: justify;">
            贵阳纳海川科技有限公司专注于企业级软件定制开发、全场景移动端与小程序定制、私有化 AI 智能体及商业数字化软件研发。坚持交付完整工程源码与全套开发文档，支持私有化部署与长期维护。
        </p>
    </div>

    <!-- 2. 研发三大准则 -->
    <div style="padding: 20px 16px;">
        <div style="text-align: center; margin-bottom: 16px;">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px;">研发准则</span>
            <h2 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
                扎实工程落地 · 交付自主可控软件
            </h2>
        </div>

        <div style="display: flex; flex-direction: column; gap: 12px;">
            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #2563EB;">
                <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
                    自主可控研发 · 杜绝低质套壳代码
                </h3>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
                    每一行核心业务逻辑均遵循清晰规范自主编写，交付完整工程源码，支持客户进行自主维护与代码审计。
                </p>
            </div>
            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #06B6D4;">
                <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
                    标准化开放架构 · 无缝对接企业系统
                </h3>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
                    具备标准 API 接口规范，无缝对接企业既有 ERP、WMS 仓储及第三方平台。
                </p>
            </div>
            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px; border-left: 3px solid #7C3AED;">
                <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0 0 6px;">
                    严谨工程质量管理 · 保障系统稳定运行
                </h3>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.6;">
                    全流程实行规范化代码审查与自动化测试，严格把控质量与性能，保障系统平稳上线。
                </p>
            </div>
        </div>
    </div>

    <!-- 3. 十年技术演进历程 -->
    <div style="background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 22px 16px;">
        <div style="text-align: center; margin-bottom: 16px;">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px;">演进轨迹</span>
            <h2 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
                十年技术沉淀与发展历程
            </h2>
        </div>
        <div style="position: relative; padding-left: 20px; border-left: 2px solid #E2E8F0; margin-left: 10px;">
            <div style="margin-bottom: 18px; position: relative;">
                <div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #2563EB;"></div>
                <div style="font-size: 12px; font-weight: 700; color: #2563EB;">2016 初创起步</div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px;">深耕政企与商业软件定制，确立纯自研微服务底座</div>
            </div>
            <div style="margin-bottom: 18px; position: relative;">
                <div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #06B6D4;"></div>
                <div style="font-size: 12px; font-weight: 700; color: #06B6D4;">2019 商业系统成型</div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px;">发布商城、智能收银与进销存管理系统，服务超百家商户</div>
            </div>
            <div style="margin-bottom: 18px; position: relative;">
                <div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #7C3AED;"></div>
                <div style="font-size: 12px; font-weight: 700; color: #7C3AED;">2022 工程体系升级</div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px;">推行规范化代码审查与全流程测试，沉淀高可用中台底座</div>
            </div>
            <div style="position: relative;">
                <div style="position: absolute; left: -26px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #B91C1C;"></div>
                <div style="font-size: 12px; font-weight: 700; color: #B91C1C;">2024~2026 AI 智能体跨越</div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px;">落地自研私有化垂直大模型与 RAG 智能体平台</div>
            </div>
        </div>
    </div>

    <!-- 4. 技术团队专家阵容 (Team) -->
    <div style="padding: 22px 16px;">
        <div style="text-align: center; margin-bottom: 16px;">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px;">核心团队</span>
            <h2 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
                纳海川核心技术专家团队
            </h2>
        </div>

        <div style="display: flex; flex-direction: column; gap: 12px;">
            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
                    <img src="__ADDON__/images/showcases/team_architect.svg" alt="首席系统架构师徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
                    <div>
                        <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">首席系统架构师</h3>
                        <span style="font-size: 11px; color: #2563EB; font-weight: 600;">技术总监</span>
                    </div>
                </div>
                <div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">15+ 年大型系统架构经验 · 资深系统架构专家</div>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导十亿级高并发中台与纳海川底层高可用交易引擎。</p>
            </div>

            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
                    <img src="__ADDON__/images/showcases/team_fullstack.svg" alt="全栈研发总监徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
                    <div>
                        <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">全栈研发总监</h3>
                        <span style="font-size: 11px; color: #06B6D4; font-weight: 600;">工程交付主管</span>
                    </div>
                </div>
                <div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">12+ 年企业软件工程经验 · 供应链系统奠基人</div>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导近百套商业进销存、收银及供应链系统工程落地。</p>
            </div>

            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
                    <img src="__ADDON__/images/showcases/team_ai.svg" alt="AI智能体算法主管徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
                    <div>
                        <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">AI 智能体算法主管</h3>
                        <span style="font-size: 11px; color: #7C3AED; font-weight: 600;">前沿技术带头人</span>
                    </div>
                </div>
                <div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">计算机硕士 · 私有 RAG 与 Agent 工作流</div>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">专注于政企内网环境大模型微调与多智能体工作流协同。</p>
            </div>

            <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
                    <img src="__ADDON__/images/showcases/team_security.svg" alt="质量与安全合规专家徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
                    <div>
                        <h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">质量与安全合规专家</h3>
                        <span style="font-size: 11px; color: #059669; font-weight: 600;">CISSP 专家</span>
                    </div>
                </div>
                <div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">CISSP / ISO 9001/27001 审计师</div>
                <p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">推行规范化代码审查与全流程测试，落实等保三级合规要求。</p>
            </div>
        </div>
    </div>

    <!-- 5. 法定资质与软著资产 (Qualifications) -->
    <div style="background: #FFFFFF; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; padding: 22px 16px;">
        <div style="text-align: center; margin-bottom: 16px;">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px;">资质背书</span>
            <h2 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 17px; font-weight: 700; color: #0F172A; margin: 6px 0 0;">
                法定资质与软著合规资产
            </h2>
        </div>
        <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px;">
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
                <img src="__ADDON__/images/showcases/cert_hi_tech.svg" alt="国家高新技术企业" style="height: 36px; width: auto; margin-bottom: 6px;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">国家高新技术企业</div>
                <div style="font-size: 10px; color: #64748B; margin-top: 2px;">官方机构备案认定</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
                <div class="nhc-seal" style="margin-bottom: 8px; font-size: 10px;">专业认证</div>
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">双软企业评估认证</div>
                <div style="font-size: 10px; color: #64748B; margin-top: 2px;">软件专业技术评估</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
                <img src="__ADDON__/images/showcases/cert_iso9001.svg" alt="ISO9001质量认证" style="height: 36px; width: auto; margin-bottom: 6px;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 9001 质量认证</div>
                <div style="font-size: 10px; color: #64748B; margin-top: 2px;">标准化交付体系</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px 8px; text-align: center;">
                <div class="nhc-seal" style="margin-bottom: 8px; font-size: 10px;">安全体系</div>
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 27001 安全认证</div>
                <div style="font-size: 10px; color: #64748B; margin-top: 2px;">信息安全合规标准</div>
            </div>
        </div>
        <div style="background: #F1F5F9; border-radius: 4px; padding: 12px; text-align: center;">
            <span style="font-family: 'Noto Serif SC', serif; font-size: 20px; font-weight: 700; color: #2563EB;">50<sub style="font-size: 12px;">+</sub></span>
            <span style="font-size: 13px; font-weight: 600; color: #0F172A; margin-left: 6px;">项国家计算机软件著作权资产</span>
            <div style="font-size: 11px; color: #64748B; margin-top: 4px;">等保三级规范适配 · 完整源码交付与私有化部署</div>
        </div>
    </div>

    <!-- 6. 底部行动号召 CTA -->
    <div style="padding: 24px 16px; text-align: center;">
        <h3 style="font-family: 'Noto Serif SC', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 8px 0;">
            预约纳海川架构师方案研讨
        </h3>
        <p style="font-size: 12px; color: #64748B; margin: 0 0 16px 0;">
            24 小时内快速响应对接，量身输出数字化落地方案
        </p>
        <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" style="display: block; width: 100%; background: #2563EB; color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 12px 0; border-radius: 4px; text-decoration: none;">
            立即预约业务诊断
        </a>
    </div>

</div>
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 结束 -->
{/block}