/*
========================================
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);
}

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

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

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

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

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

/* 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;
}