.jcc-color-box {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.other-filters{
    padding: 0 14px;
}


    /* 這裡是 CSS 樣式，用來美化我們的頁面 */
    .slow-jog-container {
        display: flex; /* 使用 Flexbox 佈局，讓子元素可以彈性排列 */
        flex-direction: column; /* 子元素垂直排列 */
        align-items: center; /* 子元素水平置中 */
        font-family: sans-serif; /* 設定字體 */
        max-width: 600px; /* 限制最大寬度 */
        margin: 2rem auto; /* 外邊距，讓容器在頁面中置中 */
        padding: 2rem; /* 內邊距 */
        border: 1px solid #ddd; /* 邊框 */
        border-radius: 10px; /* 圓角 */
        box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 陰影效果 */
    }

    .options-group {
        margin-bottom: 1.5rem; /* 選項群組的下邊距 */
        text-align: center; /* 文字置中 */
    }

    .options-group h2 {
        margin-bottom: 1rem; /* 標題的下邊距 */
        color: #333; /* 標題顏色 */
    }

    .option-btn {
        margin: 0.5rem; /* 按鈕外邊距 */
        padding: 0.8rem 1.2rem; /* 按鈕內邊距 */
        border: 1px solid #ccc; /* 按鈕邊框 */
        border-radius: 25px; /* 按鈕圓角 */
        background-color: #f8f8f8; /* 按鈕背景色 */
        cursor: pointer; /* 滑鼠移上去時顯示手指圖示 */
        transition: background-color 0.3s, border-color 0.3s; /* 過渡效果 */
    }

    .option-btn:hover {
        background-color: #e0e0e0; /* 滑鼠懸停時的背景色 */
    }

    .option-btn.selected {
        background-color: #007bff; /* 選中時的背景色 */
        color: white; /* 選中時的文字顏色 */
        border-color: #007bff; /* 選中時的邊框顏色 */
    }

    #start-btn-container {
        margin: 2rem 0; /* 開始按鈕容器的上下邊距 */
    }

    #start-btn {
        width: 150px; /* 寬度 */
        height: 150px; /* 高度 */
        border-radius: 50%; /* 設置 50% 會變成圓形 */
        background-color: #f1e6e4; /* 背景色 (綠色) */
        color: white; /* 文字顏色 */
        font-size: 2rem; /* 文字大小 */
        border: none; /* 無邊框 */
        cursor: pointer; /* 手指圖示 */
        transition: background-color 0.3s; /* 過渡效果 */
    }

    #start-btn:hover {
        background-color: #218838; /* 滑鼠懸停時的背景色 */
    }

    #timer-display {
        font-size: 4rem; /* 計時器文字大小 */
        font-weight: bold; /* 文字加粗 */
        color: #333; /* 文字顏色 */
        margin-top: 1.5rem; /* 上邊距 */
    }