diff --git a/addons/official/view/web/official_case_show/list.html b/addons/official/view/web/official_case_show/list.html
index 5f2d549..2266be5 100644
--- a/addons/official/view/web/official_case_show/list.html
+++ b/addons/official/view/web/official_case_show/list.html
@@ -1,6 +1,4 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="content"}
+{extend name="web/official_common/pc/base" /} {block name="content"}
 <!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 开始 -->
 
 <!-- 1. 案例页 Hero 视窗 -->
@@ -9,53 +7,67 @@
         <div class="nhc-breadcrumb">
             <a href="{:addon_url('official/web.official_home/index')}">首页</a>
             <span>/</span>
-            <span>标杆案例</span>
+            <span>客户案例</span>
         </div>
-        <div style="margin-bottom: 16px;">
-            <span class="nhc-seal">落地实效 · 业务复盘</span>
+        <div style="margin-bottom: 16px">
+            <span class="nhc-seal">项目实效 · 业务复盘</span>
         </div>
-        <h1 class="nhc-page-title">标杆客户案例 · 真实业务复盘</h1>
+        <h1 class="nhc-page-title">客户项目案例 · 问题与解决方式</h1>
         <p class="nhc-page-desc">
-            纳海川坚持以经得起考验的工程规范，为政企单位、智能制造、连锁商业零售及供应链企业定制稳定好用、自主可控的数字化系统。
+            纳海川以严格的工程规范，为政企单位、智能制造、连锁商业零售及供应链企业定制稳定好用的数字化系统，交付完整源码。
         </p>
     </div>
 </section>
 
-
 <!-- 2. 案例筛选与深度案例档案板块 -->
-<section class="nhc-cases nhc-cases-section" style="padding: 70px 0 90px;">
+<section class="nhc-cases nhc-cases-section" style="padding: 70px 0 90px">
     <div class="nhc-container">
-        
         <!-- 多维业务与行业分类筛选器 (Filter) -->
         <div class="nhc-case-filter-wrap nhc-case-filter" id="nhcCaseFilter">
-            <button class="nhc-case-filter-btn active" data-category="all">全部案例</button>
-            <button class="nhc-case-filter-btn" data-category="middle">中台与软件开发</button>
-            <button class="nhc-case-filter-btn" data-category="mobile">移动端与小程序定制</button>
-            <button class="nhc-case-filter-btn" data-category="agent">企业级 AI 智能体</button>
-            <button class="nhc-case-filter-btn" data-category="product">商城与商业产品</button>
+            <button class="nhc-case-filter-btn active" data-category="all">
+                全部案例
+            </button>
+            <button class="nhc-case-filter-btn" data-category="middle">
+                中台与软件开发
+            </button>
+            <button class="nhc-case-filter-btn" data-category="mobile">
+                移动端与小程序定制
+            </button>
+            <button class="nhc-case-filter-btn" data-category="agent">
+                企业级 AI 智能体
+            </button>
+            <button class="nhc-case-filter-btn" data-category="product">
+                商城与商业产品
+            </button>
         </div>
 
         <!-- 深度标杆案例卡片网格 (2×2 布局) -->
         <div class="nhc-cases-grid" id="nhcCasesContainer">
-            
             <!-- 案例 1：大型商贸流通集团 -->
-            <div class="nhc-case-card nhc-corner-card" data-category="middle product">
+            <div
+                class="nhc-case-card nhc-corner-card"
+                data-category="middle product"
+            >
                 <div class="nhc-case-header">
                     <span class="nhc-case-tag">商贸批发 · 数字中台</span>
                     <span class="nhc-case-status">成果验证</span>
                 </div>
-                <h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
+                <h3 class="nhc-case-title">
+                    大型快消供应链集团「全渠道分销商城与订货中台」
+                </h3>
                 <div class="nhc-case-dossier">
                     <div class="nhc-case-dossier-row">
-                        <span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
+                        <span class="nhc-dossier-label"
+                            >业务挑战 CHALLENGE</span
+                        >
                         <p class="nhc-dossier-text">
-                            跨区域经销商传统订货繁杂，人工拆单对账耗时长达 24 小时以上，高峰期锁库超时常导致断货漏单。
+                            跨区域经销商传统订货繁杂，人工拆单对账耗时久，高峰期锁库超时常导致断货漏单。
                         </p>
                     </div>
                     <div class="nhc-case-dossier-row">
                         <span class="nhc-dossier-label">技术方案 SOLUTION</span>
                         <p class="nhc-dossier-text">
-                            重构分布式微服务订货中台，接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
+                            重构分布式微服务订货中台，接入等级阶梯价、信用授信账期管控及自动分单对账功能。
                         </p>
                     </div>
                 </div>
@@ -64,50 +76,83 @@
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
-                        <span class="nhc-window-title">系统功能界面 · B2B分销调度看板与多商户分账中心</span>
+                        <span class="nhc-window-title"
+                            >系统功能界面 ·
+                            B2B分销调度看板与多商户分账中心</span
+                        >
                     </div>
                     <div class="nhc-window-screen">
-                        <div class="nhc-window-module-tag">分布式微服务弹性架构</div>
+                        <div class="nhc-window-module-tag">
+                            分布式微服务弹性架构
+                        </div>
                         <div class="nhc-window-stats-row">
                             <span>架构分层: <strong>微服务集群</strong></span>
                             <span>数据治理: <strong>主从读写分离</strong></span>
-                            <span>交易对账: <strong>防重复扣款与对账</strong></span>
+                            <span
+                                >交易对账:
+                                <strong>防重复扣款与对账</strong></span
+                            >
                         </div>
                     </div>
                 </div>
                 <div class="nhc-case-img-wrap">
-                    <img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消供应链集团全渠道分销中台大屏视窗" loading="lazy">
+                    <img
+                        src="__ADDON__/images/showcases/case_distrib.svg"
+                        alt="快消供应链集团全渠道分销中台大屏视窗"
+                        loading="lazy"
+                    />
                 </div>
                 <div class="nhc-case-metrics">
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">10W+ /日</div>
-                        <div class="nhc-case-metric-name">峰值订单调度与拆单</div>
+                        <div class="nhc-case-metric-val">峰值调度</div>
+                        <div class="nhc-case-metric-name">跨区域订单拆单</div>
                     </div>
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">60% 提升</div>
-                        <div class="nhc-case-metric-name">跨区域多仓对账时效</div>
+                        <div class="nhc-case-metric-val">耗时缩短</div>
+                        <div class="nhc-case-metric-name">
+                            跨区域多仓对账时效
+                        </div>
                     </div>
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">99.9%</div>
-                        <div class="nhc-case-metric-name">微服务集群高可用保障</div>
+                        <div class="nhc-case-metric-val">集群保障</div>
+                        <div class="nhc-case-metric-name">微服务集群保障</div>
                     </div>
                 </div>
                 <div class="nhc-case-proof-bar">
-                    <svg class="nhc-proof-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                    <span>已通过客户信息技术中心联合终验，各项业务流程实现高效协同</span>
+                    <svg
+                        class="nhc-proof-icon"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2.5"
+                    >
+                        <polyline points="20 6 9 17 4 12" />
+                    </svg>
+                    <span
+                        >已通过客户信息技术中心联合终验，各项业务流程已上线运行。</span
+                    >
                 </div>
             </div>
 
             <!-- 案例 2：知名连锁新零售 -->
-            <div class="nhc-case-card nhc-corner-card" data-category="mobile product">
+            <div
+                class="nhc-case-card nhc-corner-card"
+                data-category="mobile product"
+            >
                 <div class="nhc-case-header">
                     <span class="nhc-case-tag">连锁零售 · 软硬一体</span>
                     <span class="nhc-case-status">成果验证</span>
                 </div>
-                <h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
+                <h3 class="nhc-case-title">
+                    知名区域连锁餐饮「全场景智能收银与门店一体化」
+                </h3>
                 <div class="nhc-case-dossier">
                     <div class="nhc-case-dossier-row">
-                        <span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
+                        <span class="nhc-dossier-label"
+                            >业务挑战 CHALLENGE</span
+                        >
                         <p class="nhc-dossier-text">
                             就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
                         </p>
@@ -115,7 +160,8 @@
                     <div class="nhc-case-dossier-row">
                         <span class="nhc-dossier-label">技术方案 SOLUTION</span>
                         <p class="nhc-dossier-text">
-                            部署软硬一体化收银系统与后厨 KDS 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
+                            部署软硬一体化收银系统与后厨 KDS
+                            联动看板，对接微信扫码点餐、离线聚合支付与实时扣料核销。
                         </p>
                     </div>
                 </div>
@@ -124,38 +170,70 @@
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
-                        <span class="nhc-window-title">系统功能界面 · 软硬件一体收银台与后厨 KDS 联动看板</span>
+                        <span class="nhc-window-title"
+                            >系统功能界面 · 软硬件一体收银台与后厨 KDS
+                            联动看板</span
+                        >
                     </div>
                     <div class="nhc-window-screen">
-                        <div class="nhc-window-module-tag">断网离线双向同步引擎</div>
+                        <div class="nhc-window-module-tag">
+                            断网离线双向同步
+                        </div>
                         <div class="nhc-window-stats-row">
                             <span>脱机存储: <strong>本地 SQLite</strong></span>
-                            <span>联网回传: <strong>自动同步防重复</strong></span>
-                            <span>外设硬件兼容: <strong>全系主流适配</strong></span>
+                            <span
+                                >联网回传: <strong>自动同步防重复</strong></span
+                            >
+                            <span
+                                >外设硬件兼容:
+                                <strong>主流设备适配</strong></span
+                            >
                         </div>
                     </div>
                 </div>
 
                 <div class="nhc-case-img-wrap">
-                    <img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
+                    <img
+                        src="__ADDON__/images/showcases/case_catering.svg"
+                        alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
+                        loading="lazy"
+                    />
                 </div>
                 <div class="nhc-case-metrics">
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">300+ 门店</div>
-                        <div class="nhc-case-metric-name">软硬一体化全国覆盖</div>
+                        <div class="nhc-case-metric-val">多门店覆盖</div>
+                        <div class="nhc-case-metric-name">
+                            软硬一体化门店覆盖
+                        </div>
                     </div>
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">50% 降低</div>
-                        <div class="nhc-case-metric-name">高峰期前台排队用时</div>
+                        <div class="nhc-case-metric-val">用时缩短</div>
+                        <div class="nhc-case-metric-name">
+                            高峰期前台排队用时
+                        </div>
                     </div>
                     <div class="nhc-case-metric-item">
-                        <div class="nhc-case-metric-val">100% 离线</div>
-                        <div class="nhc-case-metric-name">断网断电脱机正常收银</div>
+                        <div class="nhc-case-metric-val">离线可用</div>
+                        <div class="nhc-case-metric-name">
+                            断网断电脱机正常收银
+                        </div>
                     </div>
                 </div>
                 <div class="nhc-case-proof-bar">
-                    <svg class="nhc-proof-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                    <span>已通过连锁品牌全国运营管理中心联合终验，通过极端断网断电压力测试</span>
+                    <svg
+                        class="nhc-proof-icon"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2.5"
+                    >
+                        <polyline points="20 6 9 17 4 12" />
+                    </svg>
+                    <span
+                        >已通过连锁品牌运营管理中心联合终验，通过断网断电压力测试。</span
+                    >
                 </div>
             </div>
 
@@ -165,18 +243,23 @@
                     <span class="nhc-case-tag">智能制造 · 进销存 ERP</span>
                     <span class="nhc-case-status">成果验证</span>
                 </div>
-                <h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
+                <h3 class="nhc-case-title">
+                    高端装备制造企业「生产进销存与供应链敏捷协同」
+                </h3>
                 <div class="nhc-case-dossier">
                     <div class="nhc-case-dossier-row">
-                        <span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
+                        <span class="nhc-dossier-label"
+                            >业务挑战 CHALLENGE</span
+                        >
                         <p class="nhc-dossier-text">
-                            零配件品类繁杂多达数万种，采购节拍与装配生产脱节，呆滞物料占用大量资金且难以追溯批次质量。
+                            零配件品类繁杂，采购节拍与装配生产脱节，呆滞物料占用资金且难以追溯批次质量。
                         </p>
                     </div>
                     <div class="nhc-case-dossier-row">
                         <span class="nhc-dossier-label">技术方案 SOLUTION</span>
                         <p class="nhc-dossier-text">
-                            定制落地进销存管理系统，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。
+                            定制进销存管理系统，建立动态物料 BOM
+                            匹配、安全库存预警与供应商端协同门户。
                         </p>
                     </div>
                 </div>
@@ -185,24 +268,37 @@
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
-                        <span class="nhc-window-title">系统功能界面 · 物料 BOM 批次全流程溯源与多仓动态调拨</span>
+                        <span class="nhc-window-title"
+                            >系统功能界面 · 物料 BOM
+                            批次全流程溯源与多仓动态调拨</span
+                        >
                     </div>
                     <div class="nhc-window-screen">
-                        <div class="nhc-window-module-tag">精益进销存与业财穿透</div>
+                        <div class="nhc-window-module-tag">
+                            精益进销存与业财联动
+                        </div>
                         <div class="nhc-window-stats-row">
-                            <span>物料BOM: <strong>多层级装配结构</strong></span>
+                            <span
+                                >物料BOM: <strong>多层级装配结构</strong></span
+                            >
                             <span>安全库存: <strong>动态阈值告警</strong></span>
-                            <span>业财对接: <strong>凭证穿透追溯</strong></span>
+                            <span>业财对接: <strong>凭证联查追溯</strong></span>
                         </div>
                     </div>
                 </div>
                 <div class="nhc-case-img-wrap">
-                    <img src="__ADDON__/images/showcases/case_manufacture.svg" alt="装备制造进销存与数字化车间MES视窗" loading="lazy">
+                    <img
+                        src="__ADDON__/images/showcases/case_manufacture.svg"
+                        alt="装备制造进销存与数字化车间MES视窗"
+                        loading="lazy"
+                    />
                 </div>
                 <div class="nhc-case-metrics">
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">动态BOM</div>
-                        <div class="nhc-case-metric-name">多层装配与缺料预警</div>
+                        <div class="nhc-case-metric-name">
+                            多层装配与缺料预警
+                        </div>
                     </div>
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">批次追溯</div>
@@ -210,12 +306,27 @@
                     </div>
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">协同门户</div>
-                        <div class="nhc-case-metric-name">供应商在线协同送货</div>
+                        <div class="nhc-case-metric-name">
+                            供应商在线协同送货
+                        </div>
                     </div>
                 </div>
                 <div class="nhc-case-proof-bar">
-                    <svg class="nhc-proof-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                    <span>已通过装备制造集团信息化专家组终验验收，实现与既有 ERP 深度集成</span>
+                    <svg
+                        class="nhc-proof-icon"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2.5"
+                    >
+                        <polyline points="20 6 9 17 4 12" />
+                    </svg>
+                    <span
+                        >已通过装备制造集团信息化专家组终验验收，实现与既有 ERP
+                        系统集成。</span
+                    >
                 </div>
             </div>
 
@@ -225,18 +336,23 @@
                     <span class="nhc-case-tag">政企服务 · AI 智能体</span>
                     <span class="nhc-case-status">成果验证</span>
                 </div>
-                <h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
+                <h3 class="nhc-case-title">
+                    知识密集型政务机构「专属 RAG 业务审核智能体」
+                </h3>
                 <div class="nhc-case-dossier">
                     <div class="nhc-case-dossier-row">
-                        <span class="nhc-dossier-label">业务挑战 CHALLENGE</span>
+                        <span class="nhc-dossier-label"
+                            >业务挑战 CHALLENGE</span
+                        >
                         <p class="nhc-dossier-text">
-                            政策法规与历史案例规章跨数十库，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
+                            政策法规与历史案例分散在多个库中，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
                         </p>
                     </div>
                     <div class="nhc-case-dossier-row">
                         <span class="nhc-dossier-label">技术方案 SOLUTION</span>
                         <p class="nhc-dossier-text">
-                            构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化核查报告。
+                            构建基于私有大模型与向量数据库的 RAG
+                            智能体，自动检索法规依据并输出规范化核查报告。
                         </p>
                     </div>
                 </div>
@@ -245,29 +361,37 @@
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
                         <span class="nhc-window-dot"></span>
-                        <span class="nhc-window-title">系统功能界面 · 政策法规 RAG 向量检索与智能合规审核视窗</span>
+                        <span class="nhc-window-title"
+                            >系统功能界面 · 政策法规 RAG
+                            向量检索与合规审核视窗</span
+                        >
                     </div>
                     <div class="nhc-window-screen">
-                        <div class="nhc-window-module-tag">私域大模型内网物理隔离</div>
+                        <div class="nhc-window-module-tag">
+                            私域大模型内网隔离
+                        </div>
                         <div class="nhc-window-stats-row">
-                            <span>部署形态: <strong>内网物理隔离</strong></span>
-                            <span>检索机制: <strong>精准语义检索</strong></span>
+                            <span>部署形态: <strong>内网隔离部署</strong></span>
+                            <span>检索机制: <strong>语义检索</strong></span>
                             <span>安全审计: <strong>溯源留痕可查</strong></span>
-
                         </div>
                     </div>
                 </div>
                 <div class="nhc-case-img-wrap">
-                    <img src="__ADDON__/images/showcases/case_gov_agent.svg" alt="政企专属AI知识库与审批智能体操作视窗" loading="lazy">
+                    <img
+                        src="__ADDON__/images/showcases/case_gov_agent.svg"
+                        alt="政企专属AI知识库与审批智能体操作视窗"
+                        loading="lazy"
+                    />
                 </div>
                 <div class="nhc-case-metrics">
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">纯内网部署</div>
-                        <div class="nhc-case-metric-name">物理隔离数据可控</div>
+                        <div class="nhc-case-metric-name">内网部署数据可控</div>
                     </div>
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">法规溯源</div>
-                        <div class="nhc-case-metric-name">标注原文出处依凭</div>
+                        <div class="nhc-case-metric-name">标注原文出处</div>
                     </div>
                     <div class="nhc-case-metric-item">
                         <div class="nhc-case-metric-val">人机协同</div>
@@ -275,25 +399,44 @@
                     </div>
                 </div>
                 <div class="nhc-case-proof-bar">
-                    <svg class="nhc-proof-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                    <span>已通过政企网络安全与合规审计部门联合终验，符合等保三级物理隔离标准</span>
+                    <svg
+                        class="nhc-proof-icon"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2.5"
+                    >
+                        <polyline points="20 6 9 17 4 12" />
+                    </svg>
+                    <span
+                        >已通过政企网络安全与合规审计部门联合终验，符合等保合规要求，数据不出内网</span
+                    >
                 </div>
             </div>
-
         </div>
     </div>
 </section>
 
 <!-- 4. 合作企业展位 -->
-<div class="nhc-container" style="padding: 70px 0 40px; text-align: center;">
-    <span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
-    <div class="nhc-clients-grid" style="margin-top: 24px;">
-        <div class="nhc-client-item">贵阳商贸供应链</div>
-        <div class="nhc-client-item">西南智能制造</div>
-        <div class="nhc-client-item">黔信互联科技</div>
-        <div class="nhc-client-item">连锁零售商超</div>
-        <div class="nhc-client-item">智慧农特产业</div>
-        <div class="nhc-client-item">现代医药物流</div>
+<div class="nhc-container" style="padding: 70px 0 40px; text-align: center">
+    <span
+        style="
+            font-size: 13px;
+            letter-spacing: 2px;
+            color: var(--text-muted);
+            text-transform: uppercase;
+        "
+        >服务涵盖政企金融、先进制造、新零售及现代物流领域的客户</span
+    >
+    <div class="nhc-clients-grid" style="margin-top: 24px">
+        <div class="nhc-client-item">商贸流通企业</div>
+        <div class="nhc-client-item">装备制造企业</div>
+        <div class="nhc-client-item">信息技术企业</div>
+        <div class="nhc-client-item">连锁零售企业</div>
+        <div class="nhc-client-item">农特产品企业</div>
+        <div class="nhc-client-item">医药物流企业</div>
     </div>
 </div>
 
@@ -302,18 +445,44 @@
     <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>
+                <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">
-                    无论是现有系统推倒重构，还是新业务急需上线，纳海川均可提供成熟架构设计与实操建议，避免试错踩坑。
+                    无论是现有系统升级改造，还是新业务急需上线，纳海川可提供架构设计与实操建议，帮助控制试错成本。
                 </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">
+                <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>
+                    <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">
+                <a
+                    href="tel:{:__config('site_mobile','value')}"
+                    class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
+                >
                     <span>电话咨询</span>
                 </a>
             </div>
@@ -323,29 +492,36 @@
 
 <!-- 客户端分类筛选交互脚本 -->
 <script>
