LINGXI · 工业版 V3.1
工具类 | AI对话 — 就绪
帮助
聊天记录
产出物料
⬡

灵犀工业版 · 全功能旗舰

覆盖工业全领域的智能指挥中枢。集成 ERP、MES、PLM、SCM、WMS、QMS、EAM 等 20+ 业务系统，实现从供应链到生产制造、从质量管理到设备运维的全链路数字化管控。

灵
工业版全功能覆盖

ERP 企业资源计划 · MES 制造执行 · PLM 产品生命周期
SCM 供应链 · WMS 仓储管理 · QMS 质量管理
EAM 设备资产 · 工单调度 · BI 大屏

一句话跨系统查询 — 例如"各产线今日OEE和设备状态"，系统自动跨 MES + EAM 调取数据并合并呈现。
实时预警 — 质量异常、设备故障、库存告急自动推送
数据导出 — 所有报表/卡片支持一键下载

试试输入复杂查询："第三产线本周生产效率和质检合格率"
刚刚
拖拽文件到此处上传
各产线今日OEE和设备状态本月采购订单和到货情况质检不合格批次及原因分析库存周转率和呆滞物料预警导出本月生产运营综合报告
`; // --- 系统运维 --- settingsPanels["系统总览"] = `

📡 系统总览

47%
CPU 使用率
12.4GB
内存占用 / 32GB
256GB
磁盘可用 / 512GB
1.2Gbps
网络吞吐

服务状态

服务名状态运行时长
AI 推理引擎● 运行中127 天
数据库集群● 运行中312 天
消息队列● 运行中89 天
文件存储服务⚠ 降级45 天
缓存服务● 运行中203 天
`; settingsPanels["智脑分析"] = `

🧪 智脑分析

最近分析结果
异常日志模式检测
发现3处潜在内存泄漏信号...
2026-06-12 08:00
已完成
服务响应延迟诊断
文件存储服务平均延迟上升 35%...
2026-06-11 14:30
待处理
数据库慢查询分析
订单查询TOP 10语句识别完成...
2026-06-10 10:15
已完成
`; settingsPanels["测查巡检"] = `

🔎 测查巡检

任务名称目标节点最后执行状态操作
核心服务健康检查node-01~052026-06-12 14:00正常
数据库备份验证db-master2026-06-12 02:00正常
磁盘空间巡检all-nodes2026-06-12 12:00告警
SSL证书到期检查gateway-012026-06-11 08:00正常
日志轮转检查log-svr-01~032026-06-12 06:00失败
`; settingsPanels["AI知识库"] = `

🧠 AI知识库

📚
在知识库中搜索文档和资料
输入关键词点击搜索按钮或按回车开始搜索
`; settingsPanels["性能优化"] = `

⚡ 性能优化

86ms
平均响应时间
↓ 12% 较上周
3,420rps
吞吐量
↑ 8% 较上周
0.12%
错误率
↓ 0.05% 较上周

优化建议

启用查询结果缓存
预计减少数据库负载 40%，响应时间降低 25ms
建议执行
图片资源CDN加速
静态资源加载时间可缩短 60%
已规划
API网关连接池优化
当前连接池利用率 78%，建议扩容至 200
评估中
`; settingsPanels["云警察·自愈"] = `

🛡️ 云警察·自愈

规则名称触发条件执行动作状态操作
内存溢出自动重启内存 > 85% 持续 5 分钟重启服务实例
磁盘空间自动清理磁盘 < 10% 可用清理过期日志
服务无响应自愈健康检查连续失败 3 次隔离节点 + 流量切换
数据库连接池扩容连接池使用率 > 90%动态扩容 50%
`; settingsPanels["清洁工"] = `

🧹 清洁工

~ 2.3 GB
~ 8.7 GB
~ 1.5 GB
~ 340 MB
上次清理：2026-06-05 03:00
`; settingsPanels["Agent运维"] = `

🔧 Agent运维

