/* ===== 配置区：控制中心图标显示 ===== */
    /* 如不需要显示中心图标，请将下面这行改为：.progress-icon { display: none; } */
    .progress-icon { display: block; } /* 改为 'block'显示图标/'none' 隐藏图标 */
    /* ===== 配置区结束 ===== */
    
    /* 圆形阅读进度条容器 - 固定在左下角 */
    .reading-progress-circle {
        position: fixed; /* 固定定位，不随页面滚动 */
        bottom: 80px; /* 距离底部 20 像素 */
        left: 10px; /* 距离左侧 20 像素 */
        width: 60px; /* 圆形直径 */
        height: 60px; /* 圆形直径 */
        z-index: 499; /* 确保进度条在最顶层,但比弹窗低一层 */
        cursor: pointer; /* 鼠标悬停显示手型 */
    }
    
    /* SVG 圆形进度条容器 */
    .reading-progress-circle > svg.progress-svg {
        transform: rotate(-90deg); /* 旋转使进度从顶部开始 */
        width: 100%;
        height: 100%;
    }
    
    /* 背景圆环（灰色） */
    .progress-circle-bg {
        fill: none;
        stroke: #e0e0e0; /* 背景圆环颜色（浅灰色） */
        stroke-width: 5; /* 圆环粗细 */
    }
    
    /* 进度圆环（蓝色） */
    .progress-circle-bar {
        fill: none;
        stroke: rgb(0,84,172); /* 进度条填充颜色（蓝色） */
        stroke-width: 5; /* 圆环粗细 */
        stroke-linecap: round; /* 圆角端点 */
        transition: stroke-dashoffset 0.1s ease; /* 进度变化时的平滑过渡 */
    }
    
    /* 中心图标样式 */
    .progress-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30px; /* 图标宽度 */
        height: 30px; /* 图标高度 */
        pointer-events: none; /* 图标不响应鼠标事件 */
    }
    
    /* 悬停效果（可选） */
    .reading-progress-circle:hover {
        transform: scale(1.1); /* 鼠标悬停时放大 1.1 倍 */
        transition: transform 0.2s ease; /* 平滑过渡效果 */