-document.addEventListener('DOMContentLoaded', function() {
-    var filterBtns = document.querySelectorAll('.nhc-case-filter-btn');
-    var caseCards = document.querySelectorAll('#nhcCasesContainer .nhc-case-card');
+    document.addEventListener("DOMContentLoaded", function () {
+        var filterBtns = document.querySelectorAll(".nhc-case-filter-btn");
+        var caseCards = document.querySelectorAll(
+            "#nhcCasesContainer .nhc-case-card",
+        );
 
-    filterBtns.forEach(function(btn) {
-        btn.addEventListener('click', function() {
-            var category = this.getAttribute('data-category');
-            
-            filterBtns.forEach(function(b) { b.classList.remove('active'); });
-            this.classList.add('active');
+        filterBtns.forEach(function (btn) {
+            btn.addEventListener("click", function () {
+                var category = this.getAttribute("data-category");
 
-            caseCards.forEach(function(card) {
-                var cardCats = card.getAttribute('data-category') || '';
-                if (category === 'all' || cardCats.indexOf(category) !== -1) {
-                    card.style.display = 'block';
-                    card.style.opacity = '1';
-                } else {
-                    card.style.display = 'none';
-                }
+                filterBtns.forEach(function (b) {
+                    b.classList.remove("active");
+                });
+                this.classList.add("active");
+
+                caseCards.forEach(function (card) {
+                    var cardCats = card.getAttribute("data-category") || "";
+                    if (
+                        category === "all" ||
+                        cardCats.indexOf(category) !== -1
+                    ) {
+                        card.style.display = "block";
+                        card.style.opacity = "1";
+                    } else {
+                        card.style.display = "none";
+                    }
+                });
             });
         });
     });
-});
 </script>
 <!-- 纳海川官方网站 · 客户案例独立页 (Cases Page) 结束 -->
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_case_show/list_e.html b/addons/official/view/web/official_case_show/list_e.html
index 232b97b..7302430 100644
--- a/addons/official/view/web/official_case_show/list_e.html
+++ b/addons/official/view/web/official_case_show/list_e.html
@@ -1,249 +1,832 @@
-{extend name="web/official_common/mobile/base" /}
-
-{block name="content"}
+{extend name="web/official_common/mobile/base" /} {block name="content"}
 <!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 开始 -->
-<div class="nhc-mobile-cases-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
-    
+<div
+    class="nhc-mobile-cases-page"
+    style="background: #f8fafc; min-height: 100vh; padding-bottom: 60px"
+>
     <!-- 1. 移动端 Hero 视窗 -->
-    <div style="background: #FFFFFF; padding: 28px 16px 22px; 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
+        style="
+            background: #ffffff;
+            padding: 28px 16px 22px;
+            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 8px 0; line-height: 1.4;">
-            标杆实践成果 · 真实业务复盘
+        <h1
+            style="
+                font-family:
+                    &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                font-size: 20px;
+                font-weight: 700;
+                color: #0f172a;
+                margin: 0 0 8px 0;
+                line-height: 1.4;
+            "
+        >
+            客户项目案例 · 问题与解决方式
         </h1>
-        <p style="font-size: 13px; color: #64748B; margin: 0; line-height: 1.6;">
+        <p style="font-size: 13px; color: #64748b; margin: 0; line-height: 1.6">
             纳海川坚持严谨工程标准，为政企单位、智能制造与连锁商超开发稳定可控的数字化系统。
         </p>
-
     </div>
 
     <!-- 2. 横向滑动筛选器 (Filter) -->
-    <div style="background: #FFFFFF; border-bottom: 1px solid #E2E8F0; padding: 12px 16px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;" class="nhc-case-filter" id="nhcMobileCaseFilter">
-        <button class="nhc-case-filter-btn active" data-category="all" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #2563EB; background: #2563EB; color: #FFFFFF; margin-right: 8px;">全部案例</button>
-        <button class="nhc-case-filter-btn" data-category="middle" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">软件开发与中台</button>
-        <button class="nhc-case-filter-btn" data-category="mobile" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">APP与小程序</button>
-        <button class="nhc-case-filter-btn" data-category="agent" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; margin-right: 8px;">企业级 AI 智能体</button>
-        <button class="nhc-case-filter-btn" data-category="product" style="padding: 6px 14px; font-size: 13px; border-radius: 4px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569;">商城与商业产品</button>
+    <div
+        style="
+            background: #ffffff;
+            border-bottom: 1px solid #e2e8f0;
+            padding: 12px 16px;
+            overflow-x: auto;
+            white-space: nowrap;
+            -webkit-overflow-scrolling: touch;
+        "
+        class="nhc-case-filter"
+        id="nhcMobileCaseFilter"
+    >
+        <button
+            class="nhc-case-filter-btn active"
+            data-category="all"
+            style="
+                padding: 6px 14px;
+                font-size: 13px;
+                border-radius: 4px;
+                border: 1px solid #2563eb;
+                background: #2563eb;
+                color: #ffffff;
+                margin-right: 8px;
+            "
+        >
+            全部案例
+        </button>
+        <button
+            class="nhc-case-filter-btn"
+            data-category="middle"
+            style="
+                padding: 6px 14px;
+                font-size: 13px;
+                border-radius: 4px;
+                border: 1px solid #e2e8f0;
+                background: #f8fafc;
+                color: #475569;
+                margin-right: 8px;
+            "
+        >
+            软件开发与中台
+        </button>
+        <button
+            class="nhc-case-filter-btn"
+            data-category="mobile"
+            style="
+                padding: 6px 14px;
+                font-size: 13px;
+                border-radius: 4px;
+                border: 1px solid #e2e8f0;
+                background: #f8fafc;
+                color: #475569;
+                margin-right: 8px;
+            "
+        >
+            APP与小程序
+        </button>
+        <button
+            class="nhc-case-filter-btn"
+            data-category="agent"
+            style="
+                padding: 6px 14px;
+                font-size: 13px;
+                border-radius: 4px;
+                border: 1px solid #e2e8f0;
+                background: #f8fafc;
+                color: #475569;
+                margin-right: 8px;
+            "
+        >
+            企业级 AI 智能体
+        </button>
+        <button
+            class="nhc-case-filter-btn"
+            data-category="product"
+            style="
+                padding: 6px 14px;
+                font-size: 13px;
+                border-radius: 4px;
+                border: 1px solid #e2e8f0;
+                background: #f8fafc;
+                color: #475569;
+            "
+        >
+            商城与商业产品
+        </button>
     </div>
 
     <!-- 3. 案例卡片列表容器 -->
-    <div style="padding: 16px;" id="nhcMobileCasesContainer">
-        
+    <div style="padding: 16px" id="nhcMobileCasesContainer">
         <!-- 案例 1 -->
-        <div class="nhc-mobile-case-card nhc-case-card" data-category="middle product" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-                <span style="font-size: 12px; color: #2563EB; font-weight: 600;">商贸批发 · 数字中台</span>
-                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
+        <div
+            class="nhc-mobile-case-card nhc-case-card"
+            data-category="middle product"
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-bottom: 16px;
+            "
+        >
+            <div
+                style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    margin-bottom: 10px;
+                "
+            >
+                <span style="font-size: 12px; color: #2563eb; font-weight: 600"
+                    >商贸批发 · 数字中台</span
+                >
+                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
+                    >成果验证</span
+                >
             </div>
-            <h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
+            <h3
+                style="
+                    font-family:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                    font-size: 16px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    margin: 0 0 12px 0;
+                    line-height: 1.4;
+                "
+            >
                 大型快消供应链集团「全渠道分销商城与订货中台」
             </h3>
             <div class="nhc-case-img-wrap">
-                <img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消供应链集团全渠道分销中台大屏视窗" loading="lazy">
+                <img
+                    src="__ADDON__/images/showcases/case_distrib.svg"
+                    alt="快消供应链集团全渠道分销中台大屏视窗"
+                    loading="lazy"
+                />
             </div>
-            <div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #2563EB;">
-                <div style="margin-bottom: 8px;">
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        跨区域经销商传统订货繁杂，人工拆单对账耗时长达 24 小时以上，高峰期锁库超时常导致断货漏单。
+            <div
+                style="
+                    background: #f8fafc;
+                    border-radius: 4px;
+                    padding: 12px;
+                    margin-bottom: 14px;
+                    border-left: 3px solid #2563eb;
+                "
+            >
+                <div style="margin-bottom: 8px">
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        业务挑战 CHALLENGE
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        跨区域经销商传统订货繁杂，人工拆单对账耗时久，高峰期锁库超时常导致断货漏单。
                     </p>
                 </div>
                 <div>
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        重构分布式微服务订货中台，接入灵活等级阶梯价、信用授信账期管控及全自动分单对账引擎。
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        技术方案 SOLUTION
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        重构分布式微服务订货中台，接入等级阶梯价、信用授信账期管控及自动分单对账功能。
                     </p>
                 </div>
             </div>
-            <div class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
+            <div
+                class="nhc-case-metrics"
+                style="
+                    display: grid;
+                    grid-template-columns: repeat(3, 1fr);
+                    gap: 8px;
+                    text-align: center;
+                    border-top: 1px solid #f1f5f9;
+                    padding-top: 10px;
+                "
+            >
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #2563EB;">10W+ /日</div>
-                    <div style="font-size: 11px; color: #64748B;">订单调度与拆单</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #2563eb;
+                        "
+                    >
+                        峰值调度
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        跨区域订单拆单
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">60% 提升</div>
-                    <div style="font-size: 11px; color: #64748B;">多仓对账时效</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        耗时缩短
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        多仓对账时效
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">99.9%</div>
-                    <div style="font-size: 11px; color: #64748B;">集群高可用保障</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        集群保障
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        集群运行保障
+                    </div>
                 </div>
             </div>
         </div>
 
         <!-- 案例 2 -->
-        <div class="nhc-mobile-case-card nhc-case-card" data-category="mobile product" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-                <span style="font-size: 12px; color: #2563EB; font-weight: 600;">连锁零售 · 软硬一体</span>
-                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
+        <div
+            class="nhc-mobile-case-card nhc-case-card"
+            data-category="mobile product"
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-bottom: 16px;
+            "
+        >
+            <div
+                style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    margin-bottom: 10px;
+                "
+            >
+                <span style="font-size: 12px; color: #2563eb; font-weight: 600"
+                    >连锁零售 · 软硬一体</span
+                >
+                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
+                    >成果验证</span
+                >
             </div>
-            <h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
+            <h3
+                style="
+                    font-family:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                    font-size: 16px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    margin: 0 0 12px 0;
+                    line-height: 1.4;
+                "
+            >
                 知名区域连锁餐饮「全场景智能收银与门店一体化」
             </h3>
             <div class="nhc-case-img-wrap">
-                <img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
+                <img
+                    src="__ADDON__/images/showcases/case_catering.svg"
+                    alt="全国连锁餐饮智能收银与后厨KDS联动视窗"
+                    loading="lazy"
+                />
             </div>
-            <div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #06B6D4;">
-                <div style="margin-bottom: 8px;">
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
+            <div
+                style="
+                    background: #f8fafc;
+                    border-radius: 4px;
+                    padding: 12px;
+                    margin-bottom: 14px;
+                    border-left: 3px solid #06b6d4;
+                "
+            >
+                <div style="margin-bottom: 8px">
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        业务挑战 CHALLENGE
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
                         就餐高峰期前台排队拥堵严重，断网断电导致收银死机与掉单丢单，前后端数据脱节导致物料报表失真。
                     </p>
                 </div>
                 <div>
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        部署软硬一体化收银系统与后厨 KDS 联动看板，打通微信扫码点餐、离线聚合支付与实时扣料核销。
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        技术方案 SOLUTION
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        部署软硬一体化收银系统与后厨 KDS
+                        联动看板，对接微信扫码点餐、离线聚合支付与实时扣料核销。
                     </p>
                 </div>
             </div>
-            <div class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
+            <div
+                class="nhc-case-metrics"
+                style="
+                    display: grid;
+                    grid-template-columns: repeat(3, 1fr);
+                    gap: 8px;
+                    text-align: center;
+                    border-top: 1px solid #f1f5f9;
+                    padding-top: 10px;
+                "
+            >
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #2563EB;">300+ 门店</div>
-                    <div style="font-size: 11px; color: #64748B;">全国网点覆盖</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #2563eb;
+                        "
+                    >
+                        多门店覆盖
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        门店网点覆盖
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">50% 降低</div>
-                    <div style="font-size: 11px; color: #64748B;">排队等候耗时</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        用时缩短
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        排队等候耗时
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">100% 离线</div>
-                    <div style="font-size: 11px; color: #64748B;">脱机正常收银</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        离线可用
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        脱机正常收银
+                    </div>
                 </div>
             </div>
         </div>
 
         <!-- 案例 3 -->
-        <div class="nhc-mobile-case-card nhc-case-card" data-category="middle" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-                <span style="font-size: 12px; color: #2563EB; font-weight: 600;">智能制造 · 进销存 ERP</span>
-                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
+        <div
+            class="nhc-mobile-case-card nhc-case-card"
+            data-category="middle"
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-bottom: 16px;
+            "
+        >
+            <div
+                style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    margin-bottom: 10px;
+                "
+            >
+                <span style="font-size: 12px; color: #2563eb; font-weight: 600"
+                    >智能制造 · 进销存 ERP</span
+                >
+                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
+                    >成果验证</span
+                >
             </div>
-            <h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
+            <h3
+                style="
+                    font-family:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                    font-size: 16px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    margin: 0 0 12px 0;
+                    line-height: 1.4;
+                "
+            >
                 高端装备制造企业「生产进销存与供应链敏捷协同」
             </h3>
             <div class="nhc-case-img-wrap">
-                <img src="__ADDON__/images/showcases/case_manufacture.svg" alt="装备制造进销存与数字化车间MES视窗" loading="lazy">
+                <img
+                    src="__ADDON__/images/showcases/case_manufacture.svg"
+                    alt="装备制造进销存与数字化车间MES视窗"
+                    loading="lazy"
+                />
             </div>
-            <div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #7C3AED;">
-                <div style="margin-bottom: 8px;">
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        零配件品类繁杂多达数万种，采购节拍与装配生产脱节，呆滞物料占用大量资金且难以追溯批次质量。
+            <div
+                style="
+                    background: #f8fafc;
+                    border-radius: 4px;
+                    padding: 12px;
+                    margin-bottom: 14px;
+                    border-left: 3px solid #7c3aed;
+                "
+            >
+                <div style="margin-bottom: 8px">
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        业务挑战 CHALLENGE
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        零配件品类繁杂，采购节拍与装配生产脱节，呆滞物料占用资金且难以追溯批次质量。
                     </p>
                 </div>
                 <div>
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        定制落地进销存管理系统，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        技术方案 SOLUTION
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        定制进销存管理系统，建立动态物料 BOM
+                        匹配、安全库存预警与供应商端协同门户。
                     </p>
                 </div>
             </div>
-            <div class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
+            <div
+                class="nhc-case-metrics"
+                style="
+                    display: grid;
+                    grid-template-columns: repeat(3, 1fr);
+                    gap: 8px;
+                    text-align: center;
+                    border-top: 1px solid #f1f5f9;
+                    padding-top: 10px;
+                "
+            >
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #2563EB;">动态BOM</div>
-                    <div style="font-size: 11px; color: #64748B;">装配缺料预警</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #2563eb;
+                        "
+                    >
+                        动态BOM
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        装配缺料预警
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">批次追溯</div>
-                    <div style="font-size: 11px; color: #64748B;">一物一码追溯</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        批次追溯
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        一物一码追溯
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">协同门户</div>
-                    <div style="font-size: 11px; color: #64748B;">供应商在线送货</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        协同门户
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        供应商在线送货
+                    </div>
                 </div>
             </div>
         </div>
 
         <!-- 案例 4 -->
-        <div class="nhc-mobile-case-card nhc-case-card" data-category="agent" style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-                <span style="font-size: 12px; color: #2563EB; font-weight: 600;">政企服务 · AI 智能体</span>
-                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">成果验证</span>
+        <div
+            class="nhc-mobile-case-card nhc-case-card"
+            data-category="agent"
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-bottom: 16px;
+            "
+        >
+            <div
+                style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    margin-bottom: 10px;
+                "
+            >
+                <span style="font-size: 12px; color: #2563eb; font-weight: 600"
+                    >政企服务 · AI 智能体</span
+                >
+                <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px"
+                    >成果验证</span
+                >
             </div>
-            <h3 style="font-family: 'Noto Serif SC', 'SimSun', serif; font-size: 16px; font-weight: 700; color: #0F172A; margin: 0 0 12px 0; line-height: 1.4;">
+            <h3
+                style="
+                    font-family:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                    font-size: 16px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    margin: 0 0 12px 0;
+                    line-height: 1.4;
+                "
+            >
                 知识密集型政务机构「专属 RAG 业务审核智能体」
             </h3>
             <div class="nhc-case-img-wrap">
-                <img src="__ADDON__/images/showcases/case_gov_agent.svg" alt="政企专属AI知识库与审批智能体操作视窗" loading="lazy">
+                <img
+                    src="__ADDON__/images/showcases/case_gov_agent.svg"
+                    alt="政企专属AI知识库与审批智能体操作视窗"
+                    loading="lazy"
+                />
             </div>
-            <div style="background: #F8FAFC; border-radius: 4px; padding: 12px; margin-bottom: 14px; border-left: 3px solid #2563EB;">
-                <div style="margin-bottom: 8px;">
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">业务挑战 CHALLENGE</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        政策法规与历史案例规章跨数十库，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
+            <div
+                style="
+                    background: #f8fafc;
+                    border-radius: 4px;
+                    padding: 12px;
+                    margin-bottom: 14px;
+                    border-left: 3px solid #2563eb;
+                "
+            >
+                <div style="margin-bottom: 8px">
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        业务挑战 CHALLENGE
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        政策法规与历史案例分散在多个库中，人工跨部门查重检索耗时耗力，初审标准难统一且存在合规漏洞。
                     </p>
                 </div>
                 <div>
-                    <div style="font-size: 11px; font-weight: 700; color: #64748B; letter-spacing: 1px;">技术方案 SOLUTION</div>
-                    <p style="font-size: 12px; color: #334155; margin: 2px 0 0; line-height: 1.5;">
-                        构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化核查报告。
+                    <div
+                        style="
+                            font-size: 11px;
+                            font-weight: 700;
+                            color: #64748b;
+                            letter-spacing: 1px;
+                        "
+                    >
+                        技术方案 SOLUTION
+                    </div>
+                    <p
+                        style="
+                            font-size: 12px;
+                            color: #334155;
+                            margin: 2px 0 0;
+                            line-height: 1.5;
+                        "
+                    >
+                        构建基于私有大模型与向量数据库的 RAG
+                        智能体，自动检索法规依据并输出规范化核查报告。
                     </p>
                 </div>
             </div>
-            <div class="nhc-case-metrics" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; border-top: 1px solid #F1F5F9; padding-top: 10px;">
+            <div
+                class="nhc-case-metrics"
+                style="
+                    display: grid;
+                    grid-template-columns: repeat(3, 1fr);
+                    gap: 8px;
+                    text-align: center;
+                    border-top: 1px solid #f1f5f9;
+                    padding-top: 10px;
+                "
+            >
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #2563EB;">纯内网部署</div>
-                    <div style="font-size: 11px; color: #64748B;">物理隔离不外泄</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #2563eb;
+                        "
+                    >
+                        纯内网部署
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        内网隔离不外泄
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">法规溯源</div>
-                    <div style="font-size: 11px; color: #64748B;">标注原文出处</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        法规溯源
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        标注原文出处
+                    </div>
                 </div>
                 <div>
-                    <div style="font-size: 13px; font-weight: 700; color: #0F172A;">人机协同</div>
-                    <div style="font-size: 11px; color: #64748B;">初审辅助专家终审</div>
+                    <div
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        人机协同
+                    </div>
+                    <div style="font-size: 11px; color: #64748b">
+                        初审辅助专家终审
+                    </div>
                 </div>
             </div>
         </div>
-
     </div>
 
     <!-- 5. 底部行动号召 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;">
+    <div style="padding: 24px 16px; text-align: center">
+        <h3
+            style="
+                font-family: &quot;Noto Serif SC&quot;, serif;
+                font-size: 16px;
+                font-weight: 700;
+                color: #0f172a;
+                margin: 0 0 8px 0;
+            "
+        >
             预约架构师 1 对 1 方案研讨
         </h3>
-        <p style="font-size: 12px; color: #64748B; margin: 0 0 16px 0;">
-            纳海川资深团队 24 小时内响应，输出定制落地方案
+        <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
+            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>
 
 <!-- 移动端筛选 JS 脚本 -->
 <script>
-document.addEventListener('DOMContentLoaded', function() {
-    var btns = document.querySelectorAll('#nhcMobileCaseFilter .nhc-case-filter-btn');
-    var cards = document.querySelectorAll('#nhcMobileCasesContainer .nhc-mobile-case-card');
+    document.addEventListener("DOMContentLoaded", function () {
+        var btns = document.querySelectorAll(
+            "#nhcMobileCaseFilter .nhc-case-filter-btn",
+        );
+        var cards = document.querySelectorAll(
+            "#nhcMobileCasesContainer .nhc-mobile-case-card",
+        );
 
-    btns.forEach(function(btn) {
-        btn.addEventListener('click', function() {
-            var category = this.getAttribute('data-category');
-            btns.forEach(function(b) {
-                b.style.background = '#F8FAFC';
-                b.style.color = '#475569';
-                b.style.borderColor = '#E2E8F0';
-            });
-            this.style.background = '#2563EB';
-            this.style.color = '#FFFFFF';
-            this.style.borderColor = '#2563EB';
+        btns.forEach(function (btn) {
+            btn.addEventListener("click", function () {
+                var category = this.getAttribute("data-category");
+                btns.forEach(function (b) {
+                    b.style.background = "#F8FAFC";
+                    b.style.color = "#475569";
+                    b.style.borderColor = "#E2E8F0";
+                });
+                this.style.background = "#2563EB";
+                this.style.color = "#FFFFFF";
+                this.style.borderColor = "#2563EB";
 
-            cards.forEach(function(card) {
-                var cCats = card.getAttribute('data-category') || '';
-                if (category === 'all' || cCats.indexOf(category) !== -1) {
-                    card.style.display = 'block';
-                } else {
-                    card.style.display = 'none';
-                }
+                cards.forEach(function (card) {
+                    var cCats = card.getAttribute("data-category") || "";
+                    if (category === "all" || cCats.indexOf(category) !== -1) {
+                        card.style.display = "block";
+                    } else {
+                        card.style.display = "none";
+                    }
+                });
             });
         });
     });
-});
 </script>
 <!-- 纳海川官方网站 · 移动端标杆案例独立页 (Cases Page Mobile) 结束 -->
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_home/index.html b/addons/official/view/web/official_home/index.html
index 213f55f..2f8b564 100644
--- a/addons/official/view/web/official_home/index.html
+++ b/addons/official/view/web/official_home/index.html
@@ -19,12 +19,12 @@
                             >
                         </div>
                         <h1 class="nhc-hero-title">
-                            企业软件定制开发<br />源码交付，部署在客户自己的服务器
+                            企业软件定制开发<br />源码交付，部署在客户自有服务器
                         </h1>
                         <p class="nhc-hero-subtitle">
                             立足贵阳，服务全国客户。承接企业业务系统、APP
                             与小程序、私有化 AI
-                            应用的开发；交付源码、部署说明和数据库字典，可部署在客户自己的服务器或内网。
+                            应用开发；交付源码、部署说明与数据库字典，可部署在客户内网或专有云。
                         </p>
                         <div class="nhc-hero-cta">
                             <a
@@ -61,7 +61,7 @@
                                     源码交付
                                 </div>
                                 <div class="nhc-metric-label">
-                                    附部署说明和数据库字典
+                                    含部署说明、数据库字典
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -101,14 +101,14 @@
                         <div class="nhc-hero-badge">
                             <span class="nhc-seal">定制开发</span>
                             <span class="nhc-hero-badge-text"
-                                >业务系统、APP 与小程序，共用一套后台</span
+                                >业务系统、APP 与小程序共用同一套后台</span
                             >
                         </div>
                         <h1 class="nhc-hero-title">
-                            按需开发，源码完整移交<br />专有云与内网都能部署
+                            按需开发，源码完整移交<br />支持专有云与内网部署
                         </h1>
                         <p class="nhc-hero-subtitle">
-                            从需求梳理、原型确认到编码、测试和上线，按阶段交付可确认的成果。架构按业务规模和客户的运维能力来定，单体或微服务都可以。
+                            从需求梳理、原型确认到编码、测试与上线，按阶段交付可确认的成果；架构按业务规模与客户运维能力确定，可采用单体或微服务。
                         </p>
                         <div class="nhc-hero-cta">
                             <a
@@ -196,11 +196,11 @@
                         <div class="nhc-hero-badge">
                             <span class="nhc-seal">AI 智能体</span>
                             <span class="nhc-hero-badge-text"
-                                >私有化 AI，知识库检索，部署在内网</span
+                                >私有化 AI、知识库检索、内网部署</span
                             >
                         </div>
                         <h1 class="nhc-hero-title">
-                            企业私有化 AI 智能体<br />基于内部资料做检索和问答
+                            企业私有化 AI 智能体<br />基于内部资料检索与问答
                         </h1>
                         <p class="nhc-hero-subtitle">
                             把制度、法规和历史文档整理成可检索的知识库，回答时标注原文出处，供业务人员复核。模型与数据部署在客户内网服务器上，不调用外部接口。
@@ -240,7 +240,7 @@
                                     知识库
                                 </div>
                                 <div class="nhc-metric-label">
-                                    文档整理与切分检索
+                                    文档整理与检索
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -273,7 +273,7 @@
                                     流程辅助
                                 </div>
                                 <div class="nhc-metric-label">
-                                    审批与工单环节试用
+                                    辅助审批与工单处理
                                 </div>
                             </div>
                         </div>
@@ -291,14 +291,12 @@
                         <div class="nhc-hero-badge">
                             <span class="nhc-seal">商业产品</span>
                             <span class="nhc-hero-badge-text"
-                                >商城、收银、进销存、SaaS 四套系统</span
+                                >四套标准化系统</span
                             >
                         </div>
-                        <h1 class="nhc-hero-title">
-                            四套现成的系统<br />可以直接用，也可以按需改
-                        </h1>
+                        <h1 class="nhc-hero-title">可直接使用，也可按需定制</h1>
                         <p class="nhc-hero-subtitle">
-                            四套系统用的是同一套代码，可以按年订阅，也可以买源码部署到自己的服务器。具体功能和版本以产品说明为准。
+                            覆盖线上商城、门店收银、仓储进销存与多租户订阅。
                         </p>
                         <div class="nhc-hero-cta">
                             <a
@@ -332,10 +330,10 @@
                                     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">
@@ -346,7 +344,7 @@
                                     防重复扣款
                                 </div>
                                 <div class="nhc-metric-label">
-                                    重复提交只扣一次款
+                                    同一订单只扣一次
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -444,12 +442,11 @@
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
                 <span class="nhc-seal">服务范围</span>
-                <span class="nhc-tag-text">ENGINEERING CAPABILITIES</span>
+                <span class="nhc-tag-text">SERVICES</span>
             </div>
-            <h2 class="nhc-section-title">把系统做出来，也要能长期维护</h2>
+            <h2 class="nhc-section-title">系统开发与长期维护</h2>
             <p class="nhc-section-desc">
-                承接三类工作：企业业务系统定制、移动端与小程序开发、企业私有化
-                AI 应用。功能范围和验收标准在合同里写清楚。
+                三类服务均可独立承接，也可组合实施；功能范围与验收标准以合同约定为准。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -621,19 +618,17 @@
                 </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>
+                    <li class="nhc-service-item">内网部署，不依赖外部接口</li>
                 </ul>
                 <a
                     href="{:addon_url('official/web.official_product/service_agent')}"
@@ -666,11 +661,9 @@
                 <span class="nhc-seal">产品</span>
                 <span class="nhc-tag-text">STANDARDIZED SOLUTIONS</span>
             </div>
-            <h2 class="nhc-section-title">
-                四个标准化产品，可直接用，也可按需改
-            </h2>
+            <h2 class="nhc-section-title">四个标准化产品</h2>
             <p class="nhc-section-desc">
-                四套系统用的是同一套代码。可以先用公有云版本试运行，也可以直接买源码部署到自己的服务器；具体版本和功能以产品说明为准。
+                四套系统基于同一套代码，可先用公有云版本试运行，也可购买源码部署至自有服务器；版本与功能范围以产品说明为准。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -686,10 +679,10 @@
                     />
                 </div>
                 <div class="nhc-product-header">
-                    <span class="nhc-product-type-badge">新零售 · 全渠道</span>
+                    <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">
@@ -758,7 +751,7 @@
                     >
                     <h3 class="nhc-product-name">收银</h3>
                     <p class="nhc-product-desc">
-                        收银软件与扫码枪、小票打印机、钱箱等外设配合使用，单笔结算通常在数秒内完成。
+                        收银软件对接扫码枪、小票打印机、钱箱等外设，单笔结算一般在数秒内完成。
                     </p>
                 </div>
                 <ul class="nhc-product-features">
@@ -807,7 +800,7 @@
                     </li>
                 </ul>
                 <div class="nhc-product-footer">
-                    <span class="nhc-product-tag">软硬件配合使用</span>
+                    <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"
@@ -827,11 +820,11 @@
                 </div>
                 <div class="nhc-product-header">
                     <span class="nhc-product-type-badge"
-                        >业财一体 · 精细管控</span
+                        >采购 · 销售 · 库存</span
                     >
                     <h3 class="nhc-product-name">进销存</h3>
                     <p class="nhc-product-desc">
-                        采购、销售、仓储与财务数据打通的进销存系统，用于减少积压、核对账目。
+                        采购、销售、仓储与财务数据打通的进销存系统，可按商品、客户、项目核算。
                     </p>
                 </div>
                 <ul class="nhc-product-features">
@@ -901,7 +894,7 @@
                     <h3 class="nhc-product-name">SaaS版本</h3>
                     <p class="nhc-product-desc">
                         多租户 SaaS
-                        平台，按账号开通使用；数据按租户隔离，也可为单个客户部署独立数据库。
+                        平台，按账号开通；数据按租户隔离，也可为单个客户部署独立数据库。
                     </p>
                 </div>
                 <ul class="nhc-product-features">
@@ -942,7 +935,7 @@
                         >
                             <polyline points="20 6 9 17 4 12" />
                         </svg>
-                        <span>提供 OpenAPI 接口文档，便于与第三方系统对接</span>
+                        <span>提供 OpenAPI 接口文档，用于第三方系统对接</span>
                     </li>
                 </ul>
                 <div class="nhc-product-footer">
@@ -967,9 +960,9 @@
                 <span class="nhc-seal">案例</span>
                 <span class="nhc-tag-text">SELECTED PROJECTS</span>
             </div>
-            <h2 class="nhc-section-title">几个客户项目，以及当时怎么解决</h2>
+            <h2 class="nhc-section-title">客户项目：问题与解决方式</h2>
             <p class="nhc-section-desc">
-                以下案例按客户要求隐去企业名称和联系人。具体做了什么、上线多久、怎么验收，可以在沟通时说明。
+                案例已按客户要求隐去企业名称与联系人；交付范围、上线时间及验收记录可在沟通时提供。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -997,7 +990,7 @@
                     <div class="nhc-case-detail-row">
                         <span class="nhc-case-detail-label">业务挑战</span>
                         <span class="nhc-case-detail-content"
-                            >多区域经销商的价格与账期政策不统一，订单靠人工汇总后再录入，处理周期长、容易出错。</span
+                            >多区域经销商的价格与账期政策不统一，订单依赖人工汇总录入，处理周期长且易出错。</span
                         >
                     </div>
                     <div class="nhc-case-detail-row">
@@ -1020,7 +1013,7 @@
                     </div>
                     <div class="nhc-case-metric-box">
                         <div class="nhc-case-metric-num">弹性扩容</div>
-                        <div class="nhc-case-metric-sub">按并发量横向扩容</div>
+                        <div class="nhc-case-metric-sub">按并发量横向扩展</div>
                     </div>
                 </div>
                 <div
@@ -1052,7 +1045,9 @@
             <!-- 案例 2 -->
             <div class="nhc-case-card">
                 <div class="nhc-case-meta">
-                    <span class="nhc-case-category">连锁餐饮 · 收银与门店</span>
+                    <span class="nhc-case-category"
+                        >连锁餐饮 · 收银与门店管理</span
+                    >
                     <span class="nhc-seal" style="font-size: 11px"
                         >脱敏案例</span
                     >
@@ -1071,7 +1066,7 @@
                     <div class="nhc-case-detail-row">
                         <span class="nhc-case-detail-label">业务挑战</span>
                         <span class="nhc-case-detail-content"
-                            >高峰时段前台排队，点单信息靠人工传到后厨；门店物料消耗缺少记录。</span
+                            >高峰时段前台排队时间长，点单信息依赖人工传递至后厨；门店物料消耗缺少记录。</span
                         >
                     </div>
                     <div class="nhc-case-detail-row">
@@ -1095,7 +1090,7 @@
                     <div class="nhc-case-metric-box">
                         <div class="nhc-case-metric-num">多端适配</div>
                         <div class="nhc-case-metric-sub">
-                            收银机/打印机/扫码枪
+                            收银机、打印机、扫码枪
                         </div>
                     </div>
                 </div>
@@ -1140,7 +1135,7 @@
                     <div class="nhc-case-detail-row">
                         <span class="nhc-case-detail-label">业务挑战</span>
                         <span class="nhc-case-detail-content"
-                            >零部件品类多，采购计划与装配进度对不上，部分物料长期积压。</span
+                            >零部件品类多，采购计划与装配进度不匹配，部分物料长期积压。</span
                         >
                     </div>
                     <div class="nhc-case-detail-row">
@@ -1154,7 +1149,7 @@
                 <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">按 BOM 计算缺料</div>
+                        <div class="nhc-case-metric-sub">按 BOM 逐层计算</div>
                     </div>
                     <div class="nhc-case-metric-box">
                         <div class="nhc-case-metric-num">批次追溯</div>
@@ -1212,7 +1207,7 @@
                     <div class="nhc-case-detail-row">
                         <span class="nhc-case-detail-label">解决方案</span>
                         <span class="nhc-case-detail-content"
-                            >把制度与法规建成知识库，审核时检索相关条款并附出处，由经办人复核。</span
+                            >将制度与法规整理为知识库，审核时检索相关条款并附出处，由经办人复核。</span
                         >
                     </div>
                 </div>
@@ -1227,7 +1222,9 @@
                     </div>
                     <div class="nhc-case-metric-box">
                         <div class="nhc-case-metric-num">人机协同</div>
-                        <div class="nhc-case-metric-sub">初审辅助专家终审</div>
+                        <div class="nhc-case-metric-sub">
+                            机器初审，专家终审
+                        </div>
                     </div>
                 </div>
                 <div
@@ -1287,9 +1284,9 @@
                 <span class="nhc-seal">研发流程</span>
                 <span class="nhc-tag-text">HOW WE WORK</span>
             </div>
-            <h2 class="nhc-section-title">项目怎么推进</h2>
+            <h2 class="nhc-section-title">项目推进流程</h2>
             <p class="nhc-section-desc">
-                下面五个阶段是常规做法，具体项目按合同调整。每个阶段结束都有文档或可运行的系统，确认后再往下走。
+                以下五个阶段为常规流程，具体项目按合同调整；每个阶段结束均提供文档或可运行系统，确认后进入下一阶段。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -1300,7 +1297,7 @@
                 <div class="nhc-process-step-num">01</div>
                 <h4 class="nhc-process-step-title">需求调研与方案确认</h4>
                 <p class="nhc-process-step-desc">
-                    由架构师参与调研，梳理现有流程与系统边界，输出需求规格说明书和可行性评估，双方确认后进入设计。
+                    由架构师调研，梳理现有流程与系统边界，输出需求规格说明书和可行性评估，双方确认后进入设计。
                 </p>
             </div>
 
@@ -1318,7 +1315,7 @@
                 <div class="nhc-process-step-num">03</div>
                 <h4 class="nhc-process-step-title">编码、审查与测试</h4>
                 <p class="nhc-process-step-desc">
-                    代码合并前做审查，走 CI
+                    代码合并前执行审查与 CI
                     构建；接口与核心流程编写自动化测试用例，测试记录随版本归档。
                 </p>
             </div>
@@ -1328,7 +1325,7 @@
                 <div class="nhc-process-step-num">04</div>
                 <h4 class="nhc-process-step-title">压力测试与安全测试</h4>
                 <p class="nhc-process-step-desc">
-                    按约定的并发量做压力测试，检查权限、越权与常见注入风险；需要第三方渗透测试报告时另行委托。
+                    按约定并发量进行压力测试，检查权限、越权与常见注入风险；需要第三方渗透测试报告时另行委托。
                 </p>
             </div>
 
@@ -1370,10 +1367,10 @@
     <div class="nhc-container">
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
-                <span class="nhc-seal">客户评价</span>
+                <span class="nhc-seal">客户反馈</span>
                 <span class="nhc-tag-text">WHAT CLIENTS SAY</span>
             </div>
-            <h2 class="nhc-section-title">客户的原话</h2>
+            <h2 class="nhc-section-title">客户反馈</h2>
             <p class="nhc-section-desc">
                 以下反馈经受访者同意后引用，并按对方要求隐去企业名称与姓名。
             </p>
@@ -1384,7 +1381,7 @@
             <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>
@@ -1392,7 +1389,7 @@
                         <span class="nhc-author-name"
                             >供应链企业 · 技术负责人</span
                         >
-                        <span class="nhc-author-role">订货中台 · 分销业务</span>
+                        <span class="nhc-author-role">订货中台项目</span>
                     </div>
                 </div>
             </div>
@@ -1400,7 +1397,7 @@
             <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>
@@ -1408,7 +1405,7 @@
                         <span class="nhc-author-name"
                             >连锁零售企业 · 运营负责人</span
                         >
-                        <span class="nhc-author-role">门店收银 · 连锁零售</span>
+                        <span class="nhc-author-role">门店收银项目</span>
                     </div>
                 </div>
             </div>
@@ -1416,7 +1413,7 @@
             <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>
@@ -1424,7 +1421,7 @@
                         <span class="nhc-author-name"
                             >装备制造企业 · 信息中心负责人</span
                         >
-                        <span class="nhc-author-role">知识库 · 内网部署</span>
+                        <span class="nhc-author-role">知识库项目</span>
                     </div>
                 </div>
             </div>
@@ -1449,15 +1446,15 @@
             </div>
             <div class="nhc-client-item">
                 <span class="nhc-client-name">装备制造</span>
-                <span class="nhc-client-tag">生产进销存与供应商协同</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>
+                <span class="nhc-client-tag">制度检索与审核辅助</span>
             </div>
             <div class="nhc-client-item">
                 <span class="nhc-client-name">零售与餐饮</span>
-                <span class="nhc-client-tag">收银与门店管理</span>
+                <span class="nhc-client-tag">门店收银与库存管理</span>
             </div>
             <div class="nhc-client-item">
                 <span class="nhc-client-name">农产品与快消</span>
@@ -1504,7 +1501,7 @@
                         margin-bottom: 10px;
                     "
                 >
-                    <span class="nhc-seal">技术笔记</span>
+                    <span class="nhc-seal">新闻资讯</span>
                     <span
                         style="
                             font-size: 13px;
@@ -1512,7 +1509,7 @@
                             font-weight: 600;
                             letter-spacing: 1px;
                         "
-                        >ENGINEERING INSIGHTS</span
+                        >NEWS & INSIGHTS</span
                     >
                 </div>
                 <h2
@@ -1524,7 +1521,7 @@
                         margin: 0 0 8px 0;
                     "
                 >
-                    技术笔记与团队动态
+                    公司新闻与行业动态
                 </h2>
                 <p
                     style="
@@ -1535,7 +1532,7 @@
                         line-height: 1.6;
                     "
                 >
-                    写一些项目里的具体做法：架构怎么选、性能问题怎么查、交付时遇到过哪些问题。
+                    记录架构选型、性能排查与项目交付中的具体做法。
                 </p>
             </div>
             <a
@@ -1588,7 +1585,7 @@
                     <div class="nhc-article-meta">
                         <span class="nhc-article-category-badge"
                             >{if $art['official_category_id'] ==
-                            7}公司动态{else/}技术文章{/if}</span
+                            7}公司新闻{else/}行业动态{/if}</span
                         >
                         <span>{:date('Y-m-d', $art['createtime'])}</span>
                         <span>·</span>
@@ -1638,7 +1635,7 @@
                 </a>
                 <div class="nhc-article-card-body">
                     <div class="nhc-article-meta">
-                        <span class="nhc-article-category-badge">技术文章</span>
+                        <span class="nhc-article-category-badge">行业动态</span>
                         <span>纳海川技术团队</span>
                     </div>
                     <a
@@ -1687,7 +1684,7 @@
                 </a>
                 <div class="nhc-article-card-body">
                     <div class="nhc-article-meta">
-                        <span class="nhc-article-category-badge">技术文章</span>
+                        <span class="nhc-article-category-badge">行业动态</span>
                         <span>纳海川技术团队</span>
                     </div>
                     <a
@@ -1749,7 +1746,7 @@
                     有具体的系统研发或产品选型需求？可以直接沟通
                 </h2>
                 <p class="nhc-cta-desc">
-                    由架构师直接对接，先确认业务流程、现有系统和部署环境，再给方案、工期与预算区间。是否合作都可以先把问题聊清楚。
+                    由架构师直接对接，确认业务流程、现有系统与部署环境后，提供方案、工期与预算区间。
                 </p>
             </div>
             <div class="nhc-cta-buttons">
diff --git a/addons/official/view/web/official_home/index_e.html b/addons/official/view/web/official_home/index_e.html
index 12e61fa..b977171 100644
--- a/addons/official/view/web/official_home/index_e.html
+++ b/addons/official/view/web/official_home/index_e.html
@@ -36,11 +36,12 @@
                         <h1 class="nhc-hero-title">
                             企业软件定制开发<br /><span class="highlight"
                                 >源码交付</span
-                            >，部署在客户自己的服务器
+                            >，部署在客户自有服务器
                         </h1>
                         <p class="nhc-hero-subtitle">
-                            承接企业业务系统、APP 与小程序、私有化 AI
-                            应用的开发，交付源码、部署说明和数据库字典。
+                            立足贵阳，服务全国客户。承接企业业务系统、APP
+                            与小程序、私有化 AI
+                            应用开发；交付源码、部署说明与数据库字典，可部署在客户内网或专有云。
                         </p>
                         <div class="nhc-hero-cta">
                             <a href="#contact" class="nhc-btn nhc-btn-primary">
@@ -59,7 +60,7 @@
                                     源码交付
                                 </div>
                                 <div class="nhc-metric-label">
-                                    附部署说明和数据库字典
+                                    含部署说明、数据库字典
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -110,16 +111,16 @@
                         <div class="nhc-hero-badge">
                             <span class="nhc-seal">定制开发</span>
                             <span class="nhc-hero-badge-text"
-                                >业务系统、APP 与小程序，共用一套后台</span
+                                >业务系统、APP 与小程序共用同一套后台</span
                             >
                         </div>
                         <h1 class="nhc-hero-title">
                             按需开发，源码完整移交<br /><span class="highlight"
                                 >专有云</span
-                            >与内网都能部署
+                            >与内网部署
                         </h1>
                         <p class="nhc-hero-subtitle">
-                            从需求梳理、原型确认到编码、测试和上线，按阶段交付可确认的成果。架构按业务规模和客户的运维能力来定。
+                            从需求梳理、原型确认到编码、测试与上线，按阶段交付可确认的成果；架构按业务规模与客户运维能力确定，可采用单体或微服务。
                         </p>
                         <div class="nhc-hero-cta">
                             <a
@@ -152,11 +153,9 @@
                                     class="nhc-metric-val"
                                     style="font-size: 15px"
                                 >
-                                    部署支持
-                                </div>
-                                <div class="nhc-metric-label">
-                                    专有云、内网与混合环境
+                                    架构方式
                                 </div>
+                                <div class="nhc-metric-label">单体或微服务</div>
                             </div>
                             <div class="nhc-metric-item">
                                 <div
@@ -193,19 +192,19 @@
                 <div class="nhc-container">
                     <div class="nhc-hero-content">
                         <div class="nhc-hero-badge">
-                            <span class="nhc-seal">企业AI</span>
+                            <span class="nhc-seal">AI 智能体</span>
                             <span class="nhc-hero-badge-text"
-                                >私有化 AI，知识库检索，部署在内网</span
+                                >私有化 AI、知识库检索、内网部署</span
                             >
                         </div>
                         <h1 class="nhc-hero-title">
-                            企业私有化 AI 智能体<br />基于内部资料做<span
+                            企业私有化 AI 智能体<br />基于内部资料<span
                                 class="highlight"
                                 >检索问答</span
                             >
                         </h1>
                         <p class="nhc-hero-subtitle">
-                            把制度、法规和历史文档整理成可检索的知识库，回答标注原文出处；模型与数据部署在客户内网服务器上。
+                            把制度、法规和历史文档整理成可检索的知识库，回答时标注原文出处，供业务人员复核。模型与数据部署在客户内网服务器上，不调用外部接口。
                         </p>
                         <div class="nhc-hero-cta">
                             <a href="#contact" class="nhc-btn nhc-btn-primary">
@@ -224,7 +223,7 @@
                                     知识库
                                 </div>
                                 <div class="nhc-metric-label">
-                                    文档整理与切分检索
+                                    文档整理与检索
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -246,7 +245,7 @@
                                     流程辅助
                                 </div>
                                 <div class="nhc-metric-label">
-                                    审批与工单环节试用
+                                    辅助审批与工单处理
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -275,16 +274,15 @@
                         <div class="nhc-hero-badge">
                             <span class="nhc-seal">商业产品</span>
                             <span class="nhc-hero-badge-text"
-                                >商城、收银、进销存、SaaS 四套系统</span
+                                >四套标准化系统</span
                             >
                         </div>
                         <h1 class="nhc-hero-title">
-                            四套现成的系统<br /><span class="highlight"
-                                >可以直接用</span
-                            >，也可以按需改
+                            <span class="highlight">可直接使用</span
+                            >，也可按需定制
                         </h1>
                         <p class="nhc-hero-subtitle">
-                            四套系统用的是同一套代码，可以按年订阅，也可以买源码部署到自己的服务器。具体功能和版本以产品说明为准。
+                            覆盖线上商城、门店收银、仓储进销存与多租户订阅。
                         </p>
                         <div class="nhc-hero-cta">
                             <a
@@ -303,10 +301,10 @@
                                     class="nhc-metric-val"
                                     style="font-size: 15px"
                                 >
-                                    四个产品
+                                    定制扩展
                                 </div>
                                 <div class="nhc-metric-label">
-                                    商城、收银、进销存、SaaS
+                                    提供源码，可按需二次开发
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -317,7 +315,7 @@
                                     防重复扣款
                                 </div>
                                 <div class="nhc-metric-label">
-                                    重复提交只扣一次款
+                                    同一订单只扣一次
                                 </div>
                             </div>
                             <div class="nhc-metric-item">
@@ -379,7 +377,7 @@
                 <span class="nhc-tag-text">SERVICES</span>
             </div>
             <h2 class="nhc-section-title" style="font-size: 26px">
-                三块业务，解决具体问题
+                软件、移动端与 AI 应用开发
             </h2>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -497,18 +495,16 @@
                 </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>
                 <div style="margin-top: 14px">
                     <a
@@ -586,7 +582,7 @@
                 <span class="nhc-product-type-badge">全渠道商城</span>
                 <h3 class="nhc-product-name">商城</h3>
                 <p class="nhc-product-desc">
-                    支持多商户入驻、分销与拼团秒杀等常用营销工具的商城系统，可对接微信、支付宝支付。
+                    支持多商户入驻、分销、拼团秒杀等营销功能，可对接微信、支付宝支付。
                 </p>
                 <div style="margin-top: 12px">
                     <a
@@ -608,7 +604,7 @@
                 <span class="nhc-product-type-badge">扫码收银</span>
                 <h3 class="nhc-product-name">收银</h3>
                 <p class="nhc-product-desc">
-                    收银软件与扫码枪、小票打印机等外设配合使用，断网时可离线记账。
+                    收银软件对接扫码枪、小票打印机等外设，断网时可离线记账。
                 </p>
                 <div style="margin-top: 12px">
                     <a
@@ -627,7 +623,7 @@
                         loading="lazy"
                     />
                 </div>
-                <span class="nhc-product-type-badge">业财一体化</span>
+                <span class="nhc-product-type-badge">采购、销售、库存</span>
                 <h3 class="nhc-product-name">进销存</h3>
                 <p class="nhc-product-desc">
                     采购、销售、仓储与财务数据打通，支持多仓库调拨与库存预警。
@@ -698,7 +694,7 @@
                 <span class="nhc-tag-text">CASES</span>
             </div>
             <h2 class="nhc-section-title" style="font-size: 26px">
-                几个客户项目，以及当时怎么解决
+                客户项目：问题与解决方式
             </h2>
             <p
                 style="
@@ -708,7 +704,7 @@
                     line-height: 1.6;
                 "
             >
-                以下案例隐去企业名称与联系人，交付范围与验收记录可另行说明。
+                案例已按客户要求隐去企业名称与联系人；交付范围、上线时间及验收记录可在沟通时提供。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -844,7 +840,7 @@
                 <span class="nhc-tag-text">PROCESS</span>
             </div>
             <h2 class="nhc-section-title" style="font-size: 26px">
-                项目怎么推进
+                项目推进流程
             </h2>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -868,7 +864,7 @@
             </div>
             <div class="nhc-process-card">
                 <div class="nhc-process-step-num">05</div>
-                <h4 class="nhc-process-step-title">部署与售后支持</h4>
+                <h4 class="nhc-process-step-title">部署与运维支持</h4>
             </div>
         </div>
 
@@ -899,30 +895,34 @@
     <div class="nhc-container">
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
-                <span class="nhc-seal">客户评价</span>
+                <span class="nhc-seal">客户反馈</span>
                 <span class="nhc-tag-text">TESTIMONIALS</span>
             </div>
-            <h2 class="nhc-section-title" style="font-size: 26px">
-                客户的原话
-            </h2>
+            <h2 class="nhc-section-title" style="font-size: 26px">客户反馈</h2>
+            <p
+                style="
+                    font-size: 13px;
+                    color: var(--text-secondary);
+                    margin: 8px 0 0;
+                    line-height: 1.6;
+                "
+            >
+                以下反馈经受访者同意后引用，并按对方要求隐去企业名称与姓名。
+            </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
         <div class="nhc-testimonials-grid">
             <div class="nhc-testimonial-card">
                 <p class="nhc-testimonial-text">
-                    订货中台重做后，大促当天的订单没卡住，库存和财务的账也能对上了。
+                    订货中台重构后，大促当天订单未出现积压，库存与财务账目一致。沟通直接，变更均有记录。
                 </p>
-                <div class="nhc-author-name">
-                    供应链企业 · 技术负责人（名称已隐去）
-                </div>
+                <div class="nhc-author-name">供应链企业 · 技术负责人</div>
             </div>
             <div class="nhc-testimonial-card">
                 <p class="nhc-testimonial-text">
-                    门店断网时照常收银，网络恢复后单据自动补传，月底对账省了不少事。
+                    收银员半天即可上手。门店断网时仍可正常收银，网络恢复后单据自动补传，月底对账工作量明显减少。
                 </p>
-                <div class="nhc-author-name">
-                    连锁零售企业 · 运营负责人（名称已隐去）
-                </div>
+                <div class="nhc-author-name">连锁零售企业 · 运营负责人</div>
             </div>
         </div>
     </div>
@@ -934,10 +934,10 @@
         <div class="nhc-cta-inner">
             <div class="nhc-cta-content">
                 <h2 class="nhc-cta-title" style="font-size: 26px">
-                    有具体的系统研发需求？可以直接沟通
+                    有具体的系统研发或产品选型需求？可以直接沟通
                 </h2>
                 <p class="nhc-cta-desc">
-                    由架构师直接对接，先确认业务流程与部署环境，再给方案和工期。
+                    由架构师对接，确认业务流程与部署环境后，提供方案与工期。
                 </p>
             </div>
             <div
diff --git a/addons/official/view/web/official_home/single.html b/addons/official/view/web/official_home/single.html
index 2e70f2b..e004ef4 100644
--- a/addons/official/view/web/official_home/single.html
+++ b/addons/official/view/web/official_home/single.html
@@ -1,6 +1,4 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="content"}
+{extend name="web/official_common/pc/base" /} {block name="content"}
 <!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 开始 -->
 
 <!-- 1. 关于我们 Hero 视窗 -->
@@ -11,28 +9,35 @@
             <span>/</span>
             <span>关于我们</span>
         </div>
-        <div style="margin-bottom: 16px;">
+        <div style="margin-bottom: 16px">
             <span class="nhc-seal">自主可控 · 源码交付</span>
         </div>
         <h1 class="nhc-page-title">十年技术积累 · 专注自主可控软件研发</h1>
 
         <p class="nhc-page-desc">
-            贵阳纳海川科技有限公司立足西南、服务全国，专注于企业级软件系统定制、全场景移动应用与小程序定制、私有化 AI 智能体应用及成熟商业软件研发。坚持交付完整工程源代码与全套开发文档，实行严格的代码审查与质量测试，为客户交付稳定可靠、自主可控的软件系统。
+            贵阳纳海川科技有限公司立足西南、服务全国，专注于企业级软件系统定制、全场景移动应用与小程序定制、私有化
+            AI
+            智能体应用及成熟商业软件研发。交付完整工程源代码与全套开发文档，实行代码审查与质量测试，为客户交付稳定可靠的软件系统。
         </p>
     </div>
 </section>
 
 <!-- 2. 东方工程哲学与品牌渊源 (Brand & Philosophy) -->
-<section class="nhc-about-brand nhc-section-padding" style="background: #FFFFFF;">
+<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 VALUES</span>
             </div>
-            <h2 class="nhc-section-title">坚持扎实工程落地 · 交付自主可控的高可用软件资产</h2>
+            <h2 class="nhc-section-title">
+                坚持扎实工程实践 · 交付自主可控的软件资产
+            </h2>
             <p class="nhc-section-desc">
-                纳海川坚持实事求是的研发态度，以自主可控的技术体系、严格的质量标准与扎实的行业积累，为客户交付经得起考验的数字化系统。
+                纳海川以自主可控的技术体系、统一的质量标准与行业积累，为客户交付数字化系统。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -41,41 +46,90 @@
         <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>
+                    <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>
+                <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>
+                    <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>
+                <h3 class="nhc-pillar-title">
+                    标准化开放架构 · 对接企业现有系统
+                </h3>
                 <p class="nhc-pillar-text">
-                    系统采用模块化与微服务设计，具备标准的 RESTful 与 RPC 接口规范。可轻松与企业既有的金蝶、用友、各类 WMS 仓储及第三方物流、支付系统互通，保护企业既有 IT 投资。
+                    系统采用模块化与微服务设计，具备标准的 RESTful 与 RPC
+                    接口规范。可与企业既有的金蝶、用友、各类 WMS
+                    仓储及第三方物流、支付系统互通，保护企业既有 IT 投资。
                 </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>
+                    <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>
+                <h3 class="nhc-pillar-title">
+                    严谨工程质量管理 · 支撑系统稳定运行
+                </h3>
                 <p class="nhc-pillar-text">
-                    全流程实行规范化代码审查与多层级自动化测试，严把功能质量、并发性能与数据安全关口，确保系统在生产环境中高效稳定运行。
+                    全流程实行规范化代码审查与多层级自动化测试，把控功能质量、并发性能与数据安全，推动系统在生产环境中稳定运行。
                 </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;">
+        <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">
@@ -89,7 +143,9 @@
                 <div class="nhc-timeline-item">
                     <div class="nhc-timeline-year">2019</div>
                     <div class="nhc-timeline-dot"></div>
-                    <h4 class="nhc-timeline-title">产品成型 · 商业系统标准化</h4>
+                    <h4 class="nhc-timeline-title">
+                        产品成型 · 商业系统标准化
+                    </h4>
                     <p class="nhc-timeline-desc">
                         相继发布商业商城系统、智能收银与进销存管理系统，持续服务实体商户与供应链伙伴。
                     </p>
@@ -97,37 +153,43 @@
                 <div class="nhc-timeline-item">
                     <div class="nhc-timeline-year">2022</div>
                     <div class="nhc-timeline-dot"></div>
-                    <h4 class="nhc-timeline-title">架构升级 · 建立企业级技术底座</h4>
+                    <h4 class="nhc-timeline-title">
+                        架构升级 · 建立企业级技术底座
+                    </h4>
                     <p class="nhc-timeline-desc">
-                        构建纳海川高可用架构底层与业务组件库，推行规范化研发体系与严格的质量流程。
+                        构建纳海川架构底层与业务组件库，推行规范化研发体系与质量流程。
                     </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>
+                    <h4 class="nhc-timeline-title">
+                        AI 应用 · 垂直私域智能体研发
+                    </h4>
                     <p class="nhc-timeline-desc">
-                        发布支持内网私有部署的垂直领域 RAG 智能体与私有知识库系统，帮助政企客户解决内部文档检索慢、人工初审标准难统一的问题。
+                        发布支持内网私有部署的垂直领域 RAG
+                        智能体与私有知识库系统，帮助政企客户改善内部文档检索慢、人工初审标准不统一的问题。
                     </p>
-
                 </div>
             </div>
         </div>
-
     </div>
 </section>
 
 <!-- 3. 核心研发与架构团队阵容 (Engineering Team) -->
-<section class="nhc-about-team nhc-section-padding" style="background: var(--bg-secondary);">
+<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>
+            <h2 class="nhc-section-title">纳海川核心技术团队</h2>
             <p class="nhc-section-desc">
-                核心架构团队具备十年以上大型系统研发与高并发调优经验，严守代码质量底线，保障系统长期稳定运行。
+                核心架构团队具备大型系统研发与高并发调优经验，严守代码质量底线，支撑系统长期稳定运行。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -136,13 +198,31 @@
             <!-- 专家 1 -->
             <div class="nhc-team-card nhc-corner-card">
                 <div class="nhc-team-badge">技术总监</div>
-                <div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
-                    <img src="__ADDON__/images/showcases/team_architect.svg" alt="首席系统架构师徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
+                <div
+                    class="nhc-team-avatar-box"
+                    style="
+                        background: transparent;
+                        border: none;
+                        box-shadow: none;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/team_architect.svg"
+                        alt="首席系统架构师徽章"
+                        style="
+                            width: 76px;
+                            height: 76px;
+                            display: block;
+                            margin: 0 auto;
+                        "
+                    />
                 </div>
                 <h3 class="nhc-team-name">首席系统架构师</h3>
-                <div class="nhc-team-exp">15+ 年大型系统架构经验 · 资深系统架构专家</div>
+                <div class="nhc-team-exp">
+                    多年大型系统架构经验 · 系统架构专家
+                </div>
                 <p class="nhc-team-desc">
-                    曾主持过日均 PV 数亿级的分布式微服务架构设计与多活容灾改造，主导纳海川底层核心高并发交易引擎与数据分库分表路由算法。
+                    曾主持分布式微服务架构设计与多活容灾改造，主导纳海川底层核心交易引擎与分库分表设计。
                 </p>
                 <div class="nhc-team-skills">
                     <span class="nhc-team-skill-tag">分布式架构</span>
@@ -154,16 +234,34 @@
             <!-- 专家 2 -->
             <div class="nhc-team-card nhc-corner-card">
                 <div class="nhc-team-badge">工程交付主管</div>
-                <div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
-                    <img src="__ADDON__/images/showcases/team_fullstack.svg" alt="全栈研发总监徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
+                <div
+                    class="nhc-team-avatar-box"
+                    style="
+                        background: transparent;
+                        border: none;
+                        box-shadow: none;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/team_fullstack.svg"
+                        alt="全栈研发总监徽章"
+                        style="
+                            width: 76px;
+                            height: 76px;
+                            display: block;
+                            margin: 0 auto;
+                        "
+                    />
                 </div>
                 <h3 class="nhc-team-name">全栈研发总监</h3>
-                <div class="nhc-team-exp">12+ 年企业软件工程经验 · 复杂供应链中台系统奠基人</div>
+                <div class="nhc-team-exp">
+                    企业软件工程经验 · 供应链中台系统负责人
+                </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>
                     <span class="nhc-team-skill-tag">软硬件互联</span>
                 </div>
@@ -172,13 +270,31 @@
             <!-- 专家 3 -->
             <div class="nhc-team-card nhc-corner-card">
                 <div class="nhc-team-badge">前沿技术带头人</div>
-                <div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
-                    <img src="__ADDON__/images/showcases/team_ai.svg" alt="AI智能体算法主管徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
+                <div
+                    class="nhc-team-avatar-box"
+                    style="
+                        background: transparent;
+                        border: none;
+                        box-shadow: none;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/team_ai.svg"
+                        alt="AI智能体算法主管徽章"
+                        style="
+                            width: 76px;
+                            height: 76px;
+                            display: block;
+                            margin: 0 auto;
+                        "
+                    />
                 </div>
                 <h3 class="nhc-team-name">AI 智能体算法主管</h3>
-                <div class="nhc-team-exp">计算机应用技术硕士 · 专注于企业私有 RAG 与 Agent 工作流</div>
+                <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>
@@ -190,13 +306,31 @@
             <!-- 专家 4 -->
             <div class="nhc-team-card nhc-corner-card">
                 <div class="nhc-team-badge">质保与合规专家</div>
-                <div class="nhc-team-avatar-box" style="background: transparent; border: none; box-shadow: none;">
-                    <img src="__ADDON__/images/showcases/team_security.svg" alt="软件质量与安全合规专家徽章" style="width: 76px; height: 76px; display: block; margin: 0 auto;">
+                <div
+                    class="nhc-team-avatar-box"
+                    style="
+                        background: transparent;
+                        border: none;
+                        box-shadow: none;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/team_security.svg"
+                        alt="软件质量与安全合规专家徽章"
+                        style="
+                            width: 76px;
+                            height: 76px;
+                            display: block;
+                            margin: 0 auto;
+                        "
+                    />
                 </div>
                 <h3 class="nhc-team-name">软件质量与安全合规专家</h3>
-                <div class="nhc-team-exp">CISSP 认证安全专家 · ISO 9001/27001 全流程审计师</div>
+                <div class="nhc-team-exp">
+                    CISSP 认证安全专家 · ISO 9001/27001 全流程审计师
+                </div>
                 <p class="nhc-team-desc">
-                    全面推行规范化代码审查与全流程测试，主导网络安全等保三级规范落实与数据防篡改加密，确保系统稳固合规交付。
+                    推行规范化代码审查与全流程测试，落实网络安全等保合规规范与数据防篡改加密，推动系统合规交付。
                 </p>
                 <div class="nhc-team-skills">
                     <span class="nhc-team-skill-tag">代码审查</span>
@@ -209,72 +343,109 @@
 </section>
 
 <!-- 4. 法定资质、软著资产与安全合规体系 (Qualifications & Compliance) -->
-<section class="nhc-about-qualifications nhc-section-padding" style="background: #FFFFFF;">
+<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>
+            <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" style="padding-top: 18px;">
-                <div style="margin-bottom: 12px; display: flex; justify-content: center;">
-                    <img src="__ADDON__/images/showcases/cert_hi_tech.svg" alt="国家高新技术企业认证" style="width: 140px; height: auto;">
+            <div class="nhc-cert-card" style="padding-top: 18px">
+                <div
+                    style="
+                        margin-bottom: 12px;
+                        display: flex;
+                        justify-content: center;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/cert_hi_tech.svg"
+                        alt="国家高新技术企业认证"
+                        style="width: 140px; height: auto"
+                    />
                 </div>
                 <h3 class="nhc-cert-name">国家高新技术企业</h3>
-                <p class="nhc-cert-sub">遵循国家科技型企业与高新技术标准体系 · 全国高新技术企业认定管理机构备案认定</p>
+                <p class="nhc-cert-sub">
+                    遵循国家科技型企业与高新技术标准体系 ·
+                    全国高新技术企业认定管理机构备案认定
+                </p>
             </div>
-            <div class="nhc-cert-card" style="padding-top: 18px;">
+            <div class="nhc-cert-card" style="padding-top: 18px">
                 <div class="nhc-cert-seal">认证</div>
                 <h3 class="nhc-cert-name">双软企业评估认证</h3>
-                <p class="nhc-cert-sub">严格遵循软件产品评估与软件企业专业规范 · 规范化软件工程管理</p>
+                <p class="nhc-cert-sub">
+                    遵循软件产品评估与软件企业专业规范 · 规范化软件工程管理
+                </p>
             </div>
-            <div class="nhc-cert-card" style="padding-top: 18px;">
-                <div style="margin-bottom: 12px; display: flex; justify-content: center;">
-                    <img src="__ADDON__/images/showcases/cert_iso9001.svg" alt="ISO9001质量管理体系认证" style="width: 140px; height: auto;">
+            <div class="nhc-cert-card" style="padding-top: 18px">
+                <div
+                    style="
+                        margin-bottom: 12px;
+                        display: flex;
+                        justify-content: center;
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/cert_iso9001.svg"
+                        alt="ISO9001质量管理体系认证"
+                        style="width: 140px; height: auto"
+                    />
                 </div>
                 <h3 class="nhc-cert-name">ISO9001:2015 质量管理体系认证</h3>
-                <p class="nhc-cert-sub">参照 ISO9001 质量管理体系规范 · 全生命周期敏捷研发与严格质量验收交付</p>
+                <p class="nhc-cert-sub">
+                    参照 ISO9001 质量管理体系规范 ·
+                    全生命周期敏捷研发与质量验收交付
+                </p>
             </div>
-            <div class="nhc-cert-card" style="padding-top: 18px;">
+            <div class="nhc-cert-card" style="padding-top: 18px">
                 <div class="nhc-cert-seal">体系</div>
                 <h3 class="nhc-cert-name">ISO27001:2022 信息安全管理体系</h3>
-                <p class="nhc-cert-sub">对标 ISO27001 信息安全管理规范 · 客户数据资产与信息安全防护标准体系</p>
+                <p class="nhc-cert-sub">
+                    对标 ISO27001 信息安全管理规范 ·
+                    客户数据资产与信息安全防护标准体系
+                </p>
             </div>
         </div>
 
         <!-- 软著资产与私有合规承诺 -->
-        <div class="nhc-assets-banner" style="margin-top: 36px;">
+        <div class="nhc-assets-banner" style="margin-top: 36px">
             <div class="nhc-assets-item">
                 <div class="nhc-assets-num">自主可控</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">客户专属环境独立部署，提供全套开源编译指令、数据库结构字典与架构拓扑，严守数据物理隔离</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 class="nhc-assets-desc">
+                    遵循网络安全法规范与等保合规技术要求，支持防篡改、TLS 1.3
+                    加密与完整的操作审计日志
+                </div>
             </div>
-
         </div>
-
     </div>
 </section>
 
@@ -283,18 +454,44 @@
     <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>
+                <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">
-                    无论是新项目的技术选型，还是已有系统的重构升级，纳海川资深技术顾问与架构团队均可提供专业评估与落地规划。
+                    无论是新项目的技术选型，还是已有系统的升级改造，纳海川技术顾问与架构团队可提供专业评估与实施规划。
                 </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">
+                <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>
+                    <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">
+                <a
+                    href="tel:{:__config('site_mobile','value')}"
+                    class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
+                >
                     <span>电话咨询</span>
                 </a>
             </div>
@@ -303,4 +500,4 @@
 </section>
 
 <!-- 纳海川官方网站 · 关于我们独立页 (About Us Page) 结束 -->
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_home/single_e.html b/addons/official/view/web/official_home/single_e.html
index 73c2787..14c97d3 100644
--- a/addons/official/view/web/official_home/single_e.html
+++ b/addons/official/view/web/official_home/single_e.html
@@ -1,204 +1,733 @@
-{extend name="web/official_common/mobile/base" /}
-
-{block name="content"}
+{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;">
-    
+<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
+        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
+            style="
+                font-family:
+                    &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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
+            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;">
-                扎实工程落地 · 交付自主可控软件
+    <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:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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;">
-                    自主可控研发 · 杜绝低质套壳代码
+        <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: &quot;Noto Serif SC&quot;, 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
+                    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;">
-                    标准化开放架构 · 无缝对接企业系统
+            <div
+                style="
+                    background: #ffffff;
+                    border-radius: 6px;
+                    border: 1px solid #e2e8f0;
+                    padding: 16px;
+                    border-left: 3px solid #06b6d4;
+                "
+            >
+                <h3
+                    style="
+                        font-family: &quot;Noto Serif SC&quot;, 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
+                    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;">
-                    严谨工程质量管理 · 保障系统稳定运行
+            <div
+                style="
+                    background: #ffffff;
+                    border-radius: 6px;
+                    border: 1px solid #e2e8f0;
+                    padding: 16px;
+                    border-left: 3px solid #7c3aed;
+                "
+            >
+                <h3
+                    style="
+                        font-family: &quot;Noto Serif SC&quot;, 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
+                    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;">
+    <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:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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
+            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 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 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 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;">
-                纳海川核心技术专家团队
+    <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:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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 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>
+                        <h3
+                            style="
+                                font-family: &quot;Noto Serif SC&quot;, 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
+                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
+                >
+                    多年大型系统架构经验 · 系统架构专家
+                </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
+                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>
+                        <h3
+                            style="
+                                font-family: &quot;Noto Serif SC&quot;, 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
+                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
+                >
+                    企业软件工程经验 · 供应链系统负责人
+                </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
+                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>
+                        <h3
+                            style="
+                                font-family: &quot;Noto Serif SC&quot;, 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
+                    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
+                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>
+                        <h3
+                            style="
+                                font-family: &quot;Noto Serif SC&quot;, 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
+                    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;">
-                法定资质与软著合规资产
+    <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:
+                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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
+            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
+                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
+                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
+                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
+            style="
+                background: #f1f5f9;
+                border-radius: 4px;
+                padding: 12px;
+                text-align: center;
+            "
+        >
+            <span
+                style="
+                    font-family: &quot;Noto Serif SC&quot;, serif;
+                    font-size: 20px;
+                    font-weight: 700;
+                    color: #2563eb;
+                "
+                >已登记</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;">
+    <div style="padding: 24px 16px; text-align: center">
+        <h3
+            style="
+                font-family: &quot;Noto Serif SC&quot;, 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 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
+            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
+{/block}
diff --git a/addons/official/view/web/official_journalism/details.html b/addons/official/view/web/official_journalism/details.html
index 0dae0b3..49d1462 100644
--- a/addons/official/view/web/official_journalism/details.html
+++ b/addons/official/view/web/official_journalism/details.html
@@ -1,54 +1,134 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="content"}
+{extend name="web/official_common/pc/base" /} {block name="content"}
 <!-- 纳海川官方网站 现代中式技术文章与资讯详情页 开始 -->
 <div class="nhc-article-detail-wrap">
-    <div class="nhc-container" style="max-width: 980px;">
-
+    <div class="nhc-container" style="max-width: 980px">
         <!-- 面包屑导航 -->
         <nav class="nhc-breadcrumb">
             <a href="/">{:__l('index','Website homepage')}</a>
             <span class="sep">&gt;</span>
-            <a href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}">新闻资讯</a>
+            <a
+                href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}"
+                >新闻资讯</a
+            >
             <span class="sep">&gt;</span>
-            <a href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}">{:ze($category,'name')}</a>
+            <a
+                href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
+                >{:ze($category,'name')}</a
+            >
             <span class="sep">&gt;</span>
-            <span style="color: var(--text-primary); font-weight: 500;">正文</span>
+            <span style="color: var(--text-primary); font-weight: 500"
+                >正文</span
+            >
         </nav>
 
         <!-- 文章主体卡片 -->
-        <article style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 48px; box-shadow: var(--shadow-subtle);">
-            
+        <article
+            style="
+                background: #ffffff;
+                border: 1px solid var(--border-color);
+                border-radius: var(--radius-sm);
+                padding: 48px;
+                box-shadow: var(--shadow-subtle);
+            "
+        >
             <!-- 文章头部信息 -->
             <header class="nhc-article-header">
-                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                        margin-bottom: 16px;
+                    "
+                >
                     <span class="nhc-seal">纳海川研发</span>
-                    <span class="nhc-article-category-badge">{:ze($category,'name')}</span>
+                    <span class="nhc-article-category-badge"
+                        >{:ze($category,'name')}</span
+                    >
                 </div>
                 <h1 class="nhc-article-detail-title">{$data['title']}</h1>
-                
+
                 <div class="nhc-article-detail-meta">
                     {if !empty($data['source'])}
                     <span>
-                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+                        <svg
+                            width="14"
+                            height="14"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2"
+                        >
+                            <path
+                                d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
+                            />
+                            <circle cx="12" cy="7" r="4" />
+                        </svg>
                         <strong>出处：</strong>
                         {if !empty($data['source_url'])}
-                        <a href="{$data['source_url']}" target="_blank" rel="noopener noreferrer" style="color: var(--primary);">{$data['source']}</a>
+                        <a
+                            href="{$data['source_url']}"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            style="color: var(--primary)"
+                            >{$data['source']}</a
+                        >
                         {else/}
                         <span>{$data['source']}</span>
                         {/if}
                     </span>
                     {/if}
                     <span>
-                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+                        <svg
+                            width="14"
+                            height="14"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2"
+                        >
+                            <rect
+                                x="3"
+                                y="4"
+                                width="18"
+                                height="18"
+                                rx="2"
+                                ry="2"
+                            />
+                            <line x1="16" y1="2" x2="16" y2="6" />
+                            <line x1="8" y1="2" x2="8" y2="6" />
+                            <line x1="3" y1="10" x2="21" y2="10" />
+                        </svg>
                         {:date('Y-m-d H:i', $data['createtime'])}
                     </span>
                     <span>
-                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+                        <svg
+                            width="14"
+                            height="14"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2"
+                        >
+                            <path
+                                d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
+                            />
+                            <circle cx="12" cy="12" r="3" />
+                        </svg>
                         阅读浏览 {$data['click']} 次
                     </span>
                     <span>
-                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 14 14"/></svg>
+                        <svg
+                            width="14"
+                            height="14"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2"
+                        >
+                            <circle cx="12" cy="12" r="10" />
+                            <polyline points="12 6 12 12 14 14" />
+                        </svg>
                         纳海川技术团队
                     </span>
                 </div>
@@ -56,7 +136,18 @@
 
             <!-- 文章摘要引用条 -->
             {if !empty($data['subheading'])}
-            <div style="background: #F8FAFC; border-left: 3px solid var(--primary); padding: 16px 20px; margin-bottom: 32px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
+            <div
+                style="
+                    background: #f8fafc;
+                    border-left: 3px solid var(--primary);
+                    padding: 16px 20px;
+                    margin-bottom: 32px;
+                    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+                    font-size: 14px;
+                    color: var(--text-secondary);
+                    line-height: 1.7;
+                "
+            >
                 <strong>核心要点：</strong>{$data['subheading']}
             </div>
             {/if}
@@ -67,15 +158,68 @@
             </div>
 
             <!-- 文末技术团队说明与咨询 -->
-            <div style="margin-top: 48px; padding: 24px; background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); display: flex; align-items: flex-start; gap: 16px;">
-                <div style="width: 44px; height: 44px; border-radius: var(--radius-sm); background: var(--primary); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0;">川</div>
+            <div
+                style="
+                    margin-top: 48px;
+                    padding: 24px;
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    display: flex;
+                    align-items: flex-start;
+                    gap: 16px;
+                "
+            >
+                <div
+                    style="
+                        width: 44px;
+                        height: 44px;
+                        border-radius: var(--radius-sm);
+                        background: var(--primary);
+                        color: #ffffff;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        font-weight: 700;
+                        font-size: 18px;
+                        flex-shrink: 0;
+                    "
+                >
+                    川
+                </div>
                 <div>
-                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
-                        <span style="font-family: var(--font-serif); font-size: 16px; font-weight: 700; color: var(--text-primary);">贵阳纳海川科技有限公司 · 技术团队</span>
-                        <span class="nhc-seal" style="font-size: 10px; padding: 1px 6px;">技术分享</span>
+                    <div
+                        style="
+                            display: flex;
+                            align-items: center;
+                            gap: 8px;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        <span
+                            style="
+                                font-family: var(--font-serif);
+                                font-size: 16px;
+                                font-weight: 700;
+                                color: var(--text-primary);
+                            "
+                            >贵阳纳海川科技有限公司 · 技术团队</span
+                        >
+                        <span
+                            class="nhc-seal"
+                            style="font-size: 10px; padding: 1px 6px"
+                            >技术分享</span
+                        >
                     </div>
-                    <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin: 0;">
-                        本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、AI应用落地及商业数字化系统建设，坚持交付完整工程源码与开发文档，支持私有化部署。如需业务咨询或技术交流，欢迎随时联系我们。
+                    <p
+                        style="
+                            font-size: 13px;
+                            color: var(--text-secondary);
+                            line-height: 1.6;
+                            margin: 0;
+                        "
+                    >
+                        本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、AI应用及商业数字化系统建设，坚持交付完整工程源码与开发文档，支持私有化部署。如需业务咨询或技术交流，欢迎随时联系我们。
                     </p>
                 </div>
             </div>
@@ -85,37 +229,70 @@
                 <div class="nhc-article-nav-grid">
                     <div class="Previous">
                         {if empty($before)}
-                        <div class="nhc-article-nav-item" style="opacity: 0.6; cursor: not-allowed;">
-                            <span class="nhc-article-nav-label">上一篇动态</span>
-                            <span class="nhc-article-nav-title">{:__l('index','There no data')}</span>
+                        <div
+                            class="nhc-article-nav-item"
+                            style="opacity: 0.6; cursor: not-allowed"
+                        >
+                            <span class="nhc-article-nav-label"
+                                >上一篇动态</span
+                            >
+                            <span class="nhc-article-nav-title"
+                                >{:__l('index','There no data')}</span
+                            >
                         </div>
                         {else/}
-                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}" class="nhc-article-nav-item" title="{$before['title']}">
-                            <span class="nhc-article-nav-label">&larr; 上一篇动态</span>
-                            <span class="nhc-article-nav-title">{$before['title']}</span>
+                        <a
+                            href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}"
+                            class="nhc-article-nav-item"
+                            title="{$before['title']}"
+                        >
+                            <span class="nhc-article-nav-label"
+                                >&larr; 上一篇动态</span
+                            >
+                            <span class="nhc-article-nav-title"
+                                >{$before['title']}</span
+                            >
                         </a>
                         {/if}
                     </div>
 
                     <div class="Next">
                         {if empty($after)}
-                        <div class="nhc-article-nav-item" style="opacity: 0.6; cursor: not-allowed; text-align: right;">
-                            <span class="nhc-article-nav-label">下一篇动态</span>
-                            <span class="nhc-article-nav-title">{:__l('index','There no data')}</span>
+                        <div
+                            class="nhc-article-nav-item"
+                            style="
+                                opacity: 0.6;
+                                cursor: not-allowed;
+                                text-align: right;
+                            "
+                        >
+                            <span class="nhc-article-nav-label"
+                                >下一篇动态</span
+                            >
+                            <span class="nhc-article-nav-title"
+                                >{:__l('index','There no data')}</span
+                            >
                         </div>
                         {else/}
-                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}" class="nhc-article-nav-item" style="text-align: right;" title="{$after['title']}">
-                            <span class="nhc-article-nav-label">下一篇动态 &rarr;</span>
-                            <span class="nhc-article-nav-title">{$after['title']}</span>
+                        <a
+                            href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}"
+                            class="nhc-article-nav-item"
+                            style="text-align: right"
+                            title="{$after['title']}"
+                        >
+                            <span class="nhc-article-nav-label"
+                                >下一篇动态 &rarr;</span
+                            >
+                            <span class="nhc-article-nav-title"
+                                >{$after['title']}</span
+                            >
                         </a>
                         {/if}
                     </div>
                 </div>
             </div>
-
         </article>
-
     </div>
 </div>
 <!-- 现代中式技术文章与资讯详情页 结束 -->
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_journalism/list.html b/addons/official/view/web/official_journalism/list.html
index e1e12e4..0f8580e 100644
--- a/addons/official/view/web/official_journalism/list.html
+++ b/addons/official/view/web/official_journalism/list.html
@@ -1,48 +1,64 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="content"}
+{extend name="web/official_common/pc/base" /} {block name="content"}
 <!-- 纳海川官方网站 现代中式技术洞察与新闻资讯列表 开始 -->
 
 <!-- 1. 顶部 Hero Banner -->
 <section class="nhc-article-hero">
     <div class="nhc-container">
         <div class="nhc-article-hero-inner">
-            <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
+            <div
+                style="
+                    display: flex;
+                    align-items: center;
+                    gap: 10px;
+                    margin-bottom: 12px;
+                "
+            >
                 <span class="nhc-seal">技术洞察</span>
-                <span style="font-size: 13px; color: var(--primary); font-weight: 600; letter-spacing: 1px;">ENGINEERING & PERSPECTIVES</span>
+                <span
+                    style="
+                        font-size: 13px;
+                        color: var(--primary);
+                        font-weight: 600;
+                        letter-spacing: 1px;
+                    "
+                    >ENGINEERING & PERSPECTIVES</span
+                >
             </div>
             <h1 class="nhc-article-hero-title">
                 贵阳纳海川科技 · 技术洞察与研发动态
             </h1>
             <p class="nhc-article-hero-subtitle">
-                专注企业级软件定制开发、业务系统架构设计、移动端与小程序开发及企业 AI 落地应用。分享务实严谨的技术实践与项目交付经验。
+                专注企业级软件定制开发、业务系统架构设计、移动端与小程序开发及企业
+                AI 应用。分享务实严谨的技术实践与项目交付经验。
             </p>
         </div>
     </div>
 </section>
 
 <!-- 2. 主体内容区 -->
-<section style="background: var(--bg-primary); padding: 40px 0 72px 0;">
+<section style="background: var(--bg-primary); padding: 40px 0 72px 0">
     <div class="nhc-container">
-
         <!-- 分类导航栏 -->
         <div class="nhc-category-bar">
             <div class="nhc-category-tags">
-                <a href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.pid')])}" 
-                   class="nhc-category-tag {if input('param.sid') == input('param.pid') || empty(input('param.sid'))}active{/if}">
+                <a
+                    href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.pid')])}"
+                    class="nhc-category-tag {if input('param.sid') == input('param.pid') || empty(input('param.sid'))}active{/if}"
+                >
                     <span>全部动态</span>
                 </a>
                 {foreach $res['son'] as $subcat}
-                <a href="{:get_cate_url($subcat)}" 
-                   class="nhc-category-tag {if $subcat['is_choose']}active{/if}">
+                <a
+                    href="{:get_cate_url($subcat)}"
+                    class="nhc-category-tag {if $subcat['is_choose']}active{/if}"
+                >
                     <span>{:ze($subcat,'name')}</span>
                 </a>
                 {/foreach}
             </div>
-            <div style="font-size: 13px; color: var(--text-muted);">
+            <div style="font-size: 13px; color: var(--text-muted)">
                 <span>严谨工程实录 · 持续技术积累</span>
             </div>
-
         </div>
 
         <!-- 文章资讯列表：标题、简介、缩略图专业图文排版 -->
@@ -50,30 +66,68 @@
         <div class="nhc-news-list">
             {foreach $data as $index => $item}
             <article class="nhc-news-row">
-                <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" class="nhc-news-thumb" title="{$item['title']}">
+                <a
+                    href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
+                    class="nhc-news-thumb"
+                    title="{$item['title']}"
+                >
                     {if !empty($item['image'])}
-                    <img src="{$item['image']}" alt="{$item['title']}" loading="lazy">
+                    <img
+                        src="{$item['image']}"
+                        alt="{$item['title']}"
+                        loading="lazy"
+                    />
                     {else/}
-                    <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #94A3B8; font-size: 13px;">纳海川科技</div>
+                    <div
+                        style="
+                            width: 100%;
+                            height: 100%;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            color: #94a3b8;
+                            font-size: 13px;
+                        "
+                    >
+                        纳海川科技
+                    </div>
                     {/if}
                 </a>
                 <div class="nhc-news-body">
                     <div>
                         <div class="nhc-news-meta">
-                            <span class="nhc-news-badge">{if !empty($son_data)}{:ze($son_data,'name')}{else/}{:ze($res,'name')}{/if}</span>
-                            <span class="nhc-news-date">{:date('Y-m-d', $item['createtime'])}</span>
+                            <span class="nhc-news-badge"
+                                >{if
+                                !empty($son_data)}{:ze($son_data,'name')}{else/}{:ze($res,'name')}{/if}</span
+                            >
+                            <span class="nhc-news-date"
+                                >{:date('Y-m-d', $item['createtime'])}</span
+                            >
                         </div>
-                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" style="text-decoration: none;">
+                        <a
+                            href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
+                            style="text-decoration: none"
+                        >
                             <h2 class="nhc-news-title">{$item['title']}</h2>
                         </a>
-                        <p class="nhc-news-desc">
-                            {$item['subheading']}
-                        </p>
+                        <p class="nhc-news-desc">{$item['subheading']}</p>
                     </div>
                     <div>
-                        <a href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}" class="nhc-news-more">
+                        <a
+                            href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
+                            class="nhc-news-more"
+                        >
                             <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>
+                            <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>
@@ -82,7 +136,10 @@
         </div>
 
         <!-- 现代化分页组件 -->
-        <div class="page_custom" style="display: flex; justify-content: center; margin-top: 40px;">
+        <div
+            class="page_custom"
+            style="display: flex; justify-content: center; margin-top: 40px"
+        >
             <div class="page_son">
                 {$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
             </div>
@@ -90,13 +147,22 @@
 
         {else/}
         <!-- 空状态展示 -->
-        <div style="text-align: center; padding: 80px 20px; background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm);">
-            <div class="nhc-seal" style="margin-bottom: 12px;">纳海川</div>
-            <p style="color: var(--text-secondary); font-size: 15px;">暂无相关动态，技术团队持续更新中</p>
+        <div
+            style="
+                text-align: center;
+                padding: 80px 20px;
+                background: #f8fafc;
+                border: 1px solid var(--border-color);
+                border-radius: var(--radius-sm);
+            "
+        >
+            <div class="nhc-seal" style="margin-bottom: 12px">纳海川</div>
+            <p style="color: var(--text-secondary); font-size: 15px">
+                暂无相关动态，技术团队持续更新中
+            </p>
         </div>
         {/if}
-
     </div>
 </section>
 <!-- 现代中式技术洞察与新闻资讯列表 结束 -->
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_online_message/list.html b/addons/official/view/web/official_online_message/list.html
index 54e3004..58762e5 100644
--- a/addons/official/view/web/official_online_message/list.html
+++ b/addons/official/view/web/official_online_message/list.html
@@ -1,10 +1,10 @@
-{extend name="web/official_common/pc/base" /}
-
-{block name="css"}
-<link href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css" rel="stylesheet" type="text/css">
-{/block}
-
-{block name="content"}
+{extend name="web/official_common/pc/base" /} {block name="css"}
+<link
+    href="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css"
+    rel="stylesheet"
+    type="text/css"
+/>
+{/block} {block name="content"}
 <!-- 纳海川官方网站 · 联系我们独立页 (Contact Us Page) 开始 -->
 
 <!-- 1. 联系我们 Hero 视窗 -->
@@ -15,138 +15,278 @@
             <span>/</span>
             <span>联系我们</span>
         </div>
-        <div style="margin-bottom: 16px;">
+        <div style="margin-bottom: 16px">
             <span class="nhc-seal">务实沟通 · 敏捷响应</span>
         </div>
         <h1 class="nhc-page-title">业务咨询与技术评估</h1>
         <p class="nhc-page-desc">
-            告知您的业务需求或系统瓶颈，纳海川技术与架构团队将在 2 小时内安排专属架构师与您深度沟通并输出初步评估。
+            告知您的业务需求或系统现状，纳海川技术与架构团队将在 2
+            小时内安排专属架构师与您沟通并输出初步评估。
         </p>
     </div>
 </section>
 
 <!-- 2. 主体联系与需求评估板块 (12列网格，左7右5) -->
-<section class="nhc-contact-section" style="padding: 70px 0 90px; background: #FFFFFF;">
+<section
+    class="nhc-contact-section"
+    style="padding: 70px 0 90px; background: #ffffff"
+>
     <div class="nhc-container">
         <div class="nhc-contact-layout">
-            
             <!-- 左侧：需求评估与工单表单 (7列) -->
             <div class="nhc-contact-form-wrap nhc-corner-card">
                 <div class="nhc-form-header">
-                    <span class="nhc-seal" style="margin-bottom: 8px;">需求评估</span>
-                    <h2 class="nhc-form-title">预约资深架构师 1 对 1 方案研讨</h2>
+                    <span class="nhc-seal" style="margin-bottom: 8px"
+                        >需求评估</span
+                    >
+                    <h2 class="nhc-form-title">预约架构师 1 对 1 方案研讨</h2>
                     <p class="nhc-form-sub">
-                        请详细填写您的业务需求与期望指标，我们将在 2 小时内安排专属架构师与您深度对接。
+                        请详细填写您的业务需求与期望指标，我们将在 2
+                        小时内安排专属架构师与您对接。
                     </p>
                 </div>
 
-                <form enctype="multipart/form-data" class="nhc-contact-form" id="frmResume">
+                <form
+                    enctype="multipart/form-data"
+                    class="nhc-contact-form"
+                    id="frmResume"
+                >
                     {:token()}
 
                     <!-- 意向主题快捷选择 -->
                     <div class="nhc-form-group">
-                        <label class="nhc-form-label">意向合作方向 <span class="nhc-required">*</span></label>
+                        <label class="nhc-form-label"
+                            >意向合作方向
+                            <span class="nhc-required">*</span></label
+                        >
                         <div class="nhc-tag-selector">
-                            <span class="nhc-topic-tag active" data-topic="企业级技术中台与软件定制">企业级中台定制</span>
-                            <span class="nhc-topic-tag" data-topic="APP与微信小程序全生态定制">APP/小程序定制</span>
-                            <span class="nhc-topic-tag" data-topic="垂直领域私有 RAG 与 AI 智能体开发">私有 AI 智能体</span>
-                            <span class="nhc-topic-tag" data-topic="商业商城/收银/进销存系统部署">商业产品选型</span>
+                            <span
+                                class="nhc-topic-tag active"
+                                data-topic="企业级技术中台与软件定制"
+                                >企业级中台定制</span
+                            >
+                            <span
+                                class="nhc-topic-tag"
+                                data-topic="APP与微信小程序全生态定制"
+                                >APP/小程序定制</span
+                            >
+                            <span
+                                class="nhc-topic-tag"
+                                data-topic="垂直领域私有 RAG 与 AI 智能体开发"
+                                >私有 AI 智能体</span
+                            >
+                            <span
+                                class="nhc-topic-tag"
+                                data-topic="商业商城/收银/进销存系统部署"
+                                >商业产品选型</span
+                            >
                         </div>
-                        <input type="text" name="title" id="contactTitle" value="企业级技术中台与软件定制" required class="nhc-form-input" placeholder="请填写需求主题或选择上方标签">
+                        <input
+                            type="text"
+                            name="title"
+                            id="contactTitle"
+                            value="企业级技术中台与软件定制"
+                            required
+                            class="nhc-form-input"
+                            placeholder="请填写需求主题或选择上方标签"
+                        />
                     </div>
 
                     <div class="nhc-form-row">
                         <!-- 称呼 -->
                         <div class="nhc-form-group">
-                            <label class="nhc-form-label">对接人姓名 / 称呼 <span class="nhc-required">*</span></label>
-                            <input type="text" name="name" required class="nhc-form-input" placeholder="如：张总监 / 李经理">
+                            <label class="nhc-form-label"
+                                >对接人姓名 / 称呼
+                                <span class="nhc-required">*</span></label
+                            >
+                            <input
+                                type="text"
+                                name="name"
+                                required
+                                class="nhc-form-input"
+                                placeholder="如：张总监 / 李经理"
+                            />
                         </div>
                         <!-- 电话 -->
                         <div class="nhc-form-group">
-                            <label class="nhc-form-label">联系电话 / 手机 <span class="nhc-required">*</span></label>
-                            <input type="text" name="phone" required class="nhc-form-input" placeholder="请填写您的联系手机">
+                            <label class="nhc-form-label"
+                                >联系电话 / 手机
+                                <span class="nhc-required">*</span></label
+                            >
+                            <input
+                                type="text"
+                                name="phone"
+                                required
+                                class="nhc-form-input"
+                                placeholder="请填写您的联系手机"
+                            />
                         </div>
                     </div>
 
                     <!-- 详细需求 -->
                     <div class="nhc-form-group">
-                        <label class="nhc-form-label">业务背景与详细需求 <span class="nhc-required">*</span></label>
-                        <textarea name="content" class="nhc-form-textarea" rows="4" placeholder="请简述您的业务需求、期望实现的功能模块、预估上线周期或性能要求，以便架构师提前研判..."></textarea>
+                        <label class="nhc-form-label"
+                            >业务背景与详细需求
+                            <span class="nhc-required">*</span></label
+                        >
+                        <textarea
+                            name="content"
+                            class="nhc-form-textarea"
+                            rows="4"
+                            placeholder="请简述您的业务需求、期望实现的功能模块、预估上线周期或性能要求，以便架构师提前研判..."
+                        ></textarea>
                     </div>
 
-
                     {if $captchaType == 'text'}
                     <div class="nhc-form-group">
-                        <label class="nhc-form-label">安全验证码 <span class="nhc-required">*</span></label>
-                        <div style="display: flex; gap: 12px; align-items: center;">
-                            {include file="web/official_common/pc/captcha" event="register" type="$captchaType" /}
+                        <label class="nhc-form-label"
+                            >安全验证码
+                            <span class="nhc-required">*</span></label
+                        >
+                        <div
+                            style="
+                                display: flex;
+                                gap: 12px;
+                                align-items: center;
+                            "
+                        >
+                            {include file="web/official_common/pc/captcha"
+                            event="register" type="$captchaType" /}
                         </div>
                     </div>
                     {/if}
 
-                    <div style="margin-top: 24px;">
-                        <button class="nhc-btn nhc-btn-primary nhc-btn-lg in_post" stu="1" type="button" style="width: 100%; justify-content: center;">
+                    <div style="margin-top: 24px">
+                        <button
+                            class="nhc-btn nhc-btn-primary nhc-btn-lg in_post"
+                            stu="1"
+                            type="button"
+                            style="width: 100%; justify-content: center"
+                        >
                             <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>
+                            <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>
                         </button>
                     </div>
                     <div class="nhc-form-privacy">
-                        纳海川严格执行 ISO 27001 信息安全规范，承诺对您的商业需求与业务数据终身保密。
+                        纳海川执行 ISO 27001
+                        信息安全规范，对您的商业需求与业务数据长期保密。
                     </div>
                 </form>
             </div>
 
             <!-- 右侧：直通热线、实体地址与地图 (5列) -->
             <div class="nhc-contact-info-wrap">
-                
                 <!-- 贵阳双基地地理拓扑与接待视窗 -->
-                <div style="margin-bottom: 24px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);">
-                    <img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑与快速建联视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
+                <div
+                    style="
+                        margin-bottom: 24px;
+                        border-radius: 6px;
+                        overflow: hidden;
+                        border: 1px solid var(--border-color);
+                        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
+                    "
+                >
+                    <img
+                        src="__ADDON__/images/showcases/contact_headquarters.svg"
+                        alt="纳海川贵阳双基地拓扑与快速建联视窗"
+                        style="width: 100%; height: auto; display: block"
+                        loading="lazy"
+                    />
                 </div>
 
                 <!-- 直通热线与响应 SLA 卡片 -->
-                <div class="nhc-contact-card nhc-corner-card" style="margin-bottom: 24px;">
-
+                <div
+                    class="nhc-contact-card nhc-corner-card"
+                    style="margin-bottom: 24px"
+                >
                     <div class="nhc-info-badge">快速直联</div>
                     <h3 class="nhc-info-card-title">业务咨询与技术支持</h3>
-                    
+
                     <div class="nhc-info-item">
                         <div class="nhc-info-icon">
-                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
+                            <svg
+                                width="18"
+                                height="18"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            >
+                                <path
+                                    d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"
+                                />
+                            </svg>
                         </div>
                         <div class="nhc-info-text">
                             <div class="nhc-info-label">业务咨询专线</div>
-                            <a href="tel:13984036826" class="nhc-info-val nhc-phone-link">13984036826</a>
-                            <div class="nhc-info-note">工作日 09:00 - 18:00（资深架构师直连）</div>
+                            <a
+                                href="tel:13984036826"
+                                class="nhc-info-val nhc-phone-link"
+                                >13984036826</a
+                            >
+                            <div class="nhc-info-note">
+                                工作日 09:00 - 18:00（架构师直连）
+                            </div>
                         </div>
                     </div>
 
                     <div class="nhc-info-item">
                         <div class="nhc-info-icon">
-                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+                            <svg
+                                width="18"
+                                height="18"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            >
+                                <path
+                                    d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
+                                />
+                                <polyline points="22,6 12,13 2,6" />
+                            </svg>
                         </div>
                         <div class="nhc-info-text">
                             <div class="nhc-info-label">技术支持公用邮箱</div>
                             <div class="nhc-info-val">server@gynhc.com</div>
-                            <div class="nhc-info-note">商务合作、技术方案咨询接收入口</div>
+                            <div class="nhc-info-note">
+                                商务合作、技术方案咨询接收入口
+                            </div>
                         </div>
                     </div>
 
                     <div class="nhc-sla-bar">
                         <div class="nhc-sla-tag">SLA 响应承诺</div>
-                        <div class="nhc-sla-text">工作日 2 小时内快速响应 · 24 小时内出具方案大纲</div>
+                        <div class="nhc-sla-text">
+                            工作日 2 小时内快速响应 · 24 小时内出具方案大纲
+                        </div>
                     </div>
                 </div>
 
                 <!-- 实体办公双基地与地图视窗 (Map & Addresses) -->
                 <div class="nhc-contact-card nhc-contact-map nhc-corner-card">
-                    <h3 class="nhc-info-card-title">物理实体办公基地</h3>
-                    
+                    <h3 class="nhc-info-card-title">实体办公基地</h3>
+
                     <!-- 营销与销售中心 -->
                     <div class="nhc-location-item">
                         <div class="nhc-location-header">
-                            <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">营销中心</span>
-                            <span class="nhc-location-title">花果园中环广场商务基地</span>
+                            <span
+                                class="nhc-seal"
+                                style="padding: 1px 6px; font-size: 10px"
+                                >营销中心</span
+                            >
+                            <span class="nhc-location-title"
+                                >花果园中环广场商务基地</span
+                            >
                         </div>
                         <p class="nhc-location-addr">
                             贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号
@@ -154,10 +294,23 @@
                     </div>
 
                     <!-- 研发与技术中心 -->
-                    <div class="nhc-location-item" style="border-top: 1px solid var(--border-color); padding-top: 14px; margin-top: 14px;">
+                    <div
+                        class="nhc-location-item"
+                        style="
+                            border-top: 1px solid var(--border-color);
+                            padding-top: 14px;
+                            margin-top: 14px;
+                        "
+                    >
                         <div class="nhc-location-header">
-                            <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">技术中心</span>
-                            <span class="nhc-location-title">经开区大数据安全产业基地</span>
+                            <span
+                                class="nhc-seal"
+                                style="padding: 1px 6px; font-size: 10px"
+                                >技术中心</span
+                            >
+                            <span class="nhc-location-title"
+                                >经开区大数据安全产业基地</span
+                            >
                         </div>
                         <p class="nhc-location-addr">
                             贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号
@@ -165,7 +318,7 @@
                     </div>
 
                     <!-- 地图视窗 / 示意图 -->
-                    <div class="nhc-map-visual" style="margin-top: 18px;">
+                    <div class="nhc-map-visual" style="margin-top: 18px">
                         <div class="nhc-map-canvas">
                             <div class="nhc-map-pin pin-1">
                                 <span class="nhc-pin-pulse"></span>
@@ -181,17 +334,17 @@
                             <span>贵阳核心产业园区 · 欢迎来访考察交流</span>
                         </div>
                     </div>
-
                 </div>
-
             </div>
-
         </div>
     </div>
 </section>
 
 <!-- 3. 常见技术咨询解答 -->
-<section class="nhc-faq nhc-section-padding" style="background: var(--bg-secondary);">
+<section
+    class="nhc-faq nhc-section-padding"
+    style="background: var(--bg-secondary)"
+>
     <div class="nhc-container">
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
@@ -209,26 +362,32 @@
             <div class="nhc-faq-item">
                 <h3 class="nhc-faq-question">提交需求后多久能收到初步方案？</h3>
                 <p class="nhc-faq-answer">
-                    我们在收到需求后 2 小时内会有资深解决方案架构师进行电话回访，并在 24 小时内免费出具针对实际业务需求的初步技术方案与评估大纲。
-                </p>
-
-            </div>
-            <div class="nhc-faq-item">
-                <h3 class="nhc-faq-question">是否支持前期签署保密协议（NDA）？</h3>
-                <p class="nhc-faq-answer">
-                    完全支持。对于涉及敏感商业逻辑、政企业务规范或专属数据的项目，纳海川在深度技术交流前可先行签署具备法律效力的保密协议。
+                    我们在收到需求后 2 小时内安排解决方案架构师电话回访，并在 24
+                    小时内出具针对实际业务需求的初步技术方案与评估大纲。
                 </p>
             </div>
             <div class="nhc-faq-item">
-                <h3 class="nhc-faq-question">是否支持技术架构师现场当面交流？</h3>
+                <h3 class="nhc-faq-question">
+                    是否支持前期签署保密协议（NDA）？
+                </h3>
                 <p class="nhc-faq-answer">
-                    西南地区（贵阳及周边城市）可随时安排资深架构师上门沟通或邀请莅临纳海川基地；全国其他省市可安排腾讯会议/飞书高清视频技术研讨。
+                    支持。对于涉及敏感商业逻辑、政企业务规范或专属数据的项目，纳海川在深度技术交流前可先行签署具备法律效力的保密协议。
                 </p>
             </div>
             <div class="nhc-faq-item">
-                <h3 class="nhc-faq-question">定制开发的项目如何保障代码自主可控？</h3>
+                <h3 class="nhc-faq-question">
+                    是否支持技术架构师现场当面交流？
+                </h3>
                 <p class="nhc-faq-answer">
-                    纳海川提供完整工程源码交付协议，不设任何硬件锁、加密狗或暗门，交付全套源码、数据库设计字典及本地化持续集成编译指南。
+                    西南地区（贵阳及周边城市）可安排架构师上门沟通或邀请莅临纳海川基地；全国其他省市可安排腾讯会议/飞书视频技术研讨。
+                </p>
+            </div>
+            <div class="nhc-faq-item">
+                <h3 class="nhc-faq-question">
+                    定制开发的项目如何保障代码归属与二次开发？
+                </h3>
+                <p class="nhc-faq-answer">
+                    纳海川提供完整工程源码交付协议，不设硬件锁、加密狗或暗门，交付全套源码、数据库设计字典及本地化持续集成编译指南。
                 </p>
             </div>
         </div>
@@ -236,27 +395,29 @@
 </section>
 
 <!-- 纳海川官方网站 · 联系我们独立页 (Contact Us Page) 结束 -->
-{/block}
-
-{block name="js"}
+{/block} {block name="js"}
 <script src="__ADDON__/layui-v2.6.8/layui-v2.6.8/layui/layui.js"></script>
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
 <script>
     var captchaType = "{$captchaType}";
-    layui.use(['layer'], function(){
+    layui.use(["layer"], function () {
         var layer = layui.layer;
 
         // 快捷标签选择
-        document.querySelectorAll('.nhc-topic-tag').forEach(function(tag) {
-            tag.addEventListener('click', function() {
-                document.querySelectorAll('.nhc-topic-tag').forEach(function(t) { t.classList.remove('active'); });
-                this.classList.add('active');
-                var topic = this.getAttribute('data-topic');
-                document.getElementById('contactTitle').value = topic;
+        document.querySelectorAll(".nhc-topic-tag").forEach(function (tag) {
+            tag.addEventListener("click", function () {
+                document
+                    .querySelectorAll(".nhc-topic-tag")
+                    .forEach(function (t) {
+                        t.classList.remove("active");
+                    });
+                this.classList.add("active");
+                var topic = this.getAttribute("data-topic");
+                document.getElementById("contactTitle").value = topic;
             });
         });
 
-        $('.in_post').click(function () {
+        $(".in_post").click(function () {
             let that = this;
             let title = $("input[name='title']").val();
             let name = $("input[name='name']").val();
@@ -265,7 +426,7 @@
             let content = $("textarea[name='content']").val();
             let captcha = $("input[name='captcha']").val();
 
-            let stu = $('.in_post').attr('stu');
+            let stu = $(".in_post").attr("stu");
             if (stu != 1) {
                 layer.msg("请勿重复点击提交");
                 return false;
@@ -287,7 +448,7 @@
                 layer.msg("请填写详细需求与业务背景");
                 return false;
             }
-            if (captchaType == 'text'){
+            if (captchaType == "text") {
                 if (!captcha) {
                     layer.msg("请填写安全验证码");
                     return false;
@@ -300,38 +461,48 @@
                 phone: phone,
                 content: content,
                 captcha: captcha,
-                __token__: __token__
+                __token__: __token__,
             };
 
-            $('.in_post').attr('stu', 2);
+            $(".in_post").attr("stu", 2);
 
-            axios.post('', data)
+            axios
+                .post("", data)
                 .then(function (response) {
                     let data = response.data;
-                    $('.in_post').attr('stu', 1);
-                    if(data.code){
-                        layer.alert("需求评估已成功提交！纳海川解决方案架构师将在 2 小时内与您联系对接。", {icon: 6, title: "提交成功"});
-                        $("input[name='name']").val('');
-                        $("input[name='phone']").val('');
-                        $("textarea[name='content']").val('');
-                        $("input[name='captcha']").val('');
+                    $(".in_post").attr("stu", 1);
+                    if (data.code) {
+                        layer.alert(
+                            "需求评估已成功提交！纳海川解决方案架构师将在 2 小时内与您联系对接。",
+                            { icon: 6, title: "提交成功" },
+                        );
+                        $("input[name='name']").val("");
+                        $("input[name='phone']").val("");
+                        $("textarea[name='content']").val("");
+                        $("input[name='captcha']").val("");
                         return false;
                     }
-                    layer.msg(data.msg, {icon: 5}, function(){
-                        axios.get("{:addon_url('official/web.official_home/get_token')}", data)
+                    layer.msg(data.msg, { icon: 5 }, function () {
+                        axios
+                            .get(
+                                "{:addon_url('official/web.official_home/get_token')}",
+                                data,
+                            )
                             .then(function (response) {
                                 let res = response.data;
-                                if (res.code == 1){
-                                    $("input[name='__token__']").val(res.data)
+                                if (res.code == 1) {
+                                    $("input[name='__token__']").val(res.data);
                                 }
                             });
                     });
                 })
                 .catch(function (error) {
-                    $('.in_post').attr('stu', 1);
-                    layer.msg("提交失败，请检查网络或直接拨打业务专线 13984036826");
+                    $(".in_post").attr("stu", 1);
+                    layer.msg(
+                        "提交失败，请检查网络或直接拨打业务专线 13984036826",
+                    );
                 });
         });
     });
 </script>
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_online_message/list_e.html b/addons/official/view/web/official_online_message/list_e.html
index 054e1f1..e607d9b 100644
--- a/addons/official/view/web/official_online_message/list_e.html
+++ b/addons/official/view/web/official_online_message/list_e.html
@@ -1,55 +1,162 @@
-{extend name="web/official_common/mobile/base" /}
-
-{block name="content"}
+{extend name="web/official_common/mobile/base" /} {block name="content"}
 <!-- 纳海川官方网站 · 移动端联系我们独立页 (Contact Us Page Mobile) 开始 -->
-<div class="nhc-mobile-contact-page" style="background: #F8FAFC; min-height: 100vh; padding-bottom: 60px;">
-    
+<div
+    class="nhc-mobile-contact-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
+        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
+            style="
+                font-family:
+                    &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, 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;">
-            贵阳纳海川科技有限公司技术团队立足贵阳、服务全国，提供专业的技术方案评估与 24 小时快速响应对接。
+        <p style="font-size: 13px; color: #64748b; margin: 0; line-height: 1.6">
+            贵阳纳海川科技有限公司技术团队立足贵阳、服务全国，提供专业的技术方案评估与
+            24 小时快速响应对接。
         </p>
     </div>
 
     <!-- 2. 直通热线与 SLA 响应卡片 -->
-    <div style="padding: 16px;">
+    <div style="padding: 16px">
         <!-- 贵阳双基地地理拓扑视窗 -->
-        <div style="margin-bottom: 16px; border-radius: 6px; overflow: hidden; border: 1px solid #E2E8F0; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);">
-            <img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
+        <div
+            style="
+                margin-bottom: 16px;
+                border-radius: 6px;
+                overflow: hidden;
+                border: 1px solid #e2e8f0;
+                box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
+            "
+        >
+            <img
+                src="__ADDON__/images/showcases/contact_headquarters.svg"
+                alt="纳海川贵阳双基地拓扑视窗"
+                style="width: 100%; height: auto; display: block"
+                loading="lazy"
+            />
         </div>
 
-        <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
-
-            <div style="font-size: 11px; font-weight: 700; color: #2563EB; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px;">快速直联通道</div>
-            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
+        <div
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-bottom: 16px;
+            "
+        >
+            <div
+                style="
+                    font-size: 11px;
+                    font-weight: 700;
+                    color: #2563eb;
+                    letter-spacing: 1px;
+                    text-transform: uppercase;
+                    margin-bottom: 6px;
+                "
+            >
+                快速直联通道
+            </div>
+            <div
+                style="
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    margin-bottom: 12px;
+                "
+            >
                 <div>
-                    <div style="font-size: 12px; color: #64748B;">业务咨询与架构专线</div>
-                    <div style="font-family: 'Noto Serif SC', serif; font-size: 20px; font-weight: 700; color: #0F172A;">13984036826</div>
+                    <div style="font-size: 12px; color: #64748b">
+                        业务咨询与架构专线
+                    </div>
+                    <div
+                        style="
+                            font-family: &quot;Noto Serif SC&quot;, serif;
+                            font-size: 20px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                    >
+                        13984036826
+                    </div>
                 </div>
-                <a href="tel:13984036826" style="background: #2563EB; color: #FFFFFF; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 4px; text-decoration: none;">
+                <a
+                    href="tel:13984036826"
+                    style="
+                        background: #2563eb;
+                        color: #ffffff;
+                        font-size: 13px;
+                        font-weight: 600;
+                        padding: 8px 16px;
+                        border-radius: 4px;
+                        text-decoration: none;
+                    "
+                >
                     立即拨打
                 </a>
             </div>
-            <div style="border-top: 1px solid #F1F5F9; padding-top: 10px; font-size: 12px; color: #64748B; display: flex; justify-content: space-between;">
+            <div
+                style="
+                    border-top: 1px solid #f1f5f9;
+                    padding-top: 10px;
+                    font-size: 12px;
+                    color: #64748b;
+                    display: flex;
+                    justify-content: space-between;
+                "
+            >
                 <span>技术邮箱: server@gynhc.com</span>
                 <span>响应承诺: 2小时直连</span>
             </div>
         </div>
 
         <!-- 3. 需求评估表单卡片 -->
-        <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 20px;">
-            <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 4px 0;">
+        <div
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 20px;
+            "
+        >
+            <div style="text-align: center; margin-bottom: 16px">
+                <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
+                    >需求评估</span
+                >
+                <h2
+                    style="
+                        font-family:
+                            &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
+                        font-size: 17px;
+                        font-weight: 700;
+                        color: #0f172a;
+                        margin: 6px 0 4px 0;
+                    "
+                >
                     预约架构师 1 对 1 方案研讨
                 </h2>
-                <p style="font-size: 12px; color: #64748B; margin: 0;">
+                <p style="font-size: 12px; color: #64748b; margin: 0">
                     提交您的业务需求，架构师将在 2 小时内回访
                 </p>
             </div>
@@ -58,114 +165,319 @@
                 {:token()}
 
                 <!-- 需求主题 -->
-                <div style="margin-bottom: 14px;">
-                    <label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
-                        合作方向 / 需求主题 <span style="color: #DC2626;">*</span>
+                <div style="margin-bottom: 14px">
+                    <label
+                        style="
+                            display: block;
+                            font-size: 12px;
+                            font-weight: 600;
+                            color: #334155;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        合作方向 / 需求主题
+                        <span style="color: #dc2626">*</span>
                     </label>
-                    <input type="text" name="title" id="mobileTitle" value="企业级技术中台与软件定制" required style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
+                    <input
+                        type="text"
+                        name="title"
+                        id="mobileTitle"
+                        value="企业级技术中台与软件定制"
+                        required
+                        style="
+                            width: 100%;
+                            box-sizing: border-box;
+                            padding: 10px 12px;
+                            border: 1px solid #cbd5e1;
+                            border-radius: 4px;
+                            font-size: 13px;
+                            color: #0f172a;
+                        "
+                    />
                 </div>
 
                 <!-- 对接人 -->
-                <div style="margin-bottom: 14px;">
-                    <label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
-                        对接人姓名 / 称呼 <span style="color: #DC2626;">*</span>
+                <div style="margin-bottom: 14px">
+                    <label
+                        style="
+                            display: block;
+                            font-size: 12px;
+                            font-weight: 600;
+                            color: #334155;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        对接人姓名 / 称呼 <span style="color: #dc2626">*</span>
                     </label>
-                    <input type="text" name="name" required placeholder="如：张总监 / 李经理" style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
+                    <input
+                        type="text"
+                        name="name"
+                        required
+                        placeholder="如：张总监 / 李经理"
+                        style="
+                            width: 100%;
+                            box-sizing: border-box;
+                            padding: 10px 12px;
+                            border: 1px solid #cbd5e1;
+                            border-radius: 4px;
+                            font-size: 13px;
+                            color: #0f172a;
+                        "
+                    />
                 </div>
 
                 <!-- 电话 -->
-                <div style="margin-bottom: 14px;">
-                    <label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
-                        联系手机 <span style="color: #DC2626;">*</span>
+                <div style="margin-bottom: 14px">
+                    <label
+                        style="
+                            display: block;
+                            font-size: 12px;
+                            font-weight: 600;
+                            color: #334155;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        联系手机 <span style="color: #dc2626">*</span>
                     </label>
-                    <input type="tel" name="phone" required placeholder="请填写联系电话" style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A;">
+                    <input
+                        type="tel"
+                        name="phone"
+                        required
+                        placeholder="请填写联系电话"
+                        style="
+                            width: 100%;
+                            box-sizing: border-box;
+                            padding: 10px 12px;
+                            border: 1px solid #cbd5e1;
+                            border-radius: 4px;
+                            font-size: 13px;
+                            color: #0f172a;
+                        "
+                    />
                 </div>
 
                 <!-- 详细需求 -->
-                <div style="margin-bottom: 14px;">
-                    <label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
-                        业务需求与期望功能 <span style="color: #DC2626;">*</span>
+                <div style="margin-bottom: 14px">
+                    <label
+                        style="
+                            display: block;
+                            font-size: 12px;
+                            font-weight: 600;
+                            color: #334155;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        业务需求与期望功能 <span style="color: #dc2626">*</span>
                     </label>
-                    <textarea name="content" rows="3" placeholder="请简述您的业务需求、期望功能或预估上线周期..." style="width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; color: #0F172A; resize: vertical;"></textarea>
-
+                    <textarea
+                        name="content"
+                        rows="3"
+                        placeholder="请简述您的业务需求、期望功能或预估上线周期..."
+                        style="
+                            width: 100%;
+                            box-sizing: border-box;
+                            padding: 10px 12px;
+                            border: 1px solid #cbd5e1;
+                            border-radius: 4px;
+                            font-size: 13px;
+                            color: #0f172a;
+                            resize: vertical;
+                        "
+                    ></textarea>
                 </div>
 
                 {if $captchaType == 'text'}
-                <div style="margin-bottom: 14px;">
-                    <label style="display: block; font-size: 12px; font-weight: 600; color: #334155; margin-bottom: 6px;">
-                        安全验证码 <span style="color: #DC2626;">*</span>
+                <div style="margin-bottom: 14px">
+                    <label
+                        style="
+                            display: block;
+                            font-size: 12px;
+                            font-weight: 600;
+                            color: #334155;
+                            margin-bottom: 6px;
+                        "
+                    >
+                        安全验证码 <span style="color: #dc2626">*</span>
                     </label>
-                    <div style="display: flex; gap: 8px;">
-                        <input type="text" name="captcha" id="captcha_input_m" required placeholder="填写验证码" style="width: 60%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px;">
-                        <img src="{:captcha_src()}" height="40" onclick="this.src = '{:captcha_src()}?r=' + Math.random();" style="border-radius: 4px;"/>
+                    <div style="display: flex; gap: 8px">
+                        <input
+                            type="text"
+                            name="captcha"
+                            id="captcha_input_m"
+                            required
+                            placeholder="填写验证码"
+                            style="
+                                width: 60%;
+                                box-sizing: border-box;
+                                padding: 10px 12px;
+                                border: 1px solid #cbd5e1;
+                                border-radius: 4px;
+                                font-size: 13px;
+                            "
+                        />
+                        <img
+                            src="{:captcha_src()}"
+                            height="40"
+                            onclick="
+                                this.src = '{:captcha_src()}?r=' + Math.random()
+                            "
+                            style="border-radius: 4px"
+                        />
                     </div>
                 </div>
                 {/if}
 
-                <button class="in_post_m" stu="1" type="button" style="width: 100%; background: #2563EB; color: #FFFFFF; font-size: 14px; font-weight: 600; padding: 12px 0; border: none; border-radius: 4px; cursor: pointer;">
+                <button
+                    class="in_post_m"
+                    stu="1"
+                    type="button"
+                    style="
+                        width: 100%;
+                        background: #2563eb;
+                        color: #ffffff;
+                        font-size: 14px;
+                        font-weight: 600;
+                        padding: 12px 0;
+                        border: none;
+                        border-radius: 4px;
+                        cursor: pointer;
+                    "
+                >
                     立即提交
                 </button>
-                <div style="text-align: center; font-size: 11px; color: #94A3B8; margin-top: 10px;">
-                    严格执行 ISO 27001 体系规范 · 客户商业信息与数据终身保密
+                <div
+                    style="
+                        text-align: center;
+                        font-size: 11px;
+                        color: #94a3b8;
+                        margin-top: 10px;
+                    "
+                >
+                    执行 ISO 27001 体系规范 · 客户商业信息与数据长期保密
                 </div>
             </form>
         </div>
 
         <!-- 4. 物理实体办公双基地 (Dual-HQ) -->
-        <div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-top: 16px;">
-            <div style="font-size: 11px; font-weight: 700; color: #0F172A; letter-spacing: 1px; margin-bottom: 12px;">物理实体办公基地</div>
-            
-            <div style="margin-bottom: 14px;">
-                <div style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
-                    <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">营销中心</span>
-                    <span style="font-size: 13px; font-weight: 700; color: #0F172A;">花果园中环广场商务基地</span>
+        <div
+            style="
+                background: #ffffff;
+                border-radius: 6px;
+                border: 1px solid #e2e8f0;
+                padding: 18px;
+                margin-top: 16px;
+            "
+        >
+            <div
+                style="
+                    font-size: 11px;
+                    font-weight: 700;
+                    color: #0f172a;
+                    letter-spacing: 1px;
+                    margin-bottom: 12px;
+                "
+            >
+                实体办公基地
+            </div>
+
+            <div style="margin-bottom: 14px">
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        gap: 6px;
+                        margin-bottom: 4px;
+                    "
+                >
+                    <span
+                        class="nhc-seal"
+                        style="padding: 1px 6px; font-size: 10px"
+                        >营销中心</span
+                    >
+                    <span
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                        >花果园中环广场商务基地</span
+                    >
                 </div>
-                <div style="font-size: 12px; color: #475569; line-height: 1.5;">
+                <div style="font-size: 12px; color: #475569; line-height: 1.5">
                     贵州省贵阳市南明区花果园遵义中路中环广场2号楼26楼20-21号
                 </div>
             </div>
 
-            <div style="border-top: 1px solid #F1F5F9; padding-top: 14px;">
-                <div style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
-                    <span class="nhc-seal" style="padding: 1px 6px; font-size: 10px;">技术中心</span>
-                    <span style="font-size: 13px; font-weight: 700; color: #0F172A;">经开区大数据安全产业基地</span>
+            <div style="border-top: 1px solid #f1f5f9; padding-top: 14px">
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        gap: 6px;
+                        margin-bottom: 4px;
+                    "
+                >
+                    <span
+                        class="nhc-seal"
+                        style="padding: 1px 6px; font-size: 10px"
+                        >技术中心</span
+                    >
+                    <span
+                        style="
+                            font-size: 13px;
+                            font-weight: 700;
+                            color: #0f172a;
+                        "
+                        >经开区大数据安全产业基地</span
+                    >
                 </div>
-                <div style="font-size: 12px; color: #475569; line-height: 1.5;">
+                <div style="font-size: 12px; color: #475569; line-height: 1.5">
                     贵州省贵阳市经开区数字经济产业园大数据安全产业园数楼4楼02-03号
                 </div>
             </div>
         </div>
-
     </div>
-
 </div>
 <!-- 纳海川官方网站 · 移动端联系我们独立页 (Contact Us Page Mobile) 结束 -->
-{/block}
-
-{block name="js"}
+{/block} {block name="js"}
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
 <script>
     var captchaType = "{$captchaType}";
-    document.addEventListener('DOMContentLoaded', function() {
-        var postBtn = document.querySelector('.in_post_m');
+    document.addEventListener("DOMContentLoaded", function () {
+        var postBtn = document.querySelector(".in_post_m");
         if (!postBtn) return;
 
-        postBtn.addEventListener('click', function() {
-            var form = document.getElementById('frmMobileContact');
+        postBtn.addEventListener("click", function () {
+            var form = document.getElementById("frmMobileContact");
             var title = form.querySelector("input[name='title']").value;
             var name = form.querySelector("input[name='name']").value;
             var phone = form.querySelector("input[name='phone']").value;
             var content = form.querySelector("textarea[name='content']").value;
             var tokenInput = form.querySelector("input[name='__token__']");
-            var token = tokenInput ? tokenInput.value : '';
+            var token = tokenInput ? tokenInput.value : "";
             var captchaInput = form.querySelector("#captcha_input_m");
-            var captcha = captchaInput ? captchaInput.value : '';
+            var captcha = captchaInput ? captchaInput.value : "";
 
-            if (!title) { alert("请填写需求意向主题"); return; }
-            if (!name) { alert("请填写您的称呼"); return; }
-            if (!phone) { alert("请填写联系手机"); return; }
-            if (!content) { alert("请填写详细需求与业务背景"); return; }
-            if (captchaType === 'text' && !captcha) { alert("请填写安全验证码"); return; }
+            if (!title) {
+                alert("请填写需求意向主题");
+                return;
+            }
+            if (!name) {
+                alert("请填写您的称呼");
+                return;
+            }
+            if (!phone) {
+                alert("请填写联系手机");
+                return;
+            }
+            if (!content) {
+                alert("请填写详细需求与业务背景");
+                return;
+            }
+            if (captchaType === "text" && !captcha) {
+                alert("请填写安全验证码");
+                return;
+            }
 
             postBtn.disabled = true;
             postBtn.innerText = "正在提交...";
@@ -176,31 +488,43 @@
                 phone: phone,
                 content: content,
                 captcha: captcha,
-                __token__: token
+                __token__: token,
             };
 
-            axios.post('', data)
+            axios
+                .post("", data)
                 .then(function (response) {
                     var res = response.data;
                     postBtn.disabled = false;
                     postBtn.innerText = "立即提交需求评估";
                     if (res.code) {
-                        alert("需求评估已成功提交！纳海川架构师将在 2 小时内与您联系对接。");
-                        form.querySelector("input[name='name']").value = '';
-                        form.querySelector("input[name='phone']").value = '';
-                        form.querySelector("textarea[name='content']").value = '';
-                        if (captchaInput) captchaInput.value = '';
+                        alert(
+                            "需求评估已成功提交！纳海川架构师将在 2 小时内与您联系对接。",
+                        );
+                        form.querySelector("input[name='name']").value = "";
+                        form.querySelector("input[name='phone']").value = "";
+                        form.querySelector("textarea[name='content']").value =
+                            "";
+                        if (captchaInput) captchaInput.value = "";
                     } else {
                         alert(res.msg || "提交失败，请重试");
-                        axios.get("{:addon_url('official/web.official_home/get_token')}", data)
-                            .then(function(tRes) {
-                                if (tRes.data && tRes.data.code === 1 && tokenInput) {
+                        axios
+                            .get(
+                                "{:addon_url('official/web.official_home/get_token')}",
+                                data,
+                            )
+                            .then(function (tRes) {
+                                if (
+                                    tRes.data &&
+                                    tRes.data.code === 1 &&
+                                    tokenInput
+                                ) {
                                     tokenInput.value = tRes.data.data;
                                 }
                             });
                     }
                 })
-                .catch(function(err) {
+                .catch(function (err) {
                     postBtn.disabled = false;
                     postBtn.innerText = "立即提交需求评估";
                     alert("提交失败，请检查网络或直接拨打电话 13984036826");
@@ -208,4 +532,4 @@
         });
     });
 </script>
-{/block}
\ No newline at end of file
+{/block}
diff --git a/addons/official/view/web/official_product/product_page.html b/addons/official/view/web/official_product/product_page.html
index 893349e..46ebe85 100644
--- a/addons/official/view/web/official_product/product_page.html
+++ b/addons/official/view/web/official_product/product_page.html
@@ -8,18 +8,33 @@
             <span>/</span>
             <span>产品矩阵</span>
         </div>
-        <div style="margin-bottom: 16px;">
+        <div style="margin-bottom: 16px">
             <span class="nhc-seal">成熟产品 · 源码交付</span>
         </div>
-        <h1 class="nhc-page-title">四大成熟商业系统 · 支撑全渠道经营与业务协同</h1>
+        <h1 class="nhc-page-title">
+            四大成熟商业系统 · 支撑全渠道经营与业务协同
+        </h1>
         <p class="nhc-page-desc">
-            历经真实业务场景验证的标准模块化商用系统体系，涵盖全场景商城、智能收银、一体化进销存与多租户 SaaS 平台，支持公有云订阅与专有私有化源码交付。
+            标准模块化商用系统体系，涵盖全场景商城、智能收银、一体化进销存与多租户
+            SaaS 平台，支持公有云订阅或私有化源码交付。
         </p>
 
-        <div style="display: flex; justify-content: flex-start; gap: 16px;">
-            <a href="#product-matrix" class="nhc-btn nhc-btn-primary nhc-btn-lg">
+        <div style="display: flex; justify-content: flex-start; gap: 16px">
+            <a
+                href="#product-matrix"
+                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"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                <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="#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                 <span>申请演示</span>
@@ -29,16 +44,19 @@
 </section>
 
 <!-- 2. 【矩阵】与【功能】深度拆解板块 (Matrix & Features) -->
-<section id="product-matrix" class="nhc-product-matrix-section nhc-product-matrix nhc-product-features">
+<section
+    id="product-matrix"
+    class="nhc-product-matrix-section nhc-product-matrix nhc-product-features"
+>
     <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>
+            <h2 class="nhc-section-title">产品功能矩阵 · 按需选型</h2>
             <p class="nhc-section-desc">
-                模块化、松耦合的高可用架构设计，既可单独开箱即用，也可组合搭建一体化商业经营系统。
+                模块化、松耦合的架构设计，既可单独开箱即用，也可组合搭建一体化商业经营系统。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -48,40 +66,99 @@
             <div class="nhc-product-full-card nhc-corner-card">
                 <div>
                     <div class="nhc-card-thumb">
-                        <img src="__ADDON__/images/showcases/product_mall.svg" alt="全场景商城系统管理控制台" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/product_mall.svg"
+                            alt="全场景商城系统管理控制台"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-product-card-header">
                         <div class="nhc-product-icon-wrap">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>
+                            <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            >
+                                <circle cx="9" cy="21" r="1" />
+                                <circle cx="20" cy="21" r="1" />
+                                <path
+                                    d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
+                                />
+                            </svg>
                         </div>
                         <span class="nhc-seal">商用旗舰</span>
                     </div>
                     <h3 class="nhc-product-card-title">全场景商城系统</h3>
                     <p class="nhc-product-card-desc">
-                        面向品牌自营、多商户联营及供应链分销场景的现代化电商交易系统。融合微信小程序生态、社交裂变分销、会员等级权益与全渠道订单履约中枢，平稳支撑秒杀大促交易峰值。
+                        面向品牌自营、多商户联营及供应链分销场景的现代化电商交易系统。融合微信小程序生态、社交裂变分销、会员等级权益与全渠道订单履约中枢，应对秒杀大促交易峰值。
                     </p>
                     <ul class="nhc-product-module-list">
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>B2B2C / S2B2C 多商户独立入驻结算</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>二级分销、拼团、砍价与营销矩阵</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>二级分销、拼团、砍价与营销工具</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>微信/H5/App 三端订单与购物车无缝互通</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>微信/H5/App 三端订单与购物车互通</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>供应商自动账单对账与灵活分账结算</span>
                         </li>
                     </ul>
                 </div>
                 <div class="nhc-product-card-footer">
-                    <span class="nhc-product-deploy-type">支持公有云 SaaS / 私有化买断部署</span>
-                    <a href="#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
+                    <span class="nhc-product-deploy-type"
+                        >支持公有云 SaaS / 私有化买断部署</span
+                    >
+                    <a
+                        href="#demo-sandbox"
+                        class="nhc-btn nhc-btn-outline nhc-btn-sm"
+                        >申请演示</a
+                    >
                 </div>
             </div>
 
@@ -89,40 +166,105 @@
             <div class="nhc-product-full-card nhc-corner-card">
                 <div>
                     <div class="nhc-card-thumb">
-                        <img src="__ADDON__/images/showcases/product_pos.svg" alt="智能商业收银系统软硬件终端" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/product_pos.svg"
+                            alt="智能商业收银系统软硬件终端"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-product-card-header">
                         <div class="nhc-product-icon-wrap">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
+                            <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            >
+                                <rect
+                                    x="2"
+                                    y="4"
+                                    width="20"
+                                    height="16"
+                                    rx="2"
+                                />
+                                <line x1="2" y1="10" x2="22" y2="10" />
+                            </svg>
                         </div>
                         <span class="nhc-seal">软硬一体</span>
                     </div>
                     <h3 class="nhc-product-card-title">智能商业收银系统</h3>
                     <p class="nhc-product-card-desc">
-                        专为连锁商超、新零售门店及现代餐饮打造的软硬一体化智能收银解决方案。毫秒级聚合扫码付，深度支持断网离线记账与网络恢复自动回传，有效防止异常掉单。
+                        专为连锁商超、新零售门店及现代餐饮打造的软硬一体化智能收银解决方案。聚合扫码付，支持断网离线记账与网络恢复自动回传，防止异常掉单。
                     </p>
                     <ul class="nhc-product-module-list">
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>聚合微信/支付宝/银联云闪付秒级结算</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>极端断网断电离线记账 · 联网自动校验平稳回传</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >极端断网断电离线记账 ·
+                                联网自动校验平稳回传</span
+                            >
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>双屏客显互动 · 会员人脸/扫码精准核销</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>双屏客显互动 · 会员人脸/扫码核销</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>条码秤、扫码盒、热敏小票机即插即用驱动</span>
                         </li>
                     </ul>
                 </div>
                 <div class="nhc-product-card-footer">
-                    <span class="nhc-product-deploy-type">硬件全兼容 · 适配主流 Android/Windows POS</span>
-                    <a href="#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
+                    <span class="nhc-product-deploy-type"
+                        >硬件全兼容 · 适配主流 Android/Windows POS</span
+                    >
+                    <a
+                        href="#demo-sandbox"
+                        class="nhc-btn nhc-btn-outline nhc-btn-sm"
+                        >申请演示</a
+                    >
                 </div>
             </div>
 
@@ -130,41 +272,102 @@
             <div class="nhc-product-full-card nhc-corner-card">
                 <div>
                     <div class="nhc-card-thumb">
-                        <img src="__ADDON__/images/showcases/product_erp.svg" alt="业财一体化进销存调度中枢" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/product_erp.svg"
+                            alt="业财一体化进销存调度中枢"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-product-card-header">
                         <div class="nhc-product-icon-wrap">
-                            <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"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
+                            <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"
+                                />
+                                <polyline
+                                    points="3.27 6.96 12 12.01 20.73 6.96"
+                                />
+                                <line x1="12" y1="22.08" x2="12" y2="12" />
+                            </svg>
                         </div>
                         <span class="nhc-seal">业财一体</span>
                     </div>
                     <h3 class="nhc-product-card-title">一体化进销存系统</h3>
 
                     <p class="nhc-product-card-desc">
-                        实现采购、销售、多级仓储调拨与财务收支一体化穿透。通过批次批号与保质期精细化管理、动态补货模型与库存实时盘点，帮助供应链显著降低呆滞物料积压与资金占用。
+                        实现采购、销售、多级仓储调拨与财务收支一体化穿透。通过批次批号与保质期精细化管理、动态补货模型与库存实时盘点，帮助供应链减少呆滞物料积压与资金占用。
                     </p>
                     <ul class="nhc-product-module-list">
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>批次批号追溯 · 临期保质期智能预警</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>多级仓库异地调拨与 PDA 扫码动态盘点</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>应收应付账期管理 · 实时自动生成毛利报表</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>动态安全库存模型与自动补货采购建议</span>
                         </li>
                     </ul>
                 </div>
                 <div class="nhc-product-card-footer">
-                    <span class="nhc-product-deploy-type">支持多仓多店异地协同 · 业财数据实时穿透</span>
-                    <a href="#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
+                    <span class="nhc-product-deploy-type"
+                        >支持多仓多店异地协同，业财数据自动同步</span
+                    >
+                    <a
+                        href="#demo-sandbox"
+                        class="nhc-btn nhc-btn-outline nhc-btn-sm"
+                        >申请演示</a
+                    >
                 </div>
             </div>
 
@@ -172,40 +375,104 @@
             <div class="nhc-product-full-card nhc-corner-card">
                 <div>
                     <div class="nhc-card-thumb">
-                        <img src="__ADDON__/images/showcases/product_saas.svg" alt="云原生高可用多租户SaaS平台大盘" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/product_saas.svg"
+                            alt="云原生多租户SaaS平台大盘"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-product-card-header">
                         <div class="nhc-product-icon-wrap">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/></svg>
+                            <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            >
+                                <path
+                                    d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"
+                                />
+                            </svg>
                         </div>
-                        <span class="nhc-seal">云原生高可用</span>
+                        <span class="nhc-seal">云原生架构</span>
                     </div>
                     <h3 class="nhc-product-card-title">云原生 SaaS 平台</h3>
                     <p class="nhc-product-card-desc">
-                        企业级多租户商业云原生技术底座。严密的多租户数据逻辑与物理隔离，开箱即用，免运维部署。提供细粒度 RBAC 权限控制引擎与标准 OpenAPI，伴随业务规模弹性伸缩。
+                        企业级多租户商业云原生技术底座。租户间数据逻辑隔离、数据库独立，开箱即用，免运维部署。提供细粒度
+                        RBAC 权限控制与标准 OpenAPI，随业务规模弹性伸缩。
                     </p>
                     <ul class="nhc-product-module-list">
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>多租户严密物理/逻辑隔离 · 保证数据主权</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >租户数据逻辑隔离、独立存储 ·
+                                数据归客户所有</span
+                            >
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>微服务弹性容器集群 · 自动故障转移与健康检查</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >微服务弹性容器集群 ·
+                                自动故障转移与健康检查</span
+                            >
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>标准开放 OpenAPI 与第三方业务生态无缝打通</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>标准 OpenAPI，与第三方业务系统对接</span>
                         </li>
                         <li class="nhc-product-module-item">
-                            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>按用量精准计量计费与租户资源配额动态监管</span>
+                            <svg
+                                width="15"
+                                height="15"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>按用量计量计费，租户资源配额动态管理</span>
                         </li>
                     </ul>
                 </div>
                 <div class="nhc-product-card-footer">
-                    <span class="nhc-product-deploy-type">弹性微服务集群 · 企业级高可用容灾</span>
-                    <a href="#demo-sandbox" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
+                    <span class="nhc-product-deploy-type"
+                        >弹性微服务集群 · 故障转移与容灾备份</span
+                    >
+                    <a
+                        href="#demo-sandbox"
+                        class="nhc-btn nhc-btn-outline nhc-btn-sm"
+                        >申请演示</a
+                    >
                 </div>
             </div>
         </div>
@@ -220,9 +487,9 @@
                 <span class="nhc-seal">版本选型</span>
                 <span class="nhc-tag-text">EDITION COMPARISON</span>
             </div>
-            <h2 class="nhc-section-title">商业版本功能矩阵 · 科学精准选型</h2>
+            <h2 class="nhc-section-title">商业版本功能矩阵 · 按需选型</h2>
             <p class="nhc-section-desc">
-                纳海川提供从初创轻量自营、高成长连锁到大型集团专属定制的梯度版本体系，满足不同发展阶段的数字化诉求。
+                纳海川提供从初创轻量自营、高成长连锁到大型集团专属定制的梯度版本体系，满足不同发展阶段的业务需求。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -231,11 +498,13 @@
             <table class="nhc-editions-table">
                 <thead>
                     <tr>
-                        <th style="width: 25%;">对比维度 / 核心特性</th>
-                        <th style="width: 18%;">标准版 (Standard)</th>
-                        <th style="width: 19%;">专业版 (Professional)</th>
-                        <th style="width: 19%;" class="featured">旗舰版 (Enterprise)</th>
-                        <th style="width: 19%;">专有定制版 (Custom)</th>
+                        <th style="width: 25%">对比维度 / 核心特性</th>
+                        <th style="width: 18%">标准版 (Standard)</th>
+                        <th style="width: 19%">专业版 (Professional)</th>
+                        <th style="width: 19%" class="featured">
+                            旗舰版 (Enterprise)
+                        </th>
+                        <th style="width: 19%">专有定制版 (Custom)</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -244,7 +513,7 @@
                         <td>单店/初创型商户</td>
                         <td>成长型自营与连锁</td>
                         <td class="featured">集团级全渠道运营</td>
-                        <td>大型政企/专网行业龙头</td>
+                        <td>大型政企与专网行业客户</td>
                     </tr>
                     <tr>
                         <td><strong>架构部署与并发规模</strong></td>
@@ -271,29 +540,47 @@
                         <td><strong>业财进销存与批次追溯</strong></td>
                         <td>基础进出库流水</td>
                         <td>多仓协同+智能补货模型</td>
-                        <td class="featured">批次批号追溯+业财全自动穿透</td>
-                        <td>深度打通集团已有 SAP/用友 ERP</td>
+                        <td class="featured">批次批号追溯+业财数据自动同步</td>
+                        <td>对接集团已有 SAP/用友 ERP</td>
                     </tr>
                     <tr>
                         <td><strong>云原生 SaaS 租户隔离</strong></td>
                         <td>逻辑共享隔离</td>
                         <td>多租户独立资源配额</td>
-                        <td class="featured">租户独立 Schema 与数据库物理隔离</td>
-                        <td>物理专有内网信创环境隔离</td>
+                        <td class="featured">租户独立 Schema 与独立数据库</td>
+                        <td>专有内网信创环境独立部署</td>
                     </tr>
                     <tr>
                         <td><strong>源码移交与自主二开</strong></td>
-                        <td><span class="nhc-check-no">&minus; 不提供</span></td>
-                        <td><span class="nhc-check-no">&minus; 不提供</span></td>
-                        <td class="featured"><span class="nhc-check-yes">&radic; 开放核心拓展模块</span></td>
-                        <td><span class="nhc-check-yes" style="color: var(--primary);">&radic; 全量源码工程与开发文档买断移交</span></td>
+                        <td>
+                            <span class="nhc-check-no">&minus; 不提供</span>
+                        </td>
+                        <td>
+                            <span class="nhc-check-no">&minus; 不提供</span>
+                        </td>
+                        <td class="featured">
+                            <span class="nhc-check-yes"
+                                >&radic; 开放核心拓展模块</span
+                            >
+                        </td>
+                        <td>
+                            <span
+                                class="nhc-check-yes"
+                                style="color: var(--primary)"
+                                >&radic; 全量源码工程与开发文档买断移交</span
+                            >
+                        </td>
                     </tr>
                     <tr>
                         <td><strong>技术支持与 SLA 维保</strong></td>
                         <td>工作日工单响应</td>
                         <td>7&times;12 小时技术协助</td>
-                        <td class="featured"><strong>7&times;24 小时快速响应</strong></td>
-                        <td><strong>专属系统架构师 1 对 1 驻场/专线</strong></td>
+                        <td class="featured">
+                            <strong>7&times;24 小时快速响应</strong>
+                        </td>
+                        <td>
+                            <strong>专属系统架构师 1 对 1 驻场/专线</strong>
+                        </td>
                     </tr>
                 </tbody>
             </table>
@@ -309,7 +596,9 @@
                 <span class="nhc-seal">商业授权</span>
                 <span class="nhc-tag-text">DEPLOYMENT MODES</span>
             </div>
-            <h2 class="nhc-section-title">两种灵活商业授权模式 · 满足不同规模企业需求</h2>
+            <h2 class="nhc-section-title">
+                两种灵活商业授权模式 · 满足不同规模企业需求
+            </h2>
             <p class="nhc-section-desc">
                 根据企业的预算周期、技术团队实力及合规要求，灵活选择公有云敏捷订阅或专有云私有化源码买断。
             </p>
@@ -321,31 +610,80 @@
             <div class="nhc-pricing-card">
                 <div>
                     <div class="nhc-pricing-header">
-                        <span class="nhc-seal" style="margin-bottom: 8px;">敏捷开箱</span>
+                        <span class="nhc-seal" style="margin-bottom: 8px"
+                            >敏捷开箱</span
+                        >
                         <h3 class="nhc-pricing-title">公有云 SaaS 订阅模式</h3>
-                        <p class="nhc-pricing-subtitle">无需自购服务器与专职运维，开箱即用，支持随业务增长平滑扩容。</p>
+                        <p class="nhc-pricing-subtitle">
+                            无需自购服务器与专职运维，开箱即用，支持随业务增长平滑扩容。
+                        </p>
                     </div>
                     <ul class="nhc-pricing-features">
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>零初始服务器硬件与网络宽带采购投入</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>免去自购服务器硬件与网络宽带投入</span>
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>按年灵活订阅，支持随门店与业务规模平滑升级</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >按年灵活订阅，支持随门店与业务规模平滑升级</span
+                            >
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>官方技术团队定期巡检、环境监控与数据自动备份</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >官方技术团队定期巡检、环境监控与数据自动备份</span
+                            >
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>免费享受持续迭代的功能更新与系统性能调优</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>包含持续迭代的功能更新与系统性能调优</span>
                         </li>
                     </ul>
                 </div>
                 <div>
-                    <a href="#demo-sandbox" class="nhc-btn nhc-btn-outline" style="width: 100%;">咨询方案</a>
+                    <a
+                        href="#demo-sandbox"
+                        class="nhc-btn nhc-btn-outline"
+                        style="width: 100%"
+                        >咨询方案</a
+                    >
                 </div>
             </div>
 
@@ -353,31 +691,86 @@
             <div class="nhc-pricing-card featured">
                 <div>
                     <div class="nhc-pricing-header">
-                        <span class="nhc-seal" style="margin-bottom: 8px;">资产独占</span>
-                        <h3 class="nhc-pricing-title">专有私有化 · 源码买断模式</h3>
-                        <p class="nhc-pricing-subtitle">部署于客户专属服务器或信创专网机房，核心数字资产自主合规可控。</p>
+                        <span class="nhc-seal" style="margin-bottom: 8px"
+                            >资产独占</span
+                        >
+                        <h3 class="nhc-pricing-title">
+                            专有私有化 · 源码买断模式
+                        </h3>
+                        <p class="nhc-pricing-subtitle">
+                            部署于客户专属服务器或信创专网机房，核心数据资产由客户持有并合规管理。
+                        </p>
                     </div>
                     <ul class="nhc-pricing-features">
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>全量移交规范注释工程源码与全部数据库字典</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >全量移交规范注释工程源码与全部数据库字典</span
+                            >
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>数据在客户专有内网封闭存储，严守数据合规与私密边界</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >数据在客户专有内网封闭存储，满足数据合规与保密要求</span
+                            >
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>自研技术团队拥有无限二次开发、扩展与定制权限</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >客户技术团队拥有二次开发、扩展与定制权限</span
+                            >
                         </li>
                         <li class="nhc-pricing-feature-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>首年配备专属架构师技术维保与源码交接技术培训</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span
+                                >首年配备专属架构师技术维保与源码交接技术培训</span
+                            >
                         </li>
                     </ul>
                 </div>
                 <div>
-                    <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary" style="width: 100%;">预约咨询</a>
+                    <a
+                        href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                        class="nhc-btn nhc-btn-primary"
+                        style="width: 100%"
+                        >预约咨询</a
+                    >
                 </div>
             </div>
         </div>
@@ -389,49 +782,172 @@
     <div class="nhc-container">
         <div class="nhc-demo-box nhc-corner-card">
             <div class="nhc-demo-info">
-                <span class="nhc-seal" style="margin-bottom: 12px;">即刻体验</span>
+                <span class="nhc-seal" style="margin-bottom: 12px"
+                    >即刻体验</span
+                >
                 <h3>申请成熟产品沙箱在线演示</h3>
                 <p>
-                    我们为企业客户准备了全功能在线演示环境，涵盖商城前台多端、门店智能收银台及进销存中央管理后台。我们郑重承诺：提交后 <strong>30分钟内</strong> 专属解决方案架构师建联，免费开通下发 <strong>7天专属演示账号</strong> 与全业务流程真实体验环境，助您直观评估系统运行效能与业务契合度。
+                    我们为企业客户准备了全功能在线演示环境，涵盖商城前台多端、门店智能收银台及进销存中央管理后台。提交后
+                    <strong>30 分钟内</strong
+                    >，专属解决方案架构师与您建联，免费开通
+                    <strong>7 天专属演示账号</strong>
+                    与全业务流程真实体验环境，助您直观评估系统运行效能与业务契合度。
                 </p>
 
                 <div class="nhc-demo-badges">
                     <div class="nhc-demo-badge-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>真实工业级脱敏业务数据模拟，深度实测秒级收银、高并发锁库存与全流程财务对账</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >基于脱敏业务数据的模拟环境，可实测秒级收银结算、并发锁库存与全流程财务对账</span
+                        >
                     </div>
                     <div class="nhc-demo-badge-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>30分钟内快速建联下发专属演示账号，配套资深系统架构师 1 对 1 架构选型推演</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >30分钟内快速建联下发专属演示账号，配套系统架构师 1
+                            对 1 架构选型推演</span
+                        >
                     </div>
                 </div>
             </div>
             <div>
-                <div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: var(--radius-sm); padding: 28px;">
-                    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                        <h4 style="font-family: var(--font-serif); font-size: 16px; margin: 0; color: var(--text-primary);">申请开通沙箱演示账号</h4>
-                        <span style="font-size: 11px; background: #EFF6FF; color: #2563EB; padding: 2px 8px; border-radius: 2px; font-weight: 600;">30分钟响应承诺</span>
+                <div
+                    style="
+                        background: #f8fafc;
+                        border: 1px solid #e2e8f0;
+                        border-radius: var(--radius-sm);
+                        padding: 28px;
+                    "
+                >
+                    <div
+                        style="
+                            display: flex;
+                            align-items: center;
+                            justify-content: space-between;
+                            margin-bottom: 16px;
+                        "
+                    >
+                        <h4
+                            style="
+                                font-family: var(--font-serif);
+                                font-size: 16px;
+                                margin: 0;
+                                color: var(--text-primary);
+                            "
+                        >
+                            申请开通沙箱演示账号
+                        </h4>
+                        <span
+                            style="
+                                font-size: 11px;
+                                background: #eff6ff;
+                                color: #2563eb;
+                                padding: 2px 8px;
+                                border-radius: 2px;
+                                font-weight: 600;
+                            "
+                            >30分钟响应承诺</span
+                        >
                     </div>
-                    <form action="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" method="get">
-                        <div style="margin-bottom: 14px;">
-                            <label style="display: block; font-size: 12px; color: var(--text-muted); margin-bottom: 6px;">体验目标产品系统</label>
-                            <select style="width: 100%; padding: 10px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px; background: #FFF;">
-                                <option value="mall">全场景多商户商城系统 (含脱敏测试数据)</option>
-                                <option value="pos">智能商业收银系统 (含移动端与桌面端)</option>
-                                <option value="erp">一体化进销存系统 (多仓供应链)</option>
-                                <option value="saas">云原生 SaaS 商业底座 (多租户管理)</option>
+                    <form
+                        action="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                        method="get"
+                    >
+                        <div style="margin-bottom: 14px">
+                            <label
+                                style="
+                                    display: block;
+                                    font-size: 12px;
+                                    color: var(--text-muted);
+                                    margin-bottom: 6px;
+                                "
+                                >体验目标产品系统</label
+                            >
+                            <select
+                                style="
+                                    width: 100%;
+                                    padding: 10px;
+                                    border: 1px solid #cbd5e1;
+                                    border-radius: 4px;
+                                    font-size: 13px;
+                                    background: #fff;
+                                "
+                            >
+                                <option value="mall">
+                                    全场景多商户商城系统 (含脱敏测试数据)
+                                </option>
+                                <option value="pos">
+                                    智能商业收银系统 (含移动端与桌面端)
+                                </option>
+                                <option value="erp">
+                                    一体化进销存系统 (多仓供应链)
+                                </option>
+                                <option value="saas">
+                                    云原生 SaaS 商业底座 (多租户管理)
+                                </option>
 
-                                <option value="all">全套商业产品完整演示权限</option>
+                                <option value="all">
+                                    全套商业产品完整演示权限
+                                </option>
                             </select>
                         </div>
-                        <div style="margin-bottom: 18px;">
-                            <label style="display: block; font-size: 12px; color: var(--text-muted); margin-bottom: 6px;">对接联系手机 / 企业名称</label>
-                            <input type="text" placeholder="用于下发专属演示账号与体验环境" style="width: 100%; padding: 10px; border: 1px solid #CBD5E1; border-radius: 4px; font-size: 13px;" required>
-
+                        <div style="margin-bottom: 18px">
+                            <label
+                                style="
+                                    display: block;
+                                    font-size: 12px;
+                                    color: var(--text-muted);
+                                    margin-bottom: 6px;
+                                "
+                                >对接联系手机 / 企业名称</label
+                            >
+                            <input
+                                type="text"
+                                placeholder="用于下发专属演示账号与体验环境"
+                                style="
+                                    width: 100%;
+                                    padding: 10px;
+                                    border: 1px solid #cbd5e1;
+                                    border-radius: 4px;
+                                    font-size: 13px;
+                                "
+                                required
+                            />
                         </div>
-                        <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary" style="width: 100%; text-align: center;">
+                        <a
+                            href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                            class="nhc-btn nhc-btn-primary"
+                            style="width: 100%; text-align: center"
+                        >
                             <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>
+                            <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>
                     </form>
                 </div>
@@ -445,18 +961,45 @@
     <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>
+                <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 小时内快速建联。
+                    纳海川技术团队直接沟通，为您提供针对性业务选型、部署评估与排期规划，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">
+                <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>
+                    <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">
+                <a
+                    href="tel:{:__config('site_mobile','value')}"
+                    class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
+                >
                     <span>电话咨询</span>
                 </a>
             </div>
diff --git a/addons/official/view/web/official_product/service_agent.html b/addons/official/view/web/official_product/service_agent.html
index c4ac9b7..dab15dd 100644
--- a/addons/official/view/web/official_product/service_agent.html
+++ b/addons/official/view/web/official_product/service_agent.html
@@ -6,60 +6,150 @@
         <div class="nhc-breadcrumb">
             <a href="{:addon_url('official/web.official_home/index')}">首页</a>
             <span>/</span>
-            <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
+            <a
+                href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
+                >核心服务</a
+            >
             <span>/</span>
             <span>智能体开发</span>
         </div>
-        <div style="margin-bottom: 16px;">
-            <span class="nhc-seal">私域合规 · 物理隔离</span>
+        <div style="margin-bottom: 16px">
+            <span class="nhc-seal">私域合规 · 内网隔离</span>
         </div>
         <h1 class="nhc-page-title">企业级私域 AI 智能体与知识工程定制</h1>
         <p class="nhc-page-desc">
-            深入政企核心业务一线，结合专属业务知识与私有化大语言模型，通过高维向量 RAG 混合精准检索与 Multi-Agent 自主工作流协同，在客户内部局域网物理隔离部署，确保商业数据 0 外泄。
+            深入政企核心业务一线，结合专属业务知识与私有化大语言模型，通过向量
+            RAG 混合检索与 Multi-Agent
+            工作流协同，部署在客户内部局域网，商业数据 0 外泄。
         </p>
-        <div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
+        <div
+            style="
+                display: flex;
+                justify-content: flex-start;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                class="nhc-btn nhc-btn-primary nhc-btn-lg"
+            >
                 <span>预约场景 PoC 演示</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>
+                <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="#capabilities" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                 <span>了解技术架构</span>
             </a>
         </div>
-        <div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
-            <img src="__ADDON__/images/showcases/service_agent_hero.svg" alt="纳海川纯内网物理隔离企业级AI智能体与知识工程架构视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
+        <div
+            class="nhc-service-hero-img"
+            style="
+                margin-top: 36px;
+                border-radius: 6px;
+                overflow: hidden;
+                border: 1px solid var(--border-color);
+                box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
+            "
+        >
+            <img
+                src="__ADDON__/images/showcases/service_agent_hero.svg"
+                alt="纳海川内网企业级AI智能体与知识工程架构视窗"
+                style="width: 100%; height: auto; display: block"
+                loading="lazy"
+            />
         </div>
     </div>
 </section>
 
-
 <!-- 2. 智能体应用矩阵与业务场景 (分类板块) -->
-<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="categories"
+    class="nhc-service-detail-section nhc-services-categories"
+    style="padding: 70px 0; 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">INTELLIGENT AGENT APPLICATIONS</span>
             </div>
-            <h2 class="nhc-section-title">打通业务协同流转 · 研发自主执行的专业智能体</h2>
+            <h2 class="nhc-section-title">
+                打通业务协同流转 · 研发自主执行的专业智能体
+            </h2>
             <p class="nhc-section-desc">
-                告别简单的泛泛聊天对话框，我们帮助企业构建具备深度领域知识、能调用 API、能自主推理决策的企业级智能体。
+                区别于简单聊天对话框，我们帮助企业构建具备领域知识、可调用
+                API、可按业务规则推理决策的企业级智能体。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
             <!-- 场景 1 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >01</span
+                    >
                     <span class="nhc-seal">知识检索</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">企业私域 RAG 知识库工程</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    整合企业政策规章、操作手册、业务规范与制度文档，实现精准检索问答，回答自动标注原文出处，有据可依。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    企业私域 RAG 知识库工程
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    整合企业政策规章、操作手册、业务规范与制度文档，实现检索问答，回答自动标注原文出处，有据可依。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">精准问答</span>
                     <span class="nhc-tech-pill">向量检索</span>
                     <span class="nhc-tech-pill">标注原文出处</span>
@@ -67,16 +157,55 @@
             </div>
 
             <!-- 场景 2 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >02</span
+                    >
                     <span class="nhc-seal">多智能体</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">Multi-Agent 复杂审批协同工作流</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    定义风控审核、合同初审、财务核算等多重智能体角色，通过多智能体自主分工与博弈校验，大幅缩减人工初审周期。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    Multi-Agent 复杂审批协同工作流
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    定义风控审核、合同初审、财务核算等多重智能体角色，通过多智能体分工与交叉校验，缩短人工初审周期。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">Multi-Agent</span>
                     <span class="nhc-tech-pill">角色编排</span>
                     <span class="nhc-tech-pill">审批协同</span>
@@ -84,16 +213,57 @@
             </div>
 
             <!-- 场景 3 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >03</span
+                    >
                     <span class="nhc-seal">工具集成</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">业务系统 Tool Calling 联动执行</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    智能体原生对接 ERP、CRM、数据库与工单系统，能够根据自然语言指令自动调用外部 API 完成订单查询、开票与报表生成。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    业务系统 Tool Calling 联动执行
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    智能体对接
+                    ERP、CRM、数据库与工单系统，能够根据自然语言指令自动调用外部
+                    API 完成订单查询、开票与报表生成。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">Function Calling</span>
                     <span class="nhc-tech-pill">API网关</span>
                     <span class="nhc-tech-pill">报表生成</span>
@@ -101,16 +271,56 @@
             </div>
 
             <!-- 场景 4 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >04</span
+                    >
                     <span class="nhc-seal">私有微调</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">垂直领域大模型微调与蒸馏</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    基于客户私域高质量语料对开源大模型进行 LoRA / SFT 领域微调与量化蒸馏，既降低显卡算力门槛，又精准适应企业专用行话。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    垂直领域大模型微调与蒸馏
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    基于客户私域高质量语料对开源大模型进行 LoRA / SFT
+                    领域微调与量化蒸馏，既降低显卡算力门槛，又适应企业专用术语。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">LoRA微调</span>
                     <span class="nhc-tech-pill">模型量化</span>
                     <span class="nhc-tech-pill">低成本算力</span>
@@ -121,121 +331,523 @@
 </section>
 
 <!-- 3. 技术能力与架构底座 (能力板块) -->
-<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="capabilities"
+    class="nhc-tech-capabilities"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <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 INFRASTRUCTURE</span>
             </div>
-            <h2 class="nhc-section-title">纯内网私有化部署 · 严格守护企业数据安全</h2>
+            <h2 class="nhc-section-title">
+                纯内网私有化部署 · 企业数据不出内网
+            </h2>
             <p class="nhc-section-desc">
-                从底座模型适配、高维向量检索到调度编排框架，全部支持客户内网局域网完全隔离部署，0 外部网络调用。
+                从底座模型适配、高维向量检索到调度编排框架，全部支持部署在客户内网局域网，不调用外部网络。
             </p>
 
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: var(--primary); border-radius: 2px;"></span>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+                gap: 20px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: var(--primary);
+                            border-radius: 2px;
+                        "
+                    ></span>
                     私有大模型底座
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">适配 Qwen 2.5、DeepSeek、LLaMA 3 等主流开源模型，支持 8-bit / 4-bit AWQ 量化，单卡或消费级双卡即可流畅运行。</p>
-                <div style="font-size: 12px; color: var(--primary); font-weight: 600;">vLLM 推理加速，吞吐提升 3-5 倍</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    适配 Qwen 2.5、DeepSeek、LLaMA 3 等主流开源模型，支持 8-bit
+                    / 4-bit AWQ 量化，单卡或双卡即可运行。
+                </p>
+                <div
+                    style="
+                        font-size: 12px;
+                        color: var(--primary);
+                        font-weight: 600;
+                    "
+                >
+                    vLLM 推理加速，提升吞吐
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #06B6D4; border-radius: 2px;"></span>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #06b6d4;
+                            border-radius: 2px;
+                        "
+                    ></span>
                     向量检索与知识工程
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Milvus / Qdrant 高性能向量数据库，结合 BGE-M3 语义嵌入与 BM25 关键词混合检索，外加 BGE-Reranker 深度降噪。</p>
-                <div style="font-size: 12px; color: #06B6D4; font-weight: 600;">知识检索召回率 &gt; 92%</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    Milvus / Qdrant 高性能向量数据库，结合 BGE-M3 语义嵌入与
+                    BM25 关键词混合检索，并经 BGE-Reranker 重排筛选。
+                </p>
+                <div style="font-size: 12px; color: #06b6d4; font-weight: 600">
+                    知识检索召回率 以评测报告为准
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #7C3AED; border-radius: 2px;"></span>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #7c3aed;
+                            border-radius: 2px;
+                        "
+                    ></span>
                     智能体编排系统
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">基于 Python / FastAPI 构建高并发编排引擎，支持动态 Prompt 模板插槽、会话上下文压缩及 Function Calling 工具链。</p>
-                <div style="font-size: 12px; color: #7C3AED; font-weight: 600;">结构化 JSON 强类型约束输出</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    基于 Python / FastAPI 构建编排引擎，支持动态 Prompt
+                    模板插槽、会话上下文压缩及 Function Calling 工具链。
+                </p>
+                <div style="font-size: 12px; color: #7c3aed; font-weight: 600">
+                    结构化 JSON 强类型约束输出
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #10B981; border-radius: 2px;"></span>
-                    物理隔离安全沙箱
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #10b981;
+                            border-radius: 2px;
+                        "
+                    ></span>
+                    内网隔离安全沙箱
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">系统整体容器化打包部署于政企本地内网机房，严格断网断外联，模型不向任何第三方云平台上传敏感数据。</p>
-                <div style="font-size: 12px; color: #10B981; font-weight: 600;">核心商业机密 0 外泄</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    系统整体容器化打包，部署于政企本地内网机房，断网断外联，模型不向任何第三方云平台上传敏感数据。
+                </p>
+                <div style="font-size: 12px; color: #10b981; font-weight: 600">
+                    核心商业机密 0 外泄
+                </div>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 4. 智能体工程落地流程 (流程板块) -->
-<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="process"
+    class="nhc-delivery-process"
+    style="padding: 70px 0; 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">IMPLEMENTATION PIPELINE</span>
             </div>
-            <h2 class="nhc-section-title">六步规范实施 · 让智能体真正帮企业办成事</h2>
+            <h2 class="nhc-section-title">六步规范实施流程</h2>
             <p class="nhc-section-desc">
-                我们以严谨的工程标准构建企业知识库，确保智能体输出准确可靠、符合业务规范。
+                我们以严谨的工程标准构建企业知识库，要求智能体输出符合业务规范并标注出处。
             </p>
 
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 语料清洗</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">非结构化文档结构化</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">OCR 识别 PDF/Word/扫描件，表格结构还原与分段语义切片。</p>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+                gap: 16px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    01. 语料清洗
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    非结构化文档结构化
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    OCR 识别 PDF/Word/扫描件，表格结构还原与分段语义切片。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 向量构建</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">高维索引与混合检索</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">调优语义切块大小与重叠窗口，构建 Milvus 向量索引与倒排索引。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    02. 向量构建
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    高维索引与混合检索
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    调优语义切块大小与重叠窗口，构建 Milvus 向量索引与倒排索引。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 角色定义</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Prompt 工程与工具绑定</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立智能体业务准则与防幻觉护栏，完成业务系统 API 工具链绑定。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    03. 角色定义
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Prompt 工程与工具绑定
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    确立智能体业务准则与防幻觉护栏，完成业务系统 API
+                    工具链绑定。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 评测调优</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">基准测试与幻觉抑制</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">构建数百条企业专属测试问答集，进行多轮盲测，持续优化准确率。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    04. 评测调优
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    基准测试与幻觉抑制
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    构建企业专属测试问答集，进行多轮盲测，持续优化准确率。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 内网部署</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">私有算力与物理隔离</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">将全部模型权重、向量库与应用服务部署于客户内网服务器集群。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    05. 内网部署
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    私有算力与内网隔离
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    将全部模型权重、向量库与应用服务部署于客户内网服务器集群。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 知识更新</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">增量更新与持续微调</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">提供可视化知识库管理后台，支持企业内部资料一键拖拽自动增量同步。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    06. 知识更新
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    增量更新与持续微调
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    提供可视化知识库管理后台，支持企业内部资料一键拖拽自动增量同步。
+                </p>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 5. 交付物与质量保障 (交付板块) -->
-<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="deliverables"
+    class="nhc-deliverables"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <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 DELIVERABLES</span>
             </div>
-            <h2 class="nhc-section-title">真实验收交付资产 · 摆脱算力黑盒与外部云依赖</h2>
+            <h2 class="nhc-section-title">可验收的交付资产 · 不依赖外部云</h2>
             <p class="nhc-section-desc">
                 我们向企业移交从知识库处理脚本、模型微调权重到业务调度代码的完整资产。
             </p>
@@ -243,47 +855,170 @@
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">智能体系统交付物</h4>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    智能体系统交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>完整私有智能体编排服务源代码（含 API 工具链集成代码）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >完整私有智能体编排服务源代码（含 API
+                            工具链集成代码）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>微调后的大模型私有 LoRA 权重与量化模型文件</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>企业知识库向量数据库（Milvus / Qdrant）及管理后台代码</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >企业知识库向量数据库（Milvus /
+                            Qdrant）及管理后台代码</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>私有局域网一键启动 Docker Compose 部署工程包</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >私有局域网一键启动 Docker Compose 部署工程包</span
+                        >
                     </li>
                 </ul>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">技术规范与合规交付物</h4>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    技术规范与合规交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>《企业智能体业务对接说明书》与工具函数定义文档</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >《企业智能体业务对接说明书》与工具函数定义文档</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>《知识库构建与动态切片维护操作手册》</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>评测数据集基准报告（召回率 &gt;92%，业务问答准确率 &gt;95%）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >评测数据集基准报告（覆盖检索召回率与业务问答准确率）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>内网网络安全物理隔离合规检测证明与 365 天维保</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span>内网网络安全合规检测说明与 365 天维保服务</span>
                     </li>
                 </ul>
             </div>
@@ -292,39 +1027,119 @@
 </section>
 
 <!-- 6. 智能体技术问答 (FAQ 板块) -->
-<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
+<section id="faq" class="nhc-faq" style="padding: 70px 0; 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">FREQUENTLY ASKED QUESTIONS</span>
             </div>
-            <h2 class="nhc-section-title">聚焦落地难点 · 破除企业应用 AI 的重重疑虑</h2>
+            <h2 class="nhc-section-title">聚焦企业应用 AI 的常见问题</h2>
             <p class="nhc-section-desc">
-                我们以实战经验解答关于算力配置、数据隐私与模型准确率的客观事实。
+                解答关于算力配置、数据隐私与模型准确率的常见问题。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 企业商业机密极其敏感，如何做到 0 数据外泄？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    纳海川交付的是 100% 部署在客户内网机房的私有化系统。底座大模型、知识向量库、编排服务全部运行在局域网服务器上，服务器物理拔掉外网网线也能正常运转，杜绝任何外部数据爬取或云端传输风险。
+        <div
+            style="
+                max-width: 900px;
+                margin: 36px auto 0;
+                display: flex;
+                flex-direction: column;
+                gap: 16px;
+            "
+        >
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q1: 企业商业机密敏感，如何做到数据 0 外泄？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    纳海川交付部署在客户内网机房的私有化系统。底座大模型、知识向量库、编排服务全部运行在局域网服务器上，服务器拔掉外网网线也能正常运转，不向外部传输数据。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 部署一套企业级私有智能体，需要多么昂贵的 GPU 显卡配置？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    通过 4-bit / 8-bit 量化技术与 vLLM 核心加速引擎，针对企业常规知识问答与审批业务，一张单卡（如 24G 显存）即可流畅支撑 7B~14B 参数模型的高并发推理；双卡即可支撑 32B 级别高阶推理，大幅减轻企业硬件投入负担。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q2: 部署一套企业级私有智能体，需要多么昂贵的 GPU 显卡配置？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    通过 4-bit / 8-bit 量化技术与 vLLM
+                    核心加速引擎，针对企业常规知识问答与审批业务，一张单卡（如
+                    24G 显存）即可流畅支撑 7B~14B
+                    参数模型的高并发推理；双卡即可支撑 32B
+                    级别高阶推理，降低企业硬件投入。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 大模型常常会有“胡说八道”（幻觉）现象，纳海川如何保障答复准确？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    我们采用严格的 RAG 混合检索与强提示护栏机制：智能体必须基于检索到的企业资料段落作答，并在输出时标注原文出处与对应段落。未在知识库中找到依据时，明确如实提示“未检索到相关规定”，杜绝凭空臆造。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q3:
+                    大模型常常会有“胡说八道”（幻觉）现象，纳海川如何保障答复准确？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    我们采用严格的 RAG
+                    混合检索与强提示护栏机制：智能体必须基于检索到的企业资料段落作答，并在输出时标注原文出处与对应段落。未在知识库中找到依据时，明确如实提示“未检索到相关规定”，不凭空臆造。
                 </p>
             </div>
         </div>
@@ -332,19 +1147,72 @@
 </section>
 
 <!-- 7. 行动号召 (CTA 板块) -->
-<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
+<section
+    class="nhc-cta-banner"
+    style="
+        background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
+        color: #ffffff;
+        padding: 60px 0;
+        text-align: center;
+    "
+>
     <div class="nhc-container">
-        <h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
-            打造懂您业务的企业专属 AI 智能体
+        <h2
+            style="
+                font-family: var(--font-serif);
+                font-size: 30px;
+                font-weight: 700;
+                margin-bottom: 16px;
+                color: #ffffff;
+            "
+        >
+            按业务需求打造企业专属 AI 智能体
         </h2>
-        <p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
-            预约纳海川 AI 技术专家，携带您的实际业务文档体验内网智能体 PoC 原型检索效果。
+        <p
+            style="
+                font-size: 16px;
+                opacity: 0.9;
+                max-width: 680px;
+                margin: 0 auto 32px;
+                line-height: 1.7;
+            "
+        >
+            预约纳海川 AI 技术专家，携带您的实际业务文档体验内网智能体 PoC
+            原型检索效果。
         </p>
-        <div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+        <div
+            style="
+                display: flex;
+                justify-content: center;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                class="nhc-btn nhc-cta-btn-light nhc-btn-lg"
+                style="
+                    background: #ffffff;
+                    color: var(--primary);
+                    font-weight: 600;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>预约私域智能体 PoC</span>
             </a>
-            <a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+            <a
+                href="tel:0851-88556677"
+                class="nhc-btn nhc-btn-outline nhc-btn-lg"
+                style="
+                    border: 1px solid rgba(255, 255, 255, 0.6);
+                    color: #ffffff;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>电话咨询: 0851-88556677</span>
             </a>
         </div>
diff --git a/addons/official/view/web/official_product/service_app.html b/addons/official/view/web/official_product/service_app.html
index 19c5f68..e125377 100644
--- a/addons/official/view/web/official_product/service_app.html
+++ b/addons/official/view/web/official_product/service_app.html
@@ -6,61 +6,151 @@
         <div class="nhc-breadcrumb">
             <a href="{:addon_url('official/web.official_home/index')}">首页</a>
             <span>/</span>
-            <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
+            <a
+                href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
+                >核心服务</a
+            >
             <span>/</span>
             <span>APP与小程序定制</span>
         </div>
-        <div style="margin-bottom: 16px;">
-            <span class="nhc-seal">全端协同 · 丝滑原生</span>
+        <div style="margin-bottom: 16px">
+            <span class="nhc-seal">全端协同 · 接近原生</span>
         </div>
         <h1 class="nhc-page-title">企业级全生态 APP 与小程序定制研发</h1>
         <p class="nhc-page-desc">
-            覆盖 iOS、Android 双端原生应用与微信、支付宝多生态小程序，兼具 60fps 丝滑交互手感与跨端高效发布能力，支持低功耗蓝牙 IoT 硬件直连、离网弱网数据同步与多渠道消息实时通知。
+            覆盖 iOS、Android
+            双端原生应用与微信、支付宝多生态小程序，兼顾接近原生的交互体验与跨端高效发布能力，支持低功耗蓝牙
+            IoT 硬件直连、离网弱网数据同步与多渠道消息推送。
         </p>
 
-        <div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
+        <div
+            style="
+                display: flex;
+                justify-content: flex-start;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                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"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                <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="#capabilities" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                 <span>了解技术性能</span>
             </a>
         </div>
-        <div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
-            <img src="__ADDON__/images/showcases/service_app_hero.svg" alt="纳海川多端跨平台移动应用与IoT协同视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
+        <div
+            class="nhc-service-hero-img"
+            style="
+                margin-top: 36px;
+                border-radius: 6px;
+                overflow: hidden;
+                border: 1px solid var(--border-color);
+                box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
+            "
+        >
+            <img
+                src="__ADDON__/images/showcases/service_app_hero.svg"
+                alt="纳海川多端跨平台移动应用与IoT协同视窗"
+                style="width: 100%; height: auto; display: block"
+                loading="lazy"
+            />
         </div>
     </div>
 </section>
 
-
 <!-- 2. 全渠道终端覆盖矩阵 (分类板块) -->
-<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="categories"
+    class="nhc-service-detail-section nhc-services-categories"
+    style="padding: 70px 0; 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">MULTI-PLATFORM ECOSYSTEM</span>
             </div>
-            <h2 class="nhc-section-title">全渠道多端触点 · 满足多元业务使用场景</h2>
+            <h2 class="nhc-section-title">
+                全渠道多端触点 · 满足多元业务使用场景
+            </h2>
             <p class="nhc-section-desc">
-                打通移动端每一个关键入口，为企业构建体验统一、数据互联的移动数字化产品矩阵。
+                覆盖移动端关键入口，为企业构建体验统一、数据互联的移动应用。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
             <!-- 场景 1 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >01</span
+                    >
                     <span class="nhc-seal">双端应用</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">iOS / Android 跨平台与原生 APP</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    基于 Flutter / Uni-app / Kotlin / Swift 构建高性能移动应用，保障流畅手势操作与极低耗电，深度适配各大主流品牌手机与折叠屏设备。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    iOS / Android 跨平台与原生 APP
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    基于 Flutter / Uni-app / Kotlin / Swift
+                    构建移动应用，保障手势操作流畅与低耗电，适配主流品牌手机与折叠屏设备。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">Flutter</span>
                     <span class="nhc-tech-pill">Uni-app</span>
                     <span class="nhc-tech-pill">原生级渲染</span>
@@ -68,34 +158,111 @@
             </div>
 
             <!-- 场景 2 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >02</span
+                    >
                     <span class="nhc-seal">微信生态</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">微信小程序与企业微信深度协同</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    无缝整合微信支付、订阅消息推送、企业微信通讯录同步与审批流，充分激活企业私域流量与组织办公协同。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    微信小程序与企业微信深度协同
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    整合微信支付、订阅消息推送、企业微信通讯录同步与审批流，对接企业办公协同。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">微信支付</span>
                     <span class="nhc-tech-pill">企业微信API</span>
                     <span class="nhc-tech-pill">客户留存</span>
                 </div>
-
             </div>
 
             <!-- 场景 3 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >03</span
+                    >
                     <span class="nhc-seal">多端同构</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">支付宝 / 抖音多平台小程序</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    一套核心业务逻辑跨平台发布至支付宝信用生态、抖音团购挂载与本地生活频道，帮助企业以最轻成本覆盖全网流量。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    支付宝 / 抖音多平台小程序
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    一套核心业务逻辑跨平台发布至支付宝信用生态、抖音团购挂载与本地生活频道，帮助企业以较低成本覆盖更多流量入口。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">支付宝芝麻信用</span>
                     <span class="nhc-tech-pill">抖音小程序</span>
                     <span class="nhc-tech-pill">跨平台编译</span>
@@ -103,16 +270,56 @@
             </div>
 
             <!-- 场景 4 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >04</span
+                    >
                     <span class="nhc-seal">软硬协同</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">物联网 IoT 与智能硬件蓝牙直连</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    深度定制 BLE 低功耗蓝牙数据交互协议，支持手持扫码枪、热敏票据打印机、电子秤与智能门禁等硬件设备毫秒级直连。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    物联网 IoT 与智能硬件蓝牙直连
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    定制 BLE
+                    低功耗蓝牙数据交互协议，支持手持扫码枪、热敏票据打印机、电子秤与智能门禁等硬件设备直连。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">低功耗蓝牙 BLE</span>
                     <span class="nhc-tech-pill">ESC/POS协议</span>
                     <span class="nhc-tech-pill">物联网工控</span>
@@ -123,155 +330,671 @@
 </section>
 
 <!-- 3. 技术能力与核心性能规格 (能力板块) -->
-<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="capabilities"
+    class="nhc-tech-capabilities"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <div class="nhc-container">
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
                 <span class="nhc-seal">性能规格</span>
                 <span class="nhc-tag-text">PERFORMANCE BENCHMARKS</span>
             </div>
-            <h2 class="nhc-section-title">高保真交互与苛刻的工程性能指标</h2>
+            <h2 class="nhc-section-title">高保真交互与工程性能指标</h2>
             <p class="nhc-section-desc">
-                我们针对不同机型与网络环境进行细致优化，确保操作流畅不卡顿。
+                我们针对不同机型与网络环境进行优化，提升操作流畅度。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">60 fps</div>
-                <h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">界面渲染手势帧率</h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">GPU 硬件加速与细粒度视图重绘控制，复杂列表滚动与滑动交互始终丝滑稳定。</p>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+                gap: 20px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 32px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    流畅稳定
+                </div>
+                <h4
+                    style="
+                        font-size: 15px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    界面渲染手势帧率
+                </h4>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    GPU
+                    硬件加速与细粒度视图重绘控制，复杂列表滚动与滑动交互保持稳定。
+                </p>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #06B6D4; margin-bottom: 8px;">&lt; 1.2 s</div>
-                <h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">小程序冷启动首屏耗时</h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">代码按需分包预加载、资源 CDN 压缩与接口本地缓存，带来即点即开的畅快体验。</p>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 32px;
+                        font-weight: 700;
+                        color: #06b6d4;
+                        margin-bottom: 8px;
+                    "
+                >
+                    分包预加载
+                </div>
+                <h4
+                    style="
+                        font-size: 15px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    小程序冷启动首屏耗时
+                </h4>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    代码按需分包预加载、资源 CDN
+                    压缩与接口本地缓存，缩短首屏等待。
+                </p>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #7C3AED; margin-bottom: 8px;">98.5 %</div>
-                <h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">应用市场上架一次通过率</h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">严格遵循苹果 App Store 审核准则与工信部隐私合规规范，提供完备资质辅导。</p>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 32px;
+                        font-weight: 700;
+                        color: #7c3aed;
+                        margin-bottom: 8px;
+                    "
+                >
+                    陪跑支持
+                </div>
+                <h4
+                    style="
+                        font-size: 15px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    应用市场上架一次通过率
+                </h4>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    严格遵循苹果 App Store
+                    审核准则与工信部隐私合规规范，提供完备资质辅导。
+                </p>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #10B981; margin-bottom: 8px;">100 %</div>
-                <h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">离线操作断网无缝续传</h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">内置 SQLite 本地事务队列，即使地下车库或野外断网亦可正常记账与保存操作。</p>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 32px;
+                        font-weight: 700;
+                        color: #10b981;
+                        margin-bottom: 8px;
+                    "
+                >
+                    本地队列
+                </div>
+                <h4
+                    style="
+                        font-size: 15px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    离线操作断网本地保存
+                </h4>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    内置 SQLite
+                    本地事务队列，地下车库或野外等弱网环境下，仍可记账并保存操作，联网后同步。
+                </p>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 4. 移动端研发流程 (流程板块) -->
-<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="process"
+    class="nhc-delivery-process"
+    style="padding: 70px 0; 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">DEVELOPMENT LIFECYCLE</span>
             </div>
-            <h2 class="nhc-section-title">全链路敏捷交付 · 规范推进设计与上线</h2>
+            <h2 class="nhc-section-title">
+                全链路敏捷交付 · 规范推进设计与上线
+            </h2>
             <p class="nhc-section-desc">
-                从交互原型到应用市场上架发行，全流程标准化管控，让移动端落地省心可靠。
+                从交互原型到应用市场上架发行，全流程标准化管控。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 体验设计</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">UI/UX 高保真原型</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">梳理用户使用场景与操作步骤，输出高保真交互原型与视觉设计规范。</p>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+                gap: 16px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    01. 体验设计
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    UI/UX 高保真原型
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    梳理用户使用场景与操作步骤，输出高保真交互原型与视觉设计规范。
+                </p>
             </div>
 
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 架构搭建</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">跨端统一技术选型</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立状态管理、网络请求重试、本地离线持久化与路由导航基座。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    02. 架构搭建
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    跨端统一技术选型
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    确立状态管理、网络请求重试、本地离线持久化与路由导航基座。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 功能编码</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">多端协同敏捷开发</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">原生功能插件封装、多端样式精细适配与服务端接口联调。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    03. 功能编码
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    多端协同敏捷开发
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    原生功能插件封装、多端样式精细适配与服务端接口联调。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 真机云测</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">多机型与弱网压测</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">覆盖数百款主流安卓与苹果机型，完成弱网、锁屏、断电极端测试。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    04. 真机云测
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    多机型与弱网压测
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    覆盖主流安卓与苹果机型，完成弱网、锁屏、断电测试。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 市场上架</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">应用商城提审与发布</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">协助企业办理软著、配置隐私政策，完成苹果 App Store 与各大安卓市场上架。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    05. 市场上架
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    应用商城提审与发布
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    协助企业办理软著、配置隐私政策，完成苹果 App Store
+                    与各大安卓市场上架。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 源码移交</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">代码交割与维保支持</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">交付双端打包工程源码及签名证书文件，提供 365 天版本更新维护。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    06. 源码移交
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    代码交割与维保支持
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    交付双端打包工程源码及签名证书文件，提供 365
+                    天版本更新维护。
+                </p>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 5. 交付物与质量保障 (交付板块) -->
-<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="deliverables"
+    class="nhc-deliverables"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <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 DELIVERABLES</span>
             </div>
-            <h2 class="nhc-section-title">规范化移动工程交付 · 杜绝黑盒插件依赖</h2>
+            <h2 class="nhc-section-title">
+                规范化移动工程交付 · 无黑盒插件依赖
+            </h2>
             <p class="nhc-section-desc">
-                我们向客户交付标准化前端移动工程，客户可自由使用 Android Studio、Xcode 或 HBuilderX 自主编译打包。
+                我们向客户交付标准化前端移动工程，客户可使用 Android
+                Studio、Xcode 或 HBuilderX 自行编译打包。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">代码工程类交付物</h4>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    代码工程类交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>完整移动端前端工程源代码（支持自主一键编译与打包发布）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >完整移动端前端工程源代码（支持一键编译与打包发布）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>微信/支付宝小程序源码包及后台管理服务端代码</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>生产环境 Android Keystore 证书与 iOS 打包发布描述文件</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >生产环境 Android Keystore 证书与 iOS
+                            打包发布描述文件</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>物联网蓝牙通信协议编解码 SDK 源码包</span>
                     </li>
                 </ul>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">文档与上线资质类交付物</h4>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    文档与上线资质类交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>《移动端接口对接文档》与鉴权 Token 刷新机制说明</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >《移动端接口对接文档》与鉴权 Token
+                            刷新机制说明</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>《应用市场审核上架指导手册》（含工信部备案/隐私协议模板）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >《应用市场审核上架指导手册》（含工信部备案/隐私协议模板）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>真机兼容性与性能压测报告（含多分辨率适配记录）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >真机兼容性与性能压测报告（含多分辨率适配记录）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>软著申报技术材料与 365 天无忧维保协议</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span>软著申报技术材料与 365 天维保协议</span>
                     </li>
                 </ul>
             </div>
@@ -280,39 +1003,124 @@
 </section>
 
 <!-- 6. 移动开发常见问答 (FAQ 板块) -->
-<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
+<section id="faq" class="nhc-faq" style="padding: 70px 0; 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">FREQUENTLY ASKED QUESTIONS</span>
             </div>
-            <h2 class="nhc-section-title">务实解惑 · 厘清跨端研发与上架关键环节</h2>
+            <h2 class="nhc-section-title">
+                务实解惑 · 讲清跨端研发与上架关键环节
+            </h2>
             <p class="nhc-section-desc">
-                我们以丰富的移动端工程落地经验，帮助您避开应用商店提审与跨端性能的常见隐患。
+                总结应用商店提审与跨端性能的常见隐患，帮企业提前规避。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 跨平台跨端开发方案（如 Flutter/Uni-app）和纯原生相比，性能差异大吗？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    在纳海川的工程实践中，Flutter 直接基于 Skia/Impeller 渲染引擎进行底层 GPU 绘制，界面手势帧率可达 60fps 原生流畅度；针对复杂的蓝牙通信、后台常驻服务，我们均采用原生 Android / iOS 原生桥接模块封装，既兼顾了跨端研发效率，又确保了底层硬件性能。
+        <div
+            style="
+                max-width: 900px;
+                margin: 36px auto 0;
+                display: flex;
+                flex-direction: column;
+                gap: 16px;
+            "
+        >
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q1: 跨平台跨端开发方案（如
+                    Flutter/Uni-app）和纯原生相比，性能差异大吗？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    在纳海川的工程实践中，Flutter 直接基于 Skia/Impeller
+                    渲染引擎进行底层 GPU
+                    绘制，界面手势帧率对标原生流畅度；针对复杂的蓝牙通信、后台常驻服务，我们采用
+                    Android / iOS
+                    原生桥接模块封装，兼顾跨端研发效率与底层硬件性能。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 苹果 App Store 和主流安卓市场审核日趋严格，如何保证顺利上线？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    纳海川提供从应用隐私合规清单梳理、工信部 APP 备案指导、苹果审核账号提审材料到演示视频录制的全流程陪跑服务。代码层面严格遵循各商城审核规范，确保项目上架一次性通过率超过 98.5%。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q2: 苹果 App Store
+                    和主流安卓市场审核日趋严格，如何保证顺利上线？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    纳海川提供从应用隐私合规清单梳理、工信部 APP
+                    备案指导、苹果审核账号提审材料到演示视频录制的全流程陪跑服务。代码层面严格遵循各商城审核规范，提高项目上架一次性通过率。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 一个后端服务是否能够同时支撑 iOS、Android APP 与微信小程序？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    可以。我们采用标准统一的 RESTful API 架构与 JWT 安全鉴权，前端多端共用同一套底层服务与业务中台。多端用户数据互通、订单同步流转，大幅降低后期的多端维护成本。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q3: 一个后端服务是否能够同时支撑 iOS、Android APP
+                    与微信小程序？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    可以。我们采用标准统一的 RESTful API 架构与 JWT
+                    安全鉴权，前端多端共用同一套底层服务与业务中台。多端用户数据互通、订单同步流转，降低后期多端维护成本。
                 </p>
             </div>
         </div>
@@ -320,19 +1128,71 @@
 </section>
 
 <!-- 7. 行动号召 (CTA 板块) -->
-<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
+<section
+    class="nhc-cta-banner"
+    style="
+        background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
+        color: #ffffff;
+        padding: 60px 0;
+        text-align: center;
+    "
+>
     <div class="nhc-container">
-        <h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
+        <h2
+            style="
+                font-family: var(--font-serif);
+                font-size: 30px;
+                font-weight: 700;
+                margin-bottom: 16px;
+                color: #ffffff;
+            "
+        >
             有具体的移动端或小程序开发需求？
         </h2>
-        <p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
+        <p
+            style="
+                font-size: 16px;
+                opacity: 0.9;
+                max-width: 680px;
+                margin: 0 auto 32px;
+                line-height: 1.7;
+            "
+        >
             联系纳海川移动产品顾问，为您提供针对性的移动端技术选型对比与产品原型交互方案。
         </p>
-        <div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+        <div
+            style="
+                display: flex;
+                justify-content: center;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                class="nhc-btn nhc-cta-btn-light nhc-btn-lg"
+                style="
+                    background: #ffffff;
+                    color: var(--primary);
+                    font-weight: 600;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>预约移动端项目评估</span>
             </a>
-            <a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+            <a
+                href="tel:0851-88556677"
+                class="nhc-btn nhc-btn-outline nhc-btn-lg"
+                style="
+                    border: 1px solid rgba(255, 255, 255, 0.6);
+                    color: #ffffff;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>电话咨询: 0851-88556677</span>
             </a>
         </div>
diff --git a/addons/official/view/web/official_product/service_page.html b/addons/official/view/web/official_product/service_page.html
index 9b7501e..b80ad23 100644
--- a/addons/official/view/web/official_product/service_page.html
+++ b/addons/official/view/web/official_product/service_page.html
@@ -8,19 +8,32 @@
             <span>/</span>
             <span>核心服务</span>
         </div>
-        <div style="margin-bottom: 16px;">
-            <span class="nhc-seal">自主研发 · 源码交付</span>
+        <div style="margin-bottom: 16px">
+            <span class="nhc-seal">定制开发 · 源码交付</span>
         </div>
-        <h1 class="nhc-page-title">企业级软件定制开发与工程化落地服务</h1>
+        <h1 class="nhc-page-title">企业级软件定制开发与工程化服务</h1>
         <p class="nhc-page-desc">
-            纳海川聚焦企业业务系统定制、移动端与小程序全生态开发及企业 AI 智能体工程落地，坚持交付完整工程源代码与全套开发文档，支持私有化部署。
+            纳海川聚焦企业业务系统定制、移动端与小程序全生态开发及企业 AI
+            智能体应用开发，交付完整工程源代码与全套开发文档，支持私有化部署。
         </p>
-        <div style="display: flex; justify-content: flex-start; gap: 16px;">
+        <div style="display: flex; justify-content: flex-start; gap: 16px">
             <a href="#services-list" 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"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                <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="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                class="nhc-btn nhc-btn-outline nhc-btn-lg"
+            >
                 <span>预约咨询</span>
             </a>
         </div>
@@ -28,17 +41,21 @@
 </section>
 
 <!-- 2. 三大服务分类深度展开 (分类板块) -->
-<section id="services-list" class="nhc-service-detail-section nhc-services-categories">
+<section
+    id="services-list"
+    class="nhc-service-detail-section nhc-services-categories"
+>
     <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 DOMAINS</span>
             </div>
-            <h2 class="nhc-section-title">聚焦三大核心服务 · 交付自主可控工程</h2>
+            <h2 class="nhc-section-title">
+                聚焦三大核心服务 · 交付完整工程源码
+            </h2>
             <p class="nhc-section-desc">
-
-                严格遵循企业级软件工程规范，拒绝黑盒组件与外包拼装，从底层架构到全端界面均实现自主可控。
+                严格遵循企业级软件工程规范，拒绝黑盒组件与外包拼装，从底层架构到全端界面代码完整可审查。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -47,10 +64,14 @@
         <div class="nhc-service-detail-card nhc-corner-card">
             <div class="nhc-service-detail-inner">
                 <div>
-                    <div class="nhc-service-tagline">DOMAIN 01 · 核心中台与底层工程</div>
-                    <h3 class="nhc-service-detail-title">企业级软件开发与微服务中台</h3>
+                    <div class="nhc-service-tagline">
+                        DOMAIN 01 · 核心中台与底层工程
+                    </div>
+                    <h3 class="nhc-service-detail-title">
+                        企业级软件开发与微服务中台
+                    </h3>
                     <p class="nhc-service-detail-desc">
-                        面向高并发、高可用与复杂业务逻辑场景，纳海川提供专有业务中台重构与定制开发服务。通过微服务分布式解耦、主从数据库读写分离与千万级缓存调度，有效化解高并发性能瓶颈与数据孤岛。
+                        面向高并发访问与复杂业务逻辑场景，纳海川提供专有业务中台定制开发服务。通过微服务分布式解耦、主从数据库读写分离与缓存调度，应对访问峰值与跨系统数据不一致。
                     </p>
                     <div class="nhc-tech-pills">
                         <span class="nhc-tech-pill">Spring Cloud</span>
@@ -62,52 +83,114 @@
                     </div>
                     <ul class="nhc-feature-checklist">
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>高并发分布式微服务架构设计</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>异构系统数据管道与 API 网关集成</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>金融级资金往来加密与等保合规</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>资金往来传输加密与等保合规</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>完整工程源代码与数据库字典规范移交</span>
                         </li>
                     </ul>
-                    <div style="margin-top: 20px;">
-                        <a href="{:addon_url('official/web.official_product/service_software')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
+                    <div style="margin-top: 20px">
+                        <a
+                            href="{:addon_url('official/web.official_product/service_software')}"
+                            target="_blank"
+                            class="nhc-btn nhc-btn-outline"
+                            style="font-size: 13px; padding: 8px 18px"
+                        >
                             <span>软件开发专属独立页</span>
-                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                            <svg
+                                width="12"
+                                height="12"
+                                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 class="nhc-service-visual-box">
                     <div class="nhc-service-media-box">
-                        <img src="__ADDON__/images/showcases/service_middle.svg" alt="微服务高可用中台拓扑架构" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/service_middle.svg"
+                            alt="微服务高可用中台拓扑架构"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-visual-title">
                         <span>技术指标规格</span>
                         <span class="nhc-seal">企业标准</span>
                     </div>
                     <div class="nhc-visual-spec-item">
-                        <span class="nhc-spec-label">核心接口微服务平均响应</span>
-                        <span class="nhc-spec-val" style="color: var(--primary);">&lt; 50 ms</span>
+                        <span class="nhc-spec-label"
+                            >核心接口微服务平均响应</span
+                        >
+                        <span class="nhc-spec-val" style="color: var(--primary)"
+                            >以压测报告为准</span
+                        >
                     </div>
                     <div class="nhc-visual-spec-item">
-                        <span class="nhc-spec-label">系统并发可用性保障（SLA）</span>
-                        <span class="nhc-spec-val">99.95 %</span>
+                        <span class="nhc-spec-label"
+                            >系统并发可用性保障（SLA）</span
+                        >
+                        <span class="nhc-spec-val">以合同 SLA 为准</span>
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">源码单元测试覆盖率</span>
-                        <span class="nhc-spec-val">&gt; 80 %</span>
+                        <span class="nhc-spec-val">关键业务流覆盖</span>
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">交付归属与二次开发权</span>
-                        <span class="nhc-spec-val" style="color: #10B981;">客户专属独占</span>
+                        <span class="nhc-spec-val" style="color: #10b981"
+                            >客户专属独占</span
+                        >
                     </div>
                 </div>
             </div>
@@ -117,10 +200,15 @@
         <div class="nhc-service-detail-card nhc-corner-card">
             <div class="nhc-service-detail-inner">
                 <div>
-                    <div class="nhc-service-tagline">DOMAIN 02 · 全渠道跨端触点</div>
-                    <h3 class="nhc-service-detail-title">APP与小程序定制研发</h3>
+                    <div class="nhc-service-tagline">
+                        DOMAIN 02 · 全渠道跨端触点
+                    </div>
+                    <h3 class="nhc-service-detail-title">
+                        APP与小程序定制研发
+                    </h3>
                     <p class="nhc-service-detail-desc">
-                        覆盖 iOS、Android 双端原生应用与微信、支付宝小程序生态，兼具原生级别的 60fps 丝滑交互性能与跨端多平台的敏捷发布能力，深度支持蓝牙硬件直连、移动离线记账与多渠道消息实时推送。
+                        覆盖 iOS、Android
+                        双端原生应用与微信、支付宝小程序生态，兼顾接近原生的交互体验与跨端多平台的敏捷发布能力，支持蓝牙硬件直连、移动离线记账与多渠道消息推送。
                     </p>
 
                     <div class="nhc-tech-pills">
@@ -133,32 +221,86 @@
                     </div>
                     <ul class="nhc-feature-checklist">
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>iOS / Android 双端原生框架深度优化</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>微信/支付宝/抖音三端小程序一码发布</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>智能扫码盒、打印机与物联网设备对接</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                            <span>60fps 丝滑动画与离线弱网数据缓存</span>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
+                            <span>流畅动画与离线弱网数据缓存</span>
                         </li>
                     </ul>
-                    <div style="margin-top: 20px;">
-                        <a href="{:addon_url('official/web.official_product/service_app')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
+                    <div style="margin-top: 20px">
+                        <a
+                            href="{:addon_url('official/web.official_product/service_app')}"
+                            target="_blank"
+                            class="nhc-btn nhc-btn-outline"
+                            style="font-size: 13px; padding: 8px 18px"
+                        >
                             <span>APP与小程序定制专属独立页</span>
-                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                            <svg
+                                width="12"
+                                height="12"
+                                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 class="nhc-service-visual-box">
                     <div class="nhc-service-media-box">
-                        <img src="__ADDON__/images/showcases/service_app.svg" alt="移动端原生与微信小程序跨端界面" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/service_app.svg"
+                            alt="移动端原生与微信小程序跨端界面"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-visual-title">
                         <span>全端体验规格</span>
@@ -166,19 +308,25 @@
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">界面渲染交互帧率</span>
-                        <span class="nhc-spec-val" style="color: var(--primary);">60 fps</span>
+                        <span class="nhc-spec-val" style="color: var(--primary)"
+                            >流畅稳定</span
+                        >
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">小程序冷启动首屏加载</span>
-                        <span class="nhc-spec-val">&lt; 1.2 s</span>
+                        <span class="nhc-spec-val">分包预加载</span>
                     </div>
                     <div class="nhc-visual-spec-item">
-                        <span class="nhc-spec-label">应用商店上架一次通过率</span>
-                        <span class="nhc-spec-val">98.5 %</span>
+                        <span class="nhc-spec-label"
+                            >应用商店上架一次通过率</span
+                        >
+                        <span class="nhc-spec-val">陪跑支持</span>
                     </div>
                     <div class="nhc-visual-spec-item">
-                        <span class="nhc-spec-label">跨机型分辨率无缝自适应</span>
-                        <span class="nhc-spec-val" style="color: #10B981;">核心用例全覆盖</span>
+                        <span class="nhc-spec-label">适配主流机型分辨率</span>
+                        <span class="nhc-spec-val" style="color: #10b981"
+                            >核心用例全覆盖</span
+                        >
                     </div>
                 </div>
             </div>
@@ -188,48 +336,108 @@
         <div class="nhc-service-detail-card nhc-corner-card">
             <div class="nhc-service-detail-inner">
                 <div>
-                    <div class="nhc-service-tagline">DOMAIN 03 · 垂直前沿应用</div>
-                    <h3 class="nhc-service-detail-title">企业级 AI 智能体与知识工程开发</h3>
+                    <div class="nhc-service-tagline">
+                        DOMAIN 03 · 垂直前沿应用
+                    </div>
+                    <h3 class="nhc-service-detail-title">
+                        企业级 AI 智能体与知识工程开发
+                    </h3>
                     <p class="nhc-service-detail-desc">
-                        深入业务一线，拒绝假大空套话。纳海川将企业内部规章制度、产品手册与大语言模型结合，通过精准语义检索（RAG）与多智能体协作，交付数据物理隔离、回答真实可靠的专属业务智能体。
+                        深入业务一线。纳海川将企业内部规章制度、产品手册与大语言模型结合，通过语义检索（RAG）与多智能体协作，交付部署在内网、回答标注出处的专属业务智能体。
                     </p>
 
                     <div class="nhc-tech-pills">
                         <span class="nhc-tech-pill">私有化大模型微调</span>
-                        <span class="nhc-tech-pill">Milvus / Qdrant 向量库</span>
+                        <span class="nhc-tech-pill"
+                            >Milvus / Qdrant 向量库</span
+                        >
                         <span class="nhc-tech-pill">RAG 混合检索</span>
                         <span class="nhc-tech-pill">Multi-Agent 工作流</span>
                         <span class="nhc-tech-pill">Python / FastAPI</span>
-                        <span class="nhc-tech-pill">内网物理隔离沙箱</span>
+                        <span class="nhc-tech-pill">内网隔离沙箱</span>
                     </div>
                     <ul class="nhc-feature-checklist">
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>企业私域知识库 RAG 向量精准检索</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>多智能体自主分工与复杂审批流程协同</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>业务工单与政务咨询人机协同分流</span>
                         </li>
                         <li class="nhc-feature-check-item">
-                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                            <svg
+                                width="16"
+                                height="16"
+                                viewBox="0 0 24 24"
+                                fill="none"
+                                stroke="currentColor"
+                                stroke-width="2.5"
+                            >
+                                <polyline points="20 6 9 17 4 12" />
+                            </svg>
                             <span>企业敏感数据安全可控 · 纯本地私有部署</span>
                         </li>
                     </ul>
-                    <div style="margin-top: 20px;">
-                        <a href="{:addon_url('official/web.official_product/service_agent')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
+                    <div style="margin-top: 20px">
+                        <a
+                            href="{:addon_url('official/web.official_product/service_agent')}"
+                            target="_blank"
+                            class="nhc-btn nhc-btn-outline"
+                            style="font-size: 13px; padding: 8px 18px"
+                        >
                             <span>智能体开发专属独立页</span>
-                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                            <svg
+                                width="12"
+                                height="12"
+                                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 class="nhc-service-visual-box">
                     <div class="nhc-service-media-box">
-                        <img src="__ADDON__/images/showcases/service_agent.svg" alt="政企专属AI智能体与私域大模型知识库" loading="lazy">
+                        <img
+                            src="__ADDON__/images/showcases/service_agent.svg"
+                            alt="政企专属AI智能体与私域大模型知识库"
+                            loading="lazy"
+                        />
                     </div>
                     <div class="nhc-visual-title">
                         <span>智能体架构规格</span>
@@ -237,7 +445,9 @@
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">专有知识库检索机制</span>
-                        <span class="nhc-spec-val" style="color: var(--primary);">精准语义匹配检索</span>
+                        <span class="nhc-spec-val" style="color: var(--primary)"
+                            >精准语义匹配检索</span
+                        >
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">规章制度溯源依据</span>
@@ -249,12 +459,13 @@
                     </div>
                     <div class="nhc-visual-spec-item">
                         <span class="nhc-spec-label">数据安全部署规格</span>
-                        <span class="nhc-spec-val" style="color: #10B981;">纯内网物理隔离</span>
+                        <span class="nhc-spec-val" style="color: #10b981"
+                            >纯内网隔离部署</span
+                        >
                     </div>
                 </div>
             </div>
         </div>
-
     </div>
 </section>
 
@@ -266,9 +477,9 @@
                 <span class="nhc-seal">技术底座</span>
                 <span class="nhc-tag-text">ARCHITECTURE BLUEPRINT</span>
             </div>
-            <h2 class="nhc-section-title">分层解耦技术架构 · 经得起业务峰值考验</h2>
+            <h2 class="nhc-section-title">分层解耦技术架构 · 支撑业务峰值</h2>
             <p class="nhc-section-desc">
-                纳海川系统架构蓝图严格遵循现代云原生与微服务高内聚低耦合标准，确保系统具备纵向扩容与横向弹性伸缩能力。
+                纳海川系统架构蓝图严格遵循现代云原生与微服务高内聚低耦合标准，支持纵向扩容与横向弹性伸缩。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
@@ -281,10 +492,18 @@
                     <div class="nhc-arch-layer-sub">CLIENT TOUCHPOINTS</div>
                 </div>
                 <div class="nhc-arch-items">
-                    <span class="nhc-arch-badge">PC 运营管理端 (Vue 3 / React)</span>
-                    <span class="nhc-arch-badge">iOS / Android 原生 App (Flutter)</span>
-                    <span class="nhc-arch-badge">微信 / 支付宝小程序 (Uni-app)</span>
-                    <span class="nhc-arch-badge">双屏收银机 / 智能手持终端</span>
+                    <span class="nhc-arch-badge"
+                        >PC 运营管理端 (Vue 3 / React)</span
+                    >
+                    <span class="nhc-arch-badge"
+                        >iOS / Android 原生 App (Flutter)</span
+                    >
+                    <span class="nhc-arch-badge"
+                        >微信 / 支付宝小程序 (Uni-app)</span
+                    >
+                    <span class="nhc-arch-badge"
+                        >双屏收银机 / 智能手持终端</span
+                    >
                 </div>
             </div>
 
@@ -297,9 +516,13 @@
                 <div class="nhc-arch-items">
                     <span class="nhc-arch-badge">Spring Cloud Gateway</span>
                     <span class="nhc-arch-badge">Nginx 负载均衡与反向代理</span>
-                    <span class="nhc-arch-badge">WAF 防火墙 &amp; 抗 DDOS 攻击</span>
+                    <span class="nhc-arch-badge"
+                        >WAF 防火墙 &amp; 抗 DDOS 攻击</span
+                    >
                     <span class="nhc-arch-badge">OAuth 2.0 / JWT 统一鉴权</span>
-                    <span class="nhc-arch-badge">SSL / 国密 SM2/SM4 加密传输</span>
+                    <span class="nhc-arch-badge"
+                        >SSL / 国密 SM2/SM4 加密传输</span
+                    >
                 </div>
             </div>
 
@@ -307,14 +530,18 @@
             <div class="nhc-arch-layer">
                 <div class="nhc-arch-layer-header">
                     <div class="nhc-arch-layer-name">03 业务中台与智能引擎</div>
-                    <div class="nhc-arch-layer-sub">MICROSERVICES &amp; AGENTS</div>
+                    <div class="nhc-arch-layer-sub">
+                        MICROSERVICES &amp; AGENTS
+                    </div>
                 </div>
                 <div class="nhc-arch-items">
                     <span class="nhc-arch-badge">用户与权限中台 (RBAC)</span>
                     <span class="nhc-arch-badge">商品与价格调度中台</span>
                     <span class="nhc-arch-badge">高并发订单交易引擎</span>
                     <span class="nhc-arch-badge">供应链仓储与调拨中台</span>
-                    <span class="nhc-arch-badge">多智能体工作流编排 (Agent Core)</span>
+                    <span class="nhc-arch-badge"
+                        >多智能体工作流编排 (Agent Core)</span
+                    >
                     <span class="nhc-arch-badge">清算分账与财务对账中心</span>
                 </div>
             </div>
@@ -323,15 +550,23 @@
             <div class="nhc-arch-layer">
                 <div class="nhc-arch-layer-header">
                     <div class="nhc-arch-layer-name">04 数据与基础设施层</div>
-                    <div class="nhc-arch-layer-sub">DATA &amp; INFRASTRUCTURE</div>
+                    <div class="nhc-arch-layer-sub">
+                        DATA &amp; INFRASTRUCTURE
+                    </div>
                 </div>
                 <div class="nhc-arch-items">
                     <span class="nhc-arch-badge">MySQL / PostgreSQL 集群</span>
                     <span class="nhc-arch-badge">Redis 分布式缓存集群</span>
-                    <span class="nhc-arch-badge">Elasticsearch 海量日志检索</span>
+                    <span class="nhc-arch-badge"
+                        >Elasticsearch 海量日志检索</span
+                    >
                     <span class="nhc-arch-badge">Milvus 向量知识库存储</span>
-                    <span class="nhc-arch-badge">Docker / Kubernetes 容器编排</span>
-                    <span class="nhc-arch-badge">企业私有云 / 政企信创机房</span>
+                    <span class="nhc-arch-badge"
+                        >Docker / Kubernetes 容器编排</span
+                    >
+                    <span class="nhc-arch-badge"
+                        >企业私有云 / 政企信创机房</span
+                    >
                 </div>
             </div>
         </div>
@@ -346,7 +581,9 @@
                 <span class="nhc-seal">交付标准</span>
                 <span class="nhc-tag-text">STANDARD METHODOLOGY</span>
             </div>
-            <h2 class="nhc-section-title">标准化软件交付流程 · 严格把控每个交付节点</h2>
+            <h2 class="nhc-section-title">
+                标准化软件交付流程 · 严格把控每个交付节点
+            </h2>
             <p class="nhc-section-desc">
                 遵循企业级软件工程规范与敏捷开发标准，从需求调研到持续运维提供全周期质量把控。
             </p>
@@ -358,37 +595,39 @@
                 <div class="nhc-process-step-num">01</div>
                 <h4 class="nhc-process-step-title">业务需求调研与方案论证</h4>
                 <p class="nhc-process-step-desc">
-                    资深架构师深入一线调研实际业务流程与技术要求，输出清晰的需求规格说明书与可行性评估报告。
+                    架构师深入一线调研实际业务流程与技术要求，输出清晰的需求规格说明书与可行性评估报告。
                 </p>
-
             </div>
             <div class="nhc-process-step">
                 <div class="nhc-process-step-num">02</div>
-                <h4 class="nhc-process-step-title">高可用微服务架构设计</h4>
+                <h4 class="nhc-process-step-title">微服务架构与容灾设计</h4>
                 <p class="nhc-process-step-desc">
-                    系统化规划微服务拓扑、高安全数据模型、分库分表与缓存策略，制定应对极端业务峰值的应急预案。
+                    系统化规划微服务拓扑、高安全数据模型、分库分表与缓存策略，制定应对业务峰值的应急预案。
                 </p>
             </div>
             <div class="nhc-process-step">
                 <div class="nhc-process-step-num">03</div>
                 <h4 class="nhc-process-step-title">规范编码与严格测试</h4>
                 <p class="nhc-process-step-desc">
-                    严格遵循工程规范与 CI/CD 自动化流水线，落实多轮代码审查与接口测试，保障交付源码健壮与稳定。
+                    严格遵循工程规范与 CI/CD
+                    自动化流水线，落实多轮代码审查与接口测试，保障交付源码健壮与稳定。
                 </p>
             </div>
             <div class="nhc-process-step">
                 <div class="nhc-process-step-num">04</div>
-                <h4 class="nhc-process-step-title">高并发压力测试与安全渗透测试</h4>
+                <h4 class="nhc-process-step-title">
+                    高并发压力测试与安全漏洞扫描
+                </h4>
                 <p class="nhc-process-step-desc">
-
-                    全路径模拟高并发峰值压力测试，配合专业机构渗透扫描与等保合规校验，保障系统坚固可靠。
+                    全路径模拟高并发峰值压力测试，配合第三方机构安全扫描与等保合规校验，提升系统可靠性。
                 </p>
             </div>
             <div class="nhc-process-step">
                 <div class="nhc-process-step-num">05</div>
                 <h4 class="nhc-process-step-title">私有化部署与长期技术运维</h4>
                 <p class="nhc-process-step-desc">
-                    专业工程师提供专有云/内网物理隔离部署，全量交付工程源代码与技术文档，配备专属运维团队与 SLA 响应支持。
+                    专业工程师提供专有云/内网隔离部署，全量交付工程源代码与技术文档，配备专属运维团队与
+                    SLA 响应支持。
                 </p>
             </div>
         </div>
@@ -403,7 +642,9 @@
                 <span class="nhc-seal">资产移交</span>
                 <span class="nhc-tag-text">DELIVERABLES &amp; SLA</span>
             </div>
-            <h2 class="nhc-section-title">8 大标准交付物清单 · 全套数字资产合规移交</h2>
+            <h2 class="nhc-section-title">
+                8 大标准交付物清单 · 全套数字资产合规移交
+            </h2>
             <p class="nhc-section-desc">
                 我们不仅交付稳定运行的系统，更将完整的数字化资产与开发文档全量规范移交客户。
             </p>
@@ -413,66 +654,176 @@
         <div class="nhc-deliverables-grid">
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <polyline points="16 18 22 12 16 6" />
+                        <polyline points="8 6 2 12 8 18" />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">01 完整工程源码</h4>
-                <p class="nhc-deliverable-desc">规范注释的 Git 仓库工程，无混淆无加密，含全量第三方依赖清单与编译配置。</p>
+                <p class="nhc-deliverable-desc">
+                    规范注释的 Git
+                    仓库工程，无混淆无加密，含全量第三方依赖清单与编译配置。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <rect x="3" y="3" width="18" height="18" rx="2" />
+                        <path d="M3 9h18M9 21V9" />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">02 系统架构蓝图</h4>
-                <p class="nhc-deliverable-desc">微服务物理拓扑图、应用部署架构图、系统数据流向图与容灾切换方案。</p>
+                <p class="nhc-deliverable-desc">
+                    微服务部署拓扑图、应用部署架构图、系统数据流向图与容灾切换方案。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <ellipse cx="12" cy="5" rx="9" ry="3" />
+                        <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
+                        <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">03 数据库设计字典</h4>
-                <p class="nhc-deliverable-desc">全套数据表结构定义、字段详细注释、主外键索引设计与 ER 实体关系图。</p>
+                <p class="nhc-deliverable-desc">
+                    全套数据表结构定义、字段详细注释、主外键索引设计与 ER
+                    实体关系图。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path
+                            d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
+                        />
+                        <polyline points="14 2 14 8 20 8" />
+                        <line x1="16" y1="13" x2="8" y2="13" />
+                        <line x1="16" y1="17" x2="8" y2="17" />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">04 标准 API 接口规范</h4>
-                <p class="nhc-deliverable-desc">基于 Swagger / Postman 规格的可视化在线 API 调试文档与数据返回示例。</p>
+                <p class="nhc-deliverable-desc">
+                    基于 Swagger / Postman 规格的可视化在线 API
+                    调试文档与数据返回示例。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path
+                            d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"
+                        />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">05 需求规格与原型</h4>
-                <p class="nhc-deliverable-desc">高保真交互产品原型（Axure / Figma）及各版本需求规格说明书（PRD）。</p>
+                <p class="nhc-deliverable-desc">
+                    高保真交互产品原型（Axure /
+                    Figma）及各版本需求规格说明书（PRD）。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <polyline points="9 11 12 14 22 4" />
+                        <path
+                            d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"
+                        />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">06 测试用例与报告</h4>
-                <p class="nhc-deliverable-desc">覆盖关键业务流的单元测试、集成测试自动化脚本与质量验收签署报告。</p>
+                <p class="nhc-deliverable-desc">
+                    覆盖关键业务流的单元测试、集成测试自动化脚本与质量验收签署报告。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">07 高压测试与安全报告</h4>
-                <p class="nhc-deliverable-desc">千万级真实峰值压测报告、弱口令及 SQL 注入渗透漏洞扫描与安全合规证明。</p>
+                <p class="nhc-deliverable-desc">
+                    业务峰值压测报告、弱口令及 SQL 注入漏洞扫描与安全合规说明。
+                </p>
             </div>
 
             <div class="nhc-deliverable-item">
                 <div class="nhc-deliverable-icon">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
+                    <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <circle cx="12" cy="12" r="3" />
+                        <path
+                            d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
+                        />
+                    </svg>
                 </div>
                 <h4 class="nhc-deliverable-title">08 系统运维与应急手册</h4>
-                <p class="nhc-deliverable-desc">Docker/K8s 自动化部署脚本、日常监控告警阈值配置与系统数据备份恢复手册。</p>
+                <p class="nhc-deliverable-desc">
+                    Docker/K8s
+                    自动化部署脚本、日常监控告警阈值配置与系统数据备份恢复手册。
+                </p>
             </div>
         </div>
 
@@ -481,17 +832,24 @@
             <div class="nhc-sla-col">
                 <div class="nhc-sla-val">&lt; 15 分钟</div>
                 <div class="nhc-sla-label">7×24 生产级故障快速响应</div>
-                <p class="nhc-sla-desc">专线运维架构师待命，重大故障 2 小时内出具解决方案与恢复实施。</p>
+                <p class="nhc-sla-desc">
+                    专线运维架构师待命，重大故障 2
+                    小时内出具解决方案与恢复实施。
+                </p>
             </div>
             <div class="nhc-sla-col">
                 <div class="nhc-sla-val">365 天</div>
                 <div class="nhc-sla-label">首年全面免费维保承诺</div>
-                <p class="nhc-sla-desc">包含非人为逻辑缺陷免费修复、环境性能巡检与关键安全补丁升级。</p>
+                <p class="nhc-sla-desc">
+                    包含非人为逻辑缺陷免费修复、环境性能巡检与关键安全补丁升级。
+                </p>
             </div>
             <div class="nhc-sla-col">
                 <div class="nhc-sla-val">全量移交</div>
                 <div class="nhc-sla-label">知识产权归属客户所有</div>
-                <p class="nhc-sla-desc">签署正规商用源码交付协议，协助客户申报自主国家计算机软件著作权。</p>
+                <p class="nhc-sla-desc">
+                    签署商用源码交付协议，协助客户申报国家计算机软件著作权。
+                </p>
             </div>
         </div>
     </div>
@@ -515,41 +873,95 @@
         <div class="nhc-faq-container">
             <div class="nhc-faq-item active">
                 <div class="nhc-faq-q">
-                    <span>纳海川交付的系统是否提供全套源代码？后期能否自主二开？</span>
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
+                    <span
+                        >纳海川交付的系统是否提供全套源代码？后期能否自主二开？</span
+                    >
+                    <svg
+                        width="18"
+                        height="18"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path d="M6 9l6 6 6-6" />
+                    </svg>
                 </div>
                 <div class="nhc-faq-a">
-                    是的，纳海川严格执行“全量源码工程级移交”。项目验收后，我们将包含完整注释的 Git 仓库、数据库字典、Swagger 接口规范及构建脚本全部移交。代码遵循行业通用标准规范，没有任何私有加密后门，客户自有的技术团队完全可以无障碍接管并进行二次开发扩展。
+                    纳海川实行“全量源码工程级移交”。项目验收后，我们将包含完整注释的
+                    Git 仓库、数据库字典、Swagger
+                    接口规范及构建脚本全部移交。代码遵循行业通用标准规范，未做私有加密，客户自有的技术团队可以接管并进行二次开发扩展。
                 </div>
             </div>
 
             <div class="nhc-faq-item">
                 <div class="nhc-faq-q">
-                    <span>在企业级 AI 智能体开发中，如何确保我们的内部敏感商业数据不泄露？</span>
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
+                    <span
+                        >在企业级 AI
+                        智能体开发中，如何确保我们的内部敏感商业数据不泄露？</span
+                    >
+                    <svg
+                        width="18"
+                        height="18"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path d="M6 9l6 6 6-6" />
+                    </svg>
                 </div>
                 <div class="nhc-faq-a">
-                    纳海川提供“纯本地物理内网私有化部署方案”。所有大模型微调推理节点、向量检索数据库（Milvus）及知识库文件均部署在客户专属的本地服务器或政企信创专有云中。整个推理与检索流程完全在客户内网封闭运行，不向任何第三方公网 API 发送数据，从物理架构层面实现数据 0 泄露。
+                    纳海川提供“本地内网私有化部署方案”。所有大模型微调推理节点、向量检索数据库（Milvus）及知识库文件均部署在客户专属的本地服务器或政企信创专有云中。整个推理与检索流程完全在客户内网封闭运行，不向任何第三方公网
+                    API 发送数据，数据不出客户内网。
                 </div>
             </div>
 
             <div class="nhc-faq-item">
                 <div class="nhc-faq-q">
-                    <span>APP 与小程序开发采用什么技术路线？能否保证类似原生的流畅度？</span>
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
+                    <span
+                        >APP
+                        与小程序开发采用什么技术路线？能否保证类似原生的流畅度？</span
+                    >
+                    <svg
+                        width="18"
+                        height="18"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path d="M6 9l6 6 6-6" />
+                    </svg>
                 </div>
                 <div class="nhc-faq-a">
-                    我们根据业务场景提供两种方案：对于重交互、对性能有苛刻要求的核心应用，采用 Flutter 配合底层原生 SDK 深度优化，确保 60fps 渲染与丝滑触控；对于注重敏捷裂变、快速获客的业务，采用 Uni-app 与 Vue 3 体系，实现一套代码编译至微信、支付宝小程序及双端 App，兼顾开发效率与优秀性能。
+                    我们根据业务场景提供两种方案：对于重交互、对性能有苛刻要求的核心应用，采用
+                    Flutter 配合底层原生 SDK
+                    优化，追求接近原生的渲染与触控体验；对于注重敏捷裂变、快速获客的业务，采用
+                    Uni-app 与 Vue 3
+                    体系，实现一套代码编译至微信、支付宝小程序及双端
+                    App，兼顾开发效率与优秀性能。
                 </div>
             </div>
 
             <div class="nhc-faq-item">
                 <div class="nhc-faq-q">
-                    <span>项目工期与费用是如何进行科学评估的？是否存在隐形增项？</span>
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
+                    <span
+                        >项目工期与费用是如何进行科学评估的？是否存在隐形增项？</span
+                    >
+                    <svg
+                        width="18"
+                        height="18"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                    >
+                        <path d="M6 9l6 6 6-6" />
+                    </svg>
                 </div>
                 <div class="nhc-faq-a">
-                    纳海川坚持“需求先行、按模块工时严谨定额”。在签订合同前，资深架构师会与客户共同确认细化到每个功能点和接口的《需求规格说明书（PRD）》，并提供明确的阶段里程碑时间表。双方在明确范围后闭口定价，严格遵循合同边界，绝无任何巧立名目的隐形费用。
+                    纳海川坚持“需求先行、按模块工时定额”。在签订合同前，架构师会与客户共同确认细化到每个功能点和接口的《需求规格说明书（PRD）》，并提供明确的阶段里程碑时间表。双方在明确范围后闭口定价，严格遵循合同边界，不收取合同范围外的费用。
                 </div>
             </div>
         </div>
@@ -561,18 +973,45 @@
     <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>
+                <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">
-                    纳海川核心架构师一对一技术初审。针对您的现有业务逻辑、软硬件环境与合规要求，提供务实的技术可行性论证与排期建议，2 小时内快速响应建联。
+                    纳海川核心架构师一对一技术初审。针对您的现有业务逻辑、软硬件环境与合规要求，提供务实的技术可行性论证与排期建议，2
+                    小时内快速响应建联。
                 </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">
+                <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>
+                    <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">
+                <a
+                    href="tel:{:__config('site_mobile','value')}"
+                    class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg"
+                >
                     <span>电话咨询</span>
                 </a>
             </div>
@@ -581,23 +1020,23 @@
 </section>
 
 <script>
-document.addEventListener('DOMContentLoaded', function() {
-    // FAQ 手风琴展开与收起交互
-    var faqItems = document.querySelectorAll('.nhc-faq-item');
-    faqItems.forEach(function(item) {
-        var question = item.querySelector('.nhc-faq-q');
-        if (question) {
-            question.addEventListener('click', function() {
-                var isActive = item.classList.contains('active');
-                faqItems.forEach(function(other) {
-                    other.classList.remove('active');
+    document.addEventListener("DOMContentLoaded", function () {
+        // FAQ 手风琴展开与收起交互
+        var faqItems = document.querySelectorAll(".nhc-faq-item");
+        faqItems.forEach(function (item) {
+            var question = item.querySelector(".nhc-faq-q");
+            if (question) {
+                question.addEventListener("click", function () {
+                    var isActive = item.classList.contains("active");
+                    faqItems.forEach(function (other) {
+                        other.classList.remove("active");
+                    });
+                    if (!isActive) {
+                        item.classList.add("active");
+                    }
                 });
-                if (!isActive) {
-                    item.classList.add('active');
-                }
-            });
-        }
+            }
+        });
     });
-});
 </script>
 <!-- 纳海川官方网站 · 服务独立页 (Services Page) 结束 -->
diff --git a/addons/official/view/web/official_product/service_software.html b/addons/official/view/web/official_product/service_software.html
index 2bb315b..fb3c9c9 100644
--- a/addons/official/view/web/official_product/service_software.html
+++ b/addons/official/view/web/official_product/service_software.html
@@ -6,115 +6,318 @@
         <div class="nhc-breadcrumb">
             <a href="{:addon_url('official/web.official_home/index')}">首页</a>
             <span>/</span>
-            <a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
+            <a
+                href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}"
+                >核心服务</a
+            >
             <span>/</span>
             <span>软件开发</span>
         </div>
-        <div style="margin-bottom: 16px;">
-            <span class="nhc-seal">自主研发 · 源码交付</span>
+        <div style="margin-bottom: 16px">
+            <span class="nhc-seal">定制开发 · 源码交付</span>
         </div>
         <h1 class="nhc-page-title">企业级软件开发与微服务架构定制</h1>
         <p class="nhc-page-desc">
-            面向千万级数据吞吐与复杂业务逻辑流转，纳海川提供高可用微服务中台定制、分布式系统架构重构与异构系统整合研发，100% 移交工程源码与技术文档，支持客户本地私有化部署。
+            面向大批量数据吞吐与复杂业务逻辑，纳海川提供微服务中台定制、分布式系统架构升级与异构系统整合研发，移交完整工程源码与技术文档，支持客户本地私有化部署。
         </p>
-        <div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
+        <div
+            style="
+                display: flex;
+                justify-content: flex-start;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                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"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                <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="#deliverables" class="nhc-btn nhc-btn-outline nhc-btn-lg">
                 <span>查看交付标准</span>
             </a>
         </div>
-        <div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
-            <img src="__ADDON__/images/showcases/service_software_hero.svg" alt="纳海川高可用微服务分布式架构中枢视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
+        <div
+            class="nhc-service-hero-img"
+            style="
+                margin-top: 36px;
+                border-radius: 6px;
+                overflow: hidden;
+                border: 1px solid var(--border-color);
+                box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
+            "
+        >
+            <img
+                src="__ADDON__/images/showcases/service_software_hero.svg"
+                alt="纳海川微服务分布式架构中枢视窗"
+                style="width: 100%; height: auto; display: block"
+                loading="lazy"
+            />
         </div>
     </div>
 </section>
 
-
 <!-- 2. 软件开发分类与业务场景 (分类板块) -->
-<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="categories"
+    class="nhc-service-detail-section nhc-services-categories"
+    style="padding: 70px 0; 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 DOMAINS</span>
             </div>
-            <h2 class="nhc-section-title">聚焦核心业务场景 · 构建高可用系统架构</h2>
+            <h2 class="nhc-section-title">
+                聚焦核心业务场景 · 构建稳定系统架构
+            </h2>
             <p class="nhc-section-desc">
-                针对核心业务的高并发性能瓶颈、跨系统数据孤岛与复杂业务逻辑流转，纳海川提供针对性研发落地支撑。
+                针对核心业务的性能瓶颈、跨系统数据不一致与复杂业务逻辑，纳海川提供针对性研发支撑。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
             <!-- 场景 1 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >01</span
+                    >
                     <span class="nhc-seal">核心中台</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">高并发业务中台定制</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    高并发业务中台定制
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
                     打通会员、商品、订单、库存与资金结算中心，形成通用业务模块，支持新业务快速调用与平稳上线。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">订单路由</span>
                     <span class="nhc-tech-pill">分库分表</span>
                     <span class="nhc-tech-pill">防重结算</span>
                 </div>
-
             </div>
 
             <!-- 场景 2 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >02</span
+                    >
                     <span class="nhc-seal">架构升级</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">微服务分布式解耦重构</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    微服务分布式解耦重构
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
                     针对老旧巨石单体应用进行领域驱动设计（DDD）拆分，引入分布式事务与断路器机制，消除单点故障风险。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">Spring Cloud</span>
                     <span class="nhc-tech-pill">Sentinel</span>
-                    <span class="nhc-tech-pill">高可用调度</span>
+                    <span class="nhc-tech-pill">熔断与限流</span>
                 </div>
             </div>
 
             <!-- 场景 3 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >03</span
+                    >
                     <span class="nhc-seal">系统集成</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">异构系统数据管道与 API 网关</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    无缝联通 ERP、CRM、WMS、金税发票及第三方银行资金清算通道，构建统一安全网关与数据校验审计通道。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    异构系统数据管道与 API 网关
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    联通
+                    ERP、CRM、WMS、金税发票及第三方银行资金清算通道，构建统一安全网关与数据校验审计通道。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">API网关</span>
                     <span class="nhc-tech-pill">异构数据流</span>
                     <span class="nhc-tech-pill">全流程审计</span>
                 </div>
-
             </div>
 
             <!-- 场景 4 -->
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
-                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
-                    <span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 28px;
+                "
+            >
+                <div
+                    style="
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 16px;
+                    "
+                >
+                    <span
+                        style="
+                            font-family: var(--font-serif);
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: var(--primary);
+                        "
+                        >04</span
+                    >
                     <span class="nhc-seal">私有部署</span>
                 </div>
-                <h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">政企专属合规系统研发</h3>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
-                    适配国产信创芯片与操作系统环境，支持客户内网服务器物理隔绝部署，严格满足网络安全等级保护与合规要求。
+                <h3
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 19px;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                    "
+                >
+                    政企专属合规系统研发
+                </h3>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                        margin-bottom: 16px;
+                    "
+                >
+                    适配国产信创芯片与操作系统环境，支持部署在客户内网服务器，满足网络安全等级保护与合规要求。
                 </p>
-                <div class="nhc-tech-pills" style="margin-top: auto;">
+                <div class="nhc-tech-pills" style="margin-top: auto">
                     <span class="nhc-tech-pill">信创适配</span>
-                    <span class="nhc-tech-pill">物理隔离</span>
+                    <span class="nhc-tech-pill">内网部署</span>
                     <span class="nhc-tech-pill">等保合规</span>
                 </div>
             </div>
@@ -123,166 +326,690 @@
 </section>
 
 <!-- 3. 技术能力与架构底座 (能力板块) -->
-<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="capabilities"
+    class="nhc-tech-capabilities"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <div class="nhc-container">
         <div class="nhc-section-header">
             <div class="nhc-section-tag">
                 <span class="nhc-seal">技术底座</span>
                 <span class="nhc-tag-text">CORE STACK & SPECS</span>
             </div>
-            <h2 class="nhc-section-title">主流可靠技术体系 · 拒绝黑盒与依赖绑定</h2>
+            <h2 class="nhc-section-title">
+                主流可靠技术体系 · 拒绝黑盒与依赖绑定
+            </h2>
             <p class="nhc-section-desc">
-                我们采用业界成熟、生态健康的开源技术方案构建系统，保障客户后续自主维护与二次开发无障碍。
+                我们采用业界成熟、生态健康的开源技术方案构建系统，便于客户后续维护与二次开发。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: var(--primary); border-radius: 2px;"></span>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+                gap: 20px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: var(--primary);
+                            border-radius: 2px;
+                        "
+                    ></span>
                     后端工程栈
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Java 17 / Spring Boot 3 / Spring Cloud Alibaba、PHP 8+ / Hyperf 微服务框架、Go 语言高并发网关服务。</p>
-                <div style="font-size: 12px; color: var(--primary); font-weight: 600;">核心模块平均响应 &lt; 50ms</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    Java 17 / Spring Boot 3 / Spring Cloud Alibaba、PHP 8+ /
+                    Hyperf 微服务框架、Go 语言高并发网关服务。
+                </p>
+                <div
+                    style="
+                        font-size: 12px;
+                        color: var(--primary);
+                        font-weight: 600;
+                    "
+                >
+                    核心模块接口响应时间 以压测报告为准
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #06B6D4; border-radius: 2px;"></span>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #06b6d4;
+                            border-radius: 2px;
+                        "
+                    ></span>
                     持久化与缓存集群
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">MySQL 8.0 主从读写分离、ShardingSphere 分库分表、Redis 7 哨兵/集群缓存、Elasticsearch 8 搜索引擎。</p>
-                <div style="font-size: 12px; color: #06B6D4; font-weight: 600;">支持千万级数据量毫秒级召回</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    MySQL 8.0 主从读写分离、ShardingSphere 分库分表、Redis 7
+                    哨兵/集群缓存、Elasticsearch 8 搜索引擎。
+                </p>
+                <div style="font-size: 12px; color: #06b6d4; font-weight: 600">
+                    支持大批量数据检索
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #7C3AED; border-radius: 2px;"></span>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #7c3aed;
+                            border-radius: 2px;
+                        "
+                    ></span>
                     异步消息与调度
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">RabbitMQ 延迟队列削峰填谷、Apache Kafka 海量业务流事件回溯、XXL-JOB 分布式任务调度中心。</p>
-                <div style="font-size: 12px; color: #7C3AED; font-weight: 600;">高并发削峰防雪崩保障</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    RabbitMQ 延迟队列削峰填谷、Apache Kafka
+                    海量业务流事件回溯、XXL-JOB 分布式任务调度中心。
+                </p>
+                <div style="font-size: 12px; color: #7c3aed; font-weight: 600">
+                    异步削峰与定时调度
+                </div>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
-                    <span style="display: inline-block; width: 6px; height: 16px; background: #10B981; border-radius: 2px;"></span>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 12px;
+                        display: flex;
+                        align-items: center;
+                        gap: 8px;
+                    "
+                >
+                    <span
+                        style="
+                            display: inline-block;
+                            width: 6px;
+                            height: 16px;
+                            background: #10b981;
+                            border-radius: 2px;
+                        "
+                    ></span>
                     云原生与持续交付
                 </h4>
-                <p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Docker 容器化封装、Kubernetes 集群编排、GitLab CI / Jenkins 自动化构建部署、Prometheus 全维监控。</p>
-                <div style="font-size: 12px; color: #10B981; font-weight: 600;">自动化发布与毫秒级服务自愈</div>
+                <p
+                    style="
+                        font-size: 13px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                        margin-bottom: 14px;
+                    "
+                >
+                    Docker 容器化封装、Kubernetes 集群编排、GitLab CI / Jenkins
+                    自动化构建部署、Prometheus 全维监控。
+                </p>
+                <div style="font-size: 12px; color: #10b981; font-weight: 600">
+                    自动化发布与服务自愈
+                </div>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 4. 严谨工程研发交付流程 (流程板块) -->
-<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
+<section
+    id="process"
+    class="nhc-delivery-process"
+    style="padding: 70px 0; 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">DELIVERY LIFECYCLE</span>
             </div>
-            <h2 class="nhc-section-title">六步标准研发交付流程 · 每一个节点皆可追溯</h2>
+            <h2 class="nhc-section-title">六步标准研发交付流程 · 节点可追溯</h2>
             <p class="nhc-section-desc">
-                严格遵循 CMMI 软件成熟度与敏捷工程规范，杜绝扯皮与需求偏离，保障项目如期保质投产。
+                遵循 CMMI
+                软件成熟度与敏捷工程规范，需求变更经双方评审确认，推动项目按计划投产。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 调研拆解</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">需求与边界评审</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">明确系统功能边界、非功能指标及业务用例，输出详细需求规格说明书。</p>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+                gap: 16px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    01. 调研拆解
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    需求与边界评审
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    明确系统功能边界、非功能指标及业务用例，输出详细需求规格说明书。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 架构蓝图</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">架构设计与数据建模</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立系统拓扑结构、微服务划分、数据库 ER 关系与接口通信协议。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    02. 架构蓝图
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    架构设计与数据建模
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    确立系统拓扑结构、微服务划分、数据库 ER 关系与接口通信协议。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 敏捷开发</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">模块编码与单元自测</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">双周迭代开发，规范分支管理与严格代码审查，单元测试覆盖核心路径。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    03. 敏捷开发
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    模块编码与单元自测
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    双周迭代开发，规范分支管理与严格代码审查，单元测试覆盖核心路径。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 全面测试</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">并发压测与安全渗透</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">JMeter 压力负载测试、SQL 注入及权限漏洞渗透测试，保障系统无缺陷。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    04. 全面测试
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    并发压测与安全扫描
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    JMeter 压力负载测试、SQL
+                    注入及权限漏洞扫描，发现的缺陷在上线前修复。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 私有上线</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">内网部署与灰度割接</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">指导或协助部署至客户自有云/物理机房，平滑迁移历史数据并灰度上线。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    05. 私有上线
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    内网部署与灰度割接
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    指导或协助部署至客户自有云/机房，平滑迁移历史数据并灰度上线。
+                </p>
             </div>
-            <div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
-                <div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 源码移交</div>
-                <div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">交付验收与维保陪跑</div>
-                <p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">交接全套代码与设计文档，提供技术人员交接培训及 365 天免费质保。</p>
+            <div
+                class="nhc-corner-card"
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 20px;
+                "
+            >
+                <div
+                    style="
+                        font-family: var(--font-serif);
+                        font-size: 18px;
+                        font-weight: 700;
+                        color: var(--primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    06. 源码移交
+                </div>
+                <div
+                    style="
+                        font-size: 14px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    交付验收与维保陪跑
+                </div>
+                <p
+                    style="
+                        font-size: 12px;
+                        color: var(--text-secondary);
+                        line-height: 1.6;
+                    "
+                >
+                    交接全套代码与设计文档，提供技术人员交接培训及 365
+                    天免费质保。
+                </p>
             </div>
         </div>
     </div>
 </section>
 
 <!-- 5. 交付物与质量保障 (交付板块) -->
-<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
+<section
+    id="deliverables"
+    class="nhc-deliverables"
+    style="
+        padding: 70px 0;
+        background: #f8fafc;
+        border-top: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-color);
+    "
+>
     <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 DELIVERABLES</span>
             </div>
-            <h2 class="nhc-section-title">全套交付资产清清楚楚 · 源码资产客户专属独占</h2>
+            <h2 class="nhc-section-title">
+                全套交付资产列明清单 · 源码资产归客户所有
+            </h2>
             <p class="nhc-section-desc">
-                我们承诺向客户交付完整、无混淆、无后门的软件工程资产，客户拥有完全的自主处置权与二次开发自由。
+                我们向客户交付完整、无混淆、无后门的软件工程资产，客户拥有自主处置权与二次开发自由。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">代码与工程类交付物</h4>
+        <div
+            style="
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+                gap: 24px;
+                margin-top: 36px;
+            "
+        >
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    代码与工程类交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>完整后端服务工程源码（含完整的 Git 提交历史）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >完整后端服务工程源码（含完整的 Git 提交历史）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>完整前端管理后台与客户端源代码</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>生产环境 Dockerfile 与自动化部署 CI/CD 脚本</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>单元测试用例及代码覆盖率验证报告</span>
                     </li>
                 </ul>
             </div>
 
-            <div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">文档与合规类交付物</h4>
+            <div
+                style="
+                    background: #ffffff;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 17px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 16px;
+                    "
+                >
+                    文档与合规类交付物
+                </h4>
                 <ul class="nhc-feature-checklist">
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>《系统架构设计说明书》与领域模型架构图</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>《数据库字典说明书》（包含所有表结构与索引设计）</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >《数据库字典说明书》（包含所有表结构与索引设计）</span
+                        >
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
                         <span>标准 OpenAPI 格式的 RESTful 接口规范文档</span>
                     </li>
                     <li class="nhc-feature-check-item">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
-                        <span>《服务器部署与灾备运维手册》及技术交接培训记录</span>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                        >
+                            <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                        <span
+                            >《服务器部署与灾备运维手册》及技术交接培训记录</span
+                        >
                     </li>
                 </ul>
             </div>
@@ -291,39 +1018,116 @@
 </section>
 
 <!-- 6. 技术问答 (FAQ 板块) -->
-<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
+<section id="faq" class="nhc-faq" style="padding: 70px 0; 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">FREQUENTLY ASKED QUESTIONS</span>
             </div>
-            <h2 class="nhc-section-title">坦诚清晰 · 回答您关切的工程核心问题</h2>
+            <h2 class="nhc-section-title">坦诚清晰 · 回答关切的工程核心问题</h2>
             <p class="nhc-section-desc">
-                我们以务实透明的态度面对技术细节，确保每一次合作都有始有终、边界明晰。
+                我们以务实透明的态度面对技术细节，把合作范围与边界写进合同。
             </p>
             <div class="nhc-line-divider"><span></span></div>
         </div>
 
-        <div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 软件开发交付后，是否会移交全部源码？后续开发会受限制吗？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    纳海川交付全部未经编译混淆的完整工程源代码、数据库结构和构建脚本。所有源码知识产权归客户所有，客户可自由组建自有技术团队进行二次开发，不存在任何隐性后门与商业绑定。
+        <div
+            style="
+                max-width: 900px;
+                margin: 36px auto 0;
+                display: flex;
+                flex-direction: column;
+                gap: 16px;
+            "
+        >
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q1: 软件开发交付后，是否会移交全部源码？后续开发会受限制吗？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    纳海川交付全部未经编译混淆的完整工程源代码、数据库结构和构建脚本。所有源码知识产权归客户所有，客户可自由组建自有技术团队进行二次开发，无隐性后门与商业绑定。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 针对高并发大流量业务，纳海川如何保障系统的稳定性？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    我们在架构设计阶段即引入微服务解耦、数据库主从读写分离、Redis 多级缓存与消息队列异步解耦。上线前会执行严苛的分布式压力测试（压测指标明确写入技术协议），保障高负载下核心接口响应时间稳定在 50ms 以内。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q2: 针对高并发大流量业务，纳海川如何保障系统的稳定性？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    我们在架构设计阶段即引入微服务解耦、数据库主从读写分离、Redis
+                    多级缓存与消息队列异步解耦。上线前会执行严苛的分布式压力测试（压测指标明确写入技术协议），高负载下核心接口响应时间以压测报告为准。
                 </p>
             </div>
 
-            <div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
-                <h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 交付后的维保服务如何执行？出现故障如何响应？</h4>
-                <p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
-                    项目验收后提供 365 天首年免费质保，包含系统运行 Bug 修复、突发故障应急排除与系统安全加固。我们提供紧急故障 15 分钟内响应并介入处理的 SLA 保障机制。
+            <div
+                style="
+                    background: #f8fafc;
+                    border: 1px solid var(--border-color);
+                    border-radius: var(--radius-sm);
+                    padding: 24px;
+                "
+            >
+                <h4
+                    style="
+                        font-size: 16px;
+                        font-weight: 600;
+                        color: var(--text-primary);
+                        margin-bottom: 8px;
+                    "
+                >
+                    Q3: 交付后的维保服务如何执行？出现故障如何响应？
+                </h4>
+                <p
+                    style="
+                        font-size: 14px;
+                        color: var(--text-secondary);
+                        line-height: 1.7;
+                    "
+                >
+                    项目验收后提供 365 天首年免费质保，包含系统运行 Bug
+                    修复、突发故障应急排除与系统安全加固。我们提供紧急故障 15
+                    分钟内响应并介入处理的 SLA 保障机制。
                 </p>
             </div>
         </div>
@@ -331,19 +1135,71 @@
 </section>
 
 <!-- 7. 行动号召 (CTA 板块) -->
-<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
+<section
+    class="nhc-cta-banner"
+    style="
+        background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
+        color: #ffffff;
+        padding: 60px 0;
+        text-align: center;
+    "
+>
     <div class="nhc-container">
-        <h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
+        <h2
+            style="
+                font-family: var(--font-serif);
+                font-size: 30px;
+                font-weight: 700;
+                margin-bottom: 16px;
+                color: #ffffff;
+            "
+        >
             需要定制开发软件系统？欢迎随时沟通
         </h2>
-        <p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
-            联系纳海川资深架构师，获得针对您企业实际业务场景的技术架构评估方案与详细实施计划。
+        <p
+            style="
+                font-size: 16px;
+                opacity: 0.9;
+                max-width: 680px;
+                margin: 0 auto 32px;
+                line-height: 1.7;
+            "
+        >
+            联系纳海川架构师，获得针对企业实际业务场景的技术架构评估方案与详细实施计划。
         </p>
-        <div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
-            <a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+        <div
+            style="
+                display: flex;
+                justify-content: center;
+                gap: 16px;
+                flex-wrap: wrap;
+            "
+        >
+            <a
+                href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
+                class="nhc-btn nhc-cta-btn-light nhc-btn-lg"
+                style="
+                    background: #ffffff;
+                    color: var(--primary);
+                    font-weight: 600;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>立即预约技术沟通</span>
             </a>
-            <a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
+            <a
+                href="tel:0851-88556677"
+                class="nhc-btn nhc-btn-outline nhc-btn-lg"
+                style="
+                    border: 1px solid rgba(255, 255, 255, 0.6);
+                    color: #ffffff;
+                    padding: 12px 32px;
+                    border-radius: 4px;
+                    text-decoration: none;
+                "
+            >
                 <span>电话咨询: 0851-88556677</span>
             </a>
         </div>
diff --git a/tests/test_natural_copywriting.py b/tests/test_natural_copywriting.py
index 34ae140..21a3aa9 100644
--- a/tests/test_natural_copywriting.py
+++ b/tests/test_natural_copywriting.py
@@ -102,26 +102,26 @@ class TestNaturalCopywriting(unittest.TestCase):
         """必须包含具体务实的工程化、场景化语言"""
         # 首页务实表达
         self.assertIn(
-            "把系统做出来，也要能长期维护",
+            "系统开发与长期维护",
             self.index_html,
             "首页服务板块标题必须务实直接",
         )
         self.assertIn(
-            "四个标准化产品，可直接用，也可按需改",
+            "四个标准化产品",
             self.index_html,
             "首页产品板块标题必须清晰明确",
         )
         self.assertIn(
-            "几个客户项目，以及当时怎么解决",
+            "客户项目：问题与解决方式",
             self.index_html,
             "首页案例板块必须务实接地气",
         )
         self.assertIn(
-            "项目怎么推进",
+            "项目推进流程",
             self.index_html,
             "首页流程板块标题必须务实清晰",
         )
-        self.assertIn("客户的原话", self.index_html, "首页评价板块标题必须务实")
+        self.assertIn("客户反馈", self.index_html, "首页评价板块标题必须务实")
         self.assertIn(
             "有具体的系统研发或产品选型需求？可以直接沟通",
             self.index_html,