:root {
            --a11-bg: #f5f2eb;
            --a11-page-bg: linear-gradient(180deg, #f7f4ee 0%, #f4efe6 42%, #f5f2eb 100%);
            --a11-paper: #fcfbf8;
            --a11-line: #d8d0c2;
            --a11-text: #2b251f;
            --a11-soft: #7b6f61;
            --a11-main: #3a3026;
        }

        #news_list {
            display: flow-root;
            background: var(--a11-page-bg);
            color: var(--a11-text);
            padding-bottom: 50px;
        }

        #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 .banner.v3:before {
            background: var(--a11-page-bg);
        }

        /*
         * article.css 在 ≥1100px 把 .menu_list 設成 width:21% 左欄、.article 設成 79%。
         * 我們改為橫向膠囊後會在 21% 內溢出，與列表重疊 — 改為單欄：上全寬分類、下全寬列表。
         */
        #news_list .container_article {
            border: 0;
            border-radius: 0;
            background: transparent;
            padding: 0;
            display: flex !important;
            flex-direction: column !important;
            flex-wrap: nowrap !important;
            align-items: stretch !important;
            position: relative;
        }

        #news_list .container_article .article {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
        }

        /* 分類膠囊：桌機版 menu_list（行動版用 news_select，見下方 media query） */
        #news_list .menu_list {
            border: 0;
            margin: 18px 0 36px;
            padding: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            flex-direction: row !important;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
            align-items: center;
            align-self: stretch !important;
            position: static !important;
            top: auto !important;
        }

        @media (min-width: 1100px) {
            #news_list .menu_list {
                display: flex !important;
            }

            #news_list .menu_list.is-balanced {
                display: grid !important;
                grid-template-columns: repeat(var(--a11-menu-columns, 1), max-content);
                justify-content: center;
                align-items: center;
            }

            #news_list .news_select {
                display: none !important;
            }
        }

        /* 蓋掉 article.css 左欄選單的底線分隔，改為膠囊外框 */
        #news_list .menu_list a {
            border: 1px solid var(--a11-line) !important;
            border-radius: var(--radius-11);
            padding: 8px 16px !important;
            margin-bottom: 0 !important;
            color: var(--a11-soft);
            text-decoration: none;
            text-align: center;
            background: #fff;
            line-height: 1.2;
        }

        #news_list .menu_list a.active {
            border-color: var(--a11-main);
            color: var(--a11-main);
            background: rgba(252, 251, 248, 0.92);
        }

        /* 行動版分類下拉 */
        #news_list .news_select {
            width: 100%;
            border: 1px solid var(--a11-line);
            border-radius: var(--radius-11);
            min-height: 42px;
            padding: 0 14px;
            background: #fff;
            color: var(--a11-text);
            margin: 0 0 28px;
            appearance: none;
            -webkit-appearance: none;
        }

        @media (max-width: 1099px) {
            #news_list .container_article .menu_list {
                display: none !important;
            }

            #news_list .news_select {
                display: block !important;
            }

            #news_list .container_article {
                height: auto !important;
                min-height: 0 !important;
            }

            #news_list .container_article .menu_list.fixed,
            #news_list .container_article .menu_list.bottom {
                position: static !important;
            }

            /* AOS 未觸發前 opacity:0，手機上易整頁空白 */
            #news_list [data-aos] {
                opacity: 1 !important;
                transform: none !important;
            }
        }

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

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

        /* 列表：一列一篇，左圖右文（與分類區再隔一點） */
        #news_list .news_list_body {
            display: grid;
            grid-template-columns: 1fr;
            gap: 22px;
            background: transparent !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 0 !important;
            /* AOS fade-up 會用 transform 視覺下移，不會撐開版面；底部需預留分頁安全距離。 */
            padding-bottom: clamp(96px, 10vw, 140px) !important;
            margin-top: 6px;
        }

        /* 列表：無卡片感，改用分隔線 */
        #news_list .news_list_body .item {
            border: 0;
            border-bottom: 1px solid rgba(216, 208, 194, 0.75);
            border-radius: 0;
            background: transparent;
            overflow: visible;
            box-shadow: none;
            transition: background-color 0.22s ease;
            position: relative;
            display: grid;
            grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);
            gap: 18px;
            align-items: center;
            padding: 18px 12px;
        }

        #news_list .news_list_body .item::before {
            content: "";
            position: absolute;
            top: -1px;
            bottom: -1px;
            left: -12px;
            right: -12px;
            background: transparent;
            transition: background-color 0.22s ease;
            z-index: 0;
        }

        #news_list .news_list_body .item > * {
            position: relative;
            z-index: 1;
        }

        #news_list .news_list_body .item:hover::before {
            background-color: rgba(252, 251, 248, 0.55);
        }

        #news_list .news_list_body .item:hover {
            border-bottom-color: transparent;
        }

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

        /* 蓋掉 article.css 對 .v3 文字區的 22vw～30vw 寬度，否則列表極窄、像與側欄重疊 */
        #news_list .news_list_body.v3 .text_container {
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
        }
        #news_list .news_list_body .img_holder {
            background-size: cover !important;
            background-position: center !important;
            border-radius: var(--radius-11);
            overflow: hidden;
        }
        #news_list .news_list_body .img_holder::after {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: 100%;
        }

        /* 沒上圖：避免圖文版面黏在一起（後端通常會在 {class} 塞 img_none 或 img_none 類似 class） */
        #news_list .news_list_body .item.img_none,
        #news_list .news_list_body .item.img_none_1,
        #news_list .news_list_body .item.img_none_2,
        #news_list .news_list_body .item.img_none_3 {
            grid-template-columns: 1fr;
            gap: 10px;
        }
        #news_list .news_list_body .item.img_none .img_container,
        #news_list .news_list_body .item.img_none_1 .img_container,
        #news_list .news_list_body .item.img_none_2 .img_container,
        #news_list .news_list_body .item.img_none_3 .img_container {
            display: none !important;
        }
        #news_list .news_list_body .item.img_none .text_container,
        #news_list .news_list_body .item.img_none_1 .text_container,
        #news_list .news_list_body .item.img_none_2 .text_container,
        #news_list .news_list_body .item.img_none_3 .text_container {
            padding-top: 2px !important;
        }

        #news_list .news_list_body .item:last-child {
            margin-bottom: 0 !important;
        }

        /* 覆寫 article.css：無圖時左側綠色裝飾條（::before / var(--color-second)），需含 nth-child 才打得贏內層 media query */
        #news_list .container_article .article .item.img_none .text_container::before,
        #news_list .container_article .article .item.img_none_1 .text_container::before,
        #news_list .container_article .article .item.img_none_2 .text_container::before,
        #news_list .container_article .article .item.img_none_3 .text_container::before,
        #news_list .container_article .article .item:nth-child(odd).img_none .text_container::before,
        #news_list .container_article .article .item:nth-child(even).img_none .text_container::before,
        #news_list .container_article .article .item:nth-child(odd).img_none_1 .text_container::before,
        #news_list .container_article .article .item:nth-child(even).img_none_1 .text_container::before,
        #news_list .container_article .article .item:nth-child(odd).img_none_2 .text_container::before,
        #news_list .container_article .article .item:nth-child(even).img_none_2 .text_container::before,
        #news_list .container_article .article .item:nth-child(odd).img_none_3 .text_container::before,
        #news_list .container_article .article .item:nth-child(even).img_none_3 .text_container::before {
            content: none !important;
            display: none !important;
            width: 0 !important;
            height: 0 !important;
            background: none !important;
            background-color: transparent !important;
            visibility: hidden !important;
        }

        /* 無圖時還原 article.css 為裝飾條預留的 padding、錯誤的 100vw 寬度 */
        #news_list .container_article .article .item.img_none .text_container,
        #news_list .container_article .article .item.img_none_1 .text_container,
        #news_list .container_article .article .item.img_none_2 .text_container,
        #news_list .container_article .article .item.img_none_3 .text_container {
            padding-left: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        #news_list .news_list_body .text_container {
            padding: 0 !important;
            min-width: 0 !important;
            width: auto !important;
            max-width: none !important;
        }

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

        #news_list .news_list_body h3 {
            color: #2f251c !important;
            font-family: "Times New Roman", "Noto Serif TC", serif;
            letter-spacing: -0.02em;
        }

        #news_list .news_list_body p {
            color: var(--a11-soft) !important;
            margin-top: 8px;
            line-height: 1.85;
        }

        #news_list .news_list_body h3 {
            margin: 4px 0 0;
        }

        #news_list .news_list_body .item:hover h3 {
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        /* 移除 icon（截圖沒有） */
        #news_list .news_list_body .label .icon { display: none !important; }
        #news_list .news_list_body .label ul { padding-left: 0 !important; }

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

        /* 對齊 product11：移除 article.css 對 news_list page_header 額外的桌機下內距 */
        @media (min-width: 740px) {
            #news_list .page_header {
                padding-bottom: 0 !important;
            }
        }

        @media (max-width: 1024px) {
            #news_list .news_list_body .item {
                grid-template-columns: minmax(160px, 280px) minmax(0, 1fr);
            }

        }

        @media (max-width: 739px) {
            #news_list .news_list_body .item {
                grid-template-columns: 1fr;
                gap: 12px;
                padding: 14px 10px;
                align-items: start;
            }

            #news_list .news_list_body .item::before {
                left: -10px;
                right: -10px;
            }
        }

        #news_list .p11-pagination {
            display: block;
            clear: both;
            width: 100%;
            position: relative;
            z-index: 2;
            margin: 0 auto clamp(72px, 9vw, 112px);
            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(--a11-line);
            border-radius: var(--radius-11);
            text-decoration: none;
            color: var(--a11-soft);
            background: #fff;
        }

        #news_list .p11-pagination .pagination a.active {
            color: #fff;
            background: var(--a11-main);
            border-color: var(--a11-main);
        }