.saas-home .mkb-business-chain{min-width:0;position:relative;background:radial-gradient(ellipse at 80% 20%,#334d8450,transparent 65%),#101b34;border:1px solid #8aacdb35;border-radius:22px;box-shadow:0 30px 70px #111c5335;overflow:hidden;color:#eaf3ff;transform:perspective(1200px) rotateY(-3deg);font-family:Arial,'Microsoft YaHei',sans-serif}.chain-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;border-bottom:1px solid #819cc825;font-size:12px;letter-spacing:.5px}.chain-heading>span{display:flex;align-items:center;gap:8px;font-weight:700}.chain-heading i{width:6px;height:6px;border-radius:50%;background:#76f0df;box-shadow:0 0 12px #76f0df}.chain-heading small{color:#879bbd;font-size:10px}.mkb-business-chain svg{display:block;width:100%;height:auto;overflow:visible}.chain-node{cursor:pointer;text-decoration:none}.chain-node-frame{animation:chain-stage 8.4s linear infinite;animation-delay:var(--chain-delay);transition:filter .2s,stroke-opacity .2s}.chain-node:hover .chain-node-frame{filter:drop-shadow(0 0 9px var(--chain-color));stroke-opacity:1}.chain-wires>path{stroke-dasharray:5 5;animation:chain-flow 1.5s linear infinite}.chain-wires .chain-return{animation-duration:4s}.chain-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 22px;border-top:1px solid #819cc825;font-size:10px;color:#93a8c8}.chain-footer a{color:#9deada!important;text-decoration:none;font-weight:700;white-space:nowrap}.saas-vivid .mkb-business-chain::before,.saas-vivid .mkb-business-chain::after{display:none!important}@keyframes chain-flow{to{stroke-dashoffset:-20}}@keyframes chain-stage{0%,14%,100%{stroke-opacity:.5;filter:none}4%,10%{stroke-opacity:1;filter:drop-shadow(0 0 7px var(--chain-color))}}@media(max-width:900px){.saas-home .mkb-business-chain{transform:none}.chain-heading{padding:16px}.chain-heading small{display:none}.chain-footer{padding:13px 16px;font-size:9px}}@media(prefers-reduced-motion:reduce){.chain-wires>path,.chain-node-frame{animation:none}}
.saas-home .mkb-business-chain{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important}.chain-heading,.chain-footer{border:0!important;background:transparent!important}.chain-heading{padding:0 22px!important}.chain-heading small{color:#d9e5ff!important}.chain-footer{padding:0 22px!important;color:#d9e5ff!important}.chain-node-frame{fill:#193567!important}.chain-footer a{color:#c7ffdb!important}
.saas-vivid .rich-matrix{background:linear-gradient(135deg,#edf4ff,#f5f1fc)!important;color:#253853!important}.saas-vivid .rich-matrix .rich-centered h2{color:#253853!important;font-size:clamp(27px,3vw,38px)!important}.saas-vivid .rich-matrix .saas-eyebrow{color:#5675bd!important}.saas-vivid .rich-matrix-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.saas-vivid .rich-matrix-grid>a{background:#fff!important;border:1px solid #dfe7f3!important;border-radius:18px!important;box-shadow:0 8px 28px #2848800b!important;padding:30px!important;min-height:0!important;display:flex!important;flex-direction:column!important}.saas-vivid .rich-matrix-grid h3{color:#253853!important;font-size:21px!important;margin:21px 0 12px!important}.saas-vivid .rich-matrix-grid p{color:#728098!important;font-size:14px!important;line-height:1.9!important;margin-bottom:22px!important}.saas-vivid .rich-matrix-icon{animation:none!important;transform:none!important;background:#eaf1ff!important;color:#4e76d1!important;box-shadow:none!important}.saas-vivid .rich-matrix-grid>a:nth-child(3n+2) .rich-matrix-icon{background:#e8f8f5!important;color:#1c9e91!important}.saas-vivid .rich-matrix-grid>a:nth-child(3n+3) .rich-matrix-icon{background:#f3eafa!important;color:#9a64b7!important}.saas-vivid .rich-matrix-link{color:#5675bd!important;margin-top:auto!important;font-size:12px!important}.saas-vivid .rich-matrix-grid>a:last-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:48px 1fr auto!important;gap:10px 22px!important;align-items:center!important}.saas-vivid .rich-matrix-grid>a:last-child h3{margin:0!important}.saas-vivid .rich-matrix-grid>a:last-child p{grid-column:2!important;margin:0!important}.saas-vivid .rich-matrix-grid>a:last-child .rich-matrix-link{grid-column:3!important;grid-row:1/3!important}@media(max-width:1000px){.saas-vivid .rich-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.saas-vivid .rich-matrix-grid{grid-template-columns:1fr!important}.saas-vivid .rich-matrix-grid>a{padding:24px!important}.saas-vivid .rich-matrix-grid>a:last-child{display:flex!important;align-items:stretch!important}.saas-vivid .rich-matrix-grid>a:last-child p{margin:12px 0 20px!important}}

.saas-vivid .rich-matrix-icon{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:15px!important}.rich-matrix-icon svg{width:37px;height:37px;overflow:visible}.mi-spin,.mi-orbit{transform-origin:24px 24px;animation:mi-turn 9s linear infinite}.mi-pulse,.mi-wave{animation:mi-pulse 2.5s ease-in-out infinite}.mi-slide,.mi-truck{animation:mi-slide 3s ease-in-out infinite}.mi-rise,.mi-steam{animation:mi-rise 2.7s ease-in-out infinite}.mi-grow{transform-origin:center bottom;animation:mi-grow 3s ease-in-out infinite}.mi-flap{animation:mi-flap 3s ease-in-out infinite;transform-origin:center 14px}.rich-matrix-grid>a:nth-child(2n) svg *{animation-delay:-1.3s}@keyframes mi-turn{to{transform:rotate(360deg)}}@keyframes mi-pulse{50%{opacity:.35}}@keyframes mi-slide{50%{transform:translateX(3px)}}@keyframes mi-rise{50%{transform:translateY(-3px)}}@keyframes mi-grow{50%{transform:scaleY(.65)}}@keyframes mi-flap{50%{transform:scaleY(.55)}}@media(prefers-reduced-motion:reduce){.rich-matrix-icon svg *{animation:none!important}}
