feat: 为全站核心板块丰富高保真系统视窗配图与专业徽章 (服务/产品/案例/关于我们)

这个提交包含在:
wikiboss
2026-10-08 18:42:17 +08:00
父节点 e8c5345539
当前提交 9a5cd9dab2
共有 29 个文件被更改,包括 2909 次插入 和 34 次删除

查看文件

@@ -74,6 +74,9 @@
</div>
</div>
</div>
<div class="nhc-case-img-wrap">
<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">65<sub>%</sub></div>
@@ -131,6 +134,9 @@
</div>
</div>
</div>
<div class="nhc-case-img-wrap">
<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">70<sub>%</sub></div>
@@ -188,6 +194,9 @@
</div>
</div>
</div>
<div class="nhc-case-img-wrap">
<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">42<sub>%</sub></div>
@@ -245,6 +254,9 @@
</div>
</div>
</div>
<div class="nhc-case-img-wrap">
<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">&lt;1.5<sub>s</sub></div>

查看文件

@@ -38,6 +38,9 @@
<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>
<div class="nhc-case-img-wrap">
<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>
@@ -77,6 +80,9 @@
<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>
<div class="nhc-case-img-wrap">
<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>
@@ -116,6 +122,9 @@
<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>
<div class="nhc-case-img-wrap">
<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>
@@ -155,6 +164,9 @@
<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;">
知识密集型政务机构「专属 RAG 业务审核智能体」
</h3>
<div class="nhc-case-img-wrap">
<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>

查看文件

@@ -241,6 +241,9 @@
<!-- 核心服务一:软件开发 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">壹</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_middle.svg" alt="企业级软件开发与微服务中台拓扑" loading="lazy">
</div>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
</div>
@@ -263,6 +266,9 @@
<!-- 核心服务二:APP与小程序定制 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">贰</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_app.svg" alt="移动端APP与微信小程序全生态跨端界面" loading="lazy">
</div>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
</div>
@@ -285,6 +291,9 @@
<!-- 核心服务三:智能体开发 -->
<div class="nhc-service-card">
<span class="nhc-service-watermark">叁</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_agent.svg" alt="政企专属AI智能体与私域大模型知识库" loading="lazy">
</div>
<div class="nhc-service-icon">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14.93V17a1 1 0 0 1-2 0v-.07A7 7 0 1 1 18.93 11H19a1 1 0 0 1 0 2h-.07A7 7 0 0 1 13 16.93zM12 6a6 6 0 1 0 6 6 6 6 0 0 0-6-6z"/></svg>
</div>
@@ -327,6 +336,9 @@
<div class="nhc-products-grid">
<!-- 产品 1:商城 -->
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_mall.svg" alt="全场景商城系统管理控制台" loading="lazy">
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge">新零售 · 全渠道</span>
<h3 class="nhc-product-name">商城</h3>
@@ -356,6 +368,9 @@
<!-- 产品 2:收银 -->
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_pos.svg" alt="智能商业收银系统软硬件终端" loading="lazy">
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge">智慧门店 · 秒级结算</span>
<h3 class="nhc-product-name">收银</h3>
@@ -385,6 +400,9 @@
<!-- 产品 3:进销存 -->
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_erp.svg" alt="业财一体化进销存调度中枢" loading="lazy">
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge">业财一体 · 精细管控</span>
<h3 class="nhc-product-name">进销存</h3>
@@ -414,6 +432,9 @@
<!-- 产品 4:SaaS版本 -->
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_saas.svg" alt="云原生高可用多租户SaaS平台大盘" loading="lazy">
</div>
<div class="nhc-product-header">
<span class="nhc-product-type-badge">云原生 · 高可用</span>
<h3 class="nhc-product-name">SaaS版本</h3>
@@ -469,6 +490,9 @@
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消集团全渠道分销订货中台调度控制中心视窗" loading="lazy">
</div>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>
@@ -508,6 +532,9 @@
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
</div>
<h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
</div>
<div class="nhc-case-details">
<div class="nhc-case-detail-row">
<span class="nhc-case-detail-label">业务挑战</span>

查看文件

@@ -240,6 +240,9 @@
<div class="nhc-services-grid">
<div class="nhc-service-card">
<span class="nhc-service-watermark">壹</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_middle.svg" alt="企业级软件开发与微服务中台拓扑" loading="lazy">
</div>
<h3 class="nhc-service-title">软件开发</h3>
<p class="nhc-service-desc">
定制企业级业务中台与私有化核心系统,解决高并发性能瓶颈、数据孤岛与复杂业务逻辑流转难题。
@@ -259,6 +262,9 @@
<div class="nhc-service-card">
<span class="nhc-service-watermark">贰</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_app.svg" alt="移动端APP与微信小程序全生态跨端界面" loading="lazy">
</div>
<h3 class="nhc-service-title">APP与小程序定制</h3>
<p class="nhc-service-desc">
覆盖全端移动生态,深度定制 iOS/Android 原生与跨平台 APP,无缝接入微信、支付宝及抖音小程序。
@@ -278,6 +284,9 @@
<div class="nhc-service-card">
<span class="nhc-service-watermark">叁</span>
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/service_agent.svg" alt="政企专属AI智能体与私域大模型知识库" loading="lazy">
</div>
<h3 class="nhc-service-title">智能体开发</h3>
<p class="nhc-service-desc">
聚焦垂直领域大模型工程化落地,研发具备深度业务推理、企业知识库检索(RAG)与自主工作流调度的 Agent。
@@ -319,6 +328,9 @@
<div class="nhc-products-grid">
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_mall.svg" alt="全场景商城系统管理控制台" loading="lazy">
</div>
<span class="nhc-product-type-badge">全渠道商城</span>
<h3 class="nhc-product-name">商城</h3>
<p class="nhc-product-desc">B2B2C 多商户入驻、社交裂变营销与全域私域流量精细化运营系统。</p>
@@ -327,6 +339,9 @@
</div>
</div>
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_pos.svg" alt="智能商业收银系统软硬件终端" loading="lazy">
</div>
<span class="nhc-product-type-badge">毫秒级收银</span>
<h3 class="nhc-product-name">收银</h3>
<p class="nhc-product-desc">软硬件一体智能收银系统,聚合支付秒级核销,断网离线平稳记账。</p>
@@ -335,6 +350,9 @@
</div>
</div>
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_erp.svg" alt="业财一体化进销存调度中枢" loading="lazy">
</div>
<span class="nhc-product-type-badge">业财一体化</span>
<h3 class="nhc-product-name">进销存</h3>
<p class="nhc-product-desc">采购、销售、仓储与财务全链路打通,多仓实时调拨与智能补货预警。</p>
@@ -343,6 +361,9 @@
</div>
</div>
<div class="nhc-product-card">
<div class="nhc-card-thumb">
<img src="__ADDON__/images/showcases/product_saas.svg" alt="云原生高可用多租户SaaS平台大盘" loading="lazy">
</div>
<span class="nhc-product-type-badge">多租户平台</span>
<h3 class="nhc-product-name">SaaS版本</h3>
<p class="nhc-product-desc">云原生高可用多租户架构,开箱即用免运维,弹性扩展金融级容灾。</p>
@@ -377,6 +398,9 @@
<div class="nhc-case-card">
<span class="nhc-case-category">商贸流通</span>
<h3 class="nhc-case-title">快消集团全渠道分销订货中台</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_distrib.svg" alt="快消集团全渠道分销订货中台调度控制中心视窗" loading="lazy">
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">65%</div>
@@ -398,6 +422,9 @@
<div class="nhc-case-card">
<span class="nhc-case-category">连锁零售</span>
<h3 class="nhc-case-title">全国餐饮连锁收银与门店一体化</h3>
<div class="nhc-case-img-wrap">
<img src="__ADDON__/images/showcases/case_catering.svg" alt="全国连锁餐饮智能收银与后厨KDS联动视窗" loading="lazy">
</div>
<div class="nhc-case-metrics-bar">
<div class="nhc-case-metric-box">
<div class="nhc-case-metric-num">70%</div>

查看文件

@@ -133,8 +133,8 @@
<!-- 专家 1 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">技术委员会主任</div>
<div class="nhc-team-avatar-box">
<span class="nhc-team-avatar-text">首席</span>
<div 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>
@@ -151,8 +151,8 @@
<!-- 专家 2 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">工程交付主管</div>
<div class="nhc-team-avatar-box">
<span class="nhc-team-avatar-text">全栈</span>
<div 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>
@@ -169,8 +169,8 @@
<!-- 专家 3 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">前沿技术带头人</div>
<div class="nhc-team-avatar-box">
<span class="nhc-team-avatar-text">算法</span>
<div 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>
@@ -187,8 +187,8 @@
<!-- 专家 4 -->
<div class="nhc-team-card nhc-corner-card">
<div class="nhc-team-badge">质保与合规专家</div>
<div class="nhc-team-avatar-box">
<span class="nhc-team-avatar-text">安全</span>
<div 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>
@@ -222,22 +222,26 @@
<!-- 资质证书与合规标准网格 -->
<div class="nhc-certs-grid">
<div class="nhc-cert-card">
<div class="nhc-cert-seal">认定</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_hi_tech.svg" alt="国家高新技术企业认证" style="width: 140px; height: auto;">
</div>
<h3 class="nhc-cert-name">国家高新技术企业</h3>
<p class="nhc-cert-sub">证书编号:GR202352000891 · 全国高新技术企业认定管理机构备案认定</p>
</div>
<div class="nhc-cert-card">
<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">评估证书:黔RQ-2023-0142 · 软件产品与软件企业专业规范评估</p>
</div>
<div class="nhc-cert-card">
<div class="nhc-cert-seal">体系</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>
<h3 class="nhc-cert-name">ISO9001:2015 质量管理体系认证</h3>
<p class="nhc-cert-sub">证书编号:00123Q31890R1M · 全生命周期敏捷研发与质量交付规范</p>
</div>
<div class="nhc-cert-card">
<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">证书编号:00123I20982R0S · 客户数据资产与信息安全防护标准体系</p>

查看文件

@@ -97,36 +97,48 @@
<div style="display: flex; flex-direction: column; gap: 12px;">
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">首席系统架构师</h3>
<span style="font-size: 11px; color: #2563EB; font-weight: 600;">技术委员会主任</span>
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_architect.svg" alt="首席系统架构师徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">首席系统架构师</h3>
<span style="font-size: 11px; color: #2563EB; font-weight: 600;">技术委员会主任</span>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">15+ 年工业级架构经验 · 前一线大厂架构委员</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导十亿级高并发中台与纳海川底层高可用交易引擎。</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">全栈研发总监</h3>
<span style="font-size: 11px; color: #06B6D4; font-weight: 600;">工程交付主管</span>
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_fullstack.svg" alt="全栈研发总监徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">全栈研发总监</h3>
<span style="font-size: 11px; color: #06B6D4; font-weight: 600;">工程交付主管</span>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">12+ 年企业软件工程经验 · 供应链系统奠基人</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">主导近百套商业进销存、收银及供应链系统工程落地。</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">AI 智能体算法主管</h3>
<span style="font-size: 11px; color: #7C3AED; font-weight: 600;">前沿技术带头人</span>
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_ai.svg" alt="AI智能体算法主管徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">AI 智能体算法主管</h3>
<span style="font-size: 11px; color: #7C3AED; font-weight: 600;">前沿技术带头人</span>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">计算机硕士 · 私有 RAG 与 Agent 工作流</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">专注于政企内网环境大模型微调与多智能体工作流协同。</p>
</div>
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 16px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">质量与安全合规专家</h3>
<span style="font-size: 11px; color: #0F172A; font-weight: 600;">CISSP 专家</span>
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
<img src="__ADDON__/images/showcases/team_security.svg" alt="质量与安全合规专家徽章" style="width: 46px; height: 46px; flex-shrink: 0;">
<div>
<h3 style="font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #0F172A; margin: 0;">质量与安全合规专家</h3>
<span style="font-size: 11px; color: #059669; font-weight: 600;">CISSP 专家</span>
</div>
</div>
<div style="font-size: 11px; color: #64748B; margin-bottom: 6px;">CISSP / ISO 9001/27001 审计师</div>
<p style="font-size: 12px; color: #475569; margin: 0; line-height: 1.5;">推行 TDD 敏捷测试与白盒审计,落实等保三级合规要求。</p>
@@ -143,21 +155,25 @@
</h2>
</div>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px;">
<div style="background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 12px; text-align: center;">
<div style="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: 11px; color: #64748B; margin-top: 2px;">官方机构备案认定</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; text-align: center;">
<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: 11px; color: #64748B; margin-top: 2px;">软件专业技术评估</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; text-align: center;">
<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: 11px; color: #64748B; margin-top: 2px;">标准化交付体系</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; text-align: center;">
<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: 11px; color: #64748B; margin-top: 2px;">信息安全合规标准</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;">