Agent名称类型状态运行时长操作
日志采集Agent数据采集● 运行中127 天
告警分发Agent消息路由● 运行中98 天
自动修复Agent自愈执行● 运行中56 天
监控指标Agent监控采集● 已停止—
巡检调度Agent任务调度● 运行中214 天
`; // ============ SIDE PANEL ============ let activePanel = null; function toggleFloatPanel(bubble) { const panelType = bubble.dataset.panel; if (activePanel === panelType) { closeSidePanel(); return; } const panel = document.getElementById('sidePanel'); const title = document.getElementById('sidePanelTitle'); const body = document.getElementById('sidePanelBody'); if (!panel || !title || !body) return; if (panelType === 'chatHistory') { title.textContent = '💭 聊天记录'; body.innerHTML = getChatHistoryContent(); } else if (panelType === 'artifacts') { title.textContent = '📦 产出物料'; body.innerHTML = getArtifactContent(); } else if (panelType === 'help') { title.textContent = '❓ 帮助中心'; body.innerHTML = getHelpContent(); } panel.classList.add('open'); activePanel = panelType; document.querySelectorAll('.float-bubble').forEach(b => b.classList.remove('active')); bubble.classList.add('active'); } // ============ BUBBLE CLICK BINDING ============ (function() { var bubbles = document.querySelectorAll('.float-bubble'); for (var i = 0; i < bubbles.length; i++) { bubbles[i].addEventListener('click', function() { toggleFloatPanel(this); }); } })(); function closeSidePanel() { const panel = document.getElementById('sidePanel'); if (!panel) return; panel.classList.remove('open'); activePanel = null; document.querySelectorAll('.float-bubble').forEach(b => b.classList.remove('active')); } function getChatHistoryContent(){var h='';h+='

\U0001f4ac 产线OEE分析讨论

L1产线本周OEE为92.3%，较上周提升1.2个百分点。

06-12 14:30
';h+='

\U0001f4ac 库存预警排查

中转仓库存偏低，建议启动补货流程。

06-11 16:20
';h+='

\U0001f4ac 销售数据汇总

本月销售总额2,847,600，环比+15.2%。

06-10 10:05
';h+='

\U0001f4ac 财务预算审核

本月收入超预算6.5%，材料成本低于预算8.3%。

06-09 09:45
';h+='

\U0001f4ac 设备维护计划

TPM系统显示L3线需要季度保养。

06-08 15:12
';return h} function getArtifactContent(){var h='';h+='

\U0001f4ca 本月销售报表.xlsx

报表 · 245KB · 06-12

';h+='

\U0001f4c4 产线OEE分析.pdf

报表 · 1.2MB · 06-11

';h+='

\U0001f4ca 库存盘点表.csv

表格 · 89KB · 06-10

';h+='

\U0001f4c4 Q3质量报告.docx

文档 · 567KB · 06-09

';return h} function getHelpContent(){var h='';h+='

\U0001f4a1 快速入门

灵犀工业版是覆盖工业全领域的智能指挥中枢。

';h+='

\U0001f4a1 常用功能

AI对话 · AI写作 · AI翻译 · AI总结 · AI搜索

';h+='

\U0001f4a1 版本信息

灵犀·工业版 V3.1

';return h} // ============ CHAT HISTORY (retained for nav item "聊天记录") ============ // ============ NAV ITEM CLICK ============ let lastSysMsg = null; function showSettingsPanel(sysName) { try { const msgs = document.getElementById('chatMessages'); if (!msgs) { console.warn('chatMessages not found'); return; } const panelHtml = settingsPanels[sysName]; if (!panelHtml) { console.warn('No panel for:', sysName); alert('「' + sysName + '」功能开发中，敬请期待'); return; } msgs.innerHTML = '
' + panelHtml + '
'; msgs.scrollTop = 0; console.log('Settings panel shown:', sysName); } catch(e) { console.error('showSettingsPanel error:', e); alert('「' + sysName + '」功能加载中，请稍候...'); } } document.querySelectorAll('.nav-item').forEach(item => { item.addEventListener('click', function(e) { // Don't handle sub-parent toggle clicks here if (this.classList.contains('nav-sub-parent')) { toggleSubNav(this); return; } document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active')); this.classList.add('active'); const spans = this.querySelectorAll('span'); const sysName = spans[1]?.textContent || '通用'; // Extract group name for left side (strip emoji prefix) const navGroupEl = this.closest('.nav-group'); const groupTitle = navGroupEl?.querySelector('.group-title')?.textContent || ''; const groupClean = groupTitle.replace(/^[^\w\u4e00-\u9fff]+/, '').trim() || '工具类'; document.getElementById('currentSystem').textContent = groupClean; document.getElementById('topStatusText').textContent = sysName + ' — 就绪'; if (lastSysMsg) { lastSysMsg.remove(); lastSysMsg = null; } // Check if this item belongs to "系统设置" or "系统运维" group let navGroup = this.closest('.nav-group'); const groupTitle2 = navGroup?.querySelector('.group-title')?.textContent || ''; const isSettingsGroup = groupTitle2.includes('系统设置') || groupTitle2.includes('系统运维') || groupTitle2.includes('生产类'); if (isSettingsGroup && settingsPanels[sysName]) { showSettingsPanel(sysName); const ph = sysPlaceholders[sysName] || defaultPh; if (textarea) textarea.placeholder = ph; return; } // Check for tool panel if (toolPanels[sysName]) { var msgs = document.getElementById('chatMessages'); if (msgs) { lastSysMsg = null; msgs.innerHTML = toolPanels[sysName]; msgs.scrollTop = 0; var ph = sysPlaceholders[sysName] || defaultPh; if (textarea) textarea.placeholder = ph; } return; } if (isSettingsGroup) { // Fallback: panel not defined for this item const msgs = document.getElementById('chatMessages'); if (msgs) { msgs.innerHTML = '

' + sysName + '

此模块面板暂未配置

'; msgs.scrollTop = 0; } return; } // ============ AI TOOL UI RENDERER ============ const aiToolUIs = { "AI对话": function() { return '
' + '
' + '
💬
' + '

AI 智能对话

' + '

与AI进行自然语言对话，支持多轮交互

' + '
' + '今天天气怎么样？' + '写一封商务邮件' + '解释量子计算' + '帮我制定学习计划
' + '
' + '
⬡
' + '

输入内容开始对话

' + '
' + '' + '
'; }, "AI写作": function() { return '
' + '
' + '
✍️
' + '

AI 智能写作

' + '

输入主题或要求，AI为您生成高质量内容

' + '
' + '📝 文章📧 邮件' + '📄 报告✉️ 文案' + '📋 大纲
' + '
' + '
' + '' + '
' + '
' + '' + '
' + '等待输入...
' + '
' + '' + '
'; }, "AI翻译": function() { return '
' + '
' + '
🌐
' + '

AI 智能翻译

' + '

支持多语种互译，保留格式与语义

' + '
' + '' + '' + '
' + '
' + '
' + '' + '
' + '
' + '' + '
' + '等待翻译...
' + '
' + '' + '
'; }, "AI总结": function() { return '
' + '
' + '
📋
' + '

AI 智能总结

' + '

快速提取长文本要点，生成精炼摘要

' + '
' + '
' + '' + '
' + '
' + '' + '
' + '等待输入...
' + '
' + '
' + '📐 简洁版' + '📊 详细版' + '📌 要点版
' + '' + '
'; }, "AI搜索": function() { return '
' + '
' + '
🔍
' + '

AI 智能搜索

' + '

全网搜索 + AI聚合，精准获取所需信息

' + '
' + '' + '
' + '
' + '🔬 学术📰 新闻' + '💻 技术📊 数据' + '📚 文档
' + '
' + '
' + '
🔍
' + '

输入关键词开始搜索

' + '

AI将自动聚合结果并生成摘要

'; }, "文档分析": function() { return '
' + '
' + '
📄
' + '

AI 文档分析

' + '

上传文档，AI自动解析内容并回答问题

' + '
' + '
📄
' + '

点击上传或拖拽文件到此处

' + '

支持 PDF、Word、TXT、Markdown 等格式

' + '
' + '📕 PDF📘 Word' + '📄 TXT📝 Markdown' + '📊 Excel
' + '
' + '
上传文件后，在此显示分析结果
'; } }; const aiToolUIRenderer = aiToolUIs[sysName]; if (aiToolUIRenderer) { const msgs = document.getElementById('chatMessages'); if (msgs) { msgs.innerHTML = ''; const wrapper = document.createElement('div'); wrapper.style.cssText = 'display:flex;flex-direction:column;height:100%;min-height:400px'; wrapper.innerHTML = aiToolUIRenderer(); msgs.appendChild(wrapper); msgs.scrollTop = 0; } return; } const ph = sysPlaceholders[sysName] || defaultPh; if (textarea) textarea.placeholder = ph; const msgs = document.getElementById('chatMessages'); if (msgs) { msgs.innerHTML = ''; const div = document.createElement('div'); div.className = 'system-ready-msg'; div.innerHTML = `
系统就绪
`; msgs.appendChild(div); lastSysMsg = div; msgs.scrollTop = msgs.scrollHeight; revealObserver.observe(div); div.classList.add('reveal', 'visible'); }; } }); }); // ============ AI CHAT API PROXY ============ const AI_API_URL = '/api/v1/ai/chat'; async function callAIChat(messages) { try { const resp = await fetch(AI_API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, stream: false }) }); if (!resp.ok) throw new Error('API status: ' + resp.status); const data = await resp.json(); if (data.choices && data.choices[0] && data.choices[0].message) { return data.choices[0].message.content; } if (data.output && data.output.text) { return data.output.text; } if (data.message) return data.message; throw new Error('Unexpected response format'); } catch(e) { console.error('AI Chat error:', e); return null; } } // ============ KNOWLEDGE BASE SEARCH ============ async function searchKnowledgeBase(query) { if (!query || query.trim().length < 2) { return '
请输入至少2个字符进行搜索
'; } try { // 调用知识库API const response = await fetch('/api/v1/kb/search?q=' + encodeURIComponent(query) + '&limit=10', { method: 'GET', headers: { 'Content-Type': 'application/json' } }); if (!response.ok) { throw new Error('API request failed'); } const data = await response.json(); if (data.results && data.results.length > 0) { let html = '
找到 ' + data.results.length + ' 条相关文档：
'; data.results.forEach(item => { html += '
'; html += '
' + (item.title || '无标题') + '
'; html += '
' + (item.content || item.snippet || '') + '
'; html += '
来源: ' + (item.source || '知识库') + ' | 相似度: ' + Math.round((item.score || 0.9) * 100) + '%
'; html += '
'; }); return html; } else { return '
📭
未找到相关结果
试试其他关键词
'; } } catch (error) { console.error('Knowledge base search error:', error); // API不可用时显示开发中提示 return '
🔧
知识库功能开发中
API暂不可用，请稍后再试
'; } } // ============ SEND MESSAGE ============ async function sendMessage() { const ta = textarea; if (!ta) return; const text = ta.value.trim(); if (!text) return; const sendBtn = document.querySelector('.ia-btn.send'); if (!sendBtn) return; const msgs = document.getElementById('chatMessages'); if (!msgs) return; const welcome = msgs.querySelector('.welcome-msg'); if (welcome) welcome.remove(); const now = new Date(); const time = now.getHours().toString().padStart(2,'0') + ':' + now.getMinutes().toString().padStart(2,'0'); // Switch to loading icon sendBtn.classList.add('loading'); sendBtn.innerHTML = '⟳'; // User message const userRow = document.createElement('div'); userRow.className = 'msg-row user reveal visible'; userRow.innerHTML = `
U
${text}
${time}
`; msgs.appendChild(userRow); ta.value = ''; msgs.scrollTop = msgs.scrollHeight; // Save user message to localStorage saveChatHistory({ role: 'user', text: text, time: time }); // Thinking const thinkId = 'think_' + Date.now(); const thinkRow = document.createElement('div'); thinkRow.className = 'msg-row'; thinkRow.id = thinkId; thinkRow.innerHTML = `
灵
正在分析
`; msgs.appendChild(thinkRow); msgs.scrollTop = msgs.scrollHeight; setTimeout(() => { const thinkEl = document.getElementById(thinkId); if (thinkEl) thinkEl.remove(); let response = ''; const lower = text.toLowerCase(); if (lower.includes('销售') || lower.includes('crm')) { response = '已为您查询 CRM 系统，本月销售数据如下：
本月销售概览 来源：CRM系统
指标本月环比
新增客户128+12.3%
成交订单456+8.7%
销售总额2,847,600+15.2%
客单价6,245+2.1%
'; } else if (lower.includes('库存') || lower.includes('wms')) { response = '已为您查询 WMS 仓储，当前库存状态：
实时库存概览 来源：WMS
仓库SKU数总库存状态
主仓A3,420126,500正常
分仓B1,28048,200正常
中转仓89012,340偏低
'; } else if (lower.includes('生产') || lower.includes('mes')) { response = '已为您查询 MES，当前产线状态：
产线实时监控 来源：MES
产线工单完成率OEE状态
L1-总装WO-202400187%92.3%运行中
L2-焊接WO-202400294%88.7%运行中
L3-测试WO-202400362%76.1%待料
'; } else if (lower.includes('财务') || lower.includes('erp')) { response = '已为您跨系统查询 ERP + 财务系统，汇总结果：
跨系统查询：ERP · 财务系统
财务数据汇总 多系统聚合
科目本月实际预算偏差
营业收入8,520,0008,000,000+6.5%
材料成本3,210,0003,500,000-8.3%
人工成本1,850,0001,800,000+2.8%
'; } else if (lower.includes('知识库') || lower.includes('kb') || activeSystem === 'AI知识库') { // AI知识库搜索 const kbResults = await searchKnowledgeBase(text); response = kbResults || '
🔍
正在知识库中搜索...
知识库功能开发中，敬请期待
'; } else { response = `收到你的问题："${text}"。我理解你想了解相关信息。`; const activeSystem = document.getElementById('currentSystem')?.textContent || ''; if (activeSystem !== '通用' && activeSystem) { response += `

