@charset "UTF-8";.sys-container{padding:80px 20px;text-align:center;font-family:sans-serif;background:#fff}.sys-title{color:#7FBBA0;font-size:28px;font-weight:600;margin-bottom:60px}.sys-timeline{position:relative;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between}.sys-line{position:absolute;top:8px;left:0;right:0;height:2px;background:rgba(127,187,160,0.3);z-index:0}.sys-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.sys-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(127,187,160,0.6);transition:all 0.4s ease;margin-bottom:20px}.sys-label{font-size:14px;color:#7FBBA0;opacity:0.6;max-width:140px;line-height:1.3;transition:all 0.4s ease}.sys-step.active .sys-dot{background:#7FBBA0;transform:scale(1.25)}.sys-step.active .sys-label{opacity:1;font-weight:600}@media (max-width:768px){.sys-timeline{flex-direction:column;align-items:flex-start;max-width:400px}.sys-line{width:2px;height:100%;top:0;left:8px}.sys-step{flex-direction:row;align-items:center;margin-bottom:35px}.sys-dot{margin-bottom:0;margin-right:20px}.sys-label{text-align:left;max-width:none;font-size:15px}}