@charset "utf-8";
/* CSS Document */
        /* --- 新聞卡片共用設定 --- */
        .news-card {
            display: block;
            text-decoration: none;
            color: inherit;
            margin-bottom: 30px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .news-card:hover {
            transform: translateY(-5px); /* 滑鼠懸停時卡片微上浮 */
            color: inherit;
        }

        /* --- 圖片區域 (強制正方形) --- */
        .news-img-box {
            position: relative; /* 為了讓標籤絕對定位於此 */
            width: 100%;
            aspect-ratio: 1 / 1; /* 強制 1:1 長寬比 */
            overflow: hidden;
            background-color: #e9ecef;
            margin-bottom: 15px;
        }

        .news-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 自動裁切填滿，不變形 */
            transition: transform 0.4s ease;
        }

        .news-card:hover .news-img-box img {
            transform: scale(1.05); /* 懸停時圖片微放大 */
        }

        /* --- 右上角分類標籤 --- */
        .news-badge {
            position: absolute;
            top: 0;
            right: 0;
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            padding: 6px 20px;
            letter-spacing: 1px;
            z-index: 2;
        }



        /* --- 日期與標題 --- */
        .news-date {
            color: #888888;
            font-size: 14px;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }

        .news-title {
            color: #555555;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.5;
            /* 多行文字截斷 (最多顯示三行，超過變 ...) */
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news-card:hover .news-title {
            color: #0070c0; /* 懸停時標題變色暗示可點擊 */
        }
@media (min-width: 992px) {

}
@media (max-width: 991px) {

}