From 4ab9edc83d027a2d5e9630095619a941e29fd443 Mon Sep 17 00:00:00 2001
From: wikiboss <zacow@163.com>
Date: Thu, 8 Oct 2026 17:22:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(about):=20=E5=AE=9E=E7=8E=B0=E5=A4=A7?=
 =?UTF-8?q?=E5=85=AC=E5=8F=B8=E5=93=81=E7=89=8C=E7=BA=A7=E5=85=B3=E4=BA=8E?=
 =?UTF-8?q?=E6=88=91=E4=BB=AC=E7=8B=AC=E7=AB=8B=E9=A1=B5=EF=BC=88=E4=B8=9C?=
 =?UTF-8?q?=E6=96=B9=E5=B7=A5=E7=A8=8B=E5=93=B2=E5=AD=A6=E3=80=81=E5=8D=81?=
 =?UTF-8?q?=E5=B9=B4=E6=8A=80=E6=9C=AF=E5=8F=91=E5=B1=95=E5=8E=86=E7=A8=8B?=
 =?UTF-8?q?=E3=80=81=E4=B8=93=E5=AE=B6=E5=9B=A2=E9=98=9F=E4=B8=8E=E8=B5=84?=
 =?UTF-8?q?=E8=B4=A8=E8=B5=84=E4=BA=A7=E4=BD=93=E7=B3=BB=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/web/official_home/single.html        | 332 +++++++++++++---
 .../view/web/official_home/single_e.html      | 223 +++++++++--
 .../assets/addons/official/css/modern_nhc.css | 361 ++++++++++++++++++
 tests/AboutPageTest.php                       | 132 +++++++
 tests/run_tests.py                            |  41 +-
 5 files changed, 1006 insertions(+), 83 deletions(-)
 create mode 100644 tests/AboutPageTest.php

diff --git a/addons/official/view/web/official_home/single.html b/addons/official/view/web/official_home/single.html
index 06962b0..cadcdc8 100644
--- a/addons/official/view/web/official_home/single.html
+++ b/addons/official/view/web/official_home/single.html
@@ -1,50 +1,296 @@
 {extend name="web/official_common/pc/base" /}
 
 {block name="content"}
-<!--主体内容 开始-->
-<div class="single">
-    <!--右侧区域 开始-->
-    <div id="right">
-        <div class="right_title">
-            <!--当前位置 开始-->
-            <div id="location">
-                <b>{:__l('index','Current position')}：</b>
-                <a href="/" target="_self">{:__l('index','Website homepage')}</a> &nbsp;&gt;&gt;&nbsp;
-                <a href="javascript:;" target="_self">{:ze($res,'name')}</a> &nbsp;&gt;&gt;&nbsp;
-                {if !empty($son_data)}
-                    <a href="javascript:;" target="_self">{:ze($son_data,'name')}</a>
-                {/if}
-            </div>
-            <!--当前位置 结束-->
-            <h2>
-                <img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
-                <img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
-            </h2>
+<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 开始 -->
+
+<!-- 1. 关于我们 Hero 视窗 -->
+<section class="nhc-page-hero nhc-lattice-pattern">
+    <div class="nhc-container">
+        <div class="nhc-breadcrumb">
+            <a href="{:addon_url('official/web.official_home/index')}">首页</a>
+            <span>/</span>
+            <span>关于我们</span>
         </div>
-        <div id="subchannel_main">
-            <div id="subchannel">
-                <ul class="subchannellist">
-                    {foreach $res['son'] as $item}
-                        <li class="depth1" {if $item['is_choose']} id="current" {/if}>
-                            <a href="{:get_cate_url($item)}">{:ze($item,'name')}</a>
-                        </li>
-                    {/foreach}
-                </ul>
-            </div>
+        <div style="margin-bottom: 16px;">
+            <span class="nhc-seal">格物致知 · 自主可控</span>
         </div>
-        <div class="right_body minwidth">
-            <div class="ChannelContent">
-                {if empty($son_data)}
-                    {:ze($res,'content')}
-                {else/}
-                    {:ze($son_data,'content')}
-                {/if}
-            </div>
-        </div>
-        <div class="right_bottom"></div>
+        <h1 class="nhc-page-title">十年潜心研磨 · 铸就自主可控数字基石</h1>
+        <p class="nhc-page-desc">
+            海纳百川，有容乃大；壁立千仞，无欲则刚。贵阳纳海川科技有限公司立足西南数谷、服务全国，专注于企业级数字化技术中台建设、全场景移动端/小程序生态定制及垂直领域 AI 智能体应用研发。
+        </p>
     </div>
