.service-list article{isolation:isolate;overflow:hidden;background:#101114}
.service-list article::before,.service-list article::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.service-list article::before{background-image:var(--service-bg);background-size:cover;background-position:85% top;opacity:.75;filter:saturate(.55);transition:opacity .25s}
.service-list article::after{background:linear-gradient(180deg,rgba(16,17,20,.1),rgba(16,17,20,.62) 55%,#101114 100%),linear-gradient(90deg,rgba(16,17,20,.4),rgba(16,17,20,.15))}
.service-list article:hover::before{opacity:.95}
.service-list article:nth-child(1){--service-bg:url('/service-bg/erp-v1.webp')}
.service-list article:nth-child(2){--service-bg:url('/service-bg/logistics-v1.webp')}
.service-list article:nth-child(3){--service-bg:url('/service-bg/custom-v1.webp')}
.service-list article:nth-child(4){--service-bg:url('/service-bg/contract-v1.webp')}
.service-list article:nth-child(5){--service-bg:url('/service-bg/nexus-v1.webp')}
.service-list article:nth-child(6){--service-bg:url('/service-bg/framewire-v1.webp')}
.service-list article:nth-child(7){--service-bg:url('/service-bg/docflow-v1.webp')}
.service-list article:nth-child(8){--service-bg:url('/service-bg/mes-v1.webp')}
.service-list article>p{color:#bcc1c8}
.service-list .tags span{background:rgba(16,17,20,.58);color:#bfc5ca;border-color:#55605d}
.service-list .service-demo-btn{background:rgba(16,17,20,.74)}
.service-list .service-demo-btn:hover{background:var(--lime)}
@media(prefers-reduced-motion:reduce){.service-list article::before{transition:none}}