.scribble-underline {
            position: relative;
            display: inline-block;
        }
        .scribble-underline::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -5px;
            width: 100%;
            height: 6px;
            background: url("data:image/svg+xml,%3Csvg width='100' height='6' viewBox='0 0 100 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3C15.3333 1.66667 45.6 -0.999999 98 4.5' stroke='%2313ecec' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center bottom;
            background-size: 100% 100%;
        }.flow-line {
            position: absolute;
            left: 50%;
            top: 100%;
            width: 2px;
            height: 100px;
            background-color: #13ecec;
            transform: translateX(-50%);
            z-index: 0;
        }
        .flow-line::after {
             content: '';
             position: absolute;
             bottom: 0;
             left: -4px;
             width: 10px;
             height: 10px;
             border-right: 2px solid #13ecec;
             border-bottom: 2px solid #13ecec;
             transform: rotate(45deg);
        }