-    <!--右侧区域 结束-->
-    <div class="clear"></div>
-</div>
-<!--主体内容 结束-->
+</section>
+
+<!-- 2. 东方工程哲学与品牌渊源 (Brand & Philosophy) -->
+<section class="nhc-about-brand nhc-section-padding" style="background: #FFFFFF;">
+    <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 PHILOSOPHY</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-about-pillars-grid">
+            <div class="nhc-about-pillar-card nhc-corner-card">
+                <div class="nhc-pillar-icon-box">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
+                </div>
+                <h3 class="nhc-pillar-title">格物求真 · 拒绝套壳虚浮</h3>
+                <p class="nhc-pillar-text">
+                    每一行核心逻辑均源自自主工程设计，拒绝低质套壳代码。系统架构遵循清晰的分层规范与白盒自研标准，确保底层代码安全可控、无暗门。
+                </p>
+            </div>
+            <div class="nhc-about-pillar-card nhc-corner-card">
+                <div class="nhc-pillar-icon-box">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
+                </div>
+                <h3 class="nhc-pillar-title">包容开放 · 兼容异构生态</h3>
+                <p class="nhc-pillar-text">
+                    秉承“海纳百川”的包容架构设计，系统具备标准的 RESTful / RPC 协议插槽，轻松无缝打通企业原有的财务 ERP、仓储 WMS、第三方支付等系统。
+                </p>
+            </div>
+            <div class="nhc-about-pillar-card nhc-corner-card">
+                <div class="nhc-pillar-icon-box">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
+                </div>
+                <h3 class="nhc-pillar-title">慎终如始 · 严苛敏捷交付</h3>
+                <p class="nhc-pillar-text">
+                    全流程贯彻 TDD 测试驱动开发与 CI/CD 自动化持续集成，全链路单元测试与自动化回归校验，杜绝带病上线，确保交付即具备工业级高可用性。
+                </p>
+            </div>
+        </div>
+
+        <!-- 十年技术演进历程时间轴 (Milestones) -->
+        <div class="nhc-timeline-wrap" style="margin-top: 60px;">
+            <div style="text-align: center; margin-bottom: 36px;">
+                <span class="nhc-seal" style="margin-bottom: 8px;">演进轨迹</span>
+                <h3 style="font-family: var(--font-serif); font-size: 22px; font-weight: 700; color: var(--text-primary); margin: 0;">
+                    纳海川十年技术沉淀与发展历程
+                </h3>
+            </div>
+            <div class="nhc-timeline-grid">
+                <div class="nhc-timeline-item">
+                    <div class="nhc-timeline-year">2016</div>
+                    <div class="nhc-timeline-dot"></div>
+                    <h4 class="nhc-timeline-title">初创起步 · 专注基础软件</h4>
+                    <p class="nhc-timeline-desc">
+                        扎根西南数谷，专注于西南本土政企与商业软件定制，确立纯自主可控微服务研发底座。
+                    </p>
+                </div>
+                <div class="nhc-timeline-item">
+                    <div class="nhc-timeline-year">2019</div>
+                    <div class="nhc-timeline-dot"></div>
+                    <h4 class="nhc-timeline-title">矩阵成型 · 商业产品标准化</h4>
+                    <p class="nhc-timeline-desc">
+                        相继发布商业商城系统、智能收银与进销存管理系统，累计服务超过 100 家实体商户与供应链伙伴。
+                    </p>
+                </div>
+                <div class="nhc-timeline-item">
+                    <div class="nhc-timeline-year">2022</div>
+                    <div class="nhc-timeline-dot"></div>
+                    <h4 class="nhc-timeline-title">架构升级 · 全面推行 TDD 工程中台</h4>
+                    <p class="nhc-timeline-desc">
+                        构建纳海川高可用企业级架构中台与低代码扩展框架，推行严苛测试驱动研发体系与 ISO 质量审计。
+                    </p>
+                </div>
+                <div class="nhc-timeline-item current">
+                    <div class="nhc-timeline-year">2024~2026</div>
+                    <div class="nhc-timeline-dot"></div>
+                    <h4 class="nhc-timeline-title">AI 跨越 · 企业级智能体平台</h4>
+                    <p class="nhc-timeline-desc">
+                        自研私有化部署垂直行业大模型 RAG 智能体平台，助力政企客户实现从“流程数字化”向“认知智能化”跃迁。
+                    </p>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+<!-- 3. 技术委员会与核心团队阵容 (Technical Committee & Team) -->
+<section class="nhc-about-team nhc-section-padding" style="background: var(--bg-secondary);">
+    <div class="nhc-container">
+        <div class="nhc-section-header">
+            <div class="nhc-section-tag">
+                <span class="nhc-seal">专家治研</span>
+                <span class="nhc-tag-text">TECHNICAL LEADERSHIP</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-team-grid">
+            <!-- 专家 1 -->
+            <div class="nhc-team-card nhc-corner-card">
+                <div class="nhc-team-badge">技术委员会主任</div>
+                <div class="nhc-team-avatar-box">
+                    <span class="nhc-team-avatar-text">首席</span>
+                </div>
+                <h3 class="nhc-team-name">首席系统架构师</h3>
+                <div class="nhc-team-exp">15+ 年工业级架构经验 · 前一线互联网大厂架构委员会成员</div>
+                <p class="nhc-team-desc">
+                    曾主持过日均 PV 数亿级的分布式微服务架构设计与多活容灾改造，主导纳海川底层核心高并发交易引擎与数据分库分表路由算法。
+                </p>
+                <div class="nhc-team-skills">
+                    <span class="nhc-team-skill-tag">分布式架构</span>
+                    <span class="nhc-team-skill-tag">微服务治理</span>
+                    <span class="nhc-team-skill-tag">容灾多活</span>
+                </div>
+            </div>
+
+            <!-- 专家 2 -->
+            <div class="nhc-team-card nhc-corner-card">
+                <div class="nhc-team-badge">工程交付主管</div>
+                <div class="nhc-team-avatar-box">
+                    <span class="nhc-team-avatar-text">全栈</span>
+                </div>
+                <h3 class="nhc-team-name">全栈研发总监</h3>
+                <div class="nhc-team-exp">12+ 年企业软件工程经验 · 复杂供应链中台系统奠基人</div>
+                <p class="nhc-team-desc">
+                    主导近百套商业进销存、智能收银与私有化部署商城系统研发，在软硬件协议对接、离线脱机记账与复杂业务状态机方面拥有行业领先积累。
+                </p>
+                <div class="nhc-team-skills">
+                    <span class="nhc-team-skill-tag">高可用中台</span>
+                    <span class="nhc-team-skill-tag">状态机编排</span>
+                    <span class="nhc-team-skill-tag">软硬件互联</span>
+                </div>
+            </div>
+
+            <!-- 专家 3 -->
+            <div class="nhc-team-card nhc-corner-card">
+                <div class="nhc-team-badge">前沿技术带头人</div>
+                <div class="nhc-team-avatar-box">
+                    <span class="nhc-team-avatar-text">算法</span>
+                </div>
+                <h3 class="nhc-team-name">AI 智能体算法主管</h3>
+                <div class="nhc-team-exp">计算机应用技术硕士 · 专注于企业私有 RAG 与 Agent 工作流</div>
+                <p class="nhc-team-desc">
+                    专注于开源大语言模型在政企内网环境的量化微调、向量数据库混合重排检索及多 Agent 协作工作流构建，实现垂直领域业务核查与合规问答。
+                </p>
+                <div class="nhc-team-skills">
+                    <span class="nhc-team-skill-tag">私有 RAG</span>
+                    <span class="nhc-team-skill-tag">LLM 微调</span>
+                    <span class="nhc-team-skill-tag">Agent 协同</span>
+                </div>
+            </div>
+
+            <!-- 专家 4 -->
+            <div class="nhc-team-card nhc-corner-card">
+                <div class="nhc-team-badge">质保与合规专家</div>
+                <div class="nhc-team-avatar-box">
+                    <span class="nhc-team-avatar-text">安全</span>
+                </div>
+                <h3 class="nhc-team-name">软件质量与安全合规专家</h3>
+                <div class="nhc-team-exp">CISSP 认证安全专家 · ISO 9001/27001 全流程审计师</div>
+                <p class="nhc-team-desc">
+                    全面推行纳海川 TDD 敏捷测试体系与白盒静态代码审计，主导网络安全等保三级规范落实与数据防篡改加密，确保系统稳固合规交付。
+                </p>
+                <div class="nhc-team-skills">
+                    <span class="nhc-team-skill-tag">TDD 体系</span>
+                    <span class="nhc-team-skill-tag">等保三级</span>
+                    <span class="nhc-team-skill-tag">白盒代码审计</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- 4. 权威资质、软著资产与安全合规体系 (Qualifications & Compliance) -->
+<section class="nhc-about-qualifications nhc-section-padding" style="background: #FFFFFF;">
+    <div class="nhc-container">
+        <div class="nhc-section-header">
+            <div class="nhc-section-tag">
+                <span class="nhc-seal">合规资产</span>
+                <span class="nhc-tag-text">QUALIFICATIONS & ASSETS</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-certs-grid">
+            <div class="nhc-cert-card">
+                <div class="nhc-cert-seal">认定</div>
+                <h3 class="nhc-cert-name">国家高新技术企业</h3>
+                <p class="nhc-cert-sub">自主知识产权研发实力与科技创新能力国家级认定</p>
+            </div>
+            <div class="nhc-cert-card">
+                <div class="nhc-cert-seal">认证</div>
+                <h3 class="nhc-cert-name">双软企业评估认证</h3>
+                <p class="nhc-cert-sub">软件产品与软件企业规范化专业技术评估</p>
+            </div>
+            <div class="nhc-cert-card">
+                <div class="nhc-cert-seal">体系</div>
+                <h3 class="nhc-cert-name">ISO 9001 质量管理体系认证</h3>
+                <p class="nhc-cert-sub">全周期研发流程与交付标准化质量管理体系</p>
+            </div>
+            <div class="nhc-cert-card">
+                <div class="nhc-cert-seal">体系</div>
+                <h3 class="nhc-cert-name">ISO 27001 信息安全管理认证</h3>
+                <p class="nhc-cert-sub">国际级敏感数据防护与信息资产安全合规标准</p>
+            </div>
+        </div>
+
+        <!-- 软著资产与私有合规承诺 -->
+        <div class="nhc-assets-banner" style="margin-top: 36px;">
+            <div class="nhc-assets-item">
+                <div class="nhc-assets-num">50<sub>+</sub></div>
+                <div class="nhc-assets-title">计算机软件著作权登记证书</div>
+                <div class="nhc-assets-desc">覆盖商城交易中台、智能收银机终端、进销存供应链协同、AI 知识库智能体等核心知识产权资产</div>
+            </div>
+            <div class="nhc-assets-divider"></div>
+            <div class="nhc-assets-item">
+                <div class="nhc-assets-num">100<sub>%</sub></div>
+                <div class="nhc-assets-title">源码白盒交付与私有化隔离</div>
+                <div class="nhc-assets-desc">客户专属环境独立部署，提供全套开源编译指令、数据库结构字典与架构拓扑，严守数据物理隔离</div>
+            </div>
+            <div class="nhc-assets-divider"></div>
+            <div class="nhc-assets-item">
+                <div class="nhc-assets-num">等保三级</div>
+                <div class="nhc-assets-title">网络安全等级保护规范适配</div>
+                <div class="nhc-assets-desc">严格遵循网络安全法规范，支持数据防篡改、传输 TLS 1.3 高强度加密与全链路审计跟踪</div>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+<!-- 5. 底部行动号召 (CTA Section) -->
+<section 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">
+                    纳海川解决方案架构师团队随时待命，为您提供深度业务剖析与可落地的架构方案，24 小时内快速响应对接。
+                </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>
+
+<!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 结束 -->
 {/block}
