/*
========================================
CG12R V2 Color Theme System
Version: 1.0
Browser-side theme switching
========================================
*/


/* 經典深海藍金 */
html[data-color-theme="ocean"] {
    --ct-bg: #102A3A;
    --ct-card: #19394A;
    --ct-soft: #27495B;
    --ct-text: #E9E5DC;
    --ct-muted: #C4D1D8;
    --ct-gold: #D2AD67;
    --ct-line: #527183;
    --ct-input: #173446;
}


/* 杏仁奶茶金 */
html[data-color-theme="almond"] {
    --ct-bg: #EAD7C0;
    --ct-card: #F9EDDC;
    --ct-soft: #E0C7A8;
    --ct-text: #503928;
    --ct-muted: #745B47;
    --ct-gold: #9C7036;
    --ct-line: #CDB08D;
    --ct-input: #FFF3E4;
}

/* 暖灰金 */
html[data-color-theme="greige"] {
    --ct-bg: #E9E5DE;
    --ct-card: #F7F5F0;
    --ct-soft: #DCD7CD;
    --ct-text: #444039;
    --ct-muted: #69645B;
    --ct-gold: #A38647;
    --ct-line: #CAC3B6;
    --ct-input: #FCFAF6;
}

/* 摩卡咖啡金 */
html[data-color-theme="mocha"] {
    --ct-bg: #30251F;
    --ct-card: #47362B;
    --ct-soft: #574333;
    --ct-text: #F6E9D7;
    --ct-muted: #D1BBA3;
    --ct-gold: #E0B66C;
    --ct-line: #775B43;
    --ct-input: #3D3027;
}

/*
黑金版不設定覆蓋規則，
直接使用網站原本的 CSS。
*/

html[data-color-theme]:not([data-color-theme="gold"]) {
    --bg: var(--ct-bg);
    --text: var(--ct-text);
    --card: var(--ct-card);
    --line: var(--ct-line);
    --gold: var(--ct-gold);
}

/* 全站背景與文字 */

html[data-color-theme]:not([data-color-theme="gold"]) body {
    background: var(--ct-bg);
    color: var(--ct-text);
}

/* 原本共用卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
:is(.panel, .card, .article-card, .content) {
    background: var(--ct-card);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

/* 網站導覽 */

