Function createFloatingSpeedSlider

linuxdo-helper.user.js:537–688

* 创建悬浮速度滑块 * @returns {HTMLElement} 滑块容器元素

()

     * @returns {HTMLElement} 滑块容器元素
     */
    function createFloatingSpeedSlider() {
        injectFloatingPanelStyles();

        const existingSlider = document.getElementById('linuxdo-speed-slider');

        if (existingSlider) {
            existingSlider.remove();
        }

        const container = document.createElement('div');

        container.id = 'linuxdo-speed-slider';
        container.style.cssText = `
            position: fixed;
            bottom: 20px;
            right: 20px;
            border-radius: 8px;
            padding: 16px;
            z-index: 9999;
            min-width: 200px;
            display: ${getSwitchState() ? 'block' : 'none'};
        `;

        const label = document.createElement('div');
        label.className = 'linuxdo-helper-label';
        label.textContent = '阅读速度';
        label.style.cssText = 'font-size: 14px; font-weight: 500; margin-bottom: 10px;';
        container.appendChild(label);

        const sliderWrapper = document.createElement('div');
        sliderWrapper.style.cssText = 'display: flex; align-items: center; gap: 8px;';

        const decreaseButton = document.createElement('button');
        decreaseButton.type = 'button';
        decreaseButton.className = 'linuxdo-helper-speed-button';
        decreaseButton.textContent = '-';
        decreaseButton.title = '降低速度';

        const slider = document.createElement('input');
        slider.type = 'range';
        slider.min = SPEED_SLIDER_CONFIG.min;
        slider.max = SPEED_SLIDER_CONFIG.max;
        slider.step = SPEED_SLIDER_CONFIG.step;
        slider.value = getSpeedRatio();
        slider.style.cssText = `
            flex: 1;
            height: 6px;
            border-radius: 3px;
            outline: none;
            cursor: pointer;
        `;

        const valueDisplay = document.createElement('span');
        valueDisplay.className = 'linuxdo-helper-value';
        valueDisplay.textContent = formatSpeedDisplay(getSpeedRatio());
        valueDisplay.style.cssText = 'min-width: 32px; text-align: right; font-size: 14px; font-weight: 500;';

        const increaseButton = document.createElement('button');