.breadcrumbs {
    align-items: center;
    font-size: 14px;
    color: #666;
    margin: 10px 0;
}

/* 針對 breadcrumbs 內部的 a 標籤 */
.breadcrumbs a::after {
    content: ">"; /* 這裡定義分隔符 */
    margin: 0 8px;
    color: #ccc; /* 分隔符顏色可以淡一點 */
    text-decoration: none;
    display: inline-block;
}

/* 移除連結的底線 */
.breadcrumbs a {
    text-decoration: none;
    color: #000000;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* 最後一個元素（當前頁面）不需要分隔符 */
.breadcrumbs .current {
    color: #333;
}