html[data-color-theme]:not([data-color-theme="gold"])
.header-nav a {
    background: var(--ct-card);
    color: var(--ct-gold);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.header-nav a:hover {
    background: var(--ct-soft);
}

/* 搜尋欄 */

html[data-color-theme]:not([data-color-theme="gold"])
:is(.header-search-scope, .header-input) {
    background: var(--ct-input);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.header-input::placeholder {
    color: var(--ct-muted);
}

/* 顏色選擇按鈕的共用外觀 */

.color-theme-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 12px 0;
}

.color-theme-label {
    font-size: 13px;
}

.color-theme-button {
    padding: 8px 13px;
    border: 1px solid #A38647;
    border-radius: 6px;
    background: #181818;
    color: #D6A84F;
    font-size: 13px;
    cursor: pointer;
}

.color-theme-button.active {
    background: #C8953C;
    color: #111;
    font-weight: bold;
}

html[data-color-theme]:not([data-color-theme="gold"])
.color-theme-button {
    background: var(--ct-card);
    color: var(--ct-text);
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.color-theme-button.active {
    background: var(--ct-gold);
    color: var(--ct-bg);
    font-weight: bold;
}

/*
========================================
首頁商品卡片 - 五色主題
僅套用非黑金版
========================================
*/

/* 商品卡片 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .card {
    background: var(--ct-card) !important;
    border-color: var(--ct-line) !important;
    color: var(--ct-text);
}

/* 商品名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .name {
    color: var(--ct-text) !important;
}

/* 商品編號 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .no {
    color: var(--ct-muted);
}

/* 價格 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .price {
    color: var(--ct-gold);
}

/* 購物金 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .points {
    color: var(--ct-muted);
}

/* 商品區標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section-head {
    border-bottom-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.home-section-title,
html[data-color-theme]:not([data-color-theme="gold"])
.home-section-more {
    color: var(--ct-gold);
}

/* 查看更多 */
html[data-color-theme]:not([data-color-theme="gold"])
.more-btn {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.more-btn:hover {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 商品加入購物車及收藏圖示 */
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .product_action {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.home-section .product_action:hover {
    background: var(--ct-soft);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.home-section .product_action:active {
    background: var(--ct-bg);
    color: var(--ct-gold);
}


/*
========================================
首頁公告 / 新片 / 代購選項配色
黑金版維持原樣
========================================
*/

html[data-color-theme]:not([data-color-theme="gold"])
.info-tab:not(.active) {
    background: var(--ct-card);
    color: var(--ct-gold);
    border-color: var(--ct-gold);
}

/*
========================================
商品特殊標籤 - 主題配色
黑金版不變
========================================
*/

html[data-color-theme]:not([data-color-theme="gold"])
.home-section .tag,
html[data-color-theme]:not([data-color-theme="gold"])
.home-section .original {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/*
========================================
手機版 / 電腦版按鈕 - 主題配色
黑金版不變
========================================
*/

/* 未選中的按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.view-mode-button:not(.active) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 滑鼠移入 */
html[data-color-theme]:not([data-color-theme="gold"])
.view-mode-button:not(.active):hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 已選中的按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.view-mode-button.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/*
========================================
淺色主題 - 頁首會員狀態與登入文字
只影響杏仁奶茶金、暖灰金
========================================
*/

/* 訪客狀態 */
html[data-color-theme="almond"]
.header-member-status:not(.is-logged-in),
html[data-color-theme="greige"]
.header-member-status:not(.is-logged-in) {
    color: var(--ct-text) !important;
}

/* 旁邊的登入連結 */
html[data-color-theme="almond"]
#cg-member-login-action,
html[data-color-theme="greige"]
#cg-member-login-action {
    color: var(--ct-text) !important;
}

/* 已登入會員保留綠色狀態，但加深以適合淺底 */
html[data-color-theme="almond"]
.header-member-status.is-logged-in,
html[data-color-theme="greige"]
.header-member-status.is-logged-in {
    color: #276344 !important;
}


/*
========================================
CG12R 商品列表頁五色主題
支援橫向列表 / 宮格模式
經典黑金維持原樣
========================================
*/

/* 商品卡片 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .card {
    background: var(--ct-card) !important;
    border-color: var(--ct-line) !important;
    color: var(--ct-text);
}

/* 商品名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .name {
    color: var(--ct-text) !important;
}

/* 商品編號 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .no {
    color: var(--ct-muted);
}

/* 價格與購物金 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .price {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .points {
    color: var(--ct-muted);
}

/* 宮格模式特殊標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .tag,
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .original {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 分類說明 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .cat_desc,
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .cat_count {
    color: var(--ct-muted);
}

/*
========================================
橫向列表 / 宮格切換按鈕
========================================
*/

/* 未選中 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page
.list-view-switch button:not(.active) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 滑鼠移入 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page
.list-view-switch button:not(.active):hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 已選中 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page
.list-view-switch button.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/*
========================================
橫向列表商品資訊
========================================
*/

/* 商品標題連結 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-product-title-link {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-product-title-link:hover {
    color: var(--ct-gold);
}

/* 商品資料文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-row,
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-right-row {
    color: var(--ct-text);
}

/* 商品資料欄位名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-label {
    color: var(--ct-gold);
}

/* 商品編號放大文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-goods-no {
    color: var(--ct-text);
}

/* 圖片下方特殊標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-cover-tag {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 橫向資料分類連結 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-tags a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .list-test-tags a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 加入購物車及收藏圖示 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .product_action {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap.list-test-page .product_action:hover {
    background: var(--ct-soft);
    color: var(--ct-gold);
}

/*
========================================
商品列表 - 麵包屑、光碟篩選、頁碼
只影響四種新主題
========================================
*/

/*
========================================
全站共用麵包屑 - 五色主題
========================================
*/

/* 麵包屑基本文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.breadcrumb {
    color: var(--ct-text);
}

/* 可點擊連結 */
html[data-color-theme]:not([data-color-theme="gold"])
.breadcrumb a {
    color: var(--ct-gold);
}

/* 目前所在頁面，例如「結帳」 */
html[data-color-theme]:not([data-color-theme="gold"])
.breadcrumb > span:not(.breadcrumb-sep) {
    color: var(--ct-text);
}

/* 中間的箭頭 */
html[data-color-theme]:not([data-color-theme="gold"])
.breadcrumb .breadcrumb-sep {
    color: var(--ct-muted);
}

/* 淺色主題：連結採用較深的金棕色 */
html[data-color-theme="almond"] .breadcrumb a,
html[data-color-theme="greige"] .breadcrumb a {
    color: #73521F;
}

/* 2. 第二層光碟分類按鈕 */
/* 原本 PHP 有 inline color，需用 important 覆蓋 */

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .list-disc-filter a {
    background: var(--ct-card);
    color: var(--ct-text) !important;
    border-color: var(--ct-line) !important;
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .list-disc-filter a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold) !important;
}

/* 目前選取的分類 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .list-disc-filter a[style*="font-weight:bold"] {
    color: var(--ct-gold) !important;
    border-color: var(--ct-gold) !important;
    font-weight: bold;
}

/* 3. 分頁按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar > a,
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar > span {
    background: var(--ct-card);
    color: var(--ct-text);
    border: 1px solid var(--ct-line);
}

/* 目前所在頁碼 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .now {
    background: var(--ct-gold);
    color: #111111;
    border-color: var(--ct-gold);
    font-weight: bold;
}

/* 省略號 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .dot {
    background: transparent;
    color: var(--ct-muted);
    border-color: transparent;
}

/* 分頁滑鼠移入 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar > a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 4. 指定跳頁區 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .page-jump-form {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .page-jump-form input {
    background: var(--ct-input);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .page-jump-form button {
    background: var(--ct-gold);
    color: #111111;
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .page-jump-form button:hover {
    filter: brightness(1.08);
}

/*
========================================
商品列表頁 - 分類資訊框
黑金版維持原樣
========================================
*/

/* 分類資訊框背景與邊框 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* DVD 分類標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .page-head h1 {
    color: var(--ct-gold);
}

/* 分類說明文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .page-head p {
    color: var(--ct-text);
}

/* 商品總數及頁碼 */
html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .page-head .page-head-meta {
    color: var(--ct-muted);
}


/*
========================================
商品列表 - 跳頁「頁」字方框
黑金版維持原樣
========================================
*/

html[data-color-theme]:not([data-color-theme="gold"])
.list_wrap .pagebar .page-jump-form span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid var(--ct-line);
    border-radius: 8px;
    background: var(--ct-card);
    color: var(--ct-text);
}

/*
========================================
CG12R 商品詳細頁 - 五色主題
僅四款新色，原本黑金不變
========================================
*/

/* 商品主要資訊區 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .product_main {
    background: var(--ct-card);
    color: var(--ct-text);
    border: 1px solid var(--ct-line);
}

/* 商品名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .product_main h1 {
    color: var(--ct-text);
}

/* 商品封面不存在時的背景 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .noimg {
    background: var(--ct-soft);
    color: var(--ct-text);
}

/* 商品特殊標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .badge {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 商品資料分隔線 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .info_grid {
    border-top-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .info_label,
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .info_value {
    border-bottom-color: var(--ct-line);
}

/* 商品資料欄位名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .info_label {
    color: var(--ct-gold);
}

/* 商品資料內容 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .info_value {
    color: var(--ct-text);
}

/* 分類與女優連結 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .catlink,
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .actor_tag {
    background: var(--ct-soft);
    color: var(--ct-text);
}

/* 價格資訊框 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .price_box {
    background: var(--ct-bg);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 售價及購物金 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .price,
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .bonus {
    color: var(--ct-gold);
}

/* 商品介紹與圖片區 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .section {
    background: var(--ct-card);
    color: var(--ct-text);
    border: 1px solid var(--ct-line);
}

/* 介紹區標題 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .section h2 {
    color: var(--ct-gold);
}

/* 一般操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .btn:not(.gold) {
    background: var(--ct-soft);
    color: var(--ct-text);
    border: 1px solid var(--ct-line);
}

/* 一般操作按鈕滑鼠移入 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .btn:not(.gold):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

/* 金色購買按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .btn.gold {
    background: var(--ct-gold);
    color: #111111;
}

/* 商品頁麵包屑 */
html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .breadcrumb {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .breadcrumb a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
body:has(.product_main) .breadcrumb .breadcrumb-sep {
    color: var(--ct-muted);
}


/*
========================================
CG12R V2 購物車 - 五色主題正式整理
一般購物車 / 會員購物車
黑金版完全保留
========================================
*/

/*
1. 三個主要區塊
登入提示 / 購物車標題 / 工具列
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_guest_notice,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_toolbar {
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

/* 登入提示文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_guest_notice_text strong {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_guest_notice_text span {
    color: var(--ct-text);
}

/* 登入按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_guest_notice_login {
    background: var(--ct-gold);
    color: #111111;
}

/* 購物車標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head p {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head-meta {
    color: var(--ct-muted);
}

/*
2. 購物車工具列與數量統計
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_toolbar_status,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_select_all_label,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_summary_item,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_summary,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_controls label {
    color: var(--ct-text);
}

/* 數量與金額 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_summary_item strong,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_summary strong {
    color: var(--ct-gold);
}

/* 分隔線 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_select_all_label {
    border-right-color: var(--ct-line);
}

/* 工具列操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_toolbar_button {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_toolbar_button:hover:not(:disabled) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

/* 停用的刪除按鈕：清楚但仍維持停用 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_toolbar_button:disabled {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
    opacity: .85;
    cursor: default;
}

/*
3. 購物車商品卡片
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .card,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_empty {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 商品名稱 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .name {
    color: var(--ct-text);
}

/* 商品編號、購物金 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .no,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .points {
    color: var(--ct-muted);
}

/* 售價 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .price {
    color: var(--ct-gold);
}

/* 商品特殊標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .tag,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_product_grid .original {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 商品移除按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_card_actions .cart_card_remove {
    background: var(--ct-soft);
    border-top: 1px solid var(--ct-line);
    color: var(--ct-text);
    opacity: 1;
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .cart_card_actions .cart_card_remove:hover {
    background: var(--ct-card);
    color: var(--ct-gold);
}

/*
4. 購物車麵包屑
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .breadcrumb a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .breadcrumb .breadcrumb-sep {
    color: var(--ct-muted);
}

/*
========================================
購物車 - 上方操作按鈕
我的最愛 / 繼續購物
========================================
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head-actions
.page-head-action:not(.page-head-action-primary) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head-actions
.page-head-action:not(.page-head-action-primary):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 前往結帳維持金色 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .page-head-actions
.page-head-action-primary {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/*
========================================
購物車 - 底部分頁
上一頁 / 下一頁 / 頁數
========================================
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_pagebar a {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_pagebar a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_pagebar span {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

/*
5. 會員購物車批次操作
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .selection_action_bar {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .selection_action_bar button:not(.cart_checkout_btn),
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .selection_action_bar a:not(.cart_checkout_btn) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 前往結帳 */
html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .selection_action_bar .cart_checkout_btn {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/*
6. 空購物車與選單
*/

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_empty h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_empty p {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_empty_btn {
    background: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.cart_page .favorite_controls select {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}


/*
========================================
CG12R V2 - 我的最愛五色主題
只作用於 favorite_page
不影響購物車及原本黑金版
========================================
*/

/* 1. 頁首資訊 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head p {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head-meta {
    color: var(--ct-muted);
}

/* 頁首操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head-action:not(.page-head-action-primary) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head-action:not(.page-head-action-primary):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .page-head-action-primary {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 2. 工具列與統計 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_toolbar {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_summary,
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_controls label,
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_select_all_label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_summary strong {
    color: var(--ct-gold);
}

/* 下拉選單 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_controls select {
    background: var(--ct-input);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

/* 批次操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_batch_actions button {
    background: var(--ct-soft);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_batch_actions button:hover:not(:disabled) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_batch_actions button:disabled {
    background: var(--ct-soft);
    color: var(--ct-muted);
    opacity: .8;
    cursor: default;
}

/* 3. 商品卡片 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .card {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .name {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .no,
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .points {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .price {
    color: var(--ct-gold);
}

/* 特殊標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .tag,
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_product_grid .original {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 商品操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_card_actions button {
    background: var(--ct-soft);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_card_actions button:hover {
    background: var(--ct-card);
    color: var(--ct-gold);
}

/* 4. 底部分頁 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_pagebar a {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_pagebar a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_pagebar span {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

/* 5. 空白狀態 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_empty {
    background: var(--ct-card);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_empty h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_empty p {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .favorite_empty_btn {
    background: var(--ct-gold);
    color: #111111;
}

/* 6. 麵包屑 */
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .breadcrumb a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.favorite_page .breadcrumb .breadcrumb-sep {
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 會員中心首頁五色主題
僅會員首頁，黑金版保持原樣
==================================================
*/

/* 1. 會員歡迎資訊與快速功能卡片 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
:is(
    .member_welcome,
    .member_quick_grid a,
    .member_info_box
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 2. 區塊標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
:is(
    .member_quick h2,
    .member_account h2
) {
    color: var(--ct-text);
}

/* 3. 金色標題及統計數字 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
:is(
    .member_welcome h1,
    .member_quick_grid strong,
    .member_quick_grid b,
    .member_info_box h3
) {
    color: var(--ct-gold);
}

/* 4. 歡迎資訊及卡片主要文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
:is(
    .member_welcome p,
    .member_quick_grid a,
    .member_info_box p,
    .member_info_box li
) {
    color: var(--ct-text);
}

/* 5. 快速功能次要說明 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_quick_grid span {
    color: var(--ct-muted);
}

/* 6. 未讀通知 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_notice {
    color: var(--ct-gold);
}

/* 7. 快速功能卡片滑鼠效果 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_quick_grid a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 8. 帳號管理按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_account_grid a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_account_grid a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 9. 下方三個資訊框中的連結 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_info_box a {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_dashboard:has(> .member_quick)
.member_info_box a:hover {
    color: var(--ct-gold);
}

/*
==================================================
CG12R V2 - 會員資料頁五色主題
僅作用於 member_profile_page
黑金版保持原樣
==================================================
*/

/* 會員資料卡片 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_profile_page .member_welcome {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_profile_page .member_welcome h1 {
    color: var(--ct-gold);
}

/* 會員編號、Email、會員狀態等資料 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_profile_page .member_welcome p {
    color: var(--ct-text);
}

/* 返回按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_profile_page .member_action_btn a {
    background: var(--ct-soft);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

/* 返回按鈕滑鼠移入 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_profile_page .member_action_btn a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/*
==================================================
CG12R V2 - 收貨地址五色主題
僅作用於 address_page
黑金版保持原樣
==================================================
*/

/* 1. 頁面文字與標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page :is(
    .address_head p,
    .address_limit,
    .member_form_note
) {
    color: var(--ct-muted);
}

/* 2. 地址卡片、編輯表單及空白狀態 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page :is(
    .address_card,
    .address_form_box,
    .address_empty,
    .address_store_result
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 預設地址仍維持金色外框 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_card:has(.address_default_badge) {
    border-color: var(--ct-gold);
}

/* 地址卡片文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_card_body {
    color: var(--ct-text);
}

/* 地址資料中的金色標籤 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_card_body :is(
    strong,
    dt
) {
    color: var(--ct-gold);
}

/* 預設地址徽章 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_default_badge {
    background: var(--ct-gold);
    color: #111111;
}

/* 卡片底下的操作區分隔線 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_card_actions {
    border-color: var(--ct-line);
}

/* 3. 新增／修改地址表單 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_box h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_group label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_box :is(
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    select,
    textarea
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_box :is(
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    select,
    textarea
):focus {
    border-color: var(--ct-gold);
}

/* 4. 配送方式及地址類型 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_delivery_tab {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_type_option {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 已勾選的地址類型保留金色識別 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_type_option:has(input:checked) {
    border-color: var(--ct-gold);
}

/* 5. 門市資訊及選擇區 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_store_row {
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_store_label {
    color: var(--ct-gold);
}

/* 6. 次要操作按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page :is(
    .member_action_btn a,
    .address_default_btn
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page :is(
    .member_action_btn a,
    .address_default_btn
):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 7. 表單的新增、儲存主要按鈕 */

/* 收貨地址表單 - 取消按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_actions
:is(a, button):not(.member_submit_btn) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_form_actions
:is(a, button):not(.member_submit_btn):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page :is(
    .address_add_btn,
    .member_submit_btn
) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 8. 空白地址提示 */
html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_empty h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.address_page .address_empty p {
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 修改密碼頁五色主題
僅作用於 member_password_page
黑金版保持原樣
==================================================
*/

/* 1. 主要資料框 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_welcome {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 2. 頁面標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_welcome h1 {
    color: var(--ct-gold);
}

/* 3. 密碼欄位標題 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_form_label {
    color: var(--ct-text);
}

/* 4. 密碼輸入框 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_form_input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_form_input:focus {
    border-color: var(--ct-gold);
    outline: 2px solid var(--ct-line);
    outline-offset: 1px;
}

/* 5. 密碼規則及提示文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_form_note,
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member-form small {
    color: var(--ct-muted);
}

/* 6. 確認修改按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_submit_btn {
    background: var(--ct-gold);
    color: #111111;
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_submit_btn:hover {
    filter: brightness(1.08);
}

/* 7. 返回會員中心按鈕 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_action_btn a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_password_page .member_action_btn a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/*
==================================================
CG12R V2 - 購物金五色主題
僅作用於 points_page
黑金版保持原樣
==================================================
*/

/* 1. 頁首標題及麵包屑 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .page-head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .page-head p {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.points_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .breadcrumb a {
    color: var(--ct-gold);
}

/* 2. 四個主要內容區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page :is(
    .points_balance,
    .points_status,
    .points_guide,
    .points_history
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 3. 購物金餘額 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_balance_info > span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_balance strong {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_balance small {
    color: var(--ct-muted);
}

/* 4. 領取狀態資訊 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_status_item {
    border-bottom-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_status_item span {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_status_item strong {
    color: var(--ct-text);
}

/* 5. 領取購物金按鈕：可領取 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_claim_button:not(:disabled) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_claim_button:not(:disabled):hover {
    filter: brightness(1.08);
}

/* 不可領取：維持停用狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_claim_button:disabled {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
    opacity: 1;
    cursor: not-allowed;
}

/* 6. 購物金說明分頁 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_tabs {
    background: var(--ct-soft);
    border-bottom-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_tab {
    background: transparent;
    border-right-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_tab:hover {
    background: var(--ct-card);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_tab.is_active {
    background: var(--ct-card);
    color: var(--ct-gold);
    box-shadow: inset 0 -2px 0 var(--ct-gold);
}

/* 7. 說明內容 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_panel h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_panel p {
    color: var(--ct-text);
}

/* 每日領取規則卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_rule_grid div {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_rule_grid span {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_rule_grid strong {
    color: var(--ct-gold);
}

/* 特別說明提示 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_panel .points_note {
    background: var(--ct-soft);
    border-left-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 8. 最近 30 筆異動標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_head {
    border-bottom-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_head h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_head p {
    color: var(--ct-muted);
}

/* 沒有異動紀錄 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_empty strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_empty span {
    color: var(--ct-muted);
}

/* 9. 異動紀錄表格 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_table th,
html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_table td {
    border-bottom-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_table th {
    background: var(--ct-soft);
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_table tbody tr:hover {
    background: var(--ct-soft);
}

/* 一般類型標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.points_page .points_history_badge_default {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/*
10. 淺色主題專用：
增加與扣除金額、狀態標籤
避免淺色底搭配過淡文字
*/

html[data-color-theme="almond"]
.points_page :is(
    .points_history_badge_add,
    .points_history_badge_reward,
    .points_history_badge_refund,
    .points_history_badge_extend
),
html[data-color-theme="greige"]
.points_page :is(
    .points_history_badge_add,
    .points_history_badge_reward,
    .points_history_badge_refund,
    .points_history_badge_extend
) {
    background: #E2EFE4;
    border-color: #82AC89;
    color: #245A35;
}

html[data-color-theme="almond"]
.points_page :is(
    .points_history_badge_deduct,
    .points_history_badge_use,
    .points_history_badge_expire
),
html[data-color-theme="greige"]
.points_page :is(
    .points_history_badge_deduct,
    .points_history_badge_use,
    .points_history_badge_expire
) {
    background: #F8E5E5;
    border-color: #D4A0A0;
    color: #923636;
}

html[data-color-theme="almond"]
.points_page .points_history_amount_add,
html[data-color-theme="greige"]
.points_page .points_history_amount_add {
    color: #24643B !important;
}

html[data-color-theme="almond"]
.points_page .points_history_amount_deduct,
html[data-color-theme="greige"]
.points_page .points_history_amount_deduct {
    color: #9B3333 !important;
}

/*
==================================================
CG12R V2 - 歷史購買紀錄五色主題
僅作用於 member_history_page
黑金版保持原樣
==================================================
*/

/* 1. 頁面標題及麵包屑 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .page_head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .page_head p {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .breadcrumb a {
    color: var(--ct-gold);
}

/* 2. 搜尋輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_search input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_search input::placeholder {
    color: var(--ct-muted);
    opacity: 1;
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_search input:focus {
    border-color: var(--ct-gold);
    outline: none;
}

/* 搜尋及清除按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_search
:is(button, a) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_search
:is(button, a):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 3. 查詢結果統計 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_summary {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_summary strong {
    color: var(--ct-gold);
}

/* 4. 訂單導覽按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page :is(
    .member-orders-nav-back,
    .member-orders-nav-member
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page :is(
    .member-orders-nav-back,
    .member-orders-nav-member
):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 5. 歷史紀錄表格 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_table {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_row {
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 表格標題列 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_head {
    background: var(--ct-soft);
    color: var(--ct-text);
}

/* 購買日期、商品名稱及訂單編號 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page :is(
    .member_history_date,
    .member_history_name,
    .member_history_order
) {
    color: var(--ct-text);
}

/* 商品編號 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_number strong {
    color: var(--ct-gold);
}

/* 6. 一般狀態標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_status_text:not(.is-returned) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 退件狀態保留紅色識別 */

html[data-color-theme="almond"]
.member_history_page .member_history_status_text.is-returned,
html[data-color-theme="greige"]
.member_history_page .member_history_status_text.is-returned {
    background: #F8E5E5;
    border-color: #C98282;
    color: #923636;
}

/* 7. 沒有查詢紀錄時 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_order_empty {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 8. 底部分頁 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .pagebar a,
html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .pagebar span {
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .pagebar a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 目前頁碼：金色 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .pagebar .now {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 省略號 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .pagebar .dot {
    background: transparent;
    border-color: transparent;
    color: var(--ct-muted);
}

/* 9. 手機版每個欄位前的名稱 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_history_page .member_history_col::before {
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 一般訂單列表五色主題
只作用於 member_orders_page
黑金版保持原樣
==================================================
*/

/* 1. 頁面標題與麵包屑 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .page_head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .breadcrumb a {
    color: var(--ct-gold);
}

/* 2. 訂單統計 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_list,
html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_summary {
    color: var(--ct-text);
}

/* 3. 訂單導覽按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member-orders-nav a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member-orders-nav a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 4. 訂單列表 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_table {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_row {
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 表格標題列 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_head {
    background: var(--ct-soft);
    color: var(--ct-text);
}

/* 訂單編號及金額 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_number strong,
html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_amount strong {
    color: var(--ct-gold);
}

/* 日期及服務內容 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_date,
html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_service {
    color: var(--ct-text);
}

/* 5. 一般訂單狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page
.member_orders_status_text:not(.is-processing) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 淺色版處理中狀態：深藍色文字 */

html[data-color-theme="almond"]
.member_orders_page .member_orders_status_text.is-processing,
html[data-color-theme="greige"]
.member_orders_page .member_orders_status_text.is-processing {
    background: #E4EFFA;
    border-color: #8BAED1;
    color: #275D91;
}

/* 6. 查看訂單按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_view {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_view:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/*
取消訂單 .member_orders_cancel
保留原本紅色警示按鈕，不覆蓋
*/

/* 7. 沒有訂單時 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_empty {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_empty strong {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_empty p {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_empty a {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 8. 訂單分頁 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_pager a {
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_pager a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}


/* 一般訂單列表：目前頁數文字 */
html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_order_pager span {
    color: var(--ct-text);
    opacity: 1;
}


/* 9. 手機版欄位名稱 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_orders_page .member_orders_col::before {
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 訂單詳情淺色主題
只作用於 almond / greige
不影響黑金、深海藍、摩卡及列印版
==================================================
*/

@media screen {

    /* 1. 頁面基礎文字 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page {
        color:var(--ct-text);
    }

    /* 2. 頁面標題及麵包屑 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .page_head h1 {
        color:var(--ct-gold);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .breadcrumb,
    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .breadcrumb span {
        color:var(--ct-text);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .breadcrumb a {
        color:var(--ct-gold);
    }

    /* 3. 訂單資訊與各內容區塊 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_detail_head,
        .member_order_section
    ) {
        background:var(--ct-card);
        border-color:var(--ct-line);
        color:var(--ct-text);
    }

    /* 4. 所有資料標籤及次要說明 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_detail_head span,
        .member_order_goods_head,
        .member_order_total span,
        .member_order_delivery span,
        .member_order_service_grid span,
        .member_order_goods_disc,
        .member_order_goods_price small
    ) {
        color:var(--ct-muted);
    }

    /* 5. 所有主要資料文字 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_detail_head strong,
        .member_order_goods_name strong,
        .member_order_goods_price strong,
        .member_order_goods_qty strong,
        .member_order_total strong,
        .member_order_delivery strong,
        .member_order_service_grid strong,
        .member_order_message
    ) {
        color:var(--ct-text);
    }

    /* 6. 商品編號及區塊標題 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_section h2,
        .member_order_goods_no strong
    ) {
        color:var(--ct-gold);
    }

    /* 藍色商品編號及已出貨標記 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_goods_no strong.member_order_goods_no_blue,
        .member_order_status.is-shipped strong
    ) {
        color:#275D91;
    }

    /* 7. 商品明細分隔線 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page :is(
        .member_order_goods_head,
        .member_order_goods_item,
        .member_order_goods_pager
    ) {
        border-color:var(--ct-line);
    }

    /* 8. 訂單總金額強調 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page
    .member_order_total_final strong {
        color:var(--ct-gold);
    }

    /* 9. 商品分頁 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_goods_pager {
        color:var(--ct-text);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_goods_pager a {
        background:var(--ct-soft);
        border-color:var(--ct-line);
        color:var(--ct-text);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_goods_pager a:hover {
        background:var(--ct-card);
        border-color:var(--ct-gold);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_goods_pager strong {
        color:var(--ct-gold);
    }
    

    /* 10. 返回訂單列表 */

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_back a {
        color:var(--ct-gold);
    }

    html:is(
        [data-color-theme="almond"],
        [data-color-theme="greige"]
    ) .member_order_detail_page .member_order_back a:hover {
        color:var(--ct-text);
    }
}

/*
==================================================
CG12R V2 - 等待繳費五色主題
只作用於 member_payment
黑金版保持原樣
==================================================
*/

@media screen {

/* 1. 頁面基本文字與標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment h1 {
    color: var(--ct-gold);
}

/* 2. 頂部四個分類按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_tabs a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_tabs a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 3. 日本代購、指定代購及硬碟分類標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_section h2 {
    color: var(--ct-gold);
}

/* 4. 待繳費訂單卡片與側邊資訊 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment :is(
    .member_payment_order,
    .member_payment_stats,
    .member_payment_notice
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 訂單資料文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_order > div {
    color: var(--ct-text);
}

/* 訂單內的連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_order a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_order a:hover {
    color: var(--ct-text);
    text-decoration: underline;
}

/* 5. 繳費代碼資訊框 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_codes {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_codes > div {
    color: var(--ct-text);
}

/* 繳費代碼數字：保持醒目 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_codes strong {
    color: var(--ct-gold);
}

/* 6. 待繳費統計 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_stats h2 {
    color: var(--ct-gold);
    border-bottom-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_stats > div {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_stats strong {
    color: var(--ct-gold);
}

/* 7. 繳費說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_notice h2 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_notice p {
    color: var(--ct-text);
}

/* 8. 繳費教學 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_guide {
    border-top-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_guide span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_guide a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_payment .member_payment_guide a:hover {
    color: var(--ct-text);
    text-decoration: underline;
}

}

/*
==================================================
CG12R V2 - 通知中心五色主題
僅作用於 notice_page
黑金版保持原樣
==================================================
*/

/* 1. 頁首與麵包屑 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .page-head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .page-head p {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .breadcrumb a {
    color: var(--ct-gold);
}

/* 通知偏好設置按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .page-head-action {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .page-head-action:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 2. 一般通知 / 偏好通知頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_view_tab {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_view_tab:not(.is_active):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 當前選中的頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_view_tab.is_active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 3. 通知統計工具列 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_toolbar {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_summary {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_summary strong {
    color: var(--ct-gold);
}

/* 4. 通知操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page :is(
    .notice_all_read,
    .notice_read_button,
    .notice_detail_button
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page :is(
    .notice_all_read,
    .notice_read_button,
    .notice_detail_button
):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 鍵盤操作時清楚顯示焦點 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page :is(
    .notice_all_read,
    .notice_read_button,
    .notice_detail_button,
    .notice_view_tab
):focus-visible {
    outline: 2px solid var(--ct-gold);
    outline-offset: 2px;
}

/* 5. 通知卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 未讀通知：主題柔和底色 + 金色左框 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item.is_unread {
    background: var(--ct-soft);
    border-left: 4px solid var(--ct-gold);
    opacity: 1;
}

/* 已讀通知：恢復一般卡片背景 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item.is_read {
    background: var(--ct-card);
    opacity: .9;
}

/* 6. 通知標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item_title strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item.is_unread
.notice_item_title strong {
    color: var(--ct-gold);
}

/* 未讀通知小圓點 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_unread_dot {
    background: var(--ct-gold);
}

/* 7. 通知內文及日期 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item_content {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_item_time {
    color: var(--ct-muted);
}

/* 8. 沒有通知時 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_page .notice_empty {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 通知偏好設置五色主題
僅作用於 notice_setting_page
黑金版保持原樣
==================================================
*/

/* 1. 頁首、偏好卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page :is(
    .page-head,
    .notice_setting_card
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 2. 頁首與卡片標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page :is(
    .page-head h1,
    .notice_setting_card_head h2
) {
    color: var(--ct-gold);
}

/* 3. 頁首說明、卡片說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page :is(
    .page-head p,
    .notice_setting_card_head p
) {
    color: var(--ct-muted);
}

/* 4. 偏好數量 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_card_head > strong {
    color: var(--ct-gold);
}

/* 5. 返回通知中心按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .page-head-action {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .page-head-action:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 6. 下拉選單及輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_input::placeholder {
    color: var(--ct-muted);
    opacity: 1;
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_input:focus {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_input:disabled {
    opacity: .7;
}

/* 7. 新增按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_add_button:not(:disabled) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_add_button:not(:disabled):hover {
    filter: brightness(1.08);
}

/* 新增按鈕停用時 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_add_button:disabled,
html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_add_button:disabled:hover {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
    opacity: .7;
    cursor: not-allowed;
}

/* 8. 已儲存偏好項目 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_item {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_item > span {
    color: var(--ct-text);
}

/* 9. 刪除按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_delete {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_delete:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 10. 尚未設定提示 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_empty {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

/* 11. 設定結果訊息 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .notice_setting_result {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 12. 麵包屑 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page .breadcrumb a {
    color: var(--ct-gold);
}

/* 13. 鍵盤焦點 */

html[data-color-theme]:not([data-color-theme="gold"])
.notice_setting_page :is(
    .notice_setting_add_button,
    .notice_setting_delete,
    .page-head-action
):focus-visible {
    outline: 2px solid var(--ct-gold);
    outline-offset: 2px;
}

/*
==================================================
CG12R V2 - 聯絡我們首頁五色主題
會員 / 非會員共用
一般留言 / 指定代購 / 留言紀錄 / 報價列表
黑金版不變
==================================================
*/

/* 1. 共用卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-member-card,
    .contact-service-card,
    .contact-history-card
) {
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

/* 2. 區塊標題、介紹文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-section-title,
    .contact-history-title
) {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-proxy-intro,
    .contact-history-desc
) {
    color: var(--ct-muted);
}

/* 3. 會員資訊 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-member-info {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-member-info span {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-member-info strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-member-info .contact-member-no {
    color: var(--ct-gold);
}

/* 4. 四個頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-view-tab {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-view-tab:not(.is-active):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-view-tab.is-active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 未讀數量徽章保留原本紅色提醒 */

/* 5. 會員及非會員共用表單 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field :is(
    input,
    select,
    textarea
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field :is(
    input,
    textarea
)::placeholder {
    color: var(--ct-muted);
    opacity: 1;
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field :is(
    input,
    select,
    textarea
):hover {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field :is(
    input,
    select,
    textarea
):focus {
    background: var(--ct-input);
    border-color: var(--ct-gold);
    color: var(--ct-text);
    outline: 2px solid var(--ct-gold);
    outline-offset: 1px;
}

/* 停用中的輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-field :is(
    input,
    select,
    textarea
):disabled {
    background: var(--ct-soft);
    color: var(--ct-muted);
}

/* 6. 留言字數統計 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-counter {
    color: var(--ct-muted);
}

/* 7. 送出留言按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-submit button {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
    box-shadow: none;
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-submit button:hover {
    filter: brightness(1.08);
}

/* 8. 留言歷史列表 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-list {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-item {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-item:hover {
    background: var(--ct-soft);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-item
.contact-history-title {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-meta {
    color: var(--ct-muted);
}

/* 9. 留言狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-status-wait {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-status-replied {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-status-new {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 10. 歷史列表分頁 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-history-pages,
    .contact-pagination
) :is(a, span) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-history-pages,
    .contact-pagination
) a:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-history-pages .current,
    .contact-pagination .is-current
) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 11. 沒有留言紀錄 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-history-empty {
    color: var(--ct-muted);
}

/* 12. 系統訊息 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-message {
    color: var(--ct-text);
}

/* 錯誤與成功保留語意配色 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-message.error,
    .contact-message-error
) {
    background: #382020;
    border-color: #9a5555;
    color: #ffe2e2;
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-message.success,
    .contact-message-success
) {
    background: #203a28;
    border-color: #4d8960;
    color: #e1ffe8;
}

/* 杏仁奶茶金與暖灰金使用淺色提示框 */

html[data-color-theme="almond"]
.contact-box :is(
    .contact-message.error,
    .contact-message-error
),
html[data-color-theme="greige"]
.contact-box :is(
    .contact-message.error,
    .contact-message-error
) {
    background: #fff0ed;
    border-color: #dba7a0;
    color: #812d27;
}

html[data-color-theme="almond"]
.contact-box :is(
    .contact-message.success,
    .contact-message-success
),
html[data-color-theme="greige"]
.contact-box :is(
    .contact-message.success,
    .contact-message-success
) {
    background: #e8f5eb;
    border-color: #9dc5a5;
    color: #285d36;
}

/*
==================================================
CG12R V2 - 聯絡我們詳情與報價五色主題
一般留言詳情 / 報價詳情 / 報價確認
黑金版不變
==================================================
*/

/* 1. 詳情卡片與繳費資訊卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-detail-card,
    .contact-payment-box
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 2. 詳情區塊分隔線 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-detail-head,
    .contact-detail-section
) {
    border-color: var(--ct-line);
}

/* 3. 標題與欄位名稱 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-detail-title,
    .contact-detail-label,
    .contact-payment-box::before
) {
    color: var(--ct-gold);
}

/* 4. 留言時間及其他說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-detail-meta,
    .contact-detail-reply-time,
    .contact-quote-confirm-note
) {
    color: var(--ct-muted);
}

/* 5. 我的留言、客服回覆 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-detail-content,
    .contact-detail-reply
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 6. 等待客服回覆 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-detail-waiting {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

/* 7. 返回按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-detail-actions a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-detail-actions a:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 8. 報價收件地址 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address:has(input:checked) {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address input[type="radio"] {
    accent-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address-body {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address-body strong {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-address-body em {
    background: var(--ct-gold);
    color: #111111;
}

/* 9. 地址管理連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-manage-row a {
    color: var(--ct-gold);
}

/* 10. 報價聯絡電話 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-phone label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-phone input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-phone input:focus {
    border-color: var(--ct-gold);
    outline: 2px solid var(--ct-gold);
    outline-offset: 1px;
}

/* 11. 報價資訊及金額 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-info {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-quote-info strong {
    color: var(--ct-gold);
}

/* 12. 確認報價與繳費按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-quote-confirm-button,
    .contact-payment-button
) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box :is(
    .contact-quote-confirm-button,
    .contact-payment-button
):hover {
    filter: brightness(1.08);
}

/* 13. 等待付款提示 */

html[data-color-theme]:not([data-color-theme="gold"])
.contact-box .contact-payment-wait {
    color: var(--ct-gold);
}

/*
==================================================
CG12R V2 - 全站共用頁首五色主題
適用 content_wrap 的 page-head
黑金版保持原樣
==================================================
*/

/* 共用標題框背景 */

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head {
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
}

/* 標題框內容 */

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head .page-head-content {
    color: var(--ct-text);
}

/* 主標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head h1 {
    color: var(--ct-gold);
}

/* 副標題及說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head .page-head-content p,
html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head .page-head-meta {
    color: var(--ct-muted);
}

/* 頁首右側操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head .page-head-action {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.content_wrap > .page-head .page-head-action:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/*
========================================
淺色主題 - 頁首品牌文字
一般頁首 / 會員頁首共用
========================================
*/

/* AV便利店：改成深金棕色 */

html[data-color-theme="almond"] .header-brand .header-title,
html[data-color-theme="greige"] .header-brand .header-title {
    color: #73521F;
    -webkit-text-fill-color: #73521F;
    text-shadow: none;
}

/* 品牌下方小字：使用主題深色文字 */

html[data-color-theme="almond"] .header-brand .header-subtitle,
html[data-color-theme="greige"] .header-brand .header-subtitle {
    color: var(--ct-muted);
    -webkit-text-fill-color: var(--ct-muted);
    text-shadow: none;
}

/*
==================================================
CG12R V2 - 結帳頁五色主題
會員 / 非會員共用
黑金版保持原樣
只修改顏色，不更動排列與功能
==================================================
*/

/* 結帳頁麵包屑：會員與非會員共用 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .breadcrumb,
html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .breadcrumb span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .breadcrumb a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .breadcrumb .breadcrumb-sep {
    color: var(--ct-muted);
}

/* 淺色版的連結改用深金棕，提高辨識度 */

html[data-color-theme="almond"]
.checkout_page .breadcrumb a,
html[data-color-theme="greige"]
.checkout_page .breadcrumb a {
    color: #73521F;
}

/* 會員結帳的共用頁首 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .page-head h1 {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .page-head :is(
    p,
    .page-head-meta
) {
    color: var(--ct-muted);
}

/* 返回購物車按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .page-head-action {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}
/* 01. 結帳主頁與主要卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_section,
    .checkout_settlement,
    .checkout_guest_editor
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 02. 共用內部卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_address_card,
    .checkout_address_summary,
    .checkout_address_empty,
    .checkout_service_card,
    .checkout_service_sample,
    .checkout_services_overview,
    .checkout_service_overview_item,
    .checkout_service_overview_empty,
    .checkout_hdd_summary,
    .checkout_copy_method_option,
    .checkout_hdd_other_wrap,
    .checkout_hdd_amount_input,
    .checkout_points_design,
    .checkout_points_input,
    .checkout_summary_skeleton,
    .checkout_guest_address,
    .checkout_guest_provider_option
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 03. 區塊標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_section_head h2,
    .checkout_section > h2,
    .checkout_copy_method_title,
    .checkout_service_card_title strong
) {
    color: var(--ct-gold);
}

/* 04. 一般文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_address_body p,
    .checkout_address_body p > strong,
    .checkout_address_summary_body p,
    .checkout_address_summary_body p > strong,
    .checkout_service_card_head,
    .checkout_copy_method_option,
    .checkout_copy_method_option span,
    .checkout_copy_method_option strong,
    .checkout_hdd_detail_row strong,
    .checkout_summary_row strong,
    .checkout_settlement_item strong,
    .checkout_guest_address_body,
    .checkout_guest_email label,
    .checkout_guest_phone label,
    .checkout_guest_editor_field label,
    .checkout_guest_provider_label,
    .checkout_phone_input label
) {
    color: var(--ct-text);
}

/* 05. 次要文字與說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_address_empty p,
    .checkout_service_card_desc,
    .checkout_service_sample ul,
    .checkout_copy_method_option small,
    .checkout_hdd_notice,
    .checkout_hdd_disc_notice,
    .checkout_hdd_detail_row span,
    .checkout_services_status,
    .checkout_services_summary small,
    .checkout_service_overview_main span,
    .checkout_service_overview_empty span,
    .checkout_service_overview_empty small,
    .checkout_points_label,
    .checkout_points_notice,
    .checkout_points_expire,
    .checkout_summary_row,
    .checkout_message_footer,
    .checkout_settlement_item span,
    .checkout_settlement_operator,
    .checkout_settlement_action small,
    .checkout_submit_policy,
    .checkout_guest_hint
) {
    color: var(--ct-muted);
}

/* 06. 金色強調資訊 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_address_body p > span,
    .checkout_address_summary_body p > span,
    .checkout_service_card_price,
    .checkout_service_sample > strong,
    .checkout_points_balance strong,
    .checkout_points_big,
    .checkout_points_column p strong,
    .checkout_summary_total strong,
    .checkout_settlement_total strong,
    .checkout_message_footer strong,
    .checkout_service_overview_selected,
    .checkout_guest_address_body strong
) {
    color: var(--ct-gold);
}

/* 07. 收貨地址選取狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_card:hover {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_card.is_selected {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    box-shadow: inset 0 0 0 1px var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_select {
    background: var(--ct-input);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_card.is_selected
.checkout_address_select {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_card.is_selected
.checkout_address_select span {
    background: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_address_default {
    background: var(--ct-gold);
    color: #111111;
}

/* 08. 一般操作連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_section_head a,
    .checkout_services_change,
    .checkout_address_empty a
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_section_head a,
    .checkout_services_change,
    .checkout_address_empty a
):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

/* 09. 加值服務、展開選單 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_services_summary {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_services_summary:hover {
    background: var(--ct-card);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_services_status span,
    .checkout_service_overview_main strong,
    .checkout_service_overview_icon,
    .checkout_service_overview_empty strong
) {
    color: var(--ct-text);
}

/* 10. 加值服務及硬碟選項 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_service_card_title,
    .checkout_hdd_summary,
    .checkout_hdd_detail_row
) {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_copy_method_option a,
    .checkout_hdd_missing
) {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_service_card_title input,
    .checkout_copy_method_option input
) {
    accent-color: var(--ct-gold);
}

/* 11. 共用輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_phone_input input,
    .checkout_hdd_other_row > input,
    .checkout_hdd_amount_input input,
    .checkout_points_input input,
    .checkout_message_body textarea,
    .checkout_guest_email input,
    .checkout_guest_phone input,
    .checkout_guest_editor_field input,
    .checkout_guest_editor_field select
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    input,
    textarea
)::placeholder {
    color: var(--ct-muted);
    opacity: 1;
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_phone_input input,
    .checkout_hdd_other_row > input,
    .checkout_hdd_amount_input input,
    .checkout_points_input input,
    .checkout_message_body textarea,
    .checkout_guest_email input,
    .checkout_guest_phone input,
    .checkout_guest_editor_field input,
    .checkout_guest_editor_field select
):focus {
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 12. 停用中的輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_points_input input,
    .checkout_message_body textarea
):disabled {
    background: var(--ct-soft);
    color: var(--ct-muted);
    opacity: .7;
}

/* 13. 購物金區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_points_column,
    .checkout_points_control,
    .checkout_points_use_row
) {
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_column p {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_big small {
    color: var(--ct-muted);
}
/* 購物金輸入框旁的單位文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_input span {
    color: var(--ct-text);
}
/* 14. 購物金全額使用按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_all:not(:disabled) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_all:not(:disabled):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_points_all:disabled {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
    opacity: .6;
}

/* 15. 購物金 / 摘要 / 留言切換頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_bottom_slider {
    background: var(--ct-card);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_slide_tab {
    background: var(--ct-soft);
    color: var(--ct-text);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_slide_tab:hover {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_slide_tab.is_active {
    background: var(--ct-soft);
    color: var(--ct-gold);
    box-shadow: inset 0 -3px 0 var(--ct-gold);
}

/* 16. 訂單摘要 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_summary_row {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_summary_total {
    border-color: var(--ct-gold);
    color: var(--ct-text);
}

/* 17. 訂單留言 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_message_body label {
    color: var(--ct-text);
}

/* 18. 結帳金額與總計 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_settlement_amounts,
    .checkout_settlement_action
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_settlement_total {
    color: var(--ct-text);
}

/* 19. 送出訂單按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_submit_btn:not(:disabled) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_submit_btn span {
    color: inherit;
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_submit_btn:not(:disabled):hover {
    filter: brightness(1.08);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_submit_btn:disabled {
    background: var(--ct-soft);
    color: var(--ct-muted);
    opacity: .65;
}

/* 20. 非會員地址與物流 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_guest_address_body span,
    .checkout_guest_editor_field,
    .checkout_guest_provider_option
) {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_guest_provider_option:hover {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_guest_provider_option:has(
    input[type="radio"]:checked
) {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    box-shadow: inset 0 0 0 1px var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_guest_provider_option input[type="radio"] {
    accent-color: var(--ct-gold);
}

/* 21. 非會員管理地址連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_guest_manage_button {
    background: transparent;
    color: var(--ct-gold);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_guest_manage_button:hover {
    color: var(--ct-text);
}

/* 22. 非會員確認地址按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_guest_store_button,
    .checkout_guest_address_confirm
) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page :is(
    .checkout_guest_store_button,
    .checkout_guest_address_confirm
):hover {
    filter: brightness(1.08);
}
/* 結帳錯誤訊息：會員與非會員共用外觀 */

html[data-color-theme]:not([data-color-theme="gold"])
.checkout_page .checkout_error {
    box-sizing: border-box;
    margin: 12px 0 16px;
    padding: 12px 16px;
    border: 1px solid;
    border-radius: 8px;
    line-height: 1.7;
}
/* 23. 錯誤訊息：深色主題 */

html[data-color-theme="ocean"]
.checkout_page .checkout_error,
html[data-color-theme="mocha"]
.checkout_page .checkout_error {
    background: var(--ct-soft);
    border-color: #CE7777;
    color: var(--ct-text);
}

/* 24. 錯誤訊息：淺色主題 */

html[data-color-theme="almond"]
.checkout_page .checkout_error,
html[data-color-theme="greige"]
.checkout_page .checkout_error {
    background: #fff0ed;
    border-color: #dba7a0;
    color: #812d27;
}

/*
==================================================
CG12R V2 - 會員驗證表單共用五色主題
登入 / 註冊 / 後續密碼與驗證頁可共用
黑金版保持原樣
==================================================
*/

/* 01. 頁首與表單卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page :is(.page-head, .member-box) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page :is(.page-head h1, .member-box h1) {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page :is(.page-head p, .member-box p) {
    color: var(--ct-muted);
}

/* 02. 登入與註冊頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-tab {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-tab.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-tab:not(.active):hover {
    background: var(--ct-soft);
    color: var(--ct-gold);
}

/* 03. 表單標題與說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form label > span {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form small {
    color: var(--ct-muted);
}

/* 記住帳號 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member_remember > span {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page input[type="checkbox"] {
    accent-color: var(--ct-gold);
}

/* 04. 帳號、Email、密碼欄位 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form :is(
    input[type="text"],
    input[type="email"],
    input[type="password"]
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form :is(
    input[type="text"],
    input[type="email"],
    input[type="password"]
):focus {
    border-color: var(--ct-gold);
    outline: 2px solid var(--ct-line);
    outline-offset: 1px;
}

/* 05. 登入與註冊按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form button[type="submit"]:not(:disabled) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form button[type="submit"]:not(:disabled):hover {
    filter: brightness(1.08);
}

/* 尚未通過帳號、Email 檢查時的註冊按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form button[type="submit"]:disabled {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
    opacity: .7;
    cursor: not-allowed;
}

/* 06. 忘記密碼連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-forgot a {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-forgot a:hover {
    text-decoration: underline;
}

/* 淺色系連結使用深金棕 */

html[data-color-theme="almond"]
.member_auth_page .member-forgot a,
html[data-color-theme="greige"]
.member_auth_page .member-forgot a {
    color: #73521F;
}

/* 07. 表單狀態提示 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-message:not(.ok):not(.error) {
    color: var(--ct-muted);
}

/* 淺色系：帳號與 Email 檢查結果加深 */

html[data-color-theme="almond"]
.member_auth_page .member-message.ok,
html[data-color-theme="greige"]
.member_auth_page .member-message.ok {
    color: #246B43;
}

html[data-color-theme="almond"]
.member_auth_page .member-message.error,
html[data-color-theme="greige"]
.member_auth_page .member-message.error {
    color: #A52828;
}

/* 08. 登入錯誤提示 */

html[data-color-theme="ocean"]
.member_auth_page .member_form_error,
html[data-color-theme="mocha"]
.member_auth_page .member_form_error {
    background: #382020;
    border-color: #9A5555;
    color: #FFE2E2;
}

html[data-color-theme="almond"]
.member_auth_page .member_form_error,
html[data-color-theme="greige"]
.member_auth_page .member_form_error {
    background: #FFF0ED;
    border-color: #DBA7A0;
    color: #812D27;
}
/* 驗證碼輸入框：忘記密碼及 Email 驗證共用 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .verify-code input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .verify-code input:focus {
    border-color: var(--ct-gold);
}

/* 驗證頁面的說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page :is(
    .email-note,
    .email-time,
    .member_form_note
) {
    color: var(--ct-muted);
}

/* Email 驗證：重新發送驗證碼按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form .verify-resend-btn {
    background: var(--ct-soft) !important;
    border-color: var(--ct-line) !important;
    color: var(--ct-text) !important;
}

html[data-color-theme]:not([data-color-theme="gold"])
.member_auth_page .member-form .verify-resend-btn:hover {
    background: var(--ct-gold) !important;
    border-color: var(--ct-gold) !important;
    color: #111111 !important;
}

/*
==================================================
CG12R V2 - 購物教學共用五色主題
七個教學頁面共用
黑金版維持原樣
==================================================
*/

/* 01. 教學區基本文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap {
    color: var(--ct-text);
}

/* 02. 頁首背景 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hero {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

/* 03. 共用標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_kicker,
    .guide_hero h1,
    .guide_section_head h2,
    .guide_quick_title,
    .guide_info_card h2,
    .guide_info_card h3,
    .guide_question_item h3,
    .guide_contact h2
) {
    color: var(--ct-gold);
}

/* 04. 次要說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hero p,
    .guide_section_head p,
    .guide_quick_desc,
    .guide_step p,
    .guide_info_card p,
    .guide_question_item p,
    .guide_contact p
) {
    color: var(--ct-muted);
}

/* 05. 共用卡片背景與框線 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_quick_card,
    .guide_step,
    .guide_info_card,
    .guide_contact
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
}

/* 06. 快速入口滑鼠效果 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_quick_card:hover {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 07. 購物流程卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_step h3 {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_step_number {
    background: var(--ct-gold);
    color: #111111;
}

/* 08. 說明卡片文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_info_card ul {
    color: var(--ct-text);
}

/* 09. 付款說明特殊卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_payment_card {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 10. 常見問題卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_question_list div {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_question_item a {
    color: var(--ct-gold);
}

/* 11. 共用操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_action {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_action:hover {
    filter: brightness(1.08);
}

/* 12. 淺色主題的標題及文字連結加深 */

html[data-color-theme="almond"]
.guide_wrap :is(
    .guide_kicker,
    .guide_hero h1,
    .guide_section_head h2,
    .guide_quick_title,
    .guide_info_card h2,
    .guide_info_card h3,
    .guide_question_item h3,
    .guide_question_item a,
    .guide_contact h2
),
html[data-color-theme="greige"]
.guide_wrap :is(
    .guide_kicker,
    .guide_hero h1,
    .guide_section_head h2,
    .guide_quick_title,
    .guide_info_card h2,
    .guide_info_card h3,
    .guide_question_item h3,
    .guide_question_item a,
    .guide_contact h2
) {
    color: #73521F;
}

/*
==================================================
CG12R V2 - 網站功能操作教學五色主題
手機/電腦版、列表/宮格、光碟篩選、搜尋
黑金版保持原樣
==================================================
*/

/* 01. 共用展示區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_demo,
    .gf_device,
    .gf_sample,
    .gf_home_information_card,
    .gf_home_product
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 預覽外框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_preview_frame {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

/* 02. 標題與狀態文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_demo_title,
    .gf_status,
    .gf_home_brand strong,
    .gf_home_brand small,
    .gf_home_member,
    .gf_home_information_card strong,
    .gf_home_section_head,
    .gf_home_product small
) {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 一般說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_demo_note,
    .gf_home_information_card span,
    .gf_home_footer,
    .gf_sample_details
) {
    color: var(--ct-muted);
}

/* 商品名稱 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_home_product strong,
    .gf_sample_info strong
) {
    color: var(--ct-text);
}

/* 03. 功能切換按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_buttons button {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_buttons button:hover {
    border-color: var(--ct-gold);
}

/* 選取狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_buttons button.gf_active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 04. 首頁示範：導覽列 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_home_nav span {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 05. 首頁示範：搜尋區 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_home_scope,
    .gf_home_input
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 搜尋及工具按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_home_btn,
    .gf_home_tool,
    .gf_home_gift
) {
    background: var(--ct-gold);
    color: #111111;
}

/* 06. 首頁示範：資訊卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_home_information_card {
    background: var(--ct-soft);
}

/* 商品卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_home_product {
    background: var(--ct-soft);
}

/* 頁尾分隔線 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_home_footer {
    border-color: var(--ct-line);
}

/* 07. 手機／電腦版狀態標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_home_modes span {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 目前選取的模式 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_device:not(.gf_desktop) .gf_home_mode_mobile,
html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_device.gf_desktop .gf_home_mode_desktop {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 08. 列表與宮格商品示範 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .gf_sample {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

/*
圖片式示範區保留原本漸層：
.gf_home_poster
.gf_sample_photo
.gf_disc_icon
不修改示意封面的視覺效果
*/

/* 09. 四類光碟篩選：按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_buttons button {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_buttons button:hover {
    border-color: var(--ct-gold);
}

/* 選取的光碟類型 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_buttons button.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 10. 光碟商品卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_item {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_item strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_item span {
    color: var(--ct-muted);
}

/* 光碟示意圖標上的金色文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_icon {
    color: #F5D991;
}

/* 光碟篩選狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #gf_disc_demo .gf_disc_status {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 11. 共用分隔線 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .gf_home_footer
) {
    border-color: var(--ct-line);
}

/*
==================================================
CG12R V2 - 購物教學互動示範共用主題
搜尋 / 商品 / 購物車 / 結帳 / 運費
黑金版保持原樣
==================================================
*/

/* 01. 共用示範區塊與卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo,
    .guide_demo_product,
    .guide_demo_specs,
    .guide_cart_toolbar,
    .guide_cart_item,
    .guide_checkout_panel,
    .guide_checkout_example,
    .guide_shipping_result
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 主示範框與內層卡片區隔 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_product,
    .guide_cart_item,
    .guide_checkout_example
) {
    background: var(--ct-soft);
}

/* 02. 共用標題與重要數值 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_title,
    .guide_demo_note,
    .guide_demo_product_price,
    .guide_demo_specs h4,
    .guide_cart_summary strong,
    .guide_cart_item > span,
    .guide_checkout_panel h3,
    .guide_checkout_example h4,
    .guide_checkout_example strong,
    .guide_shipping_slider_row strong,
    .guide_shipping_result strong
) {
    color: var(--ct-gold);
}

/* 一般說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_product p,
    .guide_demo_spec_item,
    .guide_cart_summary,
    .guide_checkout_panel li,
    .guide_shipping_slider_row label,
    .guide_shipping_fields > label
) {
    color: var(--ct-text);
}

/* 03. 搜尋與運費選單輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_search_scope,
    .guide_demo_search_input,
    .guide_shipping_fields select
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_demo_search_input::placeholder {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_search_scope,
    .guide_demo_search_input,
    .guide_shipping_fields select
):focus {
    border-color: var(--ct-gold);
    outline-color: var(--ct-gold);
}

/* 04. 搜尋與加入購物車的主要按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_search_button,
    .guide_demo_cart_button
) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_search_button,
    .guide_demo_cart_button
):hover {
    filter: brightness(1.08);
}

/* 05. 商品分類與規格標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_demo_product_type,
    .guide_demo_spec_tag
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-gold);
}

/* 06. 購物車勾選框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_cart_demo input[type="checkbox"] {
    accent-color: var(--ct-gold);
}

/* 07. 購物車移除與操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_cart_remove,
    .guide_cart_actions button
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_cart_remove:hover,
html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_cart_actions button:hover:not(:disabled) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

/* 08. 會員與非會員結帳切換 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_checkout_tab {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_checkout_tab.is_active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 09. 運費計算滑桿 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_shipping_slider_row input[type="range"] {
    background: var(--ct-line);
    accent-color: var(--ct-gold);
}

/* 運費重設按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #guide_shipping_reset {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap #guide_shipping_reset:hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
}

/* 10. 淺色主題強化金色文字的對比 */

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.guide_wrap :is(
    .guide_demo_title,
    .guide_demo_note,
    .guide_demo_product_price,
    .guide_demo_product_type,
    .guide_demo_specs h4,
    .guide_demo_spec_tag,
    .guide_cart_summary strong,
    .guide_cart_item > span,
    .guide_checkout_panel h3,
    .guide_checkout_example h4,
    .guide_checkout_example strong,
    .guide_shipping_slider_row strong,
    .guide_shipping_result strong
) {
    color: #73521F;
}
/* 11. 明信片小卡展示區 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_postcard_demo {
    background: var(--ct-soft);
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_postcard_head {
    border-bottom-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_postcard_head label,
    .guide_postcard_head strong
) {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_postcard_head span {
    color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_postcard_head input {
    accent-color: var(--ct-gold);
}

/* 淺色版小卡金額加深 */

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.guide_wrap .guide_postcard_head span {
    color: #73521F;
}


/*
==================================================
CG12R V2 - 會員購物教學互動示範五色主題
共用卡片 / 登入 / 會員中心 / 購物車
黑金版保持原樣
==================================================
*/

/* 01. 會員教學專用文字色 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap {
    --guide-accent-ink: var(--ct-gold);
}

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.guide_wrap {
    --guide-accent-ink: #73521F;
}

/* 02. 會員互動示範共用外框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_demo,
    .guide_member_center_demo,
    .guide_member_cart_demo,
    .guide_member_favorite_demo,
    .guide_member_points_demo,
    .guide_member_orders_demo,
    .guide_notice_demo
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 03. 共用標題與次要文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_demo_head strong,
    .guide_member_center_head strong,
    .guide_member_cart_demo_head strong,
    .guide_member_cart_summary strong,
    .guide_member_center_quick b,
    .guide_member_center_explain strong,
    .guide_member_center_info h4
) {
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_demo_head p,
    .guide_member_demo_panel small,
    .guide_member_center_head span,
    .guide_member_center_quick span,
    .guide_member_center_explain p,
    .guide_member_center_info p,
    .guide_member_cart_demo_head span
) {
    color: var(--ct-muted);
}

/* 04. 會員登入示範頁籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_tab {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_tab:hover:not(.active) {
    border-color: var(--ct-gold);
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_tab.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 05. 登入與註冊示範輸入框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_panel :is(
    input[type="text"],
    input[type="email"],
    input[type="password"]
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_panel :is(
    input[type="text"],
    input[type="email"],
    input[type="password"]
):focus {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_panel label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_check input {
    accent-color: var(--ct-gold);
}

/* 06. 驗證碼與操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_codes input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_primary {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_primary:hover {
    filter: brightness(1.08);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_back {
    color: var(--guide-accent-ink);
}

/* 07. 密碼重設步驟與提醒 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_note {
    background: var(--ct-soft);
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_steps {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_steps b {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_demo_steps span.active {
    color: var(--guide-accent-ink);
}

/* 08. 會員中心通知按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_center_notice {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_center_notice:is(:hover, .active) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 09. 會員中心快捷卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_center_quick button,
    .guide_member_center_account button,
    .guide_member_center_info > div
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_center_quick button,
    .guide_member_center_account button
):is(:hover, .active) {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_center_quick button.active {
    background: var(--ct-card);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_center_quick strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_center_explain {
    background: var(--ct-soft);
}

/* 10. 會員購物車：工具列與商品 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_summary,
    .guide_member_cart_product
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_product:hover {
    border-color: var(--ct-gold);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_controls label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_controls select {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_demo input[type="checkbox"] {
    accent-color: var(--ct-gold);
}

/* 11. 會員購物車次要操作按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_demo_head button,
    .guide_member_cart_actions button
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_demo_head button,
    .guide_member_cart_actions button
):hover {
    border-color: var(--ct-gold);
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_demo_head button:hover {
    background: var(--ct-gold);
    color: #111111;
}


/*
==================================================
會員購物教學 - 淺色可讀性與操作元件補齊
會員中心 / 購物車 / 我的最愛 / 商品上架通知
==================================================
*/

/* 12. 共用文字及區塊分隔線 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_center_block h4,
    .guide_member_cart_product_info > strong,
    .guide_member_favorite_product_info > strong,
    .guide_member_favorite_summary label,
    .guide_member_favorite_summary > div:first-child
) {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_center_block,
    .guide_member_cart_summary,
    .guide_member_cart_controls,
    .guide_member_favorite_summary
) {
    border-color: var(--ct-line);
}

/* 13. 購物車及我的最愛：商品文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_product_info > div,
    .guide_member_favorite_product_info > div
) {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_product_info b,
    .guide_member_favorite_product_info > b,
    .guide_member_favorite_summary strong
) {
    color: var(--guide-accent-ink);
}

/* 14. 商品標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_tag,
    .guide_member_favorite_tag
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink);
}

/* 15. 我的最愛商品卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_product {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_product:hover {
    border-color: var(--ct-gold);
}

/* 16. 購物車、我的最愛：次要按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_remove,
    .guide_member_favorite_remove,
    .guide_member_favorite_batch button,
    .guide_member_favorite_product_actions button
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_remove,
    .guide_member_favorite_remove,
    .guide_member_favorite_batch button,
    .guide_member_favorite_product_actions button
):hover:not(:disabled) {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
    color: var(--guide-accent-ink);
}

/* 17. 購物車及我的最愛：提示訊息 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_cart_message,
    .guide_member_favorite_message
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_cart_message {
    border-left-color: var(--ct-gold);
}

/* 18. 商品上架通知：主要區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 各偏好設定卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo_card {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 19. 商品上架通知：標題與說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_notice_demo_head strong,
    .guide_notice_demo_card_head strong
) {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_notice_demo_head p,
    .guide_notice_demo_card p,
    .guide_notice_demo_total
) {
    color: var(--ct-muted);
}

/* 偏好數量與重要數值 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_notice_demo_count,
    .guide_notice_demo_total b
) {
    color: var(--guide-accent-ink);
}

/* 20. 商品上架通知：輸入欄位 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo_fields :is(
    input,
    select
) {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo_fields input::placeholder {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo_fields :is(
    input,
    select
):focus {
    border-color: var(--ct-gold);
}

/* 21. 商品上架通知：按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo :is(
    .guide_notice_demo_head button,
    .guide_notice_demo_fields button,
    .guide_notice_demo_items button
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo :is(
    .guide_notice_demo_head button,
    .guide_notice_demo_fields button,
    .guide_notice_demo_items button
):hover:not(:disabled) {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 22. 商品上架通知：已設定項目 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_notice_demo_items > * {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 空白提示與操作狀態 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_notice_demo_status,
    .guide_notice_demo_items
) {
    color: var(--ct-muted);
}


/*
==================================================
會員購物教學 - 購物金與訂單查詢
沿用會員教學共用變數
黑金版保持原樣
==================================================
*/

/* 23. 購物金與訂單：共用卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_points_head,
    .guide_member_points_days > div,
    .guide_member_points_product,
    .guide_member_points_use,
    .guide_member_points_result > div,
    .guide_member_points_japan_reward,
    .guide_member_orders_intro,
    .guide_member_orders_payment,
    .guide_member_orders_demo_head,
    .guide_member_order_detail,
    .guide_member_order_detail_head,
    .guide_member_order_detail_section
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 外層示範區域 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_points_demo,
    .guide_member_orders_demo
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 24. 購物金：標題與重要數值 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_points_head strong,
    .guide_member_points_days strong,
    .guide_member_points_use > div strong,
    .guide_member_points_result > div:last-child strong,
    .guide_member_points_japan_reward h4
) {
    color: var(--guide-accent-ink);
}

/* 一般標題及文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_points_claim h4,
    .guide_member_points_simulator h4,
    .guide_member_points_product > div:first-child strong,
    .guide_member_points_product > div:last-child strong,
    .guide_member_points_result strong,
    .guide_member_points_use label
) {
    color: var(--ct-text);
}

/* 購物金說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_points_head span,
    .guide_member_points_days span,
    .guide_member_points_claim > p,
    .guide_member_points_product > div:last-child,
    .guide_member_points_use > div,
    .guide_member_points_result span,
    .guide_member_points_japan_reward p + p
) {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_points_japan_reward p {
    color: var(--ct-text);
}

/* 25. 購物金商品標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_points_product > div:first-child span {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink);
}

/* 26. 購物金折抵滑桿 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_points_use input[type="range"] {
    accent-color: var(--ct-gold);
}

/* 27. 訂單說明區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_orders_intro h3,
    .guide_member_orders_payment h3,
    .guide_member_orders_demo_head strong,
    .guide_member_order_detail_head strong,
    .guide_member_order_detail_section h4
) {
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_orders_intro p,
    .guide_member_orders_payment p,
    .guide_member_orders_demo_head span,
    .guide_member_order_detail_head span,
    .guide_member_order_detail_section > p
) {
    color: var(--ct-muted);
}

/* 28. 訂單列表與表頭 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_table {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_row {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_table_head {
    background: var(--ct-soft);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_table_head > div {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_row:not(
    .guide_member_orders_table_head
) {
    color: var(--ct-text);
}

/* 訂單列表重要數值 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_row:not(
    .guide_member_orders_table_head
) strong {
    color: var(--guide-accent-ink);
}

/* 29. 訂單狀態標籤 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_orders_status {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink);
}

/* 30. 查看訂單與關閉明細按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_orders_view,
    .guide_member_order_detail_head button
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_orders_view,
    .guide_member_order_detail_head button
):hover {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--guide-accent-ink);
}

/* 31. 訂單處理進度 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_progress > div::after {
    background: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_progress span {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_progress strong {
    color: var(--ct-muted);
}

/* 已進入的訂單進度 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_progress > div.active span {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_progress > div.active strong {
    color: var(--guide-accent-ink);
}

/* 32. 訂單明細：商品資訊 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_detail_product {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_detail_product > div:first-child strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_order_detail_product > div:first-child span,
    .guide_member_order_detail_product > div:not(:first-child),
    .guide_member_order_detail_line span
) {
    color: var(--ct-muted);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_order_detail_product > div:not(:first-child) strong,
    .guide_member_order_detail_line strong
) {
    color: var(--ct-text);
}

/* 33. 訂單金額及總計 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_detail_line {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_order_detail_line.total strong {
    color: var(--guide-accent-ink);
}


/*
==================================================
會員購物教學 - 我的最愛與訂單日期修正
==================================================
*/

/* 34. 我的最愛：上方標題列及篩選列 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_member_favorite_head,
    .guide_member_favorite_controls
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 標題與說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_head :is(
    strong,
    h3
) {
    color: var(--guide-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_head :is(
    p,
    span
) {
    color: var(--ct-muted);
}

/* 類型、排序文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_controls label {
    color: var(--ct-text);
}

/* 篩選下拉選單 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_controls select {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_controls select:focus {
    border-color: var(--ct-gold);
}

/* 標題列的重設示範按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_head button {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_member_favorite_head button:hover {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 35. 訂單查詢：訂單日期文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap
.guide_member_orders_row:not(.guide_member_orders_table_head)
> div:nth-child(2) {
    color: var(--ct-text);
}

/*
==================================================
CG12R V2 - 硬碟教學五色主題
硬碟類型 / 容量 / 複製 / 播放 / 來源 / 付款 / 流程
黑金版保持原樣
==================================================
*/

/* 01. 各種教學展示卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_type_card,
    .guide_hdd_capacity_demo,
    .guide_hdd_copy_demo,
    .guide_hdd_play_box,
    .guide_hdd_source_demo,
    .guide_hdd_payment_type,
    .guide_hdd_payment_demo,
    .guide_hdd_process_item,
    .guide_hdd_finish_item
) {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 02. 內層提示及說明框 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_play_notice,
    .guide_hdd_play_item,
    .guide_hdd_other_demo,
    .guide_hdd_payment_demo_title,
    .guide_hdd_payment_note,
    .guide_hdd_process_note,
    .guide_hdd_finish_note
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 03. 重要標題與金色數值 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_type_number,
    .guide_hdd_type_card h3,
    .guide_hdd_capacity_title,
    .guide_hdd_capacity_warning,
    .guide_hdd_capacity_row:nth-of-type(3) strong,
    .guide_hdd_copy_head > span,
    .guide_hdd_play_notice strong,
    .guide_hdd_source_title,
    .guide_hdd_payment_type strong,
    .guide_hdd_payment_demo_title,
    .guide_hdd_payment_grid .guide_hdd_payment_wait,
    .guide_hdd_process_no,
    .guide_hdd_finish_item strong
) {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 04. 一般主要文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_capacity_row strong,
    .guide_hdd_copy_head strong,
    .guide_hdd_copy_option strong,
    .guide_hdd_play_item strong,
    .guide_hdd_source_option strong,
    .guide_hdd_payment_grid strong,
    .guide_hdd_process_item strong
) {
    color: var(--ct-text);
}

/* 容量重點數值維持強調色 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_capacity_row:nth-of-type(3) strong {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 05. 次要說明文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_type_card p,
    .guide_hdd_type_note,
    .guide_hdd_capacity_row span,
    .guide_hdd_capacity_notice,
    .guide_hdd_capacity_example,
    .guide_hdd_copy_title,
    .guide_hdd_copy_option small,
    .guide_hdd_copy_note,
    .guide_hdd_play_item p,
    .guide_hdd_source_option small,
    .guide_hdd_source_note,
    .guide_hdd_payment_type p,
    .guide_hdd_payment_grid span,
    .guide_hdd_payment_note,
    .guide_hdd_process_item small,
    .guide_hdd_process_note,
    .guide_hdd_finish_item small,
    .guide_hdd_finish_note
) {
    color: var(--ct-muted);
}

/* 06. 選擇硬碟複製方式與影片來源 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_copy_head input,
    .guide_hdd_copy_option input,
    .guide_hdd_source_option input
) {
    accent-color: var(--ct-gold);
}

/* 07. 其他影片來源輸入欄位 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_other_demo label {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_other_demo input {
    background: var(--ct-input);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_other_demo input:focus {
    border-color: var(--ct-gold);
}

/* 08. 硬碟類型與流程編號 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_type_number,
    .guide_hdd_process_no
) {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 09. 影片播放器下載或操作連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_play_item a {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_play_item a:hover {
    filter: brightness(1.08);
}

/* 10. 付款資訊區塊 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_payment_demo_title {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_payment_grid > div {
    border-color: var(--ct-line);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_payment_grid strong {
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .guide_hdd_payment_grid .guide_hdd_payment_wait {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 11. 製作及完成流程箭頭 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap :is(
    .guide_hdd_process_arrow,
    .guide_hdd_finish_arrow,
    .guide_hdd_finish_item span
) {
    color: var(--guide-accent-ink, var(--ct-gold));
}

/* 12. 淺色系補強提醒文字 */

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.guide_wrap :is(
    .guide_hdd_capacity_warning,
    .guide_hdd_payment_grid .guide_hdd_payment_wait
) {
    color: #73521F;
}

/*
==================================================
CG12R V2 - AI 還原教學五色主題
修正卡片背景、文字與電腦版排列
黑金版保持原樣
==================================================
*/

/* 三張示範卡片：改成上下排列 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .ai_restore_demo > .ai_restore_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 20px 15px;
    background: var(--ct-card);
    border: 1px solid var(--ct-line);
    color: var(--ct-text);
    text-align: center;
}

/* 卡片標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .ai_restore_box strong {
    display: block;
    width: 100%;
    color: var(--ct-text);
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

/* 圖片固定置中 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .ai_restore_box .ai_restore_image {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    flex-shrink: 0;
}

/* 圖片下方說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .ai_restore_box span {
    display: block;
    width: 100%;
    color: var(--ct-muted);
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

/* 第三張：AI 處理後結果 */

html[data-color-theme]:not([data-color-theme="gold"])
.guide_wrap .ai_restore_box:last-child span {
    color: var(--guide-accent-ink, var(--ct-gold));
    font-weight: bold;
}

/*
==================================================
CG12R V2 - 分類頁五色主題
分類切換 / 分類面板 / 分類連結
黑金版保持原樣
==================================================
*/

/* 01. 分類頁專用金色文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap {
    --category-accent-ink: var(--ct-gold);
}

/* 淺色主題改用深金棕色 */

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.category_wrap {
    --category-accent-ink: #73521F;
}

/* 02. 分類頁標題區 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap > .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap > .page-head h1 {
    color: var(--category-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap > .page-head :is(
    p,
    .page-head-meta
) {
    color: var(--ct-muted);
}

/* 03. 分類切換按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .quick-item {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--category-accent-ink);
}

/* 滑鼠移入 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .quick-item:hover:not(.active) {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 目前選取的分類 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .quick-item.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 04. 全部商品按鈕 */
/* 原始 PHP 使用行內 color/border，需指定覆蓋 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .quick-scroll > a[href="/pages/list/"] {
    background: var(--ct-card);
    border-color: var(--ct-gold) !important;
    color: var(--category-accent-ink) !important;
}

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .quick-scroll > a[href="/pages/list/"]:hover {
    background: var(--ct-soft);
}

/* 05. 分類內容面板 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-panel {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 06. 分類群組標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-panel h2 {
    color: var(--ct-text);
    border-left-color: var(--ct-gold);
}

/* 07. 分類群組說明 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-desc {
    color: var(--ct-muted);
}

/* 08. 分類連結卡片 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-links a {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--category-accent-ink);
}

/* 滑鼠移入與鍵盤選取 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-links a:is(
    :hover,
    :focus-visible
) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--category-accent-ink);
}

/* 09. 分類副標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-sub {
    color: var(--ct-muted);
}

/* 10. 空分類提示 */

html[data-color-theme]:not([data-color-theme="gold"])
.category_wrap .category-empty {
    color: var(--ct-muted);
}

/*
==================================================
CG12R V2 - 女優頁五色主題
人氣女優 / 新人女優 / 熱門女優
黑金版保持原樣
==================================================
*/

/* 01. 女優頁共用金色文字 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap {
    --actress-accent-ink: var(--ct-gold);
}

/* 淺色主題使用深金棕色 */

html:is(
    [data-color-theme="almond"],
    [data-color-theme="greige"]
)
.actress_wrap {
    --actress-accent-ink: #73521F;
}

/* 02. 女優頁標題區 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap > .page-head {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap > .page-head h1 {
    color: var(--actress-accent-ink);
}

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap > .page-head :is(
    p,
    .page-head-meta
) {
    color: var(--ct-muted);
}

/* 03. 頂部女優類型切換按鈕 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .quick-item {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--actress-accent-ink);
}

/* 滑鼠移入 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .quick-item:hover:not(.active) {
    background: var(--ct-soft);
    border-color: var(--ct-gold);
}

/* 人氣 / 新人 / 熱門：目前選取 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .quick-item.active {
    background: var(--ct-gold);
    border-color: var(--ct-gold);
    color: #111111;
}

/* 04. 女優排行內容面板 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .actress_section {
    background: var(--ct-card);
    border-color: var(--ct-line);
    color: var(--ct-text);
}

/* 05. 排行群組標題 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .actress_section h2 {
    color: var(--actress-accent-ink);
    border-left-color: var(--ct-gold);
}

/* 06. 女優名稱連結 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .actress_chip {
    background: var(--ct-soft);
    border-color: var(--ct-line);
    color: var(--ct-text);
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease;
}

/* 女優名稱：滑鼠移入及鍵盤選取 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .actress_chip:is(
    :hover,
    :focus-visible
) {
    background: var(--ct-card);
    border-color: var(--ct-gold);
    color: var(--actress-accent-ink);
}

/* 07. 鍵盤操作焦點 */

html[data-color-theme]:not([data-color-theme="gold"])
.actress_wrap .quick-item:focus-visible {
    outline: 2px solid var(--ct-gold);
    outline-offset: 2px;
}

/*
保留原始顯示與切換功能：

.actress_grid
.subcat-panel
.subcat-panel.active

不修改 display、flex、排列方式，
不影響人氣、新人、熱門女優切換。
*/