.softwaresys{background:#f8f9fb}.softwaresys .tab-switch{display:inline-flex;background:#e8e8e8;border-radius:50px;padding:4px;gap:2px}.softwaresys .tab-btn{padding:7px 22px;background:#fff0;border:none;border-radius:50px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;color:#666;line-height:1.4;white-space:nowrap}.softwaresys .tab-btn.active{background:var(--primaryc,#ff8c00);color:#fff;box-shadow:0 2px 8px rgb(255 140 0 / .28)}.softwaresys .sys-list{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgb(0 0 0 / .15) #fff0}.softwaresys .sys-list::-webkit-scrollbar{height:4px}.softwaresys .sys-list::-webkit-scrollbar-track{background:#fff0}.softwaresys .sys-list::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .15);border-radius:4px}.softwaresys-item{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:#fff;border:1.5px solid rgb(0 0 0 / .07);border-radius:50px;padding:7px 16px 7px 7px;box-shadow:0 1px 4px rgb(0 0 0 / .06);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;color:var(--caption);font-weight:600;font-size:13px;white-space:nowrap;cursor:default}.softwaresys-item:hover{border-color:var(--primaryc,#ff8c00);box-shadow:0 3px 12px rgb(255 140 0 / .16);transform:translateY(-2px);color:var(--primaryc,#ff8c00)}.softwaresys-item img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#f2f2f2;padding:3px;flex-shrink:0}.softwaresys .tab-pane{display:none}.softwaresys .tab-pane.show{display:block}@media (max-width:576px){.softwaresys .sys-list{justify-content:flex-start}}