正在 ${activeSystem} 系统中为你查找...`; } else { response += '

正在为你自动匹配最合适的业务系统进行查询...'; } response += '

提示：你可以在左侧菜单选择特定系统以限定查询范围，也可以拖拽文件到输入框进行上传分析。'; } // 如果是表格响应，清除所有旧消息气泡，全界面展示表格 if (response.includes('data-card')) { msgs.querySelectorAll('.msg-row, .system-ready-msg').forEach(el => el.remove()); } const aiRow = document.createElement('div'); aiRow.className = 'msg-row reveal'; aiRow.innerHTML = `
灵
${response}
${time}
`; msgs.appendChild(aiRow); msgs.scrollTop = msgs.scrollHeight; // Save AI message to localStorage saveChatHistory({ role: 'ai', text: response, time: time }); revealObserver.observe(aiRow); // Trigger number animation after DOM insert setTimeout(animateNumbers, 100); // Restore send button if (sendBtn) { sendBtn.classList.remove('loading'); sendBtn.innerHTML = '↑'; } }, 1200 + Math.random() * 800); } // ============ ENTER TO SEND ============ if (textarea) { textarea.addEventListener('keydown', e => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); } }); } // ============ HINT CHIP CLICK ============ document.querySelectorAll('.hint-chip').forEach(chip => { chip.addEventListener('click', function() { if (textarea) { textarea.value = this.textContent; sendMessage(); } }); }); // ============ INIT PLACEHOLDER ============ (function(){ const activeItem = document.querySelector('.nav-item.active'); if (activeItem && textarea) { const sysName = activeItem.querySelectorAll('span')[1]?.textContent || ''; const ph = sysPlaceholders[sysName] || defaultPh; textarea.placeholder = ph; } })(); // ============ INIT NAV ACTIVE STATE ============ (function initNavActive() { const activeItem = document.querySelector('.nav-item.active'); if (!activeItem) { const firstItem = document.querySelector('.nav-item:not(.nav-sub-parent)'); if (firstItem) { firstItem.classList.add('active'); } } // Ensure currentSystem shows correct group name of active item const cur = document.querySelector('.nav-item.active'); if (cur) { const navGroupEl = cur.closest('.nav-group'); const groupTitle = navGroupEl?.querySelector('.group-title')?.textContent || ''; const groupClean = groupTitle.replace(/^[^\w一-鿿]+/, '').trim() || '工具类'; const csEl = document.getElementById('currentSystem'); if (csEl && !csEl.textContent || csEl?.textContent === '工具类') { csEl.textContent = groupClean; } } })(); // ============ LOAD CHAT HISTORY ON INIT ============ (function(){ renderChatHistory(); })(); // ============ FULLSCREEN TOGGLE ============ (function(){ const toggleBtn = document.getElementById('fullscreenToggle'); const app = document.querySelector('.app'); if (!toggleBtn || !app) return; toggleBtn.addEventListener('click', function() { app.classList.toggle('is-fullscreen'); toggleBtn.textContent = app.classList.contains('is-fullscreen') ? '退出全屏' : '全屏显示'; }); })(); // ============ AUTO-COLLAPSE ON NAV CLICK ============ document.querySelectorAll('.nav-item').forEach(item => { item.addEventListener('click', function() { if (this.classList.contains('nav-sub-parent')) return; // Skip auto-fullscreen for 系统设置, 系统运维, and 生产类 groups const navGroup = this.closest('.nav-group'); const groupTitle = navGroup?.querySelector('.group-title')?.textContent || ''; if (groupTitle.includes('系统设置') || groupTitle.includes('系统运维') || groupTitle.includes('生产类')) return; const app = document.querySelector('.app'); const toggleBtn = document.getElementById('fullscreenToggle'); if (app && toggleBtn) { app.classList.add('is-fullscreen'); toggleBtn.textContent = '全屏显示'; } }); }); // ============ OUTPUT PANEL ============ function toggleOutputPanel() { const panel = document.getElementById('outputPanel'); const btn = document.querySelector('.output-toggle'); if (!panel || !btn) return; panel.classList.toggle('open'); btn.classList.toggle('active'); } // ============ ARTIFACT PANEL ============ function toggleArtifactPanel() { const msgs = document.getElementById('chatMessages'); const btn = document.querySelector('.artifact-btn'); if (!msgs || !btn) return; const existing = document.getElementById('artifactPanel'); if (existing) { existing.remove(); btn.classList.remove('open'); return; } const panel = document.createElement('div'); panel.id = 'artifactPanel'; panel.innerHTML = `

