/* 外层容器 */
        .outer-container {
            border: 2px dashed #888; /* 虚线边框 */
            border-radius: 15px; /* 圆角边框 */
            padding: 5px; /* 内边距调整为5px */
            margin: 20px auto; /* 水平居中，外边距 */
            max-width: 100%; /* 最大宽度 */
            display: flex; /* 使用flex布局 */
            flex-direction: column; /* 子项垂直排列 */
            align-items: center; /* 子项水平居中 */
            justify-content: center; /* 子项垂直居中 */
            text-align: center; /* 文本居中 */
        }

        /* 进度条容器 */
        .jinrishengyu-container {
            width: 100%;
            height: 15px; /* 进一步减小容器高度 */
            background-color: #a0a0a0;
            border-radius: 7.5px; /* 进一步减小圆角大小 */
            overflow: hidden;
            position: relative;
            margin: 10px 0; /* 为进度条添加上下间距 */
        }

        /* 剩余部分（颜色） */
        .jinrishengyu-color {
            height: 15px; /* 进一步减小颜色条高度 */
            background: linear-gradient(to bottom, #fa709a, #fee140); /* 渐变色 */
            border-radius: 7.5px 0 0 7.5px; /* 进一步减小圆角大小 */
            position: absolute;
            left: 0;
            width: 100%;
            transition: width 1s ease;
        }

        /* 中间文字样式 */
        .jinrishengyu-text {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white; /* 默认文字颜色 */
            font-weight: bold;
            font-size: 12px; /* 进一步减小文字大小 */
            z-index: 10; /* 确保文字在进度条之上 */
            pointer-events: none; /* 防止文字阻挡点击事件 */
        }

        /* 数字颜色 */
        .jinrishengyu-text .number {
            color: #00ffff; /* 设置数字颜色 */
        }