body { 
    font-family: Arial, sans-serif; 
    line-height: 1.6; 
    padding: 20px; 
}
.controls { 
    margin-bottom: 20px; 
    padding: 15px; 
    background: #f8f9fa; 
    border-radius: 5px; 
}
.btn { 
    padding: 8px 15px; 
    margin-right: 10px; 
    cursor: pointer; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    background-color: #fff; 
    /* 確保初始狀態是未激活的 */
}
.btn.active { 
    background-color: #007bff; 
    color: white; 
    border-color: #007bff; 
}
.episode-group { 
    margin-bottom: 30px; 
    border-left: 5px solid #007bff; 
    padding-left: 15px; 
}
.episode-group h2 { 
    color: #007bff; 
    border-bottom: 2px solid #eee; 
    padding-bottom: 5px; 
}
#content-container { 
    transition: all 0.3s ease; /* 方便排序時看到變化 */
}
ul { 
    list-style-type: none; 
    padding: 0; 
}
li { 
    margin-bottom: 10px; 
}
.time-range { 
    font-weight: bold; 
    color: #dc3545; 
}
.description { 
    font-style: italic; 
    color: #6c757d; 
}
/* 隱藏註解的樣式 */
body.hide-desc .description { 
    display: none; 
}
.url a { 
    text-decoration: none; 
    color: #28a745; 
}