查看文件

@@ -46,6 +46,9 @@
<!-- 产品 01:全场景商城系统 -->
<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">
</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>
@@ -84,6 +87,9 @@
<!-- 产品 02:智能商业收银系统 -->
<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">
</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>
@@ -122,6 +128,9 @@
<!-- 产品 03:全链路进销存系统 -->
<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">
</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>
@@ -160,6 +169,9 @@
<!-- 产品 04:云原生 SaaS 平台 -->
<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">
</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>

查看文件

@@ -79,6 +79,9 @@
</ul>
</div>
<div class="nhc-service-visual-box">
<div class="nhc-service-media-box">
<img src="__ADDON__/images/showcases/service_middle.svg" alt="微服务高可用中台拓扑架构" loading="lazy">
</div>
<div class="nhc-visual-title">
<span>技术指标规格</span>
<span class="nhc-seal">企业标准</span>
@@ -140,6 +143,9 @@
</ul>
</div>
<div class="nhc-service-visual-box">
<div class="nhc-service-media-box">
<img src="__ADDON__/images/showcases/service_app.svg" alt="移动端原生与微信小程序跨端界面" loading="lazy">
</div>
<div class="nhc-visual-title">
<span>全端体验规格</span>
<span class="nhc-seal">原生级</span>
@@ -201,6 +207,9 @@
</ul>
</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">
</div>
<div class="nhc-visual-title">
<span>智能体指标规格</span>
<span class="nhc-seal">合规私有</span>

查看文件

@@ -3583,3 +3583,75 @@ img {
padding: 24px 20px;
}
}
/* ==========================================================================
高端现代中式浅色专业风 · 站点配图与视觉视窗系统 (Showcases & Visuals)
========================================================================== */
.nhc-card-thumb {
width: 100%;
border-radius: var(--radius-sm);
overflow: hidden;
background-color: #F8FAFC;
border: 1px solid var(--border-color);
margin-bottom: 20px;
position: relative;
display: block;
}
.nhc-card-thumb img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.nhc-service-card:hover .nhc-card-thumb img,
.nhc-product-card:hover .nhc-card-thumb img,
.nhc-product-full-card:hover .nhc-card-thumb img {
transform: scale(1.025);
}
.nhc-case-img-wrap {
width: 100%;
border-radius: var(--radius-sm);
overflow: hidden;
margin: 18px 0;
border: 1px solid var(--border-color);
background: #FFFFFF;
box-shadow: var(--shadow-subtle);
transition: all 0.3s ease;
}
.nhc-case-img-wrap img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.nhc-case-card:hover .nhc-case-img-wrap {
border-color: #BFDBFE;
box-shadow: var(--shadow-card);
}
.nhc-case-card:hover .nhc-case-img-wrap img {
transform: scale(1.015);
}
.nhc-service-media-box {
width: 100%;
border-radius: var(--radius-sm);
overflow: hidden;
border: 1px solid var(--border-color);
background: #FFFFFF;
margin-bottom: 20px;
}
.nhc-service-media-box img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}

查看文件

@@ -0,0 +1,96 @@
<svg width="640" height="400" viewBox="0 0 640 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="c2Bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="640" height="400" rx="8" fill="url(#c2Bg)"/>
<rect x="1" y="1" width="638" height="398" rx="7" fill="none" stroke="#CBD5E1" stroke-width="1.5"/>
<!-- 浏览器顶部视窗窗口栏 -->
<rect x="0" y="0" width="640" height="38" rx="8 8 0 0" fill="#F1F5F9" stroke="#E2E8F0"/>
<circle cx="20" cy="19" r="4.5" fill="#EF4444"/>
<circle cx="34" cy="19" r="4.5" fill="#F59E0B"/>
<circle cx="48" cy="19" r="4.5" fill="#10B981"/>
<rect x="70" y="8" width="460" height="22" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="82" y="23" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">https://store-kds.chain-dining.com · 全国连锁门店收银与后厨 KDS 联动中枢</text>
<rect x="548" y="9" width="76" height="20" rx="2" fill="#ECFEFF" stroke="#06B6D4"/>
<text x="556" y="23" fill="#0891B2" font-size="10" font-weight="700">连锁零售系统</text>
<!-- 左侧控制大盘看板 -->
<g transform="translate(18, 50)">
<!-- 顶部核心数据指标 -->
<rect x="0" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="22" fill="#64748B" font-size="10">全国在运连锁门店</text>
<text x="12" y="48" fill="#0F172A" font-size="18" font-weight="700">300+ <tspan font-size="10" font-weight="400">家实体店</tspan></text>
<text x="12" y="62" fill="#10B981" font-size="9">● 软硬件设备在线率 99.9%</text>
<rect x="152" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="164" y="22" fill="#64748B" font-size="10">结账耗时大幅缩短</text>
<text x="164" y="48" fill="#2563EB" font-size="18" font-weight="700">70% <tspan font-size="10" font-weight="400" fill="#10B981">平均降至5秒</tspan></text>
<text x="164" y="62" fill="#64748B" font-size="9">排队拥堵现象彻底解决</text>
<rect x="304" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="316" y="22" fill="#64748B" font-size="10">断网掉单率记录</text>
<text x="316" y="48" fill="#10B981" font-size="18" font-weight="700">0 掉单 <tspan font-size="10" font-weight="400">零丢单</tspan></text>
<text x="316" y="62" fill="#10B981" font-size="9">离线 SQLite 本地高可用</text>
<rect x="456" y="0" width="148" height="70" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="468" y="22" fill="#065F46" font-size="10" font-weight="700">门店综合翻台率提升</text>
<text x="468" y="48" fill="#047857" font-size="20" font-weight="700">+28%</text>
<text x="468" y="62" fill="#047857" font-size="9">微信扫码点单与KDS同拍</text>
<!-- 中部:门店收银台与后厨出餐联动实时状态 -->
<g transform="translate(0, 82)">
<rect width="395" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="14" y="24" fill="#1E293B" font-size="11" font-weight="700">典型示范门店(贵阳中环店)实时前台与后厨联动看板</text>
<g transform="translate(14, 38)">
<!-- 前台桌号 -->
<rect width="175" height="110" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="22" fill="#0F172A" font-size="10" font-weight="700">前台智能扫码点单 (Table 08)</text>
<text x="12" y="40" fill="#64748B" font-size="9">顾客下单:招牌牛肉面 + 鲜饮</text>
<text x="12" y="55" fill="#2563EB" font-size="9" font-weight="600">已微信付款 ¥ 58.00 (毫秒清算)</text>
<rect x="12" y="70" width="151" height="26" rx="2" fill="#ECFDF5"/>
<text x="20" y="86" fill="#047857" font-size="9" font-weight="700">✓ 自动扣减中央仓物料库存</text>
<!-- 后厨 KDS -->
<rect x="190" y="0" width="175" height="110" rx="3" fill="#0F172A"/>
<text x="202" y="22" fill="#FFFFFF" font-size="10" font-weight="700">后厨智能 KDS 看板 (冷热分流)</text>
<text x="202" y="40" fill="#38BDF8" font-size="9">热食档口:制作中 (已耗时 2分15秒)</text>
<text x="202" y="58" fill="#10B981" font-size="9">水吧档口:已出餐 (待服务员端送)</text>
<rect x="202" y="72" width="151" height="24" rx="2" fill="#1E293B"/>
<text x="210" y="88" fill="#F59E0B" font-size="8">平均出餐耗时 4.2 分钟 (优于标准)</text>
</g>
</g>
<!-- 右侧:软硬件兼容规格 -->
<g transform="translate(407, 82)">
<rect width="197" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="24" fill="#1E293B" font-size="11" font-weight="700">工程与硬件兼容落地</text>
<rect x="10" y="38" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="54" fill="#0F172A" font-size="10" font-weight="600">双屏收银一体机支持</text>
<text x="16" y="68" fill="#64748B" font-size="9">客显扫码付、会员权益互动</text>
<rect x="10" y="82" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="98" fill="#0F172A" font-size="10" font-weight="600">热敏打印与蜂鸣呼叫</text>
<text x="16" y="112" fill="#10B981" font-size="9">防漏单声音灯光双重预警</text>
<rect x="10" y="126" width="177" height="40" rx="3" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="16" y="144" fill="#1E40AF" font-size="10" font-weight="700">财务业财报表实时同步</text>
<text x="16" y="157" fill="#3B82F6" font-size="8">每日晚间全自动闭店结转</text>
</g>
<!-- 底部保障条 -->
<g transform="translate(0, 268)">
<rect width="604" height="68" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="26" fill="#0F172A" font-size="11" font-weight="700">技术方案成效总结:</text>
<text x="130" y="26" fill="#475569" font-size="11">通过部署纳海川商用收银系统与后厨 KDS 联动方案,成功攻克用餐高峰掉单与排队痛点,</text>
<text x="16" y="48" fill="#475569" font-size="11">实现结账时间缩短 70%、断网离线零丢单,目前已在全国超过 300 家门店稳定运行超过 3 年。</text>
</g>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.3 KiB

查看文件

