:root {
            --n11-bg: var(--theme11-bg);
            --n11-paper: var(--theme11-paper);
            --n11-line: var(--theme11-line);
            --n11-text: var(--theme11-text);
            --n11-soft: var(--theme11-soft);
            --n11-main: var(--theme11-main);
        }

        #news_list {
            background: var(--theme11-page-bg);
            color: var(--n11-text);
            padding-bottom: 50px;
        }

        /* 與 #product11 .p11-wrap 相同版心：寬度 + 置中，不額外吃 inpage 的 container 左右內距 */
        #news_list *,
        #news_list *::before,
        #news_list *::after {
            box-sizing: border-box;
        }

        #news_list .container_inside:not(.page_header) {
            width: min(1320px, 100% - 56px);
            margin-left: auto;
            margin-right: auto;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #news_list .news_list_nav_container {
            margin-top: 28px;
            margin-bottom: 18px;
        }

        /* 外層不要框線與底色（個別連結仍保留樣式） */
        #news_list .news_list_nav {
            border: 0 !important;
            border-top: 0 !important;
            border-radius: 0;
            background: transparent !important;
            box-shadow: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        #news_list .news_list_nav a {
            border: 1px solid var(--n11-line);
            border-radius: var(--radius-11);
            padding: 8px 14px;
            color: var(--n11-soft);
            text-decoration: none;
            background: var(--theme11-paper);
        }

        /* 移除 news.css 對 nav link 的前後分隔線 */
        #news_list .news_list_nav a::before,
        #news_list .news_list_nav a::after {
            content: none !important;
            display: none !important;
        }

        #news_list .news_list_body {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 30px 26px;
            padding: 0 !important;
            background: transparent !important;
        }

        /* 欄數控制（加在 .news_list_body 上）：cols-1 / cols-2 / cols-3 / cols-4 */
        #news_list .news_list_body.cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        #news_list .news_list_body.cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        #news_list .news_list_body.cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        #news_list .news_list_body.cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        /* 容錯：col-* 也可用 */
        #news_list .news_list_body.col-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        #news_list .news_list_body.col-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        #news_list .news_list_body.col-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        #news_list .news_list_body.col-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        /* 避免 col-* 撞到全站 grid（如 bootstrap .col-4）導致容器變窄 */
        #news_list .news_list_body.col-1,
        #news_list .news_list_body.col-2,
        #news_list .news_list_body.col-3,
        #news_list .news_list_body.col-4 {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            flex: none !important;
            float: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #news_list .news_list_body .item {
            border: 1px solid var(--n11-line);
            border-radius: var(--radius-11);
            background: var(--n11-paper);
            overflow: hidden;
            box-shadow: 0 12px 30px var(--theme11-shadow);
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            margin: 0 !important;
            /* 覆寫 css/new/news.css 的 flex 版面設定（width:50%、display:flex...） */
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            display: block !important;
            padding: 0 !important;
        }

        #news_list .news_list_body .item:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 36px var(--theme11-shadow);
        }

        #news_list .news_list_body .img_container {
            margin: 0 !important;
            width: 100% !important;
            border-radius: 0 !important;
        }

        #news_list .news_list_body .img_holder {
            background-size: cover !important;
            background-position: center !important;
            height: auto !important;
        }
        #news_list .news_list_body .img_holder::after {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: 62%;
        }

        #news_list .news_list_body .text_container {
            padding: 18px 18px 20px !important;
            width: 100% !important;
            padding-left: 18px !important; /* 覆寫 news.css 的 padding-left:8.15% */
        }
        #news_list .news_list_body .text_container::after {
            display: none !important;
        }

        #news_list .news_list_body .label .icon {
            display: flex !important;
            flex: 0 0 auto;
        }

        #news_list .news_list_body .label .icon img[src=""],
        #news_list .news_list_body .label .icon img:not([src]) {
            display: none !important;
        }

        #news_list .news_list_body .label ul li {
            color: var(--n11-soft) !important;
        }

        #news_list .news_list_body h3 {
            color: var(--theme11-main-hover) !important;
            letter-spacing: -0.02em;
        }

        #news_list .more-area {
            display: none;
        }

        #news_list .p11-pagination {
            margin-top: 34px;
            border-radius: var(--radius-11);
            padding: 12px;
            text-align: center;
        }

        #news_list .p11-pagination .pagination a,
        #news_list .p11-pagination .pagination span {
            min-width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0 3px;
            border: 1px solid var(--n11-line);
            border-radius: var(--radius-11);
            text-decoration: none;
            color: var(--n11-soft);
            background: var(--theme11-paper);
        }

        #news_list .p11-pagination .pagination a.active {
            color: var(--theme11-active-text);
            background: var(--n11-main);
            border-color: var(--n11-main);
        }

        @media (max-width: 1024px) {
            #news_list .container_inside:not(.page_header) {
                width: min(1320px, 100% - 26px);
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            #news_list .news_list_body {
                grid-template-columns: 1fr;
                gap: 22px 18px;
            }
        }

        @media (min-width: 1025px) and (max-width: 1199px) {
            #news_list .news_list_body {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 26px 22px;
            }
        }

        @media (max-width: 640px) {
            #news_list .container_inside:not(.page_header) {
                width: min(1320px, 100% - 18px);
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            /* 手機版固定單欄（不受 cols-* / col-* 影響） */
            #news_list .news_list_body,
            #news_list .news_list_body.cols-1,
            #news_list .news_list_body.cols-2,
            #news_list .news_list_body.cols-3,
            #news_list .news_list_body.cols-4,
            #news_list .news_list_body.col-1,
            #news_list .news_list_body.col-2,
            #news_list .news_list_body.col-3,
            #news_list .news_list_body.col-4 {
                grid-template-columns: 1fr !important;
            }
        }