.past_exhibitions_list_area{
    list-style: none; /* 清除黑點與樣式 */
    padding: 0;       /* 清除左側內距 */
    margin: 0;        /* 清除外距 */

    display: flex;
    flex-wrap: wrap;
}

.past_exhibitions_item{
    width: calc( 100% / 3 );
}

.item_center{
    padding: .625rem;
}

.item_content{
    display: block;
    background-color: var(--primary_color);
    box-sizing: border-box;
    border-radius: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
    padding: clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem) clamp(0.938rem, 0.604rem + 0.54vw, 1.25rem);
    
    /* 核心修改：加上過渡動畫，讓變形與陰影變平滑 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform; /* 優化瀏覽器渲染效能 */
}

.item_content:hover{
    text-decoration: none;
    
    background-color: #fff;

    /* 懸停效果：往上移動 5px，並放大 1.02 倍 */
    transform: translateY(-5px) scale(1.02);
    
    /* 修改這裡：用第一個 shadow 模擬 2px 的內邊框，第二個 shadow 維持原有的外陰影 */
    box-shadow: 
        inset 0 0 0 2px var(--primary_color), 
        0 10px 20px rgba(0, 53, 95, 0.2); 
}
.item_content:hover .item_tit{
    color: var(--primary_color);
}


.item_tit{
    font-size: clamp(1.125rem, 0.992rem + 0.22vw, 1.25rem);
    font-weight: 600;
    color: #fff;
}



@media (max-width: 990px) {
    .past_exhibitions_item{
        width: calc( 100% / 2 );
    }
}

@media (max-width: 540px) {
    .past_exhibitions_item{
        width: 100%;
    }
}