产出物料

文件名类型生成时间大小操作
本月销售报表.xlsx报表06-12 14:30245KB
产线OEE分析.pdf报表06-11 09:151.2MB
库存盘点表.csv表格06-10 16:4589KB
Q3质量报告.docx文档06-09 11:20567KB
设备维护记录.xlsx表格06-08 08:00312KB
EHS安全检查表.pdf报表06-07 15:30456KB
客户合同汇总.csv表格06-06 10:10178KB
`; msgs.insertBefore(panel, msgs.firstChild); btn.classList.add('open'); } document.getElementById('chatMessages')?.addEventListener('click', function(e) { const panel = document.getElementById('outputPanel'); if (panel && panel.classList.contains('open')) { if (!e.target.closest('.output-panel') && !e.target.closest('.output-toggle')) { panel.classList.remove('open'); document.querySelector('.output-toggle')?.classList.remove('active'); } } }); console.log('%c灵犀工业版 V3.1 %c已就绪 %c| %c动态效果全开', // ============ TOOL PANELS HELPERS ============ function generateTable(headers) { var body = document.getElementById("tableBody"); if (!body) return; var html = ""; headers.forEach(function(h) { html += ""; }); html += ""; for (var i = 1; i <= 5; i++) { html += ""; html += ""; headers.slice(1).forEach(function() { html += ''; }); html += ""; } html += "
" + h + "
" + i + "-
"; html += '
'; html += ''; html += ''; html += "
"; body.innerHTML = html; } function addTableRow() { var tbody = document.querySelector("#tableBody tbody"); if (!tbody) return; var cols = document.querySelectorAll("#tableBody thead th").length || 4; var rowNum = tbody.children.length + 1; var html = "" + rowNum + ""; for (var i = 1; i < cols; i++) html += '-'; html += ""; tbody.insertAdjacentHTML("beforeend", html); } function exportTableCSV() { var table = document.querySelector("#tableBody table"); if (!table) return; var csv = ""; table.querySelectorAll("tr").forEach(function(tr) { var cols = tr.querySelectorAll("th,td"); csv += Array.from(cols).map(function(c) { return '"' + c.textContent.replace(/"/g,'""') + '"'; }).join(",") + "\n"; }); var blob = new Blob(["\uFEFF" + csv], {type: "text/csv;charset=utf-8"}); var a = document.createElement("a"); a.href = URL.createObjectURL(blob); a.download = "表格导出_" + new Date().toISOString().slice(0,10) + ".csv"; a.click(); URL.revokeObjectURL(a.href); } 'color:#34d399;font-size:14px;font-weight:bold', 'color:#fff', 'color:#5f6878', 'color:#06b6d4');