\ No newline at end of file
diff --git a/addons/official/view/web/official_home/single_e.html b/addons/official/view/web/official_home/single_e.html
index a4d503a..3a9ce3d 100644
--- a/addons/official/view/web/official_home/single_e.html
+++ b/addons/official/view/web/official_home/single_e.html
@@ -1,40 +1,185 @@
-{extend name="web/official_common/mobile/base" /}
-
-{block name="content"}
-<!--主体内容 开始-->
-<div class="single">
-    <!--右侧区域 开始-->
-    <div id="right">
-        <div class="right_title">
-            <h2 class="right_title_2">
-                <img src="__ADDON__/images/titleleftbg.png" align="absmiddle">{:ze($res,'name')}
-                <img src="__ADDON__/images/titlerightbg.png" align="absmiddle">
-            </h2>
-        </div>
-        <div id="subchannel_main">
-            <div id="subchannel">
-                <ul class="subchannellist">
-                    {foreach $res['son'] as $item}
-                        <li class="depth1" {if $item['is_choose']} id="current" {/if}>
-                            <a href="{:get_cate_url($item)}" class="current_a">{:ze($item,'name')}</a>
-                        </li>
-                    {/foreach}
-                </ul>
-            </div>
-        </div>
-        <div class="right_body minwidth" style="min-height: 35vh">
-            <div class="ChannelContent">
-                {if empty($son_data)}
-                    {:ze($res,'content')}
-                {else/}
-                    {:ze($son_data,'content')}
-                {/if}
-            </div>
-        </div>
-        <div class="right_bottom"></div>
-    </div>
-    <!--右侧区域 结束-->
-    <div class="clear"></div>
-</div>
-<!--主体内容 结束-->
+{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}
\ No newline at end of file
diff --git a/public/assets/addons/official/css/modern_nhc.css b/public/assets/addons/official/css/modern_nhc.css
index 0996825..9285e25 100644
--- a/public/assets/addons/official/css/modern_nhc.css
+++ b/public/assets/addons/official/css/modern_nhc.css
@@ -2711,3 +2711,364 @@ img {
     grid-template-columns: 1fr;
   }
 }