@@ -0,0 +1,98 @@
<svg width="640" height="400" viewBox="0 0 640 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="c1Bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="640" height="400" rx="8" fill="url(#c1Bg)"/>
<rect x="1" y="1" width="638" height="398" rx="7" fill="none" stroke="#CBD5E1" stroke-width="1.5"/>
<!-- 浏览器顶部视窗窗口栏 -->
<rect x="0" y="0" width="640" height="38" rx="8 8 0 0" fill="#F1F5F9" stroke="#E2E8F0"/>
<circle cx="20" cy="19" r="4.5" fill="#EF4444"/>
<circle cx="34" cy="19" r="4.5" fill="#F59E0B"/>
<circle cx="48" cy="19" r="4.5" fill="#10B981"/>
<rect x="70" y="8" width="460" height="22" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="82" y="23" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">https://order.hub.enterprise.com · 快消集团全渠道订货调度大屏</text>
<rect x="548" y="9" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="556" y="23" fill="#2563EB" font-size="10" font-weight="700">商贸批发中台</text>
<!-- 左侧控制大盘看板 -->
<g transform="translate(18, 50)">
<!-- 顶部核心数据指标 -->
<rect x="0" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="22" fill="#64748B" font-size="10">今日分销订货流水</text>
<text x="12" y="48" fill="#0F172A" font-size="18" font-weight="700">¥ 12,890,400</text>
<text x="12" y="62" fill="#10B981" font-size="9">▲ 较传统订货提升 65%</text>
<rect x="152" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="164" y="22" fill="#64748B" font-size="10">实时待审核订单</text>
<text x="164" y="48" fill="#2563EB" font-size="18" font-weight="700">0 <tspan font-size="11" font-weight="400" fill="#10B981">自动全审过</tspan></text>
<text x="164" y="62" fill="#64748B" font-size="9">差错率从 3.8% 降至 0.02%</text>
<rect x="304" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="316" y="22" fill="#64748B" font-size="10">接入各级经销商</text>
<text x="316" y="48" fill="#0F172A" font-size="18" font-weight="700">3,420 <tspan font-size="10" font-weight="400">家</tspan></text>
<text x="316" y="62" fill="#10B981" font-size="9">授信账期全自动风控</text>
<rect x="456" y="0" width="148" height="70" rx="4" fill="#EFF6FF" stroke="#93C5FD"/>
<text x="468" y="22" fill="#1E40AF" font-size="10" font-weight="700">分单出库履约时效</text>
<text x="468" y="48" fill="#2563EB" font-size="20" font-weight="700">18 <tspan font-size="11" font-weight="400">分钟</tspan></text>
<text x="468" y="62" fill="#1D4ED8" font-size="9">以往手工录单需 24+ 小时</text>
<!-- 中部:订单流向与区域经销商网络分布 -->
<g transform="translate(0, 82)">
<rect width="395" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="14" y="24" fill="#1E293B" font-size="11" font-weight="700">全国各省区分销中台订单实时流入明细</text>
<rect x="14" y="38" width="367" height="32" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="22" y="58" fill="#0F172A" font-size="10" font-weight="600">西南运营中心 · 贵阳总仓</text>
<text x="180" y="58" fill="#2563EB" font-size="10">订货额 ¥ 4,820,000</text>
<rect x="300" y="44" width="70" height="20" rx="2" fill="#ECFDF5"/>
<text x="312" y="58" fill="#047857" font-size="9" font-weight="700">秒级自动拆单</text>
<rect x="14" y="76" width="367" height="32" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="22" y="96" fill="#0F172A" font-size="10" font-weight="600">华东运营中心 · 杭州总仓</text>
<text x="180" y="96" fill="#2563EB" font-size="10">订货额 ¥ 3,940,000</text>
<rect x="300" y="82" width="70" height="20" rx="2" fill="#ECFDF5"/>
<text x="312" y="96" fill="#047857" font-size="9" font-weight="700">秒级自动拆单</text>
<rect x="14" y="114" width="367" height="32" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="22" y="134" fill="#0F172A" font-size="10" font-weight="600">华南运营中心 · 广州总仓</text>
<text x="180" y="134" fill="#2563EB" font-size="10">订货额 ¥ 4,130,400</text>
<rect x="300" y="120" width="70" height="20" rx="2" fill="#ECFDF5"/>
<text x="312" y="134" fill="#047857" font-size="9" font-weight="700">秒级自动拆单</text>
<text x="14" y="165" fill="#64748B" font-size="9">微服务集群压测峰值 QPS 12,800+ · 连续生产运行 720 天零故障</text>
</g>
<!-- 右侧:阶梯价试算与授信清算状态 -->
<g transform="translate(407, 82)">
<rect width="197" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="24" fill="#1E293B" font-size="11" font-weight="700">核心引擎结算验证</text>
<rect x="10" y="38" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="54" fill="#0F172A" font-size="10" font-weight="600">多级阶梯定价引擎</text>
<text x="16" y="68" fill="#10B981" font-size="9">钻石/金牌/合伙人精准核算</text>
<rect x="10" y="82" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="98" fill="#0F172A" font-size="10" font-weight="600">授信账期风控中枢</text>
<text x="16" y="112" fill="#2563EB" font-size="9">超额自动锁单,杜绝坏账</text>
<rect x="10" y="126" width="177" height="40" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="16" y="144" fill="#065F46" font-size="10" font-weight="700">通过最终工程联合验收</text>
<text x="16" y="157" fill="#047857" font-size="8">客户信息技术部全 5 星评价</text>
</g>
<!-- 底部保障条 -->
<g transform="translate(0, 268)">
<rect width="604" height="68" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="26" fill="#0F172A" font-size="11" font-weight="700">技术方案成效总结:</text>
<text x="130" y="26" fill="#475569" font-size="11">以高可用分布式 Spring Cloud + MySQL 读写分离架构彻底替代旧版笨重单体系统,</text>
<text x="16" y="48" fill="#475569" font-size="11">实现订单时效提升 65%,人工复核差错率降至 0.02%,平稳承载大促单日 10W+ 笔订单峰值压力。</text>
</g>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.5 KiB

查看文件

@@ -0,0 +1,91 @@
<svg width="640" height="400" viewBox="0 0 640 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="c3Bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="640" height="400" rx="8" fill="url(#c3Bg)"/>
<rect x="1" y="1" width="638" height="398" rx="7" fill="none" stroke="#CBD5E1" stroke-width="1.5"/>
<!-- 浏览器顶部视窗窗口栏 -->
<rect x="0" y="0" width="640" height="38" rx="8 8 0 0" fill="#F1F5F9" stroke="#E2E8F0"/>
<circle cx="20" cy="19" r="4.5" fill="#EF4444"/>
<circle cx="34" cy="19" r="4.5" fill="#F59E0B"/>
<circle cx="48" cy="19" r="4.5" fill="#10B981"/>
<rect x="70" y="8" width="460" height="22" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="82" y="23" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">https://internal.ai-gov.portal.local · 某省政企公文与合规智能体中台 (纯内网隔离)</text>
<rect x="548" y="9" width="76" height="20" rx="2" fill="#FAF5FF" stroke="#7C3AED"/>
<text x="556" y="23" fill="#7C3AED" font-size="10" font-weight="700">政企智能体</text>
<!-- 左侧控制大盘看板 -->
<g transform="translate(18, 50)">
<!-- 顶部核心数据指标 -->
<rect x="0" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="22" fill="#64748B" font-size="10">内网收录规章公文</text>
<text x="12" y="48" fill="#0F172A" font-size="18" font-weight="700">80,000+ <tspan font-size="10" font-weight="400">篇</tspan></text>
<text x="12" y="62" fill="#10B981" font-size="9">100% 向量化解析索引</text>
<rect x="152" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="164" y="22" fill="#64748B" font-size="10">合规初审自动通过率</text>
<text x="164" y="48" fill="#2563EB" font-size="18" font-weight="700">94.6% <tspan font-size="10" font-weight="400" fill="#10B981">准确无误</tspan></text>
<text x="164" y="62" fill="#64748B" font-size="9">条款红线漏检率 0%</text>
<rect x="304" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="316" y="22" fill="#64748B" font-size="10">公文检索响应时长</text>
<text x="316" y="48" fill="#10B981" font-size="18" font-weight="700">&lt; 1.5s <tspan font-size="10" font-weight="400">秒级直达</tspan></text>
<text x="316" y="62" fill="#10B981" font-size="9">从人工数小时降至秒级</text>
<rect x="456" y="0" width="148" height="70" rx="4" fill="#FAF5FF" stroke="#E9D5FF"/>
<text x="468" y="22" fill="#6B21A8" font-size="10" font-weight="700">数据外泄事故记录</text>
<text x="468" y="48" fill="#7C3AED" font-size="20" font-weight="700">0 泄露</text>
<text x="468" y="62" fill="#6B21A8" font-size="9">物理内网隔离 · 零上公网</text>
<!-- 中部:公文智能合规比对与问答视窗 -->
<g transform="translate(0, 82)">
<rect width="395" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="14" y="24" fill="#1E293B" font-size="11" font-weight="700">智能体合规审查实时交互流 (RAG 检索增强)</text>
<g transform="translate(14, 36)">
<!-- 提问框 -->
<rect width="367" height="34" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="21" fill="#475569" font-size="10">待审文件:《某大型基建设备采购招标文件第4章 合规初核》</text>
<!-- 智能体分析回复 -->
<rect y="42" width="367" height="88" rx="3" fill="#FAF5FF" stroke="#E9D5FF"/>
<text x="12" y="58" fill="#6B21A8" font-size="10" font-weight="700">纳海川合规 Agent 初核结论 (耗时 1.2s · 匹配条例 12 处):</text>
<text x="12" y="74" fill="#334155" font-size="9">✓ 资金支付节点符合《政府采购管理法实施条例》第28条要求;</text>
<text x="12" y="88" fill="#DC2626" font-size="9" font-weight="700">! 发现风险点:第 4.2 节质保金留存比例超过 5%,建议调整为 3%;</text>
<text x="12" y="104" fill="#10B981" font-size="9">✓ 已自动附带国家标准法律原文段落出处,支持人工一键跳转核对。</text>
</g>
</g>
<!-- 右侧:内网模型配置 -->
<g transform="translate(407, 82)">
<rect width="197" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="24" fill="#1E293B" font-size="11" font-weight="700">内网技术栈与规格</text>
<rect x="10" y="38" width="177" height="38" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="16" y="54" fill="#065F46" font-size="10" font-weight="600">纯私有内网物理部署</text>
<text x="16" y="68" fill="#047857" font-size="8">政企机房私有服务器托管</text>
<rect x="10" y="82" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="98" fill="#0F172A" font-size="10" font-weight="600">国产算力芯片量化加速</text>
<text x="16" y="112" fill="#64748B" font-size="8">华为昇腾 NPU · 4-bit 量化运行</text>
<rect x="10" y="126" width="177" height="40" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="144" fill="#0F172A" font-size="10" font-weight="600">多 Agent 工作流编排</text>
<text x="16" y="157" fill="#2563EB" font-size="8">初核 -&gt; 比对 -&gt; 汇签全自动流转</text>
</g>
<!-- 底部保障条 -->
<g transform="translate(0, 268)">
<rect width="604" height="68" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="26" fill="#0F172A" font-size="11" font-weight="700">技术方案成效总结:</text>
<text x="130" y="26" fill="#475569" font-size="11">通过将企业专属私有知识库与开源大语言模型量化微调技术融合,在纯内网环境中,</text>
<text x="16" y="48" fill="#475569" font-size="11">使公文法条精准检索时效提速至 1.5 秒以内,合规审核准确率达 94.6%,实现关键政务公文零泄密保障。</text>
</g>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.0 KiB

查看文件

@@ -0,0 +1,90 @@
<svg width="640" height="400" viewBox="0 0 640 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="c4Bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="640" height="400" rx="8" fill="url(#c4Bg)"/>
<rect x="1" y="1" width="638" height="398" rx="7" fill="none" stroke="#CBD5E1" stroke-width="1.5"/>
<!-- 浏览器顶部视窗窗口栏 -->
<rect x="0" y="0" width="640" height="38" rx="8 8 0 0" fill="#F1F5F9" stroke="#E2E8F0"/>
<circle cx="20" cy="19" r="4.5" fill="#EF4444"/>
<circle cx="34" cy="19" r="4.5" fill="#F59E0B"/>
<circle cx="48" cy="19" r="4.5" fill="#10B981"/>
<rect x="70" y="8" width="460" height="22" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="82" y="23" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">https://mes-erp.heavy-machinery.com · 智能制造数字车间生产与进销存大屏</text>
<rect x="548" y="9" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#2563EB"/>
<text x="556" y="23" fill="#2563EB" font-size="10" font-weight="700">智能制造ERP</text>
<!-- 左侧控制大盘看板 -->
<g transform="translate(18, 50)">
<!-- 顶部核心数据指标 -->
<rect x="0" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="22" fill="#64748B" font-size="10">仓储物料周转率</text>
<text x="12" y="48" fill="#0F172A" font-size="18" font-weight="700">+42% <tspan font-size="10" font-weight="400" fill="#10B981">周转提速</tspan></text>
<text x="12" y="62" fill="#10B981" font-size="9">呆滞物料减少 68%</text>
<rect x="152" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="164" y="22" fill="#64748B" font-size="10">生产排产计划耗时</text>
<text x="164" y="48" fill="#2563EB" font-size="18" font-weight="700">10 分钟 <tspan font-size="10" font-weight="400" fill="#10B981">智能生成</tspan></text>
<text x="164" y="62" fill="#64748B" font-size="9">原需人工排程 2 天</text>
<rect x="304" y="0" width="142" height="70" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="316" y="22" fill="#64748B" font-size="10">全批次一码溯源追踪</text>
<text x="316" y="48" fill="#10B981" font-size="18" font-weight="700">100% <tspan font-size="10" font-weight="400">全覆盖</tspan></text>
<text x="316" y="62" fill="#10B981" font-size="9">原材料-半成品-成品贯通</text>
<rect x="456" y="0" width="148" height="70" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="468" y="22" fill="#065F46" font-size="10" font-weight="700">业财财务核算差错</text>
<text x="468" y="48" fill="#047857" font-size="20" font-weight="700">0 误差</text>
<text x="468" y="62" fill="#047857" font-size="9">进销存与金蝶自动对账</text>
<!-- 中部:车间生产排产与仓库调拨看板 -->
<g transform="translate(0, 82)">
<rect width="395" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="14" y="24" fill="#1E293B" font-size="11" font-weight="700">数字化装配车间 4 条产线与 3 级立体库联动状态</text>
<g transform="translate(14, 36)">
<rect width="367" height="34" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="21" fill="#0F172A" font-size="10" font-weight="700">产线 01 (高压泵体装配):工单 #WO-9821 正常执行 · 进度 86%</text>
<rect y="40" width="367" height="34" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="61" fill="#0F172A" font-size="10" font-weight="700">产线 02 (精工齿轮加工):工单 #WO-9822 正常执行 · 进度 92%</text>
<rect y="80" width="367" height="42" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="12" y="98" fill="#065F46" font-size="10" font-weight="700">立体仓 AGV 自动配送中枢:</text>
<text x="12" y="112" fill="#047857" font-size="9">已自动呼叫 2 号 AGV 前往 3 号线送达标准组件,物料无等待</text>
</g>
</g>
<!-- 右侧:工业集成认证 -->
<g transform="translate(407, 82)">
<rect width="197" height="175" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="24" fill="#1E293B" font-size="11" font-weight="700">工业级特性与指标</text>
<rect x="10" y="38" width="177" height="38" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="54" fill="#0F172A" font-size="10" font-weight="600">Modbus / PLC 设备对接</text>
<text x="16" y="68" fill="#64748B" font-size="8">机床运行工况秒级自动采集</text>
<rect x="10" y="82" width="177" height="38" rx="3" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="16" y="98" fill="#1E40AF" font-size="10" font-weight="600">BOM 多层级拆解引擎</text>
<text x="16" y="112" fill="#3B82F6" font-size="8">支持 10 层以上父子级物料穿透</text>
<rect x="10" y="126" width="177" height="40" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="16" y="144" fill="#065F46" font-size="10" font-weight="700">通过省级数字化车间验收</text>
<text x="16" y="157" fill="#047857" font-size="8">获评智能制造标杆示范项目</text>
</g>
<!-- 底部保障条 -->
<g transform="translate(0, 268)">
<rect width="604" height="68" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="26" fill="#0F172A" font-size="11" font-weight="700">技术方案成效总结:</text>
<text x="130" y="26" fill="#475569" font-size="11">通过业财一体进销存与数字化车间 MES 深度融合,打通物料采购、在制品流转与财务核算全链路,</text>
<text x="16" y="48" fill="#475569" font-size="11">使生产排产计划耗时从 2 天骤降至 10 分钟以内,库存周转率提升 42%,实现全批次物料百分百一码追溯。</text>
</g>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 5.9 KiB

