wikiboss/nahaichuan
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(journalism): 录入8篇深度架构与技术洞察长文，全面升级文章资讯列表与详情页为现代中式浅色专业风并联动首页精选板块

浏览代码
这个提交包含在：
wikiboss
2026-10-09 09:26:32 +08:00
父节点 12793dabd6
当前提交 619bf30315
共有 21 个文件被更改，包括 2627 次插入 和 267 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

465
public/assets/addons/official/css/modern_nhc.css
查看文件

@@ -3660,3 +3660,468 @@ img {
display: block;
object-fit: cover;
}
/* ==========================================================================
现代中式浅色专业风 - 文章与技术资讯专属样式 (Journalism & Insights)
========================================================================== */
/* 1. 顶部 Hero Banner */
.nhc-article-hero {
background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
border-bottom: 1px solid var(--border-color);
padding: 56px 0 36px 0;
position: relative;
overflow: hidden;
}
.nhc-article-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(to right, rgba(226, 232, 240, 0.4) 1px, transparent 1px),
linear-gradient(to bottom, rgba(226, 232, 240, 0.4) 1px, transparent 1px);
background-size: 28px 28px;
opacity: 0.6;
pointer-events: none;
}
.nhc-article-hero-inner {
position: relative;
z-index: 1;
}
.nhc-article-hero-title {
font-family: var(--font-serif);
font-size: 32px;
font-weight: 700;
color: var(--text-primary);
line-height: 1.35;
margin-bottom: 14px;
letter-spacing: -0.5px;
}
.nhc-article-hero-subtitle {
font-size: 15px;
color: var(--text-secondary);
max-width: 760px;
line-height: 1.7;
}
/* 2. 分类筛选标签栏 */
.nhc-category-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
padding: 20px 0;
border-bottom: 1px solid var(--border-color);
margin-bottom: 36px;
}
.nhc-category-tags {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.nhc-category-tag {
display: inline-flex;
align-items: center;
padding: 6px 18px;
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 500;
color: var(--text-secondary);
background: #FFFFFF;
border: 1px solid var(--border-color);
transition: all 0.2s ease;
}
.nhc-category-tag:hover {
color: var(--primary);
border-color: #BFDBFE;
background: var(--primary-light);
}
.nhc-category-tag.active {
color: #FFFFFF;
background: var(--primary);
border-color: var(--primary);
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}
/* 3. 文章卡片列表与网格 */
.nhc-article-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
margin-bottom: 48px;
}
.nhc-article-card {
background: #FFFFFF;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
overflow: hidden;
box-shadow: var(--shadow-subtle);
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
display: flex;
flex-direction: column;
}
.nhc-article-card:hover {
transform: translateY(-4px);
border-color: #BFDBFE;
box-shadow: var(--shadow-hover);
}
.nhc-article-card-thumb {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #F8FAFC;
border-bottom: 1px solid var(--border-color);
}
.nhc-article-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.nhc-article-card:hover .nhc-article-card-thumb img {
transform: scale(1.025);
}
.nhc-article-card-body {
padding: 22px 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.nhc-article-meta {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
color: var(--text-muted);
margin-bottom: 10px;
}
.nhc-article-category-badge {
display: inline-block;
padding: 2px 8px;
font-size: 11px;
font-weight: 600;
border-radius: 2px;
background: var(--primary-light);
color: var(--primary);
border: 1px solid #BFDBFE;
}
.nhc-article-card-title {
font-family: var(--font-serif);
font-size: 18px;
font-weight: 700;
color: var(--text-primary);
line-height: 1.5;
margin-bottom: 10px;
transition: color 0.2s ease;
}
.nhc-article-card:hover .nhc-article-card-title {
color: var(--primary);
}
.nhc-article-card-desc {
font-size: 14px;
color: var(--text-secondary);
line-height: 1.65;
margin-bottom: 18px;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.nhc-article-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 14px;
border-top: 1px dashed var(--border-color);
font-size: 13px;
color: var(--text-muted);
}
.nhc-article-read-btn {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--primary);
font-weight: 600;
font-size: 13px;
}
.nhc-article-read-btn:hover {
color: var(--primary-hover);
text-decoration: underline;
}
/* 4. 文章详情页结构 */
.nhc-article-detail-wrap {
padding: 40px 0 64px 0;
background: var(--bg-primary);
}
.nhc-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--text-muted);
margin-bottom: 24px;
}
.nhc-breadcrumb a {
color: var(--text-secondary);
}
.nhc-breadcrumb a:hover {
color: var(--primary);
}
.nhc-breadcrumb span.sep {
color: #CBD5E1;
}
.nhc-article-header {
border-bottom: 1px solid var(--border-color);
padding-bottom: 24px;
margin-bottom: 32px;
}
.nhc-article-detail-title {
font-family: var(--font-serif);
font-size: 32px;
font-weight: 700;
color: var(--text-primary);
line-height: 1.4;
margin-bottom: 16px;
}
.nhc-article-detail-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
font-size: 13px;
color: var(--text-secondary);
}
.nhc-article-detail-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
/* 5. 文章正文排版 (Typography) */
.nhc-article-body {
font-size: 16px;
line-height: 1.85;
color: #334155;
font-family: var(--font-sans);
}
.nhc-article-body p {
margin-bottom: 20px;
}
.nhc-article-body p.nhc-lead-paragraph {
font-size: 17px;
line-height: 1.8;
color: #1E293B;
background: #F8FAFC;
padding: 18px 24px;
border-left: 4px solid var(--primary);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
margin-bottom: 28px;
}
.nhc-article-body h3 {
font-family: var(--font-serif);
font-size: 22px;
font-weight: 700;
color: var(--text-primary);
margin: 36px 0 16px 0;
padding-bottom: 8px;
border-bottom: 1px solid #F1F5F9;
position: relative;
}
.nhc-article-body h3::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 32px;
height: 2px;
background: var(--primary);
}
.nhc-article-body ul,
.nhc-article-body ol {
margin: 0 0 24px 20px;
padding-left: 8px;
}
.nhc-article-body li {
margin-bottom: 8px;
line-height: 1.75;
}
.nhc-article-body strong {
color: var(--text-primary);
font-weight: 600;
}
.nhc-callout {
background: #EFF6FF;
border: 1px solid #BFDBFE;
border-radius: var(--radius-sm);
padding: 16px 20px;
margin: 24px 0;
font-size: 14px;
color: #1E40AF;
line-height: 1.7;
}
.nhc-code-box {
background: #0F172A;
color: #E2E8F0;
border-radius: var(--radius-sm);
padding: 16px 20px;
margin: 20px 0;
font-family: "Fira Code", Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.6;
overflow-x: auto;
}
.nhc-code-box pre {
margin: 0;
background: transparent;
color: inherit;
border: none;
padding: 0;
}
.nhc-flow-box {
background: #F8FAFC;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
padding: 16px 20px;
margin: 20px 0;
font-size: 14px;
color: var(--text-primary);
line-height: 1.7;
}
.nhc-table-wrap {
width: 100%;
overflow-x: auto;
margin: 24px 0;
}
.nhc-tech-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
border: 1px solid var(--border-color);
}
.nhc-tech-table th {
background: #F8FAFC;
color: var(--text-primary);
font-weight: 600;
text-align: left;
padding: 12px 16px;
border: 1px solid var(--border-color);
}
.nhc-tech-table td {
padding: 12px 16px;
border: 1px solid var(--border-color);
color: var(--text-secondary);
}
/* 6. 上一篇与下一篇导流 */
.nhc-article-nav-wrap {
margin-top: 48px;
padding-top: 24px;
border-top: 1px solid var(--border-color);
}
.nhc-article-nav-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.nhc-article-nav-item {
padding: 16px 20px;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
background: #FFFFFF;
transition: all 0.2s ease;
display: block;
}
.nhc-article-nav-item:hover {
border-color: #BFDBFE;
background: #F8FAFC;
}
.nhc-article-nav-label {
font-size: 12px;
color: var(--text-muted);
margin-bottom: 6px;
display: block;
}
.nhc-article-nav-title {
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* 7. 响应式适配 */
@media (max-width: 992px) {
.nhc-article-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.nhc-article-nav-grid {
grid-template-columns: 1fr;
}
.nhc-article-hero-title {
font-size: 26px;
}
.nhc-article-detail-title {
font-size: 24px;
}
}

66
public/assets/addons/official/images/articles/article_ai_agent.svg 普通文件
查看文件

@@ -0,0 +1,66 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">AI Engineering · Private RAG & Knowledge Governance</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">私域智能体</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">RAG 双路检索与溯源流水线</text>
<rect x="44" y="120" width="232" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">密集向量检索 (Milvus) + BM25 稀疏全文</text>
<rect x="44" y="166" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="188" fill="#334155" font-family="'Inter', sans-serif" font-size="11">跨编码器 Rerank 重排序引擎 (Top-5)</text>
<rect x="44" y="212" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="234" fill="#334155" font-family="'Inter', sans-serif" font-size="11">原文章节双向锚定 (章节溯源防幻觉)</text>
<rect x="44" y="258" width="232" height="32" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="278" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">检索命中准确率: 95.8% · 响应 &lt; 1.2s</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">纯内网物理隔离安全沙箱</text>
<rect x="324" y="120" width="232" height="48" rx="4" fill="#FEF2F2" stroke="#FECACA"/>
<text x="334" y="142" fill="#991B1B" font-family="'Inter', sans-serif" font-size="11" font-weight="600">物理隔离隔离域 · 零外网数据外泄</text>
<text x="334" y="158" fill="#B91C1C" font-family="'Inter', sans-serif" font-size="10">私有算力服务器量化部署 · 内网专网运行</text>
<rect x="324" y="178" width="232" height="42" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="196" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">企业角色级敏感数据脱敏 (RBAC)</text>
<text x="334" y="210" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">动态字段脱敏 · 问答审计日志永久加密归档</text>
<rect x="324" y="230" width="232" height="60" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<text x="334" y="254" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">工程交付：提供完整微调脚本、</text>
<text x="334" y="272" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">向量分块策略与内网环境 Docker 镜像包</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">技术洞察</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">企业私域AI智能体落地：RAG本地知识库与安全隔离工程</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

65
public/assets/addons/official/images/articles/article_cross_app.svg 普通文件
查看文件

@@ -0,0 +1,65 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Mobile & IoT · Cross-Platform Rendering & Bluetooth BLE</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">跨端开发</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">架构选型决策矩阵</text>
<rect x="44" y="120" width="232" height="50" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11" font-weight="600">Flutter 自绘引擎 (iOS / Android)</text>
<text x="54" y="158" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10">Skia/Impeller 底层渲染 · 稳定 60fps 高帧率</text>
<rect x="44" y="178" width="232" height="50" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="200" fill="#334155" font-family="'Inter', sans-serif" font-size="11" font-weight="600">Uni-app 全生态 (微信 / 支付宝 / 抖音)</text>
<text x="54" y="216" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">轻量跨小程序运行环境 · 微信生态无缝裂变</text>
<rect x="44" y="236" width="232" height="54" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="258" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">首屏启动性能冷启动优化</text>
<text x="54" y="274" fill="#065F46" font-family="'Inter', sans-serif" font-size="10">分包预加载 + 异步骨架屏，启动压缩至 680ms</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">低功耗蓝牙 (BLE) 工业外设直连</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">状态机自动重连与心跳保活机制</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">扫描 -> GATT握手 -> 特征订阅 -> 丢包重传</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">原生平台通道双向通信 (MethodChannel)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">热敏打印机 / 工业手持扫码枪指令秒级解析</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">内存优化实录：大图纹理缓存精细回收，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">连续操作 8 小时无卡顿与 OOM 闪退</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">技术洞察</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">跨端移动开发工程化实践：Flutter与Uni-app选型与调优</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

65
public/assets/addons/official/images/articles/article_erp_bom.svg 普通文件
查看文件

@@ -0,0 +1,65 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Enterprise Systems · Multi-Level BOM & Financial Cohesion</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">进销存架构</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">多级动态 BOM 树状递归模型</text>
<rect x="44" y="120" width="232" height="34" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="141" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">成品装配节点 · 动态工时与损耗率核算</text>
<rect x="44" y="162" width="232" height="34" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="183" fill="#334155" font-family="'Inter', sans-serif" font-size="11">半成品自递归拆解 · 齐套率缺料实时预警</text>
<rect x="44" y="204" width="232" height="34" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="225" fill="#334155" font-family="'Inter', sans-serif" font-size="11">原料批次批号绑定 · 一物一码全流程溯源</text>
<rect x="44" y="246" width="232" height="44" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="265" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">35,000+ SKU 大数据量下</text>
<text x="54" y="280" fill="#065F46" font-family="'Inter', sans-serif" font-size="10">生产需求计算 (MRP) 耗时稳定在 1.8 秒内</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">业务与财务闭环核算引擎</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">三单智能自动匹配 (Three-Way Match)</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">采购订单 = 验收送货单 = 进项发票</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">不停产动态快照盘点 (Dynamic Stocktake)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">基于快照时点 + 增量出入库流水对冲</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">消除信息孤岛：财务科目凭证自动生成，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">应收应付账期与信用额度实时联锁控制</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">技术洞察</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">全链路进销存系统的业财一体化构建与动态BOM算法</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

64
public/assets/addons/official/images/articles/article_microservice.svg 普通文件
查看文件

@@ -0,0 +1,64 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Engineering Insight · High-Concurrency Mall Architecture</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">高可用中台</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="250" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="250" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">分布式核心拓扑 (Distributed Mesh)</text>
<rect x="44" y="120" width="222" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">API 网关 · 限流熔断与路由分发</text>
<rect x="44" y="166" width="222" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="188" fill="#334155" font-family="'Inter', sans-serif" font-size="11">交易订单集群 · RocketMQ 事务消息</text>
<rect x="44" y="212" width="222" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="234" fill="#334155" font-family="'Inter', sans-serif" font-size="11">库存防超卖 · Redis RedLock + Lua 脚本</text>
<rect x="44" y="258" width="222" height="32" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="278" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">压测吞吐量: 8,500+ TPS · 延迟 &lt; 35ms</text>
<rect x="300" y="75" width="270" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="300" y="75" width="270" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="314" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">数据一致性与多租户分片</text>
<path d="M 320 135 L 550 135 M 320 180 L 550 180 M 320 225 L 550 225" stroke="#F1F5F9" stroke-width="1"/>
<text x="320" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">分库分表策略 (Sharding-Sphere)</text>
<text x="320" y="150" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">按商户ID哈希分区 + 订单月份归档</text>
<text x="320" y="195" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">分布式事务协调 (Seata AT 模式)</text>
<text x="320" y="220" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">两阶段提交 · 自动全局锁回滚机制</text>
<rect x="320" y="248" width="230" height="42" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="330" y="274" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">严谨设计：双向对账机制与死信队列自动报警</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">技术洞察</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">高并发商城微服务中台分布式事务与分库分表实践</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

64
public/assets/addons/official/images/articles/article_pos_offline.svg 普通文件
查看文件

@@ -0,0 +1,64 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">POS Reliability · Offline Transactions & Queue Recovery</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">收银容灾</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">门店离线记账沙箱架构</text>
<rect x="44" y="120" width="232" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">本地 SQLite 离线存储 · 全加密暂存凭单</text>
<rect x="44" y="166" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="188" fill="#334155" font-family="'Inter', sans-serif" font-size="11">后厨 ESC/POS 打印机双网口局域网直连</text>
<rect x="44" y="212" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="234" fill="#334155" font-family="'Inter', sans-serif" font-size="11">断网期间保障点单、出票、挂账平稳运行</text>
<rect x="44" y="258" width="232" height="32" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="278" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">离线丢单率: 0% · 扫码付响应 &lt; 0.3s</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">网络恢复幂等自动同步状态机</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">幂等性与重试控制 (Idempotency Engine)</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">全局雪花ID防重校验 · 事务幂等入库</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">增量冲突消解策略 (Conflict Resolution)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">版本号时钟排序 · 差异对账自动生成补差单</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">经受 300+ 实体门店连续 720 天生产考验，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">高可靠断网防御与零财务差错保障</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">技术洞察</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">新零售商业收银系统容灾：弱网断网离线记账机制解析</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

64
public/assets/addons/official/images/articles/article_security_whitepaper.svg 普通文件
查看文件

@@ -0,0 +1,64 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Security Whitepaper · Microservice Defense & Cryptography</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">安全合规</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">微服务零信任纵深防御模型</text>
<rect x="44" y="120" width="232" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">mTLS 双向证书通信 · 服务间调用零信任</text>
<rect x="44" y="166" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="188" fill="#334155" font-family="'Inter', sans-serif" font-size="11">国密 SM4 敏感信息加密存储与脱敏传输</text>
<rect x="44" y="212" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="234" fill="#334155" font-family="'Inter', sans-serif" font-size="11">SQL 预编译防注入 + XSS 白名单严格转义</text>
<rect x="44" y="258" width="232" height="32" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="278" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">国家信息系统安全等级保护三级对照设计</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">全链路审计闭环与合规追溯</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">全链路跟踪 (Distributed TraceID)</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">网关到存储统一链路标识，毫秒级定位异常</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">不可篡改审计日志 (Tamper-Proof Audit)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">管理端关键动作数字签名存证归档</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">白皮书全面总结政企系统交付经验，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">赋能实体企业低成本达成数据安全法规合规</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">公司动态</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">纳海川发布《企业级微服务安全审计与合规防护白皮书》</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

64
public/assets/addons/official/images/articles/article_southwest_digital.svg 普通文件
查看文件

@@ -0,0 +1,64 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Regional Practice · Southwest Digital Middle Platform Realization</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">本地服务</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">贵阳本土驻场服务技术优势</text>
<rect x="44" y="120" width="232" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="142" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">自有本地研发团队 · 资深架构师面对面沟通</text>
<rect x="44" y="166" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="188" fill="#334155" font-family="'Inter', sans-serif" font-size="11">深入车间、门店与仓库现场梳理真实业务逻辑</text>
<rect x="44" y="212" width="232" height="36" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="234" fill="#334155" font-family="'Inter', sans-serif" font-size="11">拒绝二次转包 · 杜绝异地沟通信息失真</text>
<rect x="44" y="258" width="232" height="32" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="278" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">响应时效: &lt;15分钟响应 · 紧急现场2小时内到达</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">实体企业转型标杆收益矩阵</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">生产周转效率 (Operational Velocity)</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">库存物料占用压降 35% · 交付周期缩短 40%</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">售后与维保承诺 (Warranty & SLA)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">首年 365 天免费运维 · 终身技术架构咨询支持</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">立足贵阳数谷优势，以严谨技术工匠精神，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">为实体产业注入扎实稳固的数字化新动能</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">公司动态</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">立足西南数谷：纳海川助力数十家实体企业数字化转型纪实</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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

64
public/assets/addons/official/images/articles/article_tdd_standards.svg 普通文件
查看文件

@@ -0,0 +1,64 @@
<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="primaryGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2563EB"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<pattern id="latticeGrid" width="24" height="24" patternUnits="userSpaceOnUse">
<path d="M 24 0 L 0 0 0 24" 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(#latticeGrid)" 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="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0"/>
<circle cx="36" cy="38" r="4.5" fill="#EF4444"/>
<circle cx="50" cy="38" r="4.5" fill="#F59E0B"/>
<circle cx="64" cy="38" r="4.5" fill="#10B981"/>
<text x="84" y="42" fill="#334155" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="600">Quality Assurance · Test-Driven Development & White-Box Delivery</text>
<!-- 中式印章 -->
<rect x="495" y="26" width="72" height="22" rx="2" fill="#FEF2F2" stroke="#EF4444" stroke-width="1"/>
<text x="502" y="42" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">交付规范</text>
<!-- 核心图解视窗区域 -->
<rect x="30" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="30" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="44" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">TDD 测试驱动开发研发循环</text>
<rect x="44" y="120" width="232" height="36" rx="4" fill="#FEF2F2" stroke="#FECACA"/>
<text x="54" y="142" fill="#991B1B" font-family="'Inter', sans-serif" font-size="11">1. 编写自动化业务测试断言 (红灯阶段)</text>
<rect x="44" y="166" width="232" height="36" rx="4" fill="#ECFDF5" stroke="#A7F3D0"/>
<text x="54" y="188" fill="#065F46" font-family="'Inter', sans-serif" font-size="11">2. 最简化高质量代码实现 (绿灯通过)</text>
<rect x="44" y="212" width="232" height="36" rx="4" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="54" y="234" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11">3. 架构重构与静态审计 (保持绿灯)</text>
<rect x="44" y="258" width="232" height="32" rx="4" fill="#F8FAFC" stroke="#CBD5E1"/>
<text x="54" y="278" fill="#334155" font-family="'Inter', sans-serif" font-size="11">核心接口单元测试覆盖率 &gt; 85%</text>
<rect x="310" y="75" width="260" height="230" rx="6" fill="#FFFFFF" stroke="#E2E8F0"/>
<rect x="310" y="75" width="260" height="32" rx="6 6 0 0" fill="#F8FAFC"/>
<text x="324" y="96" fill="#0F172A" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="12" font-weight="700">100% 白盒交付资产清单</text>
<text x="324" y="125" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">工程可控资产 (Engineering Assets)</text>
<text x="324" y="148" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">完整无加密 Git 源码仓库与提交历史</text>
<text x="324" y="185" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">设计与架构文档 (Documentation)</text>
<text x="324" y="208" fill="#0F172A" font-family="'Inter', sans-serif" font-size="12" font-weight="600">数据库字典字典 + 拓扑蓝图 + 运维部署手册</text>
<rect x="324" y="235" width="232" height="55" rx="4" fill="#F8FAFC" stroke="#E2E8F0"/>
<text x="334" y="258" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">坚决杜绝外包套壳模板代码，</text>
<text x="334" y="275" fill="#475569" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11">确保企业客户对数字资产拥有完整掌控权</text>
<!-- 底部文章标签条 -->
<rect x="20" y="324" width="560" height="36" rx="4" fill="#F1F5F9" stroke="#E2E8F0"/>
<rect x="32" y="332" width="76" height="20" rx="2" fill="#EFF6FF" stroke="#BFDBFE"/>
<text x="40" y="346" fill="#1D4ED8" font-family="'Inter', 'Noto Sans SC', sans-serif" font-size="11" font-weight="600">公司动态</text>
<text x="120" y="347" fill="#64748B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12">贵阳纳海川科技全线推行TDD测试驱动与白盒源码交付标准</text>
<text x="480" y="346" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">NAHAICHUAN TECH</text>
</svg>
双排

之后

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