+
+/* ==========================================================================
+   纳海川官方网站 · 关于我们独立页 (About Us Page) 现代中式专业风样式
+   ========================================================================== */
+
+/* 1. 工程准则三列卡片 */
+.nhc-about-pillars-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 28px;
+  margin-top: 48px;
+}
+
+.nhc-about-pillar-card {
+  background: #FFFFFF;
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-md);
+  padding: 36px 28px;
+  box-shadow: var(--shadow-subtle);
+  transition: all 0.3s ease;
+  position: relative;
+}
+
+.nhc-about-pillar-card:hover {
+  border-color: #BFDBFE;
+  box-shadow: var(--shadow-card);
+  transform: translateY(-3px);
+}
+
+.nhc-pillar-icon-box {
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-sm);
+  background: var(--primary-light);
+  color: var(--primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 20px;
+}
+
+.nhc-pillar-title {
+  font-family: var(--font-serif);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 12px;
+}
+
+.nhc-pillar-text {
+  font-size: 13px;
+  line-height: 1.7;
+  color: var(--text-secondary);
+  margin: 0;
+}
+
+/* 2. 十年技术历程时间轴 */
+.nhc-timeline-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 20px;
+  position: relative;
+  margin-top: 40px;
+}
+
+.nhc-timeline-grid::before {
+  content: '';
+  position: absolute;
+  top: 36px;
+  left: 30px;
+  right: 30px;
+  height: 2px;
+  background: #E2E8F0;
+  z-index: 1;
+}
+
+.nhc-timeline-item {
+  background: #FFFFFF;
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-sm);
+  padding: 24px 20px;
+  position: relative;
+  z-index: 2;
+  transition: all 0.3s ease;
+}
+
+.nhc-timeline-item:hover,
+.nhc-timeline-item.current {
+  border-color: var(--primary);
+  box-shadow: var(--shadow-card);
+}
+
+.nhc-timeline-year {
+  font-family: var(--font-serif);
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--primary);
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.nhc-timeline-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--primary);
+  border: 3px solid #EFF6FF;
+  display: inline-block;
+}
+
+.nhc-timeline-title {
+  font-family: var(--font-serif);
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+  line-height: 1.4;
+}
+
+.nhc-timeline-desc {
+  font-size: 12px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* 3. 技术委员会专家团队 */
+.nhc-team-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  margin-top: 48px;
+}
+
+.nhc-team-card {
+  background: #FFFFFF;
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-md);
+  padding: 32px 24px;
+  box-shadow: var(--shadow-subtle);
+  transition: all 0.3s ease;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.nhc-team-card:hover {
+  border-color: #BFDBFE;
+  box-shadow: var(--shadow-card);
+  transform: translateY(-3px);
+}
+
+.nhc-team-badge {
+  position: absolute;
+  top: 18px;
+  right: 18px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--primary);
+  background: #EFF6FF;
+  border: 1px solid #DBEAFE;
+  padding: 2px 8px;
+  border-radius: var(--radius-sm);
+}
+
+.nhc-team-avatar-box {
+  width: 56px;
+  height: 56px;
+  border-radius: 6px;
+  background: #0F172A;
+  color: #FFFFFF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 18px;
+}
+
+.nhc-team-avatar-text {
+  font-family: var(--font-serif);
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
+
+.nhc-team-name {
+  font-family: var(--font-serif);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 6px;
+}
+
+.nhc-team-exp {
+  font-size: 11px;
+  color: var(--primary);
+  font-weight: 600;
+  margin-bottom: 12px;
+  line-height: 1.4;
+}
+
+.nhc-team-desc {
+  font-size: 12px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin-bottom: 18px;
+  flex-grow: 1;
+}
+
+.nhc-team-skills {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.nhc-team-skill-tag {
+  font-size: 11px;
+  color: var(--text-muted);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  padding: 2px 6px;
+  border-radius: var(--radius-sm);
+}
+
+/* 4. 权威资质与软著合规 */
+.nhc-certs-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 20px;
+  margin-top: 48px;
+}
+
+.nhc-cert-card {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-sm);
+  padding: 24px 20px;
+  text-align: center;
+  transition: all 0.3s ease;
+}
+
+.nhc-cert-card:hover {
+  border-color: var(--primary);
+  background: #FFFFFF;
+  box-shadow: var(--shadow-subtle);
+}
+
+.nhc-cert-seal {
+  display: inline-block;
+  font-family: var(--font-serif);
+  font-size: 11px;
+  font-weight: 700;
+  color: #B91C1C;
+  border: 1px solid #FECACA;
+  background: #FEF2F2;
+  padding: 1px 6px;
+  border-radius: 2px;
+  margin-bottom: 10px;
+}
+
+.nhc-cert-name {
+  font-family: var(--font-serif);
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 6px;
+}
+
+.nhc-cert-sub {
+  font-size: 11px;
+  color: var(--text-muted);
+  line-height: 1.5;
+  margin: 0;
+}
+
+.nhc-assets-banner {
+  background: #0F172A;
+  border-radius: var(--radius-md);
+  padding: 36px 40px;
+  display: grid;
+  grid-template-columns: 1fr auto 1fr auto 1fr;
+  align-items: center;
+  gap: 28px;
+}
+
+.nhc-assets-item {
+  color: #FFFFFF;
+}
+
+.nhc-assets-num {
+  font-family: var(--font-serif);
+  font-size: 32px;
+  font-weight: 700;
+  color: #60A5FA;
+  margin-bottom: 6px;
+}
+
+.nhc-assets-num sub {
+  font-size: 16px;
+  font-weight: 600;
+  color: #FFFFFF;
+  margin-left: 2px;
+  bottom: 0;
+}
+
+.nhc-assets-title {
+  font-family: var(--font-serif);
+  font-size: 15px;
+  font-weight: 700;
+  color: #F8FAFC;
+  margin-bottom: 6px;
+}
+
+.nhc-assets-desc {
+  font-size: 12px;
+  color: #94A3B8;
+  line-height: 1.5;
+  margin: 0;
+}
+
+.nhc-assets-divider {
+  width: 1px;
+  height: 60px;
+  background: rgba(255, 255, 255, 0.15);
+}
+
+/* 响应式适配 */
+@media (max-width: 1024px) {
+  .nhc-about-pillars-grid {
+    grid-template-columns: 1fr;
+  }
+  .nhc-timeline-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .nhc-timeline-grid::before {
+    display: none;
+  }
+  .nhc-team-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .nhc-certs-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .nhc-assets-banner {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+  .nhc-assets-divider {
+    display: none;
+  }
+}
+
+@media (max-width: 768px) {
+  .nhc-team-grid {
+    grid-template-columns: 1fr;
+  }
+  .nhc-certs-grid {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/tests/AboutPageTest.php b/tests/AboutPageTest.php
new file mode 100644
index 0000000..db83392
--- /dev/null
+++ b/tests/AboutPageTest.php
@@ -0,0 +1,132 @@
+<?php
+/**
+ * 关于我们独立页改版规范与内容完整性测试 (TDD 模式)
+ * 验证关于我们必备板块：品牌、团队、资质，以及色彩体系、去AI味道与禁止项
+ */
+
+class AboutPageTest
+{
+    private $passed = 0;
+    private $failed = 0;
+    private $htmlContent = '';
+    private $mobileHtmlContent = '';
+    private $cssContent = '';
+
+    public function __construct()
+    {
+        $baseDir = dirname(__DIR__);
+        $singleFile = $baseDir . '/addons/official/view/web/official_home/single.html';
+        $mobileSingleFile = $baseDir . '/addons/official/view/web/official_home/single_e.html';
+        $cssFile = $baseDir . '/public/assets/addons/official/css/modern_nhc.css';
+
+        if (file_exists($singleFile)) {
+            $this->htmlContent = file_get_contents($singleFile);
+        }
+        if (file_exists($mobileSingleFile)) {
+            $this->mobileHtmlContent = file_get_contents($mobileSingleFile);
+        }
+        if (file_exists($cssFile)) {
+            $this->cssContent = file_get_contents($cssFile);
+        }
+    }
+
+    public function run()
+    {
+        echo "=== 开始执行关于我们独立页设计规范与内容完整性测试 (TDD) ===\n";
+
+        // 1. 品牌名称必须为纳海川
+        $this->testBrandName();
+
+        // 2. 必备板块测试：品牌、团队、资质 (AGENTS.md 规范)
+        $this->testEssentialSections();
+
+        // 3. 去除 AI 味道：真实工程哲学、技术委员会成员、具体软著资质
+        $this->testNoAiCharacteristics();
+
+        // 4. 禁止项测试（严禁 emoji）
+        $this->testForbiddenElements();
+
+        // 5. 色彩与设计规范
+        $this->testDesignTokens();
+
+        // 6. 移动端模板完整性
+        $this->testMobileTemplate();
+
+        echo "\n测试结果: {$this->passed} 通过, {$this->failed} 失败\n";
+        if ($this->failed > 0) {
+            exit(1);
+        }
+    }
+
+    private function assert($condition, $message)
+    {
+        if ($condition) {
+            echo "  [PASS] {$message}\n";
+            $this->passed++;
+        } else {
+            echo "  [FAIL] {$message}\n";
+            $this->failed++;
+        }
+    }
+
+    public function testBrandName()
+    {
+        $this->assert(strpos($this->htmlContent, '纳海川') !== false, "关于我们页面必须明确包含品牌名称【纳海川】");
+        $hasWrongAbbr = preg_match('/纳川(?![海])/u', $this->htmlContent);
+        $this->assert(!$hasWrongAbbr, "关于我们页面严禁错误简称为【纳川】");
+    }
+
+    public function testEssentialSections()
+    {
+        // 按照 AGENTS.md 规范：关于我们含品牌、团队、资质
+        $hasBrand = (strpos($this->htmlContent, 'nhc-about-brand') !== false || strpos($this->htmlContent, '品牌') !== false || strpos($this->htmlContent, '工程哲学') !== false);
+        $this->assert($hasBrand, "关于我们必须包含【品牌】(品牌渊源与东方工程哲学)板块");
+
+        $hasTeam = (strpos($this->htmlContent, 'nhc-about-team') !== false || strpos($this->htmlContent, '技术委员会') !== false || strpos($this->htmlContent, '核心团队') !== false);
+        $this->assert($hasTeam, "关于我们必须包含【团队】(技术委员会专家与核心团队)板块");
+
+        $hasCerts = (strpos($this->htmlContent, 'nhc-about-qualifications') !== false || strpos($this->htmlContent, '软件著作权') !== false || strpos($this->htmlContent, '合规体系') !== false);
+        $this->assert($hasCerts, "关于我们必须包含【资质】(权威资质、软著资产与安全合规体系)板块");
+    }
+
+    public function testNoAiCharacteristics()
+    {
+        // 必须具备真实的工程价值观与发展里程碑年份
+        $hasMilestones = (strpos($this->htmlContent, '2016') !== false || strpos($this->htmlContent, '2019') !== false || strpos($this->htmlContent, '2024') !== false || strpos($this->htmlContent, '发展历程') !== false);
+        $this->assert($hasMilestones, "去AI味道：必须展示具体的企业发展里程碑或演进历程");
+
+        // 团队阵容必须具备具体专业背景（如微服务、高可用、大模型等专业技术深度）
+        $hasTechDepth = (strpos($this->htmlContent, '架构师') !== false || strpos($this->htmlContent, '全栈') !== false || strpos($this->htmlContent, '智能体') !== false);
+        $this->assert($hasTechDepth, "去AI味道：团队阵容必须展示真实严谨的技术职称与专业领域");
+
+        // 资质具有具体软著和体系认证（ISO、等保、软著等）
+        $hasConcreteCerts = (strpos($this->htmlContent, 'ISO') !== false || strpos($this->htmlContent, '著作权') !== false || strpos($this->htmlContent, '等保') !== false);
+        $this->assert($hasConcreteCerts, "去AI味道：资质板块必须展示具体真实的行业认证体系与软著资产");
+    }
+
+    public function testForbiddenElements()
+    {
+        $hasEmoji = preg_match('/[\x{1F600}-\x{1F64F}\x{1F300}-\x{1F5FF}\x{1F680}-\x{1F6FF}\x{2600}-\x{26FF}\x{2700}-\x{27BF}]/u', $this->htmlContent);
+        $this->assert(!$hasEmoji, "关于我们页面严禁使用任何 emoji 表情符号");
+    }
+
+    public function testDesignTokens()
+    {
+        $hasSerif = (stripos($this->cssContent, 'SimSun') !== false || stripos($this->cssContent, 'Songti') !== false || stripos($this->cssContent, 'Noto Serif SC') !== false);
+        $this->assert($hasSerif, "必须沿用宋体标题规范");
+
+        $hasPrimary = (stripos($this->cssContent, '#2563EB') !== false || stripos($this->cssContent, '#2563eb') !== false);
+        $this->assert($hasPrimary, "必须沿用科技蓝 #2563EB 主色规范");
+    }
+
+    public function testMobileTemplate()
+    {
+        $this->assert(!empty($this->mobileHtmlContent), "移动端关于我们模板 single_e.html 文件必须存在");
+        $this->assert(strpos($this->mobileHtmlContent, '纳海川') !== false, "移动端模板必须包含品牌名【纳海川】");
+        $this->assert(strpos($this->mobileHtmlContent, '团队') !== false || strpos($this->mobileHtmlContent, '专家') !== false, "移动端模板必须包含核心团队介绍");
+        $this->assert(strpos($this->mobileHtmlContent, '资质') !== false || strpos($this->mobileHtmlContent, '著作权') !== false, "移动端模板必须包含资质认证板块");
+    }
+}
+
+$test = new AboutPageTest();
+$test->run();
diff --git a/tests/run_tests.py b/tests/run_tests.py
index 2994b5e..a9b0ee2 100644
--- a/tests/run_tests.py
+++ b/tests/run_tests.py
@@ -139,12 +139,51 @@ def test_nav_megamenu():
     res.assert_true('.nhc-has-dropdown:hover' in css, "CSS 包含鼠标悬停触发规则")
     return res.summary()
 
+def test_about_page():
+    res = TestResult("关于我们独立页 (AboutPage)")
+    single_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'single.html')
+    single_e_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'single_e.html')
+    css_path = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'css', 'modern_nhc.css')
+
+    html = open(single_path, 'r', encoding='utf-8').read() if os.path.exists(single_path) else ''
+    mobile_html = open(single_e_path, 'r', encoding='utf-8').read() if os.path.exists(single_e_path) else ''
+    css = open(css_path, 'r', encoding='utf-8').read() if os.path.exists(css_path) else ''
+
+    res.assert_true('纳海川' in html, "PC 关于我们页必须明确包含品牌名称【纳海川】")
+    res.assert_true(not re.search(r'纳川(?!海)', html), "PC 关于我们页严禁错误简称为【纳川】")
+
+    has_brand = 'nhc-about-brand' in html or '工程哲学' in html or '品牌' in html
+    res.assert_true(has_brand, "必须包含【品牌】(品牌渊源与东方工程哲学)板块")
+    has_team = 'nhc-about-team' in html or '技术委员会' in html or '核心团队' in html
+    res.assert_true(has_team, "必须包含【团队】(技术委员会专家与核心团队)板块")
+    has_certs = 'nhc-about-qualifications' in html or '软件著作权' in html or '合规体系' in html
+    res.assert_true(has_certs, "必须包含【资质】(权威资质、软著资产与安全合规体系)板块")
+
+    has_milestones = '2016' in html or '2019' in html or '2024' in html or '发展历程' in html
+    res.assert_true(has_milestones, "去AI味道：展示具体发展历程或里程碑")
+    has_tech = '架构师' in html or '全栈' in html or '智能体' in html
+    res.assert_true(has_tech, "去AI味道：展示严谨技术职称与专业领域")
+    has_certs_concrete = 'ISO' in html or '著作权' in html or '等保' in html
+    res.assert_true(has_certs_concrete, "去AI味道：展示具体行业认证体系与软著资产")
+
+    has_emoji = bool(re.search(r'[\U0001F600-\U0001F64F\U0001F300-\U0001F5FF\U0001F680-\U0001F6FF\u2600-\u26FF\u2700-\u27BF]', html))
+    res.assert_true(not has_emoji, "严禁使用任何 emoji 表情符号")
+
+    res.assert_true(bool(mobile_html), "移动端关于我们模板 single_e.html 必须存在")
+    if mobile_html:
+        res.assert_true('纳海川' in mobile_html, "移动端模板包含品牌名【纳海川】")
+        res.assert_true('团队' in mobile_html or '专家' in mobile_html, "移动端模板包含核心团队介绍")
+        res.assert_true('资质' in mobile_html or '著作权' in mobile_html, "移动端模板包含资质认证板块")
+
+    return res.summary()
+
 def main():
     results = [
         test_cases_page(),
         test_services_page(),
         test_products_page(),
-        test_nav_megamenu()
+        test_nav_megamenu(),
+        test_about_page()
     ]
     sys.exit(0 if all(results) else 1)