/* pc/article/product_details.html · style block 6 */
.timeline-container {
        position: relative;
        padding: 30px 20px;
        background-color: #fafbfc;
        border-radius: 8px;
    }
    .timeline-item {
        display: flex;
        position: relative;
        margin-bottom: 40px;
    }
    .timeline-item::before {
        content: '';
        position: absolute;
        top: 10px;
        bottom: -50px;
        left: 130px;
        width: 2px;
        background-color: #e4e7ed;
    }
    .timeline-item:last-child::before {
        display: none;
    }
    .timeline-left {
        width: 110px;
        text-align: center;
        padding-right: 20px;
        position: relative;
        padding-top: 5px;
    }
    .timeline-date {
        font-size: 15px;
        color: #303133;
        font-weight: bold;
    }
    .timeline-time {
        font-size: 13px;
        color: #909399;
        margin-top: 6px;
    }
    .timeline-latest-tag {
        display: inline-block;
        padding: 4px 10px;
        background-color: #409eff;
        color: white;
        border-radius: 12px;
        font-size: 12px;
        margin-top: 12px;
        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
    }
    .timeline-dot {
        position: absolute;
        width: 14px;
        height: 14px;
        background-color: #409eff;
        border-radius: 50%;
        left: 124px;
        top: 9px;
        z-index: 1;
        border: 2px solid #fff;
        box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.2);
    }
    .timeline-right {
        flex: 1;
        margin-left: 40px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
        padding: 24px;
        position: relative;
        border: 1px solid #ebeef5;
    }
    .version-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .version-no {
        background-color: #409eff;
        color: #fff;
        padding: 2px 10px;
        border-radius: 16px;
        font-size: 18px;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
    }
    .version-content-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .version-desc-item {
        display: flex;
        align-items: flex-start;
    }
    .desc-tag {
        width: 48px;
        height: 26px;
        line-height: 24px;
        text-align: center;
        border-radius: 4px;
        font-size: 13px;
        margin-right: 16px;
        flex-shrink: 0;
        font-weight: 500;
    }
    .desc-tag-1 {
        color: #409eff;
        background-color: #ecf5ff;
        border: 1px solid #d9ecff;
    }
    .desc-tag-2 {
        color: #67c23a;
        background-color: #f0f9eb;
        border: 1px solid #e1f3d8;
    }
    .desc-tag-3 {
        color: #e6a23c;
        background-color: #fdf6ec;
        border: 1px solid #faecd8;
    }
    .desc-text {
        font-size: 15px;
        color: #606266;
        line-height: 1.6;
        padding-top: 2px;
    }