style(nav-clients): 优化导航下拉侧边栏工程语言并升级合作企业卡片为标杆矩阵
这个提交包含在:
@@ -100,7 +100,7 @@
|
||||
<div>
|
||||
<div class="nhc-mega-sidebar-title">
|
||||
<span class="nhc-mega-sidebar-heading">工程受控规范</span>
|
||||
<span class="nhc-seal">精工立骨</span>
|
||||
<span class="nhc-seal">研发规范</span>
|
||||
</div>
|
||||
<p class="nhc-mega-sidebar-desc">严格遵循 TDD 测试驱动开发与 ISO9001 质量审核,提供全套系统架构设计蓝图与数据库字典。</p>
|
||||
<div class="nhc-mega-sidebar-metrics">
|
||||
@@ -217,7 +217,7 @@
|
||||
<div>
|
||||
<div class="nhc-mega-sidebar-title">
|
||||
<span class="nhc-mega-sidebar-heading">成熟商业开箱即用</span>
|
||||
<span class="nhc-seal">矩阵赋能</span>
|
||||
<span class="nhc-seal">成熟商用</span>
|
||||
</div>
|
||||
<p class="nhc-mega-sidebar-desc">经历千万级真实交易峰值验证,支持公有云敏捷订阅与企业专有云私有化源码买断。</p>
|
||||
<div class="nhc-mega-sidebar-metrics">
|
||||
|
||||
@@ -736,12 +736,30 @@
|
||||
<span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
|
||||
</div>
|
||||
<div class="nhc-clients-grid">
|
||||
<div class="nhc-client-item">贵阳商贸供应链</div>
|
||||
<div class="nhc-client-item">西南智能制造</div>
|
||||
<div class="nhc-client-item">黔信互联科技</div>
|
||||
<div class="nhc-client-item">连锁零售商超</div>
|
||||
<div class="nhc-client-item">智慧农特产业</div>
|
||||
<div class="nhc-client-item">现代医药物流</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">贵阳商贸供应链</span>
|
||||
<span class="nhc-client-tag">供应链流通 · B2B中台</span>
|
||||
</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">西南智能制造</span>
|
||||
<span class="nhc-client-tag">高端装备 · 生产进销存</span>
|
||||
</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">黔信互联科技</span>
|
||||
<span class="nhc-client-tag">政企服务 · 私有AI智能体</span>
|
||||
</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">连锁零售商超</span>
|
||||
<span class="nhc-client-tag">智慧门店 · 软硬一体收银</span>
|
||||
</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">智慧农特产业</span>
|
||||
<span class="nhc-client-tag">农产电商 · 全渠道分销</span>
|
||||
</div>
|
||||
<div class="nhc-client-item">
|
||||
<span class="nhc-client-name">现代医药物流</span>
|
||||
<span class="nhc-client-tag">医药冷链 · 批次全流程溯源</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1267,25 +1267,42 @@ img {
|
||||
}
|
||||
|
||||
.nhc-client-item {
|
||||
height: 72px;
|
||||
height: 80px;
|
||||
background: var(--bg-secondary);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 12px;
|
||||
padding: 10px 14px;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
.nhc-client-name {
|
||||
font-family: var(--font-serif);
|
||||
font-size: 13px;
|
||||
color: var(--text-secondary);
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
transition: all 0.2s ease;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 4px;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.nhc-client-tag {
|
||||
font-size: 11px;
|
||||
color: var(--text-muted);
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.nhc-client-item:hover {
|
||||
background: #FFFFFF;
|
||||
border-color: var(--primary);
|
||||
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.08);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.nhc-client-item:hover .nhc-client-name {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
|
||||
在新工单中引用
屏蔽一个用户