查看文件

@@ -0,0 +1,11 @@
<svg width="160" height="100" viewBox="0 0 160 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="160" height="100" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
<!-- 细金边与内框 -->
<rect x="4" y="4" width="152" height="92" rx="2" fill="#FFFBEB" stroke="#FDE68A" stroke-width="1"/>
<!-- 权威太阳齿轮徽章 -->
<circle cx="80" cy="38" r="18" fill="#F59E0B" opacity="0.15"/>
<circle cx="80" cy="38" r="14" stroke="#D97706" stroke-width="1.5"/>
<path d="M80 27 L83 34 L90 35 L85 40 L86 47 L80 44 L74 47 L75 40 L70 35 L77 34 Z" fill="#D97706"/>
<text x="80" y="68" fill="#92400E" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700" text-anchor="middle">国家高新技术企业</text>
<text x="80" y="82" fill="#B45309" font-family="'Inter', sans-serif" font-size="8" text-anchor="middle">HIGH-TECH ENTERPRISE</text>
</svg>

之后

宽度:  |  高度:  |  大小: 906 B

查看文件

@@ -0,0 +1,10 @@
<svg width="160" height="100" viewBox="0 0 160 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="160" height="100" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
<rect x="4" y="4" width="152" height="92" rx="2" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
<!-- ISO 认证徽记 -->
<circle cx="80" cy="38" r="18" fill="#2563EB" opacity="0.1"/>
<circle cx="80" cy="38" r="14" stroke="#2563EB" stroke-width="1.5"/>
<text x="80" y="42" fill="#1D4ED8" font-family="'Inter', sans-serif" font-size="10" font-weight="800" text-anchor="middle">ISO</text>
<text x="80" y="68" fill="#1E40AF" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700" text-anchor="middle">ISO 9001 认证</text>
<text x="80" y="82" fill="#3B82F6" font-family="'Inter', sans-serif" font-size="8" text-anchor="middle">QUALITY MANAGEMENT</text>
</svg>

之后

宽度:  |  高度:  |  大小: 891 B

查看文件

@@ -0,0 +1,96 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="erpBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="600" height="380" rx="8" fill="url(#erpBg)"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Enterprise Inventory &amp; Finance ERP · 业财一体化进销存调度中枢</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#ECFEFF" stroke="#06B6D4" stroke-width="1"/>
<text x="506" y="41" fill="#0891B2" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">业财一体</text>
<!-- 左侧:多仓实时调拨矩阵看板 -->
<g transform="translate(20, 65)">
<rect width="360" height="295" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="360" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">全国多仓实时库存分布与调拨</text>
<!-- 仓库 1 -->
<rect x="12" y="44" width="160" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="64" fill="#0F172A" font-size="11" font-weight="700">西南总仓 (贵阳中央仓)</text>
<text x="20" y="82" fill="#2563EB" font-size="15" font-weight="700">142,800 <tspan font-size="10" font-weight="400" fill="#64748B">件在库</tspan></text>
<text x="20" y="104" fill="#10B981" font-size="9">库容使用率 72% · 安全库存</text>
<!-- 仓库 2 -->
<rect x="188" y="44" width="160" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="196" y="64" fill="#0F172A" font-size="11" font-weight="700">华东前置仓 (杭州中转)</text>
<text x="196" y="82" fill="#0F172A" font-size="15" font-weight="700">38,200 <tspan font-size="10" font-weight="400" fill="#64748B">件在库</tspan></text>
<text x="196" y="104" fill="#F59E0B" font-size="9">触及补货预警线 (需调拨)</text>
<!-- 调拨流动示意 -->
<path d="M 92 125 L 92 145 L 268 145 L 268 125" stroke="#2563EB" stroke-width="2" stroke-dasharray="4,3"/>
<rect x="145" y="135" width="70" height="20" rx="3" fill="#2563EB"/>
<text x="180" y="149" fill="#FFFFFF" font-size="9" font-weight="600" text-anchor="middle">在途调拨 5,000 件</text>
<!-- 进销存明细表格 -->
<g transform="translate(12, 168)">
<rect width="336" height="114" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect width="336" height="26" rx="4 4 0 0" fill="#F8FAFC"/>
<text x="10" y="17" fill="#64748B" font-size="9" font-weight="600">批次SKU编号</text>
<text x="100" y="17" fill="#64748B" font-size="9" font-weight="600">品名规格</text>
<text x="180" y="17" fill="#64748B" font-size="9" font-weight="600">入库成本价</text>
<text x="260" y="17" fill="#64748B" font-size="9" font-weight="600">财务核算状态</text>
<text x="10" y="44" fill="#334155" font-size="9">SKU-2026-001</text>
<text x="100" y="44" fill="#0F172A" font-size="9">智能传感主板 A型</text>
<text x="180" y="44" fill="#334155" font-size="9">¥ 124.50</text>
<text x="260" y="44" fill="#10B981" font-size="9">已自动记账</text>
<line x1="8" y1="56" x2="328" y2="56" stroke="#F1F5F9"/>
<text x="10" y="74" fill="#334155" font-size="9">SKU-2026-002</text>
<text x="100" y="74" fill="#0F172A" font-size="9">高频微控芯片 B型</text>
<text x="180" y="74" fill="#334155" font-size="9">¥ 88.00</text>
<text x="260" y="74" fill="#10B981" font-size="9">已自动记账</text>
<line x1="8" y1="86" x2="328" y2="86" stroke="#F1F5F9"/>
<text x="10" y="104" fill="#334155" font-size="9">SKU-2026-003</text>
<text x="100" y="104" fill="#0F172A" font-size="9">外壳精密组件 C型</text>
<text x="180" y="104" fill="#334155" font-size="9">¥ 45.20</text>
<text x="260" y="104" fill="#2563EB" font-size="9">在途采购暂估</text>
</g>
</g>
<!-- 右侧:财务穿透与审计卡片 -->
<g transform="translate(395, 65)">
<rect width="185" height="295" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="185" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">业财无缝直通凭证</text>
<rect x="12" y="44" width="161" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="65" fill="#0F172A" font-size="11" font-weight="700">出入库自动生成凭证</text>
<text x="20" y="82" fill="#64748B" font-size="9">一键生成金蝶/用友凭证格式</text>
<text x="20" y="94" fill="#10B981" font-size="9">彻底消除人工录入误差</text>
<rect x="12" y="114" width="161" height="60" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="20" y="135" fill="#1E40AF" font-size="11" font-weight="700">移动 PDA 扫码出入库</text>
<text x="20" y="152" fill="#3B82F6" font-size="9">一维码 / 二维码 / RFID</text>
<text x="20" y="164" fill="#3B82F6" font-size="9">单秒扫码盘点 3 件以上</text>
<rect x="12" y="184" width="161" height="96" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="205" fill="#0F172A" font-size="11" font-weight="700">智能补货分析决策</text>
<text x="20" y="224" fill="#64748B" font-size="9">结合过去 90 天消耗速率</text>
<text x="20" y="238" fill="#64748B" font-size="9">自动计算采购建议单</text>
<text x="20" y="260" fill="#2563EB" font-size="10" font-weight="700">资金周转率提升 42%</text>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.1 KiB

查看文件

@@ -0,0 +1,107 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="mallBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="600" height="380" rx="8" fill="url(#mallBg)"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Omni-Channel E-Commerce Platform · 全渠道商城管理控制台</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#EFF6FF" stroke="#2563EB" stroke-width="1"/>
<text x="506" y="41" fill="#2563EB" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">全域营销</text>
<!-- 左侧导航 -->
<rect x="20" y="65" width="110" height="295" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="28" y="75" width="94" height="26" rx="3" fill="#2563EB"/>
<text x="36" y="92" fill="#FFFFFF" font-size="11" font-weight="600">运营大盘</text>
<text x="36" y="125" fill="#475569" font-size="11">商品库管理</text>
<text x="36" y="155" fill="#475569" font-size="11">多商户入驻</text>
<text x="36" y="185" fill="#475569" font-size="11">全渠道订单</text>
<text x="36" y="215" fill="#475569" font-size="11">二级分销裂变</text>
<text x="36" y="245" fill="#475569" font-size="11">拼团与砍价</text>
<text x="36" y="275" fill="#475569" font-size="11">供应商对账</text>
<text x="36" y="305" fill="#475569" font-size="11">系统与权限</text>
<!-- 主内容区 -->
<!-- 核心数据指标卡片 4 个 -->
<g transform="translate(140, 65)">
<rect x="0" y="0" width="102" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="10" y="18" fill="#64748B" font-size="10">今日实收销售额</text>
<text x="10" y="42" fill="#0F172A" font-size="16" font-weight="700">¥ 389,450</text>
<text x="10" y="54" fill="#10B981" font-size="9">环比增长 +18.4%</text>
<rect x="112" y="0" width="102" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="122" y="18" fill="#64748B" font-size="10">有效支付订单数</text>
<text x="122" y="42" fill="#2563EB" font-size="16" font-weight="700">4,982 <tspan font-size="10" font-weight="400">单</tspan></text>
<text x="122" y="54" fill="#10B981" font-size="9">履约率 99.8%</text>
<rect x="224" y="0" width="102" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="234" y="18" fill="#64748B" font-size="10">入驻独立商户</text>
<text x="234" y="42" fill="#0F172A" font-size="16" font-weight="700">268 <tspan font-size="10" font-weight="400">家</tspan></text>
<text x="234" y="54" fill="#2563EB" font-size="9">今日活跃 100%</text>
<rect x="336" y="0" width="102" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="346" y="18" fill="#64748B" font-size="10">分销佣金支出</text>
<text x="346" y="42" fill="#7C3AED" font-size="16" font-weight="700">¥ 41,200</text>
<text x="346" y="54" fill="#64748B" font-size="9">系统自动合规对账</text>
</g>
<!-- 销售折线趋势图 -->
<g transform="translate(140, 135)">
<rect x="0" y="0" width="280" height="150" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="20" fill="#1E293B" font-size="11" font-weight="700">全域渠道交易实时走势 (小程序/APP/H5)</text>
<!-- 折线与网格 -->
<line x1="20" y1="40" x2="260" y2="40" stroke="#F1F5F9"/>
<line x1="20" y1="75" x2="260" y2="75" stroke="#F1F5F9"/>
<line x1="20" y1="110" x2="260" y2="110" stroke="#F1F5F9"/>
<!-- 渐变面积折线 -->
<path d="M 30 115 Q 70 85 110 95 T 180 55 T 250 45" fill="none" stroke="#2563EB" stroke-width="2.5"/>
<circle cx="110" cy="95" r="3.5" fill="#2563EB"/>
<circle cx="180" cy="55" r="3.5" fill="#2563EB"/>
<circle cx="250" cy="45" r="3.5" fill="#2563EB"/>
<path d="M 30 130 Q 70 120 110 110 T 180 85 T 250 80" fill="none" stroke="#06B6D4" stroke-width="2" stroke-dasharray="3,3"/>
<text x="25" y="138" fill="#64748B" font-size="9">00:00</text>
<text x="95" y="138" fill="#64748B" font-size="9">08:00</text>
<text x="165" y="138" fill="#64748B" font-size="9">14:00</text>
<text x="235" y="138" fill="#64748B" font-size="9">20:00</text>
</g>
<!-- 右侧:多商户与分销结算状态卡片 -->
<g transform="translate(430, 135)">
<rect x="0" y="0" width="150" height="150" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="12" y="20" fill="#1E293B" font-size="11" font-weight="700">最新分账状态</text>
<rect x="10" y="32" width="130" height="32" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="47" fill="#334155" font-size="9">商户【贵阳数谷旗舰】</text>
<text x="16" y="58" fill="#10B981" font-size="8">已分账 ¥12,490 · 秒级到账</text>
<rect x="10" y="70" width="130" height="32" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="16" y="85" fill="#334155" font-size="9">分销合伙人【王总】</text>
<text x="16" y="96" fill="#2563EB" font-size="8">佣金提成 ¥840 · 自动扣税</text>
<rect x="10" y="108" width="130" height="32" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="16" y="123" fill="#047857" font-size="9" font-weight="700">财务合规对账平滑</text>
<text x="16" y="134" fill="#047857" font-size="8">支持银联/微信官方直连</text>
</g>
<!-- 底部状态条 -->
<rect x="140" y="295" width="440" height="65" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<text x="152" y="318" fill="#0F172A" font-size="11" font-weight="700">全场景交付支持:</text>
<text x="250" y="318" fill="#475569" font-size="11">微信小程序 + 原生 App + H5响应式 + 供应商PC独立管理后台</text>
<text x="152" y="342" fill="#10B981" font-size="10">✓ 源码白盒交付</text>
<text x="252" y="342" fill="#10B981" font-size="10">✓ 支持秒杀高并发集群化</text>
<text x="390" y="342" fill="#10B981" font-size="10">✓ 专有云与私有化一键部署</text>
</svg>

之后

宽度:  |  高度:  |  大小: 6.4 KiB

查看文件

@@ -0,0 +1,119 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="posBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="600" height="380" rx="8" fill="url(#posBg)"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Smart Cashier &amp; Offline Store POS · 软硬一体离线收银终端</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="506" y="41" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">毫秒核销</text>
<!-- 左侧:双屏收银主操作视窗 (双屏交互) -->
<g transform="translate(20, 65)">
<rect width="360" height="295" rx="6" fill="#0F172A" stroke="#334155" stroke-width="2"/>
<rect x="6" y="6" width="348" height="283" rx="4" fill="#FFFFFF"/>
<!-- 顶部状态栏 -->
<rect x="6" y="6" width="348" height="36" rx="4 4 0 0" fill="#1E293B"/>
<text x="18" y="28" fill="#FFFFFF" font-size="12" font-weight="700">纳海川智能收银台 · 门店01号机</text>
<circle cx="280" cy="24" r="4" fill="#10B981"/>
<text x="290" y="28" fill="#10B981" font-size="10">网络畅通 / 离线就绪</text>
<!-- 收银左侧:商品点单分类 -->
<rect x="12" y="48" width="80" height="235" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="14" y="52" width="76" height="26" rx="2" fill="#2563EB"/>
<text x="24" y="69" fill="#FFFFFF" font-size="10" font-weight="600">推荐爆款</text>
<text x="24" y="98" fill="#475569" font-size="10">现磨咖啡</text>
<text x="24" y="126" fill="#475569" font-size="10">烘焙面包</text>
<text x="24" y="154" fill="#475569" font-size="10">特调饮品</text>
<text x="24" y="182" fill="#475569" font-size="10">联名周边</text>
<text x="24" y="210" fill="#475569" font-size="10">代金卡券</text>
<!-- 收银中间:点单流 -->
<g transform="translate(98, 48)">
<rect width="130" height="235" rx="3" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="6" y="8" width="118" height="36" rx="2" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="24" fill="#0F172A" font-size="10" font-weight="700">经典美式咖啡 × 2</text>
<text x="12" y="36" fill="#EF4444" font-size="9" font-weight="700">¥ 38.00</text>
<rect x="6" y="48" width="118" height="36" rx="2" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="64" fill="#0F172A" font-size="10" font-weight="700">法式牛角包 × 1</text>
<text x="12" y="76" fill="#EF4444" font-size="9" font-weight="700">¥ 18.00</text>
<rect x="6" y="88" width="118" height="36" rx="2" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="12" y="104" fill="#0F172A" font-size="10" font-weight="700">会员尊享折扣券</text>
<text x="12" y="116" fill="#10B981" font-size="9" font-weight="700">- ¥ 10.00</text>
<!-- 结算汇总 -->
<line x1="8" y1="180" x2="122" y2="180" stroke="#CBD5E1"/>
<text x="10" y="200" fill="#64748B" font-size="10">合计 3 件应收:</text>
<text x="10" y="222" fill="#EF4444" font-size="18" font-weight="700">¥ 46.00</text>
</g>
<!-- 收银右侧:结算键盘与扫码交互 -->
<g transform="translate(234, 48)">
<rect width="114" height="235" rx="3" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="6" y="8" width="102" height="42" rx="3" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="12" y="26" fill="#065F46" font-size="10" font-weight="700">扫码枪已就绪</text>
<text x="12" y="40" fill="#047857" font-size="8">聚合支持微信/支付宝</text>
<!-- 快速数字键盘 -->
<g fill="#FFFFFF" stroke="#CBD5E1" font-size="11" font-weight="600" text-anchor="middle">
<rect x="6" y="58" width="30" height="26" rx="2"/><text x="21" y="75" fill="#334155">1</text>
<rect x="42" y="58" width="30" height="26" rx="2"/><text x="57" y="75" fill="#334155">2</text>
<rect x="78" y="58" width="30" height="26" rx="2"/><text x="93" y="75" fill="#334155">3</text>
<rect x="6" y="90" width="30" height="26" rx="2"/><text x="21" y="107" fill="#334155">4</text>
<rect x="42" y="90" width="30" height="26" rx="2"/><text x="57" y="107" fill="#334155">5</text>
<rect x="78" y="90" width="30" height="26" rx="2"/><text x="93" y="107" fill="#334155">6</text>
<rect x="6" y="122" width="30" height="26" rx="2"/><text x="21" y="139" fill="#334155">7</text>
<rect x="42" y="122" width="30" height="26" rx="2"/><text x="57" y="139" fill="#334155">8</text>
<rect x="78" y="122" width="30" height="26" rx="2"/><text x="93" y="139" fill="#334155">9</text>
<rect x="6" y="154" width="30" height="26" rx="2"/><text x="21" y="171" fill="#334155">0</text>
<rect x="42" y="154" width="30" height="26" rx="2"/><text x="57" y="171" fill="#334155">.</text>
<rect x="78" y="154" width="30" height="26" rx="2"/><text x="93" y="171" fill="#EF4444">C</text>
</g>
<rect x="6" y="190" width="102" height="40" rx="4" fill="#10B981"/>
<text x="57" y="214" fill="#FFFFFF" font-size="12" font-weight="700" text-anchor="middle">极速结算 (Enter)</text>
</g>
</g>
<!-- 右侧:软硬件一体化特性 -->
<g transform="translate(395, 65)">
<rect width="185" height="295" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="185" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">商用级软硬件能力</text>
<rect x="12" y="44" width="161" height="52" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="20" y="65" fill="#1E40AF" font-size="11" font-weight="700">断网脱机收银机制</text>
<text x="20" y="82" fill="#3B82F6" font-size="9">本地 SQLite 离线记账</text>
<text x="20" y="92" fill="#3B82F6" font-size="9">联网后自动幂等重传防掉单</text>
<rect x="12" y="106" width="161" height="52" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="127" fill="#0F172A" font-size="11" font-weight="700">后厨 KDS 实时分单</text>
<text x="20" y="144" fill="#64748B" font-size="9">按档口精准分拆菜品</text>
<text x="20" y="154" fill="#64748B" font-size="9">超时出餐大屏红色预警</text>
<rect x="12" y="168" width="161" height="52" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="189" fill="#0F172A" font-size="11" font-weight="700">全硬件生态驱动适配</text>
<text x="20" y="206" fill="#64748B" font-size="9">商米 / 联想 / 智联 / 映美</text>
<text x="20" y="216" fill="#64748B" font-size="9">电子秤、钱箱、客显无缝直连</text>
<rect x="12" y="230" width="161" height="52" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="20" y="251" fill="#065F46" font-size="11" font-weight="700">单店与千店连锁统一管理</text>
<text x="20" y="268" fill="#047857" font-size="9">云端报表与权限垂直下发</text>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 7.5 KiB

查看文件

@@ -0,0 +1,97 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="saasBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
</defs>
<rect width="600" height="380" rx="8" fill="url(#saasBg)"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Cloud-Native Multi-Tenant SaaS Platform · 云原生高可用多租户平台</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#FAF5FF" stroke="#7C3AED" stroke-width="1"/>
<text x="506" y="41" fill="#7C3AED" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">多租户云</text>
<!-- 左侧:多租户隔离与集群健康度 -->
<g transform="translate(20, 65)">
<rect width="360" height="295" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="360" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">多租户逻辑/物理混合隔离架构</text>
<!-- 租户 A -->
<rect x="12" y="44" width="104" height="80" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="18" y="62" fill="#1E40AF" font-size="10" font-weight="700">租户 01 (政企专享)</text>
<text x="18" y="78" fill="#3B82F6" font-size="9">独享独立数据库</text>
<text x="18" y="92" fill="#3B82F6" font-size="9">专有加密通道</text>
<text x="18" y="112" fill="#10B981" font-size="9">● SLA 99.99%</text>
<!-- 租户 B -->
<rect x="128" y="44" width="104" height="80" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="134" y="62" fill="#0F172A" font-size="10" font-weight="700">租户 02 (商贸连锁)</text>
<text x="134" y="78" fill="#64748B" font-size="9">共享模式隔离</text>
<text x="134" y="92" fill="#64748B" font-size="9">Tenant-ID 过滤</text>
<text x="134" y="112" fill="#10B981" font-size="9">● 响应 22ms</text>
<!-- 租户 C -->
<rect x="244" y="44" width="104" height="80" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="250" y="62" fill="#0F172A" font-size="10" font-weight="700">租户 03 (智能制造)</text>
<text x="250" y="78" fill="#64748B" font-size="9">混合模式隔离</text>
<text x="250" y="92" fill="#64748B" font-size="9">文件专属存储</text>
<text x="250" y="112" fill="#10B981" font-size="9">● 状态正常</text>
<!-- 下半部:Kubernetes 容器与资源大盘 -->
<g transform="translate(12, 138)">
<rect width="336" height="144" rx="4" fill="#0F172A"/>
<text x="14" y="24" fill="#F8FAFC" font-size="11" font-weight="700">K8s Pod 集群健康度与弹性伸缩监控</text>
<rect x="14" y="38" width="96" height="42" rx="3" fill="#1E293B"/>
<text x="22" y="54" fill="#94A3B8" font-size="9">CPU 平均利用率</text>
<text x="22" y="72" fill="#10B981" font-size="14" font-weight="700">34.2%</text>
<rect x="120" y="38" width="96" height="42" rx="3" fill="#1E293B"/>
<text x="128" y="54" fill="#94A3B8" font-size="9">内存占用峰值</text>
<text x="128" y="72" fill="#38BDF8" font-size="14" font-weight="700">42.8%</text>
<rect x="226" y="38" width="96" height="42" rx="3" fill="#1E293B"/>
<text x="234" y="54" fill="#94A3B8" font-size="9">活跃 Pod 节点</text>
<text x="234" y="72" fill="#A855F7" font-size="14" font-weight="700">48 / 48</text>
<!-- 实时日志流模拟 -->
<text x="14" y="104" fill="#64748B" font-family="'Consolas', monospace" font-size="8">[INFO] Cluster sync: All 48 microservice nodes healthy. Zero packets dropped.</text>
<text x="14" y="118" fill="#10B981" font-family="'Consolas', monospace" font-size="8">[SUCCESS] Automated disaster recovery heartbeat check passed (Dual-region Active).</text>
<text x="14" y="132" fill="#64748B" font-family="'Consolas', monospace" font-size="8">[METRICS] Total transactions today: 1,489,203 · Mean latency: 32.4ms</text>
</g>
</g>
<!-- 右侧:SaaS 核心保障 -->
<g transform="translate(395, 65)">
<rect width="185" height="295" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="185" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">SaaS 工业级部署</text>
<rect x="12" y="44" width="161" height="52" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="20" y="65" fill="#065F46" font-size="11" font-weight="700">开箱即用免运维</text>
<text x="20" y="82" fill="#047857" font-size="9">按需开通企业租户</text>
<text x="20" y="92" fill="#047857" font-size="9">系统版本自动平滑升级</text>
<rect x="12" y="106" width="161" height="52" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="127" fill="#0F172A" font-size="11" font-weight="700">双活跨区域容灾</text>
<text x="20" y="144" fill="#64748B" font-size="9">异地数据实时热备份</text>
<text x="20" y="154" fill="#64748B" font-size="9">RPO=0,RTO &lt; 30s</text>
<rect x="12" y="168" width="161" height="52" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="189" fill="#0F172A" font-size="11" font-weight="700">企业级安全防护</text>
<text x="20" y="206" fill="#64748B" font-size="9">Web 应用防火墙 WAF</text>
<text x="20" y="216" fill="#64748B" font-size="9">DDoS 防护与敏感字段脱敏</text>
<rect x="12" y="230" width="161" height="52" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="20" y="251" fill="#1E40AF" font-size="11" font-weight="700">支持一键转私有化</text>
<text x="20" y="268" fill="#3B82F6" font-size="9">未来业务扩大可平滑迁至专有云</text>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.2 KiB

查看文件

@@ -0,0 +1,103 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="aiBgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
<pattern id="aiGrid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
</pattern>
</defs>
<rect width="600" height="380" rx="8" fill="url(#aiBgGrad)"/>
<rect width="600" height="380" rx="8" fill="url(#aiGrid)" opacity="0.6"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Enterprise Private AI Agent &amp; RAG Architecture · 企业私域智能体与知识库</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#FAF5FF" stroke="#7C3AED" stroke-width="1"/>
<text x="506" y="41" fill="#7C3AED" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">格物致知</text>
<!-- 左侧:企业私域多源知识库接入 -->
<g transform="translate(30, 80)">
<rect width="150" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="150" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">私域数据知识库</text>
<circle cx="136" cy="16" r="3.5" fill="#7C3AED"/>
<rect x="12" y="44" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="20" y="66" fill="#334155" font-size="11">企业制度 / 规章条例</text>
<rect x="12" y="90" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="20" y="112" fill="#334155" font-size="11">业务数据库 / SQL 字典</text>
<rect x="12" y="136" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="20" y="158" fill="#334155" font-size="11">客服历史工单语料</text>
<!-- 向量切片器 -->
<rect x="12" y="186" width="126" height="72" rx="4" fill="#FAF5FF" stroke="#E9D5FF"/>
<text x="20" y="206" fill="#6B21A8" font-size="11" font-weight="700">Milvus / PgVector</text>
<text x="20" y="224" fill="#7C3AED" font-size="10">语义切块 Chunking</text>
<text x="20" y="242" fill="#64748B" font-size="9">BGE / Text2Vec 向量重排</text>
</g>
<!-- 连接箭头 1 -->
<path d="M 180 222 L 225 222" stroke="#7C3AED" stroke-width="2" stroke-dasharray="4,3"/>
<!-- 中间:私有化大模型推理引擎与 Multi-Agent 编排 -->
<g transform="translate(225, 80)">
<rect width="180" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="180" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">智能体编排与调度中枢</text>
<circle cx="166" cy="16" r="3.5" fill="#10B981"/>
<!-- Agent 1 -->
<rect x="12" y="44" width="156" height="42" rx="4" fill="#EFF6FF" stroke="#93C5FD"/>
<text x="20" y="63" fill="#1D4ED8" font-size="11" font-weight="700">Router Agent (意图路由)</text>
<text x="20" y="77" fill="#64748B" font-size="9">精准分流制度咨询 / 工单审批</text>
<!-- Agent 2 -->
<rect x="12" y="96" width="156" height="42" rx="4" fill="#ECFEFF" stroke="#A5F3FC"/>
<text x="20" y="115" fill="#0E7490" font-size="11" font-weight="700">Audit Agent (合规比对)</text>
<text x="20" y="129" fill="#64748B" font-size="9">对照法条规则进行红线标注</text>
<!-- Agent 3 -->
<rect x="12" y="148" width="156" height="42" rx="4" fill="#FAF5FF" stroke="#E9D5FF"/>
<text x="20" y="167" fill="#6B21A8" font-size="11" font-weight="700">Action Agent (执行联动)</text>
<text x="20" y="181" fill="#64748B" font-size="9">自动调用 ERP / OA 触发审批流</text>
<!-- 运行指标 -->
<rect x="12" y="200" width="156" height="58" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="220" fill="#0F172A" font-size="11" font-weight="700">私域端到端平均响应</text>
<text x="20" y="240" fill="#2563EB" font-size="16" font-weight="700">&lt; 1.5s <tspan font-size="10" font-weight="400" fill="#64748B">语义相似度 96.8%</tspan></text>
</g>
<!-- 连接箭头 2 -->
<path d="M 405 222 L 440 222" stroke="#2563EB" stroke-width="2"/>
<!-- 右侧:企业内网安全隔离交付 -->
<g transform="translate(440, 80)">
<rect width="130" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="130" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">安全合规落地</text>
<rect x="12" y="44" width="106" height="54" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="18" y="65" fill="#065F46" font-size="11" font-weight="700">物理隔离</text>
<text x="18" y="83" fill="#047857" font-size="10">纯内网本地部署</text>
<text x="18" y="93" fill="#047857" font-size="9">零数据上传公网</text>
<rect x="12" y="108" width="106" height="54" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="18" y="129" fill="#334155" font-size="11" font-weight="700">国产算力适配</text>
<text x="18" y="147" fill="#64748B" font-size="10">昇腾 / 寒武纪 /</text>
<text x="18" y="157" fill="#64748B" font-size="9">海光 DCU 量化优化</text>
<rect x="12" y="172" width="106" height="86" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="18" y="193" fill="#1E40AF" font-size="11" font-weight="700">工单自动化率</text>
<text x="18" y="218" fill="#2563EB" font-size="18" font-weight="700">85%+</text>
<text x="18" y="238" fill="#64748B" font-size="9">人工复核耗时缩短</text>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 6.2 KiB

查看文件

@@ -0,0 +1,136 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="appBgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
<pattern id="appGrid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
</pattern>
</defs>
<rect width="600" height="380" rx="8" fill="url(#appBgGrad)"/>
<rect width="600" height="380" rx="8" fill="url(#appGrid)" opacity="0.6"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制条 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Cross-Platform Native Experience · iOS / Android / 小程序全端互通</text>
<rect x="500" y="27" width="66" height="20" rx="2" fill="#EFF6FF" stroke="#2563EB" stroke-width="1"/>
<text x="506" y="41" fill="#2563EB" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">精工原生</text>
<!-- 左侧:手机外框 1 (原生应用 APP 界面) -->
<g transform="translate(45, 75)">
<!-- 手机机身 -->
<rect width="150" height="280" rx="20" fill="#0F172A" stroke="#334155" stroke-width="2"/>
<!-- 屏幕 -->
<rect x="6" y="6" width="138" height="268" rx="15" fill="#FFFFFF"/>
<!-- 灵动岛/听筒 -->
<rect x="50" y="11" width="50" height="10" rx="5" fill="#0F172A"/>
<!-- 顶部状态栏 -->
<text x="16" y="20" fill="#0F172A" font-size="8" font-family="'Inter', sans-serif" font-weight="600">9:41</text>
<circle cx="132" cy="18" r="2.5" fill="#10B981"/>
<!-- App 头部 -->
<rect x="12" y="32" width="126" height="38" rx="4" fill="#2563EB"/>
<text x="20" y="48" fill="#FFFFFF" font-size="10" font-weight="700">纳海川定制移动中枢</text>
<text x="20" y="60" fill="#BFDBFE" font-size="8">全流程业务流已安全接入</text>
<!-- 快捷功能九宫格 -->
<rect x="12" y="76" width="38" height="36" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="56" y="76" width="38" height="36" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="100" y="76" width="38" height="36" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<circle cx="31" cy="90" r="6" fill="#EFF6FF"/>
<circle cx="75" cy="90" r="6" fill="#ECFDF5"/>
<circle cx="119" cy="90" r="6" fill="#FAF5FF"/>
<text x="20" y="106" fill="#64748B" font-size="7">订单核销</text>
<text x="64" y="106" fill="#64748B" font-size="7">库存调拨</text>
<text x="108" y="106" fill="#64748B" font-size="7">实时报表</text>
<!-- 列表数据卡片 -->
<rect x="12" y="120" width="126" height="42" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="18" y="136" fill="#1E293B" font-size="9" font-weight="700">全国总仓实时出库单</text>
<text x="18" y="152" fill="#10B981" font-size="8">已同步 · 蓝牙扫码枪正常</text>
<rect x="12" y="170" width="126" height="42" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="18" y="186" fill="#1E293B" font-size="9" font-weight="700">智能 POS 聚合收款记录</text>
<text x="18" y="202" fill="#2563EB" font-size="8">¥ 28,490.00 · 刚刚核对完成</text>
<!-- 底部 Tabbar -->
<rect x="6" y="238" width="138" height="36" rx="0 0 15 15" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="0.5"/>
<circle cx="36" cy="254" r="5" fill="#2563EB"/>
<circle cx="75" cy="254" r="5" fill="#CBD5E1"/>
<circle cx="114" cy="254" r="5" fill="#CBD5E1"/>
</g>
<!-- 中间:手机外框 2 (微信小程序 / 微信生态) -->
<g transform="translate(225, 75)">
<rect width="150" height="280" rx="20" fill="#0F172A" stroke="#334155" stroke-width="2"/>
<rect x="6" y="6" width="138" height="268" rx="15" fill="#FFFFFF"/>
<!-- 胶囊按钮 -->
<rect x="96" y="14" width="42" height="14" rx="7" fill="#F1F5F9" stroke="#E2E8F0"/>
<circle cx="106" cy="21" r="2.5" fill="#64748B"/>
<circle cx="128" cy="21" r="2.5" fill="#64748B"/>
<line x1="117" y1="17" x2="117" y2="25" stroke="#E2E8F0"/>
<text x="16" y="24" fill="#0F172A" font-size="10" font-weight="700">品牌定制小程序</text>
<!-- 小程序 Banner 幻灯展示 -->
<rect x="12" y="36" width="126" height="56" rx="6" fill="#06B6D4"/>
<text x="20" y="58" fill="#FFFFFF" font-size="11" font-weight="700">会员权益与分销专区</text>
<text x="20" y="74" fill="#CFFAFE" font-size="8">双轨裂变机制 · 一键授权登录</text>
<!-- 商城分类与列表 -->
<rect x="12" y="100" width="60" height="66" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="18" y="106" width="48" height="32" rx="3" fill="#E2E8F0"/>
<text x="18" y="148" fill="#1E293B" font-size="8" font-weight="600">热销商品A</text>
<text x="18" y="158" fill="#EF4444" font-size="8" font-weight="700">¥ 199.00</text>
<rect x="78" y="100" width="60" height="66" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<rect x="84" y="106" width="48" height="32" rx="3" fill="#E2E8F0"/>
<text x="84" y="148" fill="#1E293B" font-size="8" font-weight="600">热销商品B</text>
<text x="84" y="158" fill="#EF4444" font-size="8" font-weight="700">¥ 358.00</text>
<!-- 微信支付安全保障 -->
<rect x="12" y="174" width="126" height="52" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="20" y="194" fill="#065F46" font-size="9" font-weight="700">微信支付分账与资金闭环</text>
<text x="20" y="210" fill="#047857" font-size="8">自动分润清算 · 交易毫秒回执</text>
<!-- 底部 Tabbar -->
<rect x="6" y="238" width="138" height="36" rx="0 0 15 15" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="0.5"/>
<circle cx="36" cy="254" r="5" fill="#06B6D4"/>
<circle cx="75" cy="254" r="5" fill="#CBD5E1"/>
<circle cx="114" cy="254" r="5" fill="#CBD5E1"/>
</g>
<!-- 右侧:工程指标与硬核互联看板 -->
<g transform="translate(395, 75)">
<rect width="175" height="280" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect width="175" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="12" y="21" fill="#1E293B" font-family="'Inter', sans-serif" font-size="12" font-weight="700">跨端底层技术体系</text>
<!-- 模块 1 -->
<rect x="12" y="44" width="151" height="50" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="64" fill="#2563EB" font-size="11" font-weight="700">UniApp / Taro 统一内核</text>
<text x="20" y="80" fill="#64748B" font-size="10">一套代码多端同构编译</text>
<!-- 模块 2 -->
<rect x="12" y="104" width="151" height="50" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="124" fill="#0F172A" font-size="11" font-weight="700">60 FPS 原生交互渲染</text>
<text x="20" y="140" fill="#64748B" font-size="10">手势防抖 · 离线平滑加载</text>
<!-- 模块 3 -->
<rect x="12" y="164" width="151" height="50" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="20" y="184" fill="#7C3AED" font-size="11" font-weight="700">IoT 蓝牙与热敏打印集成</text>
<text x="20" y="200" fill="#64748B" font-size="10">ESC/POS 协议秒级吐单</text>
<!-- 模块 4 -->
<rect x="12" y="224" width="151" height="46" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="20" y="244" fill="#1E40AF" font-size="11" font-weight="700">100% 完整交付前端源码</text>
<text x="20" y="258" fill="#3B82F6" font-size="9">无闭源混淆,可自主二次开发</text>
</g>
</svg>

之后

宽度:  |  高度:  |  大小: 7.8 KiB

查看文件

@@ -0,0 +1,112 @@
<svg width="600" height="380" viewBox="0 0 600 380" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#F8FAFC"/>
</linearGradient>
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#06B6D4"/>
<stop offset="100%" stop-color="#0EA5E9"/>
</linearGradient>
<pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
</pattern>
</defs>
<!-- 背景卡片与淡雅窗棂网格 -->
<rect width="600" height="380" rx="8" fill="url(#bgGrad)"/>
<rect width="600" height="380" rx="8" fill="url(#grid)" opacity="0.6"/>
<rect x="1" y="1" width="598" height="378" rx="7" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
<!-- 顶部控制台标题栏 -->
<rect x="20" y="20" width="560" height="34" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="37" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="37" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="37" r="4.5" fill="#10B981"/>
<text x="84" y="41" fill="#475569" font-family="'Inter', sans-serif" font-size="12" font-weight="600">Enterprise High-Availability Architecture Topology · 分布式微服务中台</text>
<!-- 右侧中式印章 -->
<rect x="500" y="27" width="66" height="20" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="506" y="41" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">自主可控</text>
<!-- 左侧:微服务网关层 -->
<rect x="30" y="80" width="150" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect x="30" y="80" width="150" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="42" y="101" fill="#1E293B" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">API 网关集群</text>
<circle cx="162" cy="96" r="3.5" fill="#10B981"/>
<rect x="42" y="124" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="52" y="146" fill="#334155" font-family="'Inter', sans-serif" font-size="11">安全鉴权 / JWT 验签</text>
<rect x="42" y="172" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="52" y="194" fill="#334155" font-family="'Inter', sans-serif" font-size="11">动态路由 / 限流熔断</text>
<rect x="42" y="220" width="126" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="52" y="242" fill="#334155" font-family="'Inter', sans-serif" font-size="11">高并发缓存命中层</text>
<rect x="42" y="270" width="126" height="66" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="50" y="290" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11" font-weight="600">网关吞吐监控</text>
<text x="50" y="310" fill="#2563EB" font-family="'Inter', sans-serif" font-size="16" font-weight="700">12,800 <tspan font-size="10" font-weight="400">QPS</tspan></text>
<text x="50" y="325" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">P99 时延 &lt; 38ms</text>
<!-- 连接线 1 -->
<path d="M 180 142 L 225 142" stroke="#2563EB" stroke-width="2" stroke-dasharray="4,3"/>
<path d="M 180 190 L 225 190" stroke="#06B6D4" stroke-width="2"/>
<path d="M 180 238 L 225 238" stroke="#7C3AED" stroke-width="2" stroke-dasharray="4,3"/>
<!-- 中间:核心微服务解耦群 -->
<rect x="225" y="80" width="180" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect x="225" y="80" width="180" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="237" y="101" fill="#1E293B" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">业务微服务解耦中台</text>
<circle cx="388" cy="96" r="3.5" fill="#10B981"/>
<!-- 服务节点 1 -->
<rect x="237" y="122" width="156" height="42" rx="4" fill="#EFF6FF" stroke="#93C5FD"/>
<text x="247" y="141" fill="#1D4ED8" font-family="'Inter', sans-serif" font-size="11" font-weight="700">订单中台核心服务</text>
<text x="247" y="155" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">分布式事务 Seata · 无锁并发</text>
<!-- 服务节点 2 -->
<rect x="237" y="174" width="156" height="42" rx="4" fill="#ECFEFF" stroke="#A5F3FC"/>
<text x="247" y="193" fill="#0E7490" font-family="'Inter', sans-serif" font-size="11" font-weight="700">会员/权益清算服务</text>
<text x="247" y="207" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">千万级用户高频鉴权与积分</text>
<!-- 服务节点 3 -->
<rect x="237" y="226" width="156" height="42" rx="4" fill="#FAF5FF" stroke="#E9D5FF"/>
<text x="247" y="245" fill="#6B21A8" font-family="'Inter', sans-serif" font-size="11" font-weight="700">履约与分销状态机</text>
<text x="247" y="259" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">自动对账清算 · 幂等保障</text>
<!-- 自动化压测指标标签 -->
<rect x="237" y="280" width="156" height="56" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="247" y="299" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">测试驱动覆盖保障</text>
<text x="247" y="316" fill="#10B981" font-family="'Inter', sans-serif" font-size="12" font-weight="700">89.4% 自动化单测覆盖率</text>
<text x="247" y="328" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">持续集成 CI/CD 自动流水线</text>
<!-- 连接线 2 -->
<path d="M 405 142 L 440 142" stroke="#2563EB" stroke-width="2"/>
<path d="M 405 210 L 440 210" stroke="#06B6D4" stroke-width="2"/>
<path d="M 405 250 L 440 250" stroke="#7C3AED" stroke-width="2"/>
<!-- 右侧:持久化与分布式存储 -->
<rect x="440" y="80" width="130" height="270" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
<rect x="440" y="80" width="130" height="32" rx="6 6 0 0" fill="#F1F5F9"/>
<text x="450" y="101" fill="#1E293B" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">持久层集群</text>
<rect x="450" y="124" width="110" height="48" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="458" y="144" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">MySQL 读写分离</text>
<text x="458" y="160" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">主从复制 · 毫秒级同步</text>
<rect x="450" y="184" width="110" height="48" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="458" y="204" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">Redis 哨兵/集群</text>
<text x="458" y="220" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">热点数据纳秒级存取</text>
<rect x="450" y="244" width="110" height="48" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="458" y="264" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">Kafka 异步削峰</text>
<text x="458" y="280" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">秒杀高并发平稳落盘</text>
<rect x="450" y="302" width="110" height="36" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="458" y="324" fill="#047857" font-family="'Inter', sans-serif" font-size="10" font-weight="600">数据物理隔离部署</text>
</svg>

之后

宽度:  |  高度:  |  大小: 7.6 KiB

查看文件

@@ -0,0 +1,17 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#FAF5FF"/>
<circle cx="60" cy="60" r="54" stroke="#E9D5FF" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 神经网络与智能 Agent 交互节点 -->
<circle cx="60" cy="40" r="6" fill="#7C3AED"/>
<circle cx="40" cy="65" r="5" fill="#7C3AED"/>
<circle cx="80" cy="65" r="5" fill="#7C3AED"/>
<circle cx="60" cy="72" r="7" fill="#FFFFFF" stroke="#7C3AED" stroke-width="2.5"/>
<line x1="60" y1="46" x2="43" y2="61" stroke="#A855F7" stroke-width="2"/>
<line x1="60" y1="46" x2="77" y2="61" stroke="#A855F7" stroke-width="2"/>
<line x1="45" y1="66" x2="54" y2="70" stroke="#A855F7" stroke-width="2"/>
<line x1="75" y1="66" x2="66" y2="70" stroke="#A855F7" stroke-width="2"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">算法</text>
</svg>

之后

宽度:  |  高度:  |  大小: 1.1 KiB

查看文件

@@ -0,0 +1,14 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#EFF6FF"/>
<circle cx="60" cy="60" r="54" stroke="#BFDBFE" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 架构中枢微服务拓扑图标 -->
<path d="M60 28 L84 42 L84 70 L60 84 L36 70 L36 42 Z" fill="#FFFFFF" stroke="#2563EB" stroke-width="2.5"/>
<circle cx="60" cy="56" r="8" fill="#2563EB"/>
<line x1="60" y1="28" x2="60" y2="48" stroke="#2563EB" stroke-width="2"/>
<line x1="36" y1="70" x2="52" y2="60" stroke="#2563EB" stroke-width="2"/>
<line x1="84" y1="70" x2="68" y2="60" stroke="#2563EB" stroke-width="2"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">架构</text>
</svg>

之后

宽度:  |  高度:  |  大小: 1020 B

查看文件

@@ -0,0 +1,16 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#ECFEFF"/>
<circle cx="60" cy="60" r="54" stroke="#A5F3FC" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 移动与多端代码图标 -->
<rect x="36" y="32" width="48" height="42" rx="4" fill="#FFFFFF" stroke="#0891B2" stroke-width="2.5"/>
<path d="M48 46 L42 53 L48 60" stroke="#0891B2" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M72 46 L78 53 L72 60" stroke="#0891B2" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="57" y1="62" x2="63" y2="44" stroke="#0891B2" stroke-width="2" stroke-linecap="round"/>
<!-- 手机端小角标 -->
<rect x="66" y="60" width="18" height="26" rx="3" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
<circle cx="75" cy="82" r="1.5" fill="#2563EB"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">全栈</text>
</svg>

之后

宽度:  |  高度:  |  大小: 1.2 KiB

查看文件

@@ -0,0 +1,11 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#ECFDF5"/>
<circle cx="60" cy="60" r="54" stroke="#A7F3D0" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 安全盾牌与质控勾选 -->
<path d="M60 30 C72 30 84 34 84 34 L84 62 C84 76 60 86 60 86 C60 86 36 76 36 62 L36 34 C36 34 48 30 60 30 Z" fill="#FFFFFF" stroke="#059669" stroke-width="2.5"/>
<path d="M50 58 L57 65 L70 50" stroke="#059669" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">安全</text>
</svg>

之后

宽度:  |  高度:  |  大小: 908 B

117
tests/generate_badges.py 普通文件
查看文件

@@ -0,0 +1,117 @@
# -*- coding: utf-8 -*-
"""
生成团队专家专属专业徽章与法定资质证书矢量图
"""
import os
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
TARGET_DIR = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'images', 'showcases')
os.makedirs(TARGET_DIR, exist_ok=True)
# 1. 首席系统架构师徽章
team_architect_svg = '''<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#EFF6FF"/>
<circle cx="60" cy="60" r="54" stroke="#BFDBFE" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 架构中枢微服务拓扑图标 -->
<path d="M60 28 L84 42 L84 70 L60 84 L36 70 L36 42 Z" fill="#FFFFFF" stroke="#2563EB" stroke-width="2.5"/>
<circle cx="60" cy="56" r="8" fill="#2563EB"/>
<line x1="60" y1="28" x2="60" y2="48" stroke="#2563EB" stroke-width="2"/>
<line x1="36" y1="70" x2="52" y2="60" stroke="#2563EB" stroke-width="2"/>
<line x1="84" y1="70" x2="68" y2="60" stroke="#2563EB" stroke-width="2"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">架构</text>
</svg>'''
# 2. 全栈研发总监徽章
team_fullstack_svg = '''<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#ECFEFF"/>
<circle cx="60" cy="60" r="54" stroke="#A5F3FC" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 移动与多端代码图标 -->
<rect x="36" y="32" width="48" height="42" rx="4" fill="#FFFFFF" stroke="#0891B2" stroke-width="2.5"/>
<path d="M48 46 L42 53 L48 60" stroke="#0891B2" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M72 46 L78 53 L72 60" stroke="#0891B2" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="57" y1="62" x2="63" y2="44" stroke="#0891B2" stroke-width="2" stroke-linecap="round"/>
<!-- 手机端小角标 -->
<rect x="66" y="60" width="18" height="26" rx="3" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
<circle cx="75" cy="82" r="1.5" fill="#2563EB"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">全栈</text>
</svg>'''
# 3. AI 智能体专家徽章
team_ai_svg = '''<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#FAF5FF"/>
<circle cx="60" cy="60" r="54" stroke="#E9D5FF" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 神经网络与智能 Agent 交互节点 -->
<circle cx="60" cy="40" r="6" fill="#7C3AED"/>
<circle cx="40" cy="65" r="5" fill="#7C3AED"/>
<circle cx="80" cy="65" r="5" fill="#7C3AED"/>
<circle cx="60" cy="72" r="7" fill="#FFFFFF" stroke="#7C3AED" stroke-width="2.5"/>
<line x1="60" y1="46" x2="43" y2="61" stroke="#A855F7" stroke-width="2"/>
<line x1="60" y1="46" x2="77" y2="61" stroke="#A855F7" stroke-width="2"/>
<line x1="45" y1="66" x2="54" y2="70" stroke="#A855F7" stroke-width="2"/>
<line x1="75" y1="66" x2="66" y2="70" stroke="#A855F7" stroke-width="2"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">算法</text>
</svg>'''
# 4. 安全合规与质控专家徽章
team_security_svg = '''<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="120" rx="60" fill="#ECFDF5"/>
<circle cx="60" cy="60" r="54" stroke="#A7F3D0" stroke-width="2"/>
<circle cx="60" cy="60" r="48" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="3,3"/>
<!-- 安全盾牌与质控勾选 -->
<path d="M60 30 C72 30 84 34 84 34 L84 62 C84 76 60 86 60 86 C60 86 36 76 36 62 L36 34 C36 34 48 30 60 30 Z" fill="#FFFFFF" stroke="#059669" stroke-width="2.5"/>
<path d="M50 58 L57 65 L70 50" stroke="#059669" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<!-- 中式印章小徽 -->
<rect x="42" y="90" width="36" height="16" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="47" y="102" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="9" font-weight="700">安全</text>
</svg>'''
# 5. 国家高新技术企业权威证书徽标
cert_hi_tech_svg = '''<svg width="160" height="100" viewBox="0 0 160 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="160" height="100" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
<!-- 细金边与内框 -->
<rect x="4" y="4" width="152" height="92" rx="2" fill="#FFFBEB" stroke="#FDE68A" stroke-width="1"/>
<!-- 权威太阳齿轮徽章 -->
<circle cx="80" cy="38" r="18" fill="#F59E0B" opacity="0.15"/>
<circle cx="80" cy="38" r="14" stroke="#D97706" stroke-width="1.5"/>
<path d="M80 27 L83 34 L90 35 L85 40 L86 47 L80 44 L74 47 L75 40 L70 35 L77 34 Z" fill="#D97706"/>
<text x="80" y="68" fill="#92400E" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700" text-anchor="middle">国家高新技术企业</text>
<text x="80" y="82" fill="#B45309" font-family="'Inter', sans-serif" font-size="8" text-anchor="middle">HIGH-TECH ENTERPRISE</text>
</svg>'''
# 6. ISO9001 质量认证权威徽标
cert_iso9001_svg = '''<svg width="160" height="100" viewBox="0 0 160 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="160" height="100" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
<rect x="4" y="4" width="152" height="92" rx="2" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
<!-- ISO 认证徽记 -->
<circle cx="80" cy="38" r="18" fill="#2563EB" opacity="0.1"/>
<circle cx="80" cy="38" r="14" stroke="#2563EB" stroke-width="1.5"/>
<text x="80" y="42" fill="#1D4ED8" font-family="'Inter', sans-serif" font-size="10" font-weight="800" text-anchor="middle">ISO</text>
<text x="80" y="68" fill="#1E40AF" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700" text-anchor="middle">ISO 9001 认证</text>
<text x="80" y="82" fill="#3B82F6" font-family="'Inter', sans-serif" font-size="8" text-anchor="middle">QUALITY MANAGEMENT</text>
</svg>'''
badges = {
'team_architect.svg': team_architect_svg,
'team_fullstack.svg': team_fullstack_svg,
'team_ai.svg': team_ai_svg,
'team_security.svg': team_security_svg,
'cert_hi_tech.svg': cert_hi_tech_svg,
'cert_iso9001.svg': cert_iso9001_svg
}
for name, content in badges.items():
p = os.path.join(TARGET_DIR, name)
with open(p, 'w', encoding='utf-8') as f:
f.write(content.strip())
print(f"Generated badge: {name}")
print("All badges generated successfully!")

1199
tests/generate_showcases.py 普通文件

文件差异内容过多而无法显示 加载差异

144
tests/test_site_images.py 普通文件
查看文件

@@ -0,0 +1,144 @@
#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
站点配图与视觉丰富度自动化测试 (TDD)
验证:
1. 所有核心配图资产物理存在、非空且格式正确
2. PC 首页与移动端首页正确展示服务、产品、案例等丰富配图
3. 独立服务页、产品页、案例页包含深度高保真系统与业务界面配图
4. 关于我们页面包含专家徽章与资质认证图
5. CSS 针对配图有严格的响应式(max-width: 100%、圆角、细线边框、悬停微光)控制
6. 无破损路径或 404 资源引用
"""
import os
import re
import unittest
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
class SiteImagesTest(unittest.TestCase):
def setUp(self):
self.img_dir = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'images', 'showcases')
self.pc_home_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'index.html')
self.mobile_home_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'index_e.html')
self.service_page_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'service_page.html')
self.product_page_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'product_page.html')
self.case_page_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_case_show', 'list.html')
self.case_mobile_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_case_show', 'list_e.html')
self.about_page_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'single.html')
self.about_mobile_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'single_e.html')
self.css_path = os.path.join(BASE_DIR, 'public', 'assets', 'addons', 'official', 'css', 'modern_nhc.css')
def test_01_image_assets_exist_and_non_empty(self):
"""核心配图资源必须物理存在且内容非空"""
required_images = [
# 服务类配图
'service_middle.svg',
'service_app.svg',
'service_agent.svg',
# 产品类配图
'product_mall.svg',
'product_pos.svg',
'product_erp.svg',
'product_saas.svg',
# 案例类配图
'case_distrib.svg',
'case_catering.svg',
'case_gov_agent.svg',
'case_manufacture.svg',
# 专家与资质徽标
'team_architect.svg',
'team_fullstack.svg',
'team_ai.svg',
'team_security.svg',
'cert_hi_tech.svg',
'cert_iso9001.svg'
]
self.assertTrue(os.path.isdir(self.img_dir), f"图片目录 {self.img_dir} 必须存在")
for img_name in required_images:
img_path = os.path.join(self.img_dir, img_name)
self.assertTrue(os.path.isfile(img_path), f"图片文件 {img_name} 必须存在于 showcases 目录下")
size = os.path.getsize(img_path)
self.assertGreater(size, 100, f"图片文件 {img_name} 大小不能过小")
def test_02_pc_and_mobile_homepage_service_images(self):
"""首页服务卡片必须包含对应的服务系统配图"""
with open(self.pc_home_path, 'r', encoding='utf-8') as f:
pc_content = f.read()
with open(self.mobile_home_path, 'r', encoding='utf-8') as f:
mobile_content = f.read()
for content, page_name in [(pc_content, "PC 首页"), (mobile_content, "移动端首页")]:
self.assertIn('service_middle.svg', content, f"{page_name} 应包含软件中台服务配图")
self.assertIn('service_app.svg', content, f"{page_name} 应包含APP小程序定制服务配图")
self.assertIn('service_agent.svg', content, f"{page_name} 应包含智能体定制服务配图")
def test_03_pc_and_mobile_homepage_product_images(self):
"""首页产品卡片必须包含产品界面示意配图"""
with open(self.pc_home_path, 'r', encoding='utf-8') as f:
pc_content = f.read()
with open(self.mobile_home_path, 'r', encoding='utf-8') as f:
mobile_content = f.read()
for content, page_name in [(pc_content, "PC 首页"), (mobile_content, "移动端首页")]:
self.assertIn('product_mall.svg', content, f"{page_name} 应包含商城产品配图")
self.assertIn('product_pos.svg', content, f"{page_name} 应包含收银产品配图")
self.assertIn('product_erp.svg', content, f"{page_name} 应包含进销存产品配图")
self.assertIn('product_saas.svg', content, f"{page_name} 应包含SaaS产品配图")
def test_04_cases_pages_have_preview_images(self):
"""标杆案例卡片必须配有真实的业务系统视窗图"""
with open(self.case_page_path, 'r', encoding='utf-8') as f:
case_pc = f.read()
with open(self.case_mobile_path, 'r', encoding='utf-8') as f:
case_mobile = f.read()
for content, page_name in [(case_pc, "PC 案例独立页"), (case_mobile, "移动端案例独立页")]:
self.assertIn('case_distrib.svg', content, f"{page_name} 应包含分销订货中台界面图")
self.assertIn('case_catering.svg', content, f"{page_name} 应包含连锁餐饮收银界面图")
self.assertIn('case_gov_agent.svg', content, f"{page_name} 应包含政务智能体界面图")
self.assertIn('case_manufacture.svg', content, f"{page_name} 应包含工业制造进销存界面图")
def test_05_service_and_product_pages_have_showcases(self):
"""独立服务页与产品页必须嵌入高质量系统拓扑与界面大图"""
with open(self.service_page_path, 'r', encoding='utf-8') as f:
service_content = f.read()
with open(self.product_page_path, 'r', encoding='utf-8') as f:
product_content = f.read()
self.assertIn('service_middle.svg', service_content)
self.assertIn('service_app.svg', service_content)
self.assertIn('service_agent.svg', service_content)
self.assertIn('product_mall.svg', product_content)
self.assertIn('product_pos.svg', product_content)
self.assertIn('product_erp.svg', product_content)
self.assertIn('product_saas.svg', product_content)
def test_06_about_pages_have_expert_and_cert_badges(self):
"""关于我们页必须包含专家团队专业徽标与资质认证图"""
with open(self.about_page_path, 'r', encoding='utf-8') as f:
about_pc = f.read()
with open(self.about_mobile_path, 'r', encoding='utf-8') as f:
about_mobile = f.read()
for content, page_name in [(about_pc, "PC 关于我们页"), (about_mobile, "移动端关于我们页")]:
self.assertIn('team_architect.svg', content, f"{page_name} 应包含首席架构师徽章")
self.assertIn('team_fullstack.svg', content, f"{page_name} 应包含全栈研发总监徽章")
self.assertIn('team_ai.svg', content, f"{page_name} 应包含AI智能体专家徽章")
self.assertIn('team_security.svg', content, f"{page_name} 应包含质量安全合规专家徽章")
self.assertIn('cert_hi_tech.svg', content, f"{page_name} 应包含高新技术企业认证图")
self.assertIn('cert_iso9001.svg', content, f"{page_name} 应包含ISO9001认证图")
def test_07_responsive_image_styles_in_css(self):
"""CSS 必须具备严谨的配图自适应与质感样式定义"""
with open(self.css_path, 'r', encoding='utf-8') as f:
css = f.read()
self.assertIn('.nhc-card-thumb', css, "CSS 应定义 .nhc-card-thumb 图片容器类")
self.assertIn('object-fit', css, "CSS 应规范图片的适应展示模式")
self.assertIn('.nhc-case-img-wrap', css, "CSS 应定义案例图视窗包装器")
self.assertIn('.nhc-service-media-box', css, "CSS 应定义服务媒体容器")
if __name__ == '__main__':
unittest.main()