#scrollPercent {
            position: fixed;
            right: -2px;
            bottom: 1px;
            background: rgba(128, 128, 128, 0.5);
            padding: 0 10px;
            border-radius: 25px 0 0 25px;
            z-index: 9999;
            display: none; /* 初始隐藏按钮 */
            align-items: center;
            height: 30px;
            line-height: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
        }
        #scrollPercent .arrow {
            display: none; /* 初始隐藏箭头 */
            margin-right: 2px;
            font-size: 1em;
            color: white;
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
        }
        #scrollPercent.scroll25to50 {
            color: green; /* 25%-50% 范围内为绿色 */
        }
        #scrollPercent.scroll50to75 {
            color: blue; /* 50%-75% 范围内为蓝色 */
        }
        #scrollPercent.scrollOver75 {
            color: red; /* 75% 以上为红色 */
        }