{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;">
                    具备标准微服务接口插槽，无缝互联企业既有 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;">
                    全流程贯彻 TDD 测试驱动开发与 CI/CD 自动化集成，杜绝带病交付。
                </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 TDD 工程中台</div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px;">推行严格 TDD 测试驱动与 ISO 质量审计，沉淀高可用中台</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; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                    <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 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; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                    <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 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; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                    <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 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; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                    <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: #0F172A; font-weight: 600;">CISSP 专家</span>
                </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;">推行 TDD 敏捷测试与白盒审计，落实等保三级合规要求。</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; text-align: center;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">国家高新技术企业</div>
                <div style="font-size: 11px; color: #64748B; margin-top: 2px;">技术研发国家认定</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px; text-align: center;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">双软企业评估认证</div>
                <div style="font-size: 11px; color: #64748B; margin-top: 2px;">软件专业技术评估</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px; text-align: center;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 9001 质量认证</div>
                <div style="font-size: 11px; color: #64748B; margin-top: 2px;">标准化交付体系</div>
            </div>
            <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px; text-align: center;">
                <div style="font-size: 12px; font-weight: 700; color: #0F172A;">ISO 27001 安全认证</div>
                <div style="font-size: 11px; 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;">等保三级规范适配 · 100% 源码白盒私有交付承诺</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}