/* cps-news-page.css
 * 新聞專題共用樣式：.news-page + .cmr2-page（Country Market Reports Style 2）
 * 來源：cps-news-green-plastics / cps-news-innovation CMS 抽出
 * 預覽頁：../../css/cps-news-page.css
 * CMS 上線請同步上傳至 CDN：CPS27/Files/css/cps-news-page.css
 */
/* 本頁特例：新聞專題桌面跟 Figma 287:109805；手機跟 Figma 7330:16296 緊湊 Style 2，不要寫進 cmscss_v2 */

                .page-container .content {
                    width: 100%;
                    max-width: var(--content-width, 1200px);
                    min-width: 0;
                    box-sizing: border-box;
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                }

                .news-page {
                    --news-accent: #CB242B;
                    padding-top: 45px;
                }

                    .news-page .news-header {
                        display: flex;
                        flex-direction: column;
                        gap: 25px;
                        margin-bottom: 50px;
                    }

                        .news-page .news-header .font-h2,
                        .news-page .news-header .news-lead,
                        .news-page .news-header p {
                            margin: 0;
                        }

                    .news-page .news-tags {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                    }

                    .news-page .news-tag {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        padding: 10px 12px;
                        border: 1px solid var(--primary-orange);
                        border-radius: 100px;
                        color: var(--primary-orange);
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 18.2px;
                    }

                    .news-page .news-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 25px;
                        align-items: center;
                    }

                    .news-page .news-meta-item {
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        margin: 0;
                        color: var(--medium-grey);
                        font-size: 14px;
                        line-height: 1;
                    }

                        .news-page .news-meta-item .icon-wrapper {
                            width: 20px;
                            height: 20px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }

                            .news-page .news-meta-item .icon-wrapper span {
                                font-size: 20px;
                                line-height: 20px;
                                color: var(--primary-orange);
                            }

                        .news-page .news-meta-item a {
                            color: var(--medium-grey);
                            text-decoration: underline;
                        }

                    .news-page .news-overview,
                    .news-page .news-overview:not(:last-child) {
                        margin-bottom: 50px;
                        padding: 0 50px 40px;
                        border: 1px solid #e6e6e6;
                        border-bottom: 0;
                        border-radius: 20px 20px 0 0;
                        box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.08);
                        background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
                    }

                        .news-page .news-overview > *:not(:last-child) {
                            margin-bottom: 0;
                        }

                        .news-page .news-overview > .news-overview-mark {
                            display: flex;
                            justify-content: flex-start;
                            width: fit-content;
                            padding-bottom: 10px;
                            margin-bottom: 15px;
                        }

                    .news-page .news-overview-mark img {
                        display: block;
                        width: 26px;
                        height: 26px;
                    }

                    .news-page .news-overview > .news-overview-title {
                        display: block;
                        text-align: left;
                        margin: 0 0 30px;
                        padding-bottom: 12px;
                        border-bottom: 3px solid var(--news-accent);
                        width: fit-content;
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 700;
                    }

                    .news-page .news-insight {
                        display: flex;
                        gap: 15px;
                        align-items: center;
                    }

                    .news-page .news-insight-num {
                        flex: 0 0 30px;
                        width: 30px;
                        height: 30px;
                        border-radius: 100px;
                        background: var(--news-accent);
                        color: var(--white);
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 1;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                    }

                    .news-page .news-overview h3.news-insight-title {
                        margin: 0;
                        padding: 0;
                        color: #CB242B;
                        font-size: 20px;
                        font-weight: 700;
                        line-height: 1;
                    }

                    .news-page .news-overview .text-content {
                        display: flex;
                        flex-direction: column;
                        gap: 30px;
                    }

                        .news-page .news-overview .text-content > p,
                        .news-page .news-overview .text-content > .text-lg {
                            margin: 0;
                        }

                    .news-page .news-overview .news-insight-title {
                        margin: 0;
                    }

                    .news-page .news-overview .text-content a {
                        font-weight: 400;
                        color: var(--primary-orange);
                        text-decoration: underline;
                        text-underline-offset: 23%;
                    }

                        .news-page .news-overview .text-content a:hover {
                            opacity: 0.8;
                        }

                    .news-page .news-glance,
                    .news-page .news-glance:not(:last-child) {
                        margin: 0 0 50px;
                    }

                    .news-page .news-glance-title {
                        display: block;
                        width: fit-content;
                        margin: 0 auto 50px;
                        padding: 0 0 12px;
                        border-bottom: 3px solid var(--news-accent);
                        color: var(--black);
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 700;
                        text-align: center;
                    }

                    .news-page .news-glance-table {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        gap: 5px;
                        width: 100%;
                        margin: 0;
                        border-collapse: separate;
                        border-spacing: 0;
                        border-radius: var(--module-radius);
                        overflow: hidden;
                        background: #F7F7F7;
                    }

                        .news-page .news-glance-table thead,
                        .news-page .news-glance-table tbody,
                        .news-page .news-glance-table tr {
                            display: contents;
                        }

                        .news-page .news-glance-table th,
                        .news-page .news-glance-table td {
                            padding: 20px;
                            text-align: center;
                            vertical-align: middle;
                        }

                        .news-page .news-glance-table th {
                            background: #E6E6E6;
                            /*color: var(--white);*/
                            font-size: 16px;
                            line-height: 20.8px;
                            font-weight: 700;
                        }

                        .news-page .news-glance-table td {
                            background: var(--white);
                            color: var(--black);
                            font-size: 18px;
                            line-height: 23.4px;
                        }

                            .news-page .news-glance-table td:last-child {
                                font-weight: 700;
                            }

                    /* Figma 495:2574 Section title (Tab) / Section Divider Style 2 — 勿用 .tab-button，避免吃到 v2 的 10px 圓角 */
                    .news-page .news-section-bar {
                        display: flex;
                        align-items: flex-end;
                        justify-content: flex-start;
                        box-sizing: border-box;
                        margin: 0 -50px 50px;
                        padding: 0 25px 0 50px;
                        border-bottom: 3px solid var(--news-accent);
                    }

                        /* Section Divider Style 2 紅標（news / cmr2 共用，以圖二市場速覽為準） */
                        .news-page .news-section-bar .news-section-tab,
                        .news-page .news-section-bar .tab-button,
                        .cmr2-section-bar .news-section-tab,
                        .cmr2-section-bar .tab-button {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            flex: 0 0 auto;
                            box-sizing: border-box;
                            width: auto;
                            min-width: 0;
                            height: 51px;
                            padding: 0 30px;
                            border: 0;
                            border-radius: 20px 20px 0 0;
                            font-size: 16px;
                            line-height: 16px;
                            font-weight: 700;
                            color: #fff;
                            white-space: nowrap;
                            cursor: default;
                            position: static;
                            transition: none;
                            text-box-trim: trim-both;
                            text-box-edge: cap alphabetic;
                        }

                        .news-page .news-section-bar .news-section-tab,
                        .news-page .news-section-bar .tab-button {
                            background: var(--news-accent);
                        }

                        .cmr2-section-bar .news-section-tab,
                        .cmr2-section-bar .tab-button {
                            background: var(--cmr2-accent, #CB242B);
                        }

                            .news-page .news-section-bar .news-section-tab:hover,
                            .news-page .news-section-bar .tab-button:hover,
                            .cmr2-section-bar .news-section-tab:hover,
                            .cmr2-section-bar .tab-button:hover,
                            .cmr2-section-bar .news-section-tab.active,
                            .cmr2-section-bar .tab-button.active,
                            .cmr2-section-bar .news-section-tab.active:hover,
                            .cmr2-section-bar .tab-button.active:hover {
                                color: #fff;
                            }

                            .news-page .news-section-bar .news-section-tab:hover,
                            .news-page .news-section-bar .tab-button:hover {
                                background: var(--news-accent);
                            }

                            .cmr2-section-bar .news-section-tab:hover,
                            .cmr2-section-bar .tab-button:hover,
                            .cmr2-section-bar .news-section-tab.active,
                            .cmr2-section-bar .tab-button.active,
                            .cmr2-section-bar .news-section-tab.active:hover,
                            .cmr2-section-bar .tab-button.active:hover {
                                background: var(--cmr2-accent, #CB242B);
                            }

                    .news-page .news-video {
                        display: grid;
                        grid-template-columns: minmax(0, 1fr) 207px;
                        gap: 53px;
                        align-items: start;
                    }

                    /* 壓過 v2 .module-container pad，列表左緣才能與 Section Tab 對齊 */
                    .news-page .module-container.news-block,
                    .news-page .news-block {
                        padding: 0 !important;
                        background: transparent;
                        border-radius: 0;
                    }
                    /* 紅標上方：蓋過 .content > *:not(:last-child) 的 --module-gap */
                    .news-page .news-block,
                    .news-page .news-block:not(:last-child),
                    .content .news-page .news-block:not(:last-child) {
                        margin-bottom: 50px;
                    }

                        .news-page .news-block.news-block-last {
                            margin-bottom: 50px;
                        }

                    .news-page .news-video-stage {
                        min-width: 0;
                    }

                        .news-page .news-video-stage .svideo-media {
                            display: block;
                            position: relative;
                            border-radius: 10px;
                            overflow: hidden;
                            aspect-ratio: 16 / 9;
                        }

                            .news-page .news-video-stage .svideo-media img {
                                display: block;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }

                        /* Figma Video icon-play：桌面 117.3×70.38，圓角膠囊；hover 橘底白三角 */
                        .news-page .news-video-stage .svideo-play {
                            width: 117.3px;
                            height: 70.38px;
                            border-radius: 100px;
                            background: #ffffff;
                            box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
                            transition: background-color 0.2s ease;
                        }

                        .news-page .news-video-stage .svideo-play:before {
                            transition: background-color 0.2s ease;
                        }

                        .news-page .news-video-stage .svideo-link:hover .svideo-play {
                            background: var(--primary-orange);
                        }

                        .news-page .news-video-stage .svideo-link:hover .svideo-play:before {
                            background-color: #ffffff;
                        }

                    .news-page .news-video-caption {
                        margin: 20px 0 0;
                        color: var(--dark-grey);
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 700;
                    }

                    .news-page .news-playlist {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 20px;
                        width: 207px;
                    }

                    .news-page .news-playlist-list {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 20px;
                        width: 100%;
                    }

                    .news-page .news-playlist-nav {
                        width: 16px;
                        height: 16px;
                        border: 0;
                        padding: 0;
                        cursor: pointer;
                        line-height: 0;
                        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.724 3.44787C14.2447 2.92717 15.0887 2.92717 15.6094 3.44787C16.1301 3.96857 16.1301 4.81258 15.6094 5.33328L8 12.9427L0.390625 5.33328C-0.130074 4.81258 -0.130074 3.96857 0.390625 3.44787C0.911324 2.92717 1.75534 2.92717 2.27604 3.44787L8 9.17182L13.724 3.44787Z' fill='%23888888'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
                    }

                        .news-page .news-playlist-nav.is-prev {
                            transform: scaleY(-1);
                        }

                        .news-page .news-playlist-nav[disabled] {
                            opacity: 0.3;
                            cursor: default;
                        }

                    .news-page .news-playlist-item {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 15px;
                        width: 100%;
                        border: 0;
                        background: transparent;
                        padding: 4px 0 0;
                        text-align: left;
                        cursor: pointer;
                    }

                    .news-page .news-playlist-thumb {
                        position: relative;
                        width: 200px;
                        height: 112px;
                        border-radius: 8px;
                    }

                        .news-page .news-playlist-thumb img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 8px;
                        }

                    .news-page .news-playlist-item:hover .news-playlist-thumb img,
                    .news-page .news-playlist-item.is-active .news-playlist-thumb img {
                        outline: 2px solid var(--primary-orange);
                        outline-offset: 2px;
                    }

                    .news-page .news-playlist-item p {
                        margin: 0;
                        color: var(--dark-grey);
                        font-size: 14px;
                        line-height: 18.2px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        text-box-trim: none;
                        max-height: 36.4px;
                    }

                    /* 相關產品：Figma 495:2580 Products carousel v2 — 桌面 3 欄 */
                    .news-page .news-products {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr;
                        gap: 40px;
                    }

                    .news-page .news-product {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 0;
                        min-width: 0;
                    }

                    .news-page .news-product-thumb {
                        display: block;
                        width: 100%;
                        margin: 0 0 15px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        cursor: pointer;
                        border-radius: 10px;
                        overflow: hidden;
                        aspect-ratio: 560 / 344;
                    }

                        .news-page .news-product-thumb img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }

                    /* 桌面：圖→標題 15／標題→公司 7／公司→按鈕 15 */
                    .news-page .news-product-name {
                        margin: 0 0 7px;
                        width: 100%;
                        min-width: 0;
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 700;
                        color: #000;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        text-align: left;
                    }

                    .news-page .news-product-company {
                        margin: 0 0 15px;
                        width: 100%;
                        min-width: 0;
                        max-width: 100%;
                        box-sizing: border-box;
                        color: #888;
                        font-size: 16px;
                        line-height: 20.8px;
                        font-weight: 400;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        text-align: left;
                    }

                    .news-page .news-product .btn-pill {
                        margin-top: 0;
                    }

                    .news-page .news-pager {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 20px;
                        margin-top: 30px;
                    }

                    .news-page .news-products + .news-pager {
                        margin-top: 30px;
                    }

                    .news-page .news-pager button {
                        width: 24px;
                        height: 24px;
                        border: 0;
                        padding: 0;
                        cursor: pointer;
                        line-height: 0;
                        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 13.6968 23.9998' fill='none'%3E%3Cpath d='M11.6484 0.351472C12.1171 -0.117157 12.8767 -0.117157 13.3453 0.351472C13.8139 0.820101 13.8139 1.57972 13.3453 2.04835L3.39375 11.9999L13.3453 21.9515C13.8139 22.4201 13.8139 23.1797 13.3453 23.6483C12.8767 24.117 12.1171 24.117 11.6484 23.6483L0 11.9999L11.6484 0.351472Z' fill='%23888888'/%3E%3C/svg%3E") left center / 14px 24px no-repeat;
                    }

                        .news-page .news-pager button.is-next {
                            transform: scaleX(-1);
                        }

                        .news-page .news-pager button[disabled] {
                            opacity: 0.3;
                            cursor: default;
                        }

                    .news-page .news-pager span {
                        width: 50px;
                        min-width: 50px;
                        text-align: center;
                        color: var(--dark-grey);
                        font-size: 16px;
                        line-height: 1;
                    }

                    /* 桌面：按「列」排，左右同一列等高，分隔線橫向對齊 */
                    .news-page .news-list {
                        display: flex;
                        flex-direction: column;
                        gap: 20px;
                        min-width: 0;
                    }

                    .news-page .news-list-row {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        column-gap: 50px;
                        align-items: stretch;
                        min-width: 0;
                    }

                    .news-page .news-list-item {
                        display: flex;
                        gap: 16px;
                        align-items: flex-start; /* 文案頂部對齊；箭頭單獨垂直置中 */
                        box-sizing: border-box;
                        height: 100%;
                        min-width: 0;
                        padding-bottom: 20px;
                        border-bottom: 1px solid var(--border-grey);
                        color: inherit;
                        text-decoration: none;
                    }

                        .news-page .news-list-item > div {
                            flex: 1 0 0;
                            min-width: 0;
                        }

                        .news-page .news-list-row:last-child .news-list-item,
                        .news-page .news-list > div:not(.news-list-row) > .news-list-item:last-child {
                            border-bottom: 0;
                            padding-bottom: 0;
                        }

                        /* 標題 → Source：8px（視覺標註） */
                        .news-page .news-list-item h3 {
                            margin: 0 0 8px;
                            color: var(--black);
                            font-size: 18px;
                            line-height: 23.4px;
                            font-weight: 700;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            transition: color 0.2s ease;
                        }

                        .news-page .news-list-item p {
                            margin: 0;
                            color: #888;
                            font-size: 16px;
                            line-height: 20.8px;
                            font-weight: 400;
                        }

                    .news-page .news-list-arrow {
                        flex: 0 0 26px;
                        align-self: center;
                        width: 26px;
                        height: 26px;
                        display: block;
                        box-sizing: border-box;
                        background-color: #888888;
                        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13.5859 5.29297C13.9765 4.90245 14.6095 4.90245 15 5.29297L22.707 13L15 20.707C14.6095 21.0975 13.9765 21.0975 13.5859 20.707C13.1954 20.3165 13.1955 19.6835 13.5859 19.293L19.8789 13L13.5859 6.70703C13.1954 6.31652 13.1955 5.6835 13.5859 5.29297ZM15.793 12C16.3453 12 16.793 12.4477 16.793 13C16.7929 13.5523 16.3452 14 15.793 14H4.29297C3.74071 14 3.29301 13.5523 3.29297 13C3.29297 12.4477 3.74068 12 4.29297 12H15.793Z' fill='%23000000'/%3E%3C/svg%3E");
                        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13.5859 5.29297C13.9765 4.90245 14.6095 4.90245 15 5.29297L22.707 13L15 20.707C14.6095 21.0975 13.9765 21.0975 13.5859 20.707C13.1954 20.3165 13.1955 19.6835 13.5859 19.293L19.8789 13L13.5859 6.70703C13.1954 6.31652 13.1955 5.6835 13.5859 5.29297ZM15.793 12C16.3453 12 16.793 12.4477 16.793 13C16.7929 13.5523 16.3452 14 15.793 14H4.29297C3.74071 14 3.29301 13.5523 3.29297 13C3.29297 12.4477 3.74068 12 4.29297 12H15.793Z' fill='%23000000'/%3E%3C/svg%3E");
                        -webkit-mask-size: contain;
                        mask-size: contain;
                        -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        mask-position: center;
                        transition: background-color 0.2s ease;
                    }

                    .news-page .news-list-item:hover h3,
                    .news-page .news-event:hover .news-event-title {
                        color: var(--primary-orange);
                    }

                    .news-page .news-list-item:hover .news-list-arrow,
                    .news-page .news-event:hover .news-list-arrow {
                        background-color: var(--primary-orange);
                    }

                    .news-page .news-events {
                        display: flex;
                        flex-direction: column;
                        gap: 20px;
                    }

                    .news-page .news-event {
                        display: flex;
                        align-items: center;
                        gap: 30px;
                        padding-bottom: 20px;
                        border-bottom: 1px solid var(--border-grey);
                        color: inherit;
                        text-decoration: none;
                    }

                    .news-page .news-event-media {
                        flex: 0 0 250px;
                        width: 250px;
                        height: 166px;
                        border-radius: 10px;
                        overflow: hidden;
                    }

                        .news-page .news-event-media img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: center;
                        }

                    .news-page .news-event-body {
                        flex: 1 1 0;
                        min-width: 0;
                        display: flex;
                        flex-direction: column;
                        gap: 20px;
                        align-items: flex-start;
                    }

                    .news-page .news-event-name {
                        margin: 0;
                        width: 100%;
                        color: var(--medium-grey);
                        font-size: 16px;
                        line-height: 20.8px;
                        font-weight: 700;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .news-page .news-event-title {
                        margin: 0;
                        width: 100%;
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 700;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        transition: color 0.2s ease;
                    }

                    .news-page .news-event-date {
                        display: none;
                    }

                    .news-page .news-event .news-list-arrow {
                        flex: 0 0 26px;
                        width: 26px;
                        height: 26px;
                        display: block;
                    }

                .news-cta-row {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: 40px;
                    margin-left: -20px;
                    margin-right: -20px;
                    padding: 80px 20px;
                    background: #e6e6e6;
                }

                .news-cta-card {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 30px;
                    width: 100%;
                    max-width: 560px;
                    min-height: 350px;
                    padding: 60px 40px;
                    box-sizing: border-box;
                    border-radius: 10px;
                    overflow: hidden;
                    text-align: center;
                    background-color: #e6e6e6;
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                }

                    .news-cta-card::before {
                        content: "";
                        position: absolute;
                        inset: 0;
                        background: rgba(0, 0, 0, 0.5);
                    }

                    .news-cta-card > * {
                        position: relative;
                        z-index: 1;
                    }

                    .news-cta-card h3 {
                        margin: 0;
                        color: var(--white);
                        font-size: 25px;
                        line-height: 32.5px;
                    }

                .news-drawer {
                    position: fixed;
                    inset: 0;
                    z-index: 10000;
                    overflow: hidden;
                }

                    .news-drawer[hidden] {
                        display: none;
                    }

                .news-drawer-mask {
                    appearance: none;
                    -webkit-appearance: none;
                    position: absolute;
                    inset: 0;
                    z-index: 1;
                    display: block;
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    background: rgba(0, 0, 0, 0.55);
                    cursor: pointer;
                    opacity: 0;
                    transition: opacity 1s ease;
                }

                .news-drawer.is-open .news-drawer-mask {
                    opacity: 1;
                }

                .news-drawer-panel {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: auto;
                    z-index: 2;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 20px;
                    width: min(864px, 100%);
                    height: 100%;
                    overflow: auto;
                    background: var(--white);
                    box-sizing: border-box;
                    padding: 100px 60px 60px;
                    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
                    transform: translate3d(100%, 0, 0);
                    transition: transform 1s ease-in-out;
                }

                .news-drawer.is-open > .news-drawer-panel {
                    transform: translate3d(0, 0, 0);
                }

                .news-drawer-close {
                    position: absolute;
                    top: 30px;
                    right: 30px;
                    width: 30px;
                    height: 30px;
                    border: 0;
                    border-radius: 200px;
                    background: var(--primary-orange);
                    cursor: pointer;
                }

                    .news-drawer-close:before,
                    .news-drawer-close:after {
                        content: "";
                        position: absolute;
                        left: 8px;
                        right: 8px;
                        top: 50%;
                        height: 2px;
                        background: var(--white);
                    }

                    .news-drawer-close:before {
                        transform: rotate(45deg);
                    }

                    .news-drawer-close:after {
                        transform: rotate(-45deg);
                    }

                .news-drawer-title {
                    margin: 0;
                    color: var(--black);
                    font-size: 20px;
                    line-height: 26px;
                    font-weight: 700;
                }

                .news-drawer-company {
                    margin: 0;
                    color: var(--medium-grey);
                    font-size: 18px;
                    line-height: 23.4px;
                    font-weight: 700;
                }

                .news-drawer-body {
                    margin: 0;
                    padding: 20px 0;
                    width: 100%;
                }

                    .news-drawer-body > p {
                        margin: 0 0 23.4px;
                        font-size: 18px;
                        line-height: 23.4px;
                        font-weight: 400;
                    }

                    .news-drawer-body ul {
                        margin: 0;
                        padding-left: 27px;
                        list-style: disc;
                    }

                    .news-drawer-body li {
                        margin: 0;
                        font-size: 18px;
                        line-height: 23.4px;
                    }

                        .news-drawer-body li + li {
                            margin-top: 23.4px;
                        }

                .news-drawer .btn-more {
                    display: inline-flex;
                    width: auto;
                    margin: 0;
                    align-self: flex-start;
                }

                @media (max-width: 1350px) {
                    .news-page {
                        padding-top: 5px;
                    }

                        .news-page .news-header {
                            margin-bottom: 30px;
                        }

                        .news-page .news-header .font-h2 {
                            font-size: 20px;
                            line-height: 26px;
                        }

                        .news-page .news-lead {
                            font-size: 14px;
                            line-height: 18px;
                        }

                        .news-page .news-tags {
                            gap: 5px;
                        }

                        .news-page .news-tag {
                            padding: 8px 10px;
                            font-size: 12px;
                            line-height: 15.6px;
                        }

                        .news-page .news-meta {
                            flex-direction: column;
                            flex-wrap: nowrap;
                            align-items: flex-start;
                            gap: 8px;
                        }

                        .news-page .news-meta-item {
                            font-size: 12px;
                            line-height: 15.6px;
                        }

                            .news-page .news-meta-item .icon-wrapper {
                                width: 14px;
                                height: 14px;
                            }

                                .news-page .news-meta-item .icon-wrapper span {
                                    font-size: 14px;
                                    line-height: 14px;
                                }

                        .news-page .news-overview,
                        .news-page .news-overview:not(:last-child) {
                            padding: 0 20px 30px;
                            border-radius: 10px 10px 0 0;
                            margin-bottom: 30px;
                        }

                            .news-page .news-overview > .news-overview-mark {
                                padding-bottom: 0;
                                margin-bottom: 20px;
                            }

                        .news-page .news-overview-mark img {
                            width: 18px;
                            height: 18px;
                        }

                        .news-page .news-overview > .news-overview-title {
                            margin: 0 0 30px;
                            padding-bottom: 10px;
                            font-size: 16px;
                            line-height: 20.8px;
                        }

                        .news-page .news-overview .text-content > p,
                        .news-page .news-overview .text-content > .text-lg {
                            font-size: 14px;
                            line-height: 18px;
                        }

                        .news-page .news-insight {
                            gap: 10px;
                            align-items: flex-start;
                        }

                        .news-page .news-insight-num {
                            flex-basis: 24px;
                            width: 24px;
                            height: 24px;
                            font-size: 12px;
                        }

                        .news-page .news-overview h3.news-insight-title {
                            font-size: 18px;
                            line-height: 23.4px;
                        }

                        .news-page .news-glance,
                        .news-page .news-glance:not(:last-child) {
                            margin-bottom: 30px;
                        }

                        .news-page .news-glance-title {
                            margin-bottom: 30px;
                            padding-bottom: 10px;
                            font-size: 16px;
                            line-height: 20.8px;
                        }

                        .news-page .news-glance-table {
                            gap: 3px;
                        }

                            .news-page .news-glance-table th,
                            .news-page .news-glance-table td {
                                padding: 15px;
                                text-align: left;
                            }

                            .news-page .news-glance-table th {
                                font-size: 14px;
                                line-height: 18.2px;
                                text-align: center;
                            }

                            .news-page .news-glance-table td {
                                font-size: 14px;
                                line-height: 18px;
                            }

                        .news-page .news-section-bar {
                            width: auto;
                            margin: 0 -20px 30px;
                            padding: 0 0 0 20px;
                        }

                            /* Mobile Style 2 紅標（news / cmr2 共用）：高 34、圓角 10 */
                            .news-page .news-section-bar .news-section-tab,
                            .news-page .news-section-bar .tab-button,
                            .cmr2-section-bar .news-section-tab,
                            .cmr2-section-bar .tab-button {
                                height: 34px;
                                min-height: 34px;
                                padding: 0 15px;
                                border-radius: 10px 10px 0 0;
                                font-size: 14px;
                                line-height: 14px;
                            }

                        .news-page .news-block,
                        .news-page .news-block:not(:last-child) {
                            margin-bottom: 30px;
                        }

                            .news-page .news-block.news-block-last {
                                margin-bottom: 60px;
                            }

                        .news-page .news-video {
                            grid-template-columns: 1fr;
                        }

                        .news-page .news-list > div:not(.news-list-row) {
                            display: flex;
                            flex-direction: column;
                            gap: 20px;
                            min-width: 0;
                        }

                        .news-page .news-list-row {
                            grid-template-columns: 1fr;
                            row-gap: 20px;
                        }

                        .news-page .news-products {
                            grid-template-columns: 1fr 1fr;
                            gap: 20px;
                        }

                        .news-page .news-video {
                            gap: 25px;
                        }

                        .news-page .news-video-stage .svideo-media {
                            border-radius: 5px;
                        }

                        /* Figma Video icon-play：手机 83×50 */
                        .news-page .news-video-stage .svideo-play {
                            width: 83px;
                            height: 50px;
                        }

                        .news-page .news-video-caption {
                            font-size: 16px;
                            line-height: 20.8px;
                        }

                        /* Figma 495:3625 Video playlist — 整體置中；兩側箭頭固定預留，卡片可縮 */
                        .news-page .news-playlist {
                            flex-direction: row;
                            align-items: flex-start;
                            justify-content: center;
                            gap: 12px;
                            width: 100%;
                            margin-left: auto;
                            margin-right: auto;
                            overflow: visible;
                        }

                        .news-page .news-playlist-list {
                            display: flex;
                            flex-direction: row;
                            align-items: flex-start;
                            justify-content: center;
                            gap: 12px;
                            flex: 0 1 auto;
                            width: auto;
                            max-width: calc(100% - 48px);
                            min-width: 0;
                        }

                        .news-page .news-playlist-nav {
                            width: 12px;
                            height: 12px;
                            flex: 0 0 12px;
                            align-self: flex-start;
                            top: auto;
                            /* 與 pager 同款左箭頭；勿再用下箭頭 rotate（易被裁切/對不齊） */
                            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 13.6968 23.9998' fill='none'%3E%3Cpath d='M11.6484 0.351472C12.1171 -0.117157 12.8767 -0.117157 13.3453 0.351472C13.8139 0.820101 13.8139 1.57972 13.3453 2.04835L3.39375 11.9999L13.3453 21.9515C13.8139 22.4201 13.8139 23.1797 13.3453 23.6483C12.8767 24.117 12.1171 24.117 11.6484 23.6483L0 11.9999L11.6484 0.351472Z' fill='%23888888'/%3E%3C/svg%3E") center / 7px 12px no-repeat;
                            /* Figma Prev/Next py-40：對齊縮圖區垂直中心 */
                            margin-top: 40px;
                        }

                            .news-page .news-playlist-nav.is-prev {
                                transform: none;
                            }

                            .news-page .news-playlist-nav.is-next {
                                transform: scaleX(-1);
                            }

                        .news-page .news-playlist-item {
                            flex: 1 1 0;
                            width: 150px;
                            max-width: 150px;
                            min-width: 0;
                            gap: 10px;
                            padding: 0;
                        }

                        .news-page .news-playlist-thumb {
                            box-sizing: border-box;
                            width: 100%;
                            height: auto;
                            padding: 6px 5px;
                            border-radius: 8px;
                            aspect-ratio: auto;
                        }

                            .news-page .news-playlist-thumb img {
                                display: block;
                                width: 100%;
                                height: auto;
                                aspect-ratio: 140 / 79;
                                object-fit: cover;
                                border-radius: 5px;
                            }

                        .news-page .news-playlist-item:hover .news-playlist-thumb img,
                        .news-page .news-playlist-item.is-active .news-playlist-thumb img {
                            outline: none;
                        }

                        .news-page .news-playlist-item:hover .news-playlist-thumb,
                        .news-page .news-playlist-item.is-active .news-playlist-thumb {
                            outline: 2px solid var(--primary-orange);
                            outline-offset: -1px;
                        }

                        .news-page .news-playlist-item p {
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            width: 100%;
                            font-size: 14px;
                            line-height: 18.2px;
                            max-height: 36.4px;
                            color: #444;
                        }

                        /* 移動端產品卡：圖→標題 10／標題→公司 7／公司→按鈕 12；字級 18／16 */
                        .news-page .news-product {
                            gap: 0;
                            height: 100%;
                        }

                        .news-page .news-product-thumb {
                            margin: 0 0 10px;
                            border-radius: 5px;
                        }

                        .news-page .news-product-name {
                            margin: 0 0 7px;
                            width: 100%;
                            min-width: 0;
                            font-size: 18px;
                            line-height: 23.4px;
                            font-weight: 700;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 3;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            text-align: left;
                            min-height: 0;
                        }

                        .news-page .news-product-company {
                            margin: 0 0 12px;
                            width: 100%;
                            min-width: 0;
                            max-width: 100%;
                            box-sizing: border-box;
                            color: #888;
                            font-size: 16px;
                            line-height: 20.8px;
                            font-weight: 700; /* 移動端公司名加粗（Figma Mobile EN/p bold） */
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            text-align: left;
                            min-height: 0;
                        }

                        .news-page .news-product .btn-pill {
                            padding: 14px 15px;
                            font-size: 14px;
                            line-height: 17.6px;
                            margin-top: auto;
                        }

                        .news-page .news-pager {
                            gap: 10px;
                            margin-top: 20px;
                        }

                        .news-page .news-products + .news-pager {
                            margin-top: 20px;
                        }

                        .news-page .news-pager button {
                            width: 12px;
                            height: 12px;
                            background-size: 7px 12px;
                            background-position: center;
                        }

                        .news-page .news-pager span {
                            font-size: 14px;
                            line-height: 18.2px;
                        }

                        /* 移動端：箭頭相對整條新聞垂直置中（對齊 Figma Industry News） */
                        .news-page .news-list-item {
                            align-items: center;
                        }

                        .news-page .news-list-item h3 {
                            margin: 0 0 8px;
                            font-size: 15px;
                            line-height: 18.5px;
                            display: block;
                            -webkit-line-clamp: unset;
                            line-clamp: unset;
                            overflow: visible;
                            text-overflow: unset;
                            min-height: 0;
                            max-height: none;
                        }

                        .news-page .news-list-item p {
                            font-size: 14px;
                            line-height: 18.2px;
                            color: #888;
                            font-weight: 400;
                        }

                        .news-page .news-list-arrow {
                            flex-basis: 20px;
                            width: 20px;
                            height: 20px;
                            align-self: center;
                        }

                        .news-page .news-event {
                            gap: 10px;
                        }

                        .news-page .news-event-media {
                            flex-basis: 120px;
                            width: 120px;
                            height: 80px;
                            border-radius: 5px;
                        }

                        .news-page .news-event-body {
                            gap: 10px;
                        }

                        .news-page .news-event-name {
                            font-size: 14px;
                            line-height: 18.2px;
                        }

                        .news-page .news-event-title {
                            font-size: 15px;
                            line-height: 18.5px;
                        }

                        .news-page .news-event .news-list-arrow {
                            flex-basis: 20px;
                            width: 20px;
                            height: 20px;
                        }

                    .news-cta-row {
                        padding: 60px 20px;
                        gap: 30px;
                    }

                    .news-cta-card {
                        min-height: 250px;
                        padding: 40px 26px;
                        border-radius: 5px;
                        gap: 25px;
                    }

                        .news-cta-card h3 {
                            font-size: 20px;
                            line-height: 26px;
                        }

                    .news-cta-card .btn-pill {
                        padding: 14px 15px;
                        font-size: 14px;
                        line-height: 17.6px;
                    }

                    .news-drawer-panel {
                        width: calc(100% - 40px);
                        gap: 15px;
                        padding: 115px 20px 30px;
                        border-radius: 0;
                    }

                    .news-drawer-close {
                        top: 50px;
                        right: 20px;
                        width: 25px;
                        height: 25px;
                    }

                        .news-drawer-close:before,
                        .news-drawer-close:after {
                            left: 6px;
                            right: 6px;
                        }

                    .news-drawer-title {
                        font-size: 18px;
                        line-height: 23.4px;
                    }

                    .news-drawer-company {
                        font-size: 16px;
                        line-height: 20.8px;
                    }

                    .news-drawer-body > p,
                    .news-drawer-body li {
                        font-size: 16px;
                        line-height: 20.8px;
                    }

                    .news-drawer-body > p {
                        margin-bottom: 20.8px;
                    }

                    .news-drawer-body ul {
                        padding-left: 24px;
                    }

                    .news-drawer-body li + li {
                        margin-top: 20.8px;
                    }
                }
/* ===== CMR2 / Country Market Reports Style 2（cps-news-innovation）=====
 * Desktop Figma 484:71542 / 484:72023；手機 Figma 7330:16329 Compact
 * 紅標高度與 .news-section-tab 統一：桌面 51 / 移動 34
 */
/* ===== Country Market Reports Style 2 — Desktop Figma 484:71542 / 484:72023；手機 Figma 7330:16329 Compact ===== */
.cmr2-page {
  --cmr2-accent: #CB242B; /* 同 cps-news-innovation --news-accent */
  /* 對齊 TestingInfo .news-page：page-container 全寬，CTA 才能灰底通欄 */
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: hidden;
  /* 麵包屑 → 標題：PC 45px（對齊 news-page padding-top） */
  padding-top: 45px;
}

/* 正文區塊維持 1160 居中；CTA 不進此限制 */
.cmr2-header,
.cmr2-takeaways,
.cmr2-main,
.cmr2-qa {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.cmr2-header {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
/* 蓋過 .content > *:not(:last-child) 的 --module-gap（桌面 30 / 移動 20） */
.cmr2-header,
.cmr2-page > .cmr2-header:not(:last-child),
.content .cmr2-header:not(:last-child) {
  margin-bottom: 50px;
}

.cmr2-title {
  margin: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 32.5px;
  color: #000;
}

.cmr2-lead {
  margin: 0;
  font-size: 18px;
  line-height: 23.4px;
  color: #000;
}

.cmr2-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cmr2-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border: 1px solid #e64800;
  border-radius: 100px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.2px;
  color: #e64800;
  white-space: nowrap;
}

.cmr2-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #888;
  font-size: 14px;
  line-height: 18.2px;
}

.cmr2-meta .icon-wrapper {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cmr2-meta .icon-wrapper span {
  font-size: 20px !important;
  line-height: 20px;
  color: #888;
}

/* Key Takeaways */
.cmr2-takeaways {
  position: relative;
  padding-top: 12px;
}
/* 紅標上方：桌面 50。權重必須蓋過 .content > *:not(:last-child) 的 30 */
.cmr2-takeaways,
.cmr2-page > .cmr2-takeaways:not(:last-child),
.content .cmr2-takeaways:not(:last-child) {
  margin-bottom: 50px;
}

.cmr2-takeaways-label {
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  background: #f7f7f7;
  font-weight: 700;
  font-size: 16px;
  line-height: 20.8px;
  color: #000;
}

.cmr2-takeaways-label svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  color: var(--cmr2-accent);
}

.cmr2-takeaways-label svg path {
  fill: currentColor;
}

.cmr2-takeaways-body {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  padding: 40px 30px;
  border: 2px solid #d1d2d2;
  border-radius: 20px;
  box-sizing: border-box;
  width: 100%;
}

.cmr2-takeaways-media,
.cmr2-takeaways-list {
  flex: 1 1 0;
  min-width: 0;
}

.cmr2-takeaways-media {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cmr2-takeaways-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 616 / 434;
  object-fit: cover;
  border-radius: 10px;
}

.cmr2-caption {
  margin: 0;
  font-size: 14px;
  line-height: 18.2px;
  color: #444;
  border-left: 1px solid var(--primary-orange, #e64800);
  padding: 3px 0 3px 15px;
  box-sizing: border-box;
}

.cmr2-takeaways-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.cmr2-bullet {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.cmr2-bullet-num {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: var(--cmr2-accent);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cmr2-bullet p {
  margin: 0;
  /* 首行與 30 圓點垂直居中對齊（圖：數字對齊第一行字） */
  padding-top: calc((30px - 23.4px) / 2);
  font-size: 18px;
  line-height: 23.4px;
  color: #000;
}

/* 章節條：紅標籤；桌面左側 50 對齊 news-section-bar / Figma */
.cmr2-section-bar {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  box-sizing: border-box;
  width: auto;
  margin: 0 -50px;
  padding: 0 25px 0 50px;
  border-bottom: 3px solid var(--cmr2-accent);
  min-height: 0;
}

/* 紅標樣式見上方與 .news-section-tab 共用規則，此處不重複定義 */

.cmr2-section-content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 50px 0;
  width: 100%;
}

/* 跳轉時預留頂部空間，確保紅標大標題完整露出（不被站頂欄遮住） */
.cmr2-section {
  scroll-margin-top: 120px;
}

.cmr2-h4 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: var(--cmr2-accent);
}

.cmr2-text {
  margin: 0;
  font-size: 18px;
  line-height: 23.4px;
  color: #000;
}

.cmr2-text + .cmr2-text {
  margin-top: 20px;
}

.cmr2-row {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  width: 100%;
}

.cmr2-row-media {
  flex: 0 0 calc((100% - 50px) / 2);
  max-width: calc((100% - 50px) / 2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
}

.cmr2-row-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 616 / 434;
  object-fit: cover;
  border-radius: 10px;
}

.cmr2-row-body {
  flex: 1 1 0;
  min-width: 0;
  padding-top: 10px;
}

/* Q&A */
.cmr2-qa {
  margin-top: 0;
  margin-bottom: 0;
}

.cmr2-qa-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 0;
}

.cmr2-qa-item {
  width: 100%;
}

.cmr2-qa-head {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  background: #e6e6e6;
  cursor: pointer;
  text-align: left;
  appearance: none;
}

.cmr2-qa-item.is-open .cmr2-qa-head {
  background: var(--cmr2-accent);
  border-radius: 10px 10px 0 0;
}

.cmr2-qa-q {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 23.4px;
  color: #000;
}

.cmr2-qa-item.is-open .cmr2-qa-q {
  color: #fff;
}

.cmr2-qa-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.cmr2-qa-item.is-open .cmr2-qa-icon {
  color: #fff;
}

.cmr2-qa-icon .icon-uniE7A6 { display: none; }
.cmr2-qa-icon .icon-uniE7A7 { display: inline-block; }
.cmr2-qa-item.is-open .cmr2-qa-icon .icon-uniE7A6 { display: inline-block; }
.cmr2-qa-item.is-open .cmr2-qa-icon .icon-uniE7A7 { display: none; }

.cmr2-qa-body {
  display: none;
  padding: 40px 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}

.cmr2-qa-item.is-open .cmr2-qa-body {
  display: block;
}

.cmr2-qa-body p {
  margin: 0;
  font-size: 18px;
  line-height: 23.4px;
  color: #000;
}

/* CTA 灰底：對齊 TestingInfo .news-cta-row（±20 抵消 page-container padding，通欄全寬） */
.cmr2-cta-wrap {
  margin-left: -20px;
  margin-right: -20px;
  padding: 80px 20px;
  background: #e6e6e6;
  box-sizing: border-box;
}

.cmr2-cta-intro,
.cmr2-cta-banner {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.cmr2-cta-intro {
  margin-bottom: 50px;
}

.cmr2-cta-intro .cmr2-h4 {
  margin-bottom: 20px;
}

.cmr2-cta-banner {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  height: 350px;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.cmr2-cta-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cmr2-cta-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.cmr2-cta-inner {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: min(600px, 90%);
  text-align: center;
}

.cmr2-cta-inner p {
  margin: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 32.5px;
  color: #fff;
}

@media (max-width: 1350px) {
  .cmr2-page {
    max-width: 100%;
    /* 麵包屑 → 標題：手機 5px */
    padding-top: 5px;
  }

  .cmr2-header {
    gap: 25px;
  }
  .cmr2-header,
  .cmr2-page > .cmr2-header:not(:last-child),
  .content .cmr2-header:not(:last-child) {
    margin-bottom: 30px;
  }

  .cmr2-title {
    font-size: 20px;
    line-height: 26px;
  }

  .cmr2-lead {
    font-size: 14px;
    line-height: 18px;
  }

  .cmr2-tags {
    gap: 5px;
  }

  .cmr2-tag {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .cmr2-meta {
    font-size: 12px;
    line-height: 15.6px;
  }

  .cmr2-meta .icon-wrapper {
    width: 14px;
    height: 14px;
  }

  .cmr2-meta .icon-wrapper span {
    font-size: 14px !important;
    line-height: 14px;
  }

  .cmr2-takeaways {
    padding-top: 7px;
  }
  .cmr2-takeaways,
  .cmr2-page > .cmr2-takeaways:not(:last-child),
  .content .cmr2-takeaways:not(:last-child) {
    margin-bottom: 30px;
  }

  .cmr2-takeaways-label {
    left: 12px;
    padding: 0 5px;
    gap: 10px;
    font-size: 14px;
    line-height: 18.2px;
  }

  .cmr2-takeaways-label svg {
    width: 18px;
    height: 18px;
  }

  .cmr2-takeaways-body {
    flex-direction: column;
    gap: 20px;
    padding: 30px 15px;
    border-radius: 10px;
  }

  .cmr2-takeaways-media img {
    border-radius: 5px;
  }

  .cmr2-caption {
    font-size: 12px;
    line-height: 15.6px;
  }

  .cmr2-takeaways-list {
    gap: 20px;
  }

  .cmr2-bullet {
    gap: 10px;
  }

  .cmr2-bullet-num {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .cmr2-bullet p {
    padding-top: calc((24px - 18px) / 2);
    font-size: 14px;
    line-height: 18px;
  }

  .cmr2-section-bar {
    margin: 0 -20px;
    padding: 0 0 0 20px;
    max-width: none;
  }

  /* 紅標移動樣式見上方共用規則 */

  .cmr2-section-content {
    gap: 30px;
    padding: 30px 0;
  }

  .cmr2-section {
    scroll-margin-top: 80px;
  }

  .cmr2-h4 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 23.4px;
  }

  .cmr2-text {
    font-size: 14px;
    line-height: 18px;
  }

  .cmr2-row {
    flex-direction: column;
    gap: 15px;
  }

  .cmr2-row-media {
    flex: none;
    max-width: 100%;
    width: 100%;
  }

  .cmr2-row-media img {
    border-radius: 5px;
  }

  .cmr2-row-body {
    padding-top: 0;
  }

  .cmr2-qa-list {
    gap: 10px;
    padding: 30px 0;
  }

  .cmr2-qa-head {
    align-items: flex-start;
    gap: 20px;
    padding: 15px;
    border-radius: 5px;
  }

  .cmr2-qa-item.is-open .cmr2-qa-head {
    border-radius: 5px 5px 0 0;
  }

  .cmr2-qa-q {
    font-size: 14px;
    line-height: 18px;
  }

  .cmr2-qa-icon {
    width: 10px;
    height: 10px;
  }

  .cmr2-qa-body {
    padding: 20px 15px;
    border-radius: 0 0 5px 5px;
  }

  .cmr2-qa-body p {
    font-size: 14px;
    line-height: 18px;
  }

  .cmr2-cta-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .cmr2-cta-intro {
    margin-bottom: 40px;
  }

  .cmr2-cta-banner {
    height: 250px;
    border-radius: 5px;
  }

  .cmr2-cta-inner {
    gap: 25px;
    width: min(300px, 90%);
  }

  .cmr2-cta-inner p {
    font-size: 20px;
    line-height: 26px;
  }

  .cmr2-cta-inner .btn-pill {
    padding: 14px 15px;
    font-size: 14px;
    line-height: 17.6px;
  }

  }