底部线类似跑马灯一样

    <a href="#" class="relative inline-block pb-1 text-sm font-medium group">
      SHOP NOW
      <!-- 第一条线：初始显示，悬停时向右消失 -->
      <span class="absolute bottom-0 left-0 w-full h-0.5 bg-gray-600 
          transition-transform duration-500 ease-in-out 
          origin-left group-hover:origin-right group-hover:scale-x-0">
      </span>
      <!-- 第二条线：初始隐藏，悬停延迟后从左出现 -->
      <span class="absolute bottom-0 left-0 w-full h-0.5 bg-gray-600 
          scale-x-0 transition-transform duration-500 ease-in-out 
          delay-200 origin-left 
          group-hover:delay-400 group-hover:scale-x-100">
      </span>
    </a>