/* =================================================================== GA Theme Light v0.1 — 金時代空間 亮色皮膚（宣紙白） 規範：~/goldenage/官網亮色改版-設計規範.md（007, 2026-08-23） 所有規則 scope 在 html.ga-light 之下；深色皮膚不受影響。 =================================================================== */ html.ga-light{ --ga-paper:#FBF8F1; --ga-card:#FFFFFF; --ga-ink:#211B16; --ga-ink-2:#665C4E; --ga-seal:#C3272B; --ga-gold:#7E5F28; --ga-gold-deco:#A9803C; --ga-gold-text:#7E5F28; --ga-gold-ink:#7E5F28; --ga-on-gold:#fff; --ga-ticker-fg:#fff; --ga-green:#2F5D50; --ga-line:#E7E0D2; --ga-line-strong:#BCAE92; --ga-lock:#7A4E9E; /* 舊變數名重新指向（共用同一份元件 CSS） */ --ga-bg-primary:#FBF8F1; --ga-bg-secondary:#F4EFE4; --ga-bg-tertiary:#EDE6D8; --ga-bg-card:#FFFFFF; --ga-text-primary:#211B16; --ga-text-secondary:#665C4E; --ga-text-muted:#665C4E; --ga-text:#211B16; --ga-gold-light:#7E5F28; --ga-gold-dark:#7E5F28; --ga-gold-glow:rgba(169,128,60,.18); --ga-border:#E7E0D2; --ga-border-gold:#BCAE92; --ga-shadow-card:0 1px 3px rgba(33,27,22,.06),0 6px 16px rgba(33,27,22,.05); --ga-shadow-hover:0 2px 6px rgba(33,27,22,.08),0 12px 28px rgba(33,27,22,.08); --ga-font-serif:'Noto Serif TC','PingFang TC',serif; --ga-font-display:'Noto Serif TC','PingFang TC',serif; --ga-r-sm:10px; --ga-r-md:14px; --ga-r-lg:18px; font-size:17px; } /* ---------- 基底：背景 / 文字 / 字級 ---------- */ html.ga-light body{ background:var(--ga-paper)!important; background-image:none!important; color:var(--ga-ink)!important; font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important; font-size:17px!important; line-height:1.75!important; } html.ga-light body *{ text-shadow:none!important; } html.ga-light body p, html.ga-light body li, html.ga-light body td, html.ga-light body th, html.ga-light body label, html.ga-light body input, html.ga-light body select, html.ga-light body textarea{ color:var(--ga-ink); } html.ga-light body p{ font-size:1rem; line-height:1.75; } html.ga-light body h1, html.ga-light body h2, html.ga-light body h3, html.ga-light body h4{ color:var(--ga-ink)!important; font-family:"Noto Serif TC","PingFang TC",serif!important; line-height:1.35!important; } html.ga-light body h1{ font-size:2.1rem!important; font-weight:800!important; } html.ga-light body h2{ font-size:1.6rem!important; font-weight:800!important; } html.ga-light body h3{ font-size:1.25rem!important; font-weight:700!important; } html.ga-light body a{ color:var(--ga-gold-text); } html.ga-light body small, html.ga-light body .ga-section-sub, html.ga-light body .ga-stat-label, html.ga-light body .ga-guarantee-desc, html.ga-light body .ga-tool-desc, html.ga-light body .ga-price-note, html.ga-light body .ga-bm-sub, html.ga-light body .ga-review-author, html.ga-light body .entry-meta, html.ga-light body .ast-blog-meta-container, html.ga-light body .ga-social-top a, html.ga-light body .ga-case-label, html.ga-light body .ga-notice-text, html.ga-light body .ga-footer-legal, html.ga-light body .ga-prod-card-info p{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body ::selection{ background:rgba(195,39,43,.18); } html.ga-light body :focus-visible{ outline:3px solid var(--ga-seal)!important; outline-offset:2px!important; } /* 液態玻璃 / 深色卡片全部關掉 */ html.ga-light body .ga-card::after, html.ga-light body .ga-hero::before{ display:none!important; } /* ---------- Astra 頁首 / 選單 ---------- */ html.ga-light body .ast-above-header-wrap, html.ga-light body .ast-primary-header-bar, html.ast-light body .main-header-bar, html.ga-light body .ast-desktop-header-content, html.ga-light body #masthead, html.ga-light body .site-header, html.ga-light body .ast-mobile-header-wrap, html.ga-light body .ast-mobile-header-content, html.ga-light body #ast-mobile-header, html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content, html.ga-light body #ast-hf-mobile-menu, html.ga-light body #ast-mobile-site-navigation, html.ga-light body .ast-builder-menu-mobile .main-navigation, html.ga-light body .ast-mobile-header-content .main-header-bar-navigation{ background:var(--ga-paper)!important; background-color:var(--ga-paper)!important; background-image:none!important; border-color:var(--ga-line)!important; box-shadow:none!important; } html.ga-light body .ast-primary-header-bar{ border-bottom:1px solid var(--ga-line)!important; } html.ga-light body .site-title a, html.ga-light body .site-title, html.ga-light body .site-description{ color:var(--ga-ink)!important; } html.ga-light body .main-header-menu .menu-link, html.ga-light body .main-header-menu a, html.ga-light body .ast-builder-menu .menu-item > .menu-link, html.ga-light body #ast-hf-mobile-menu .menu-link, html.ga-light body #ast-hf-mobile-menu li a, html.ga-light body .ast-mobile-header-content .menu-link, html.ga-light body .ast-mobile-header-content a, html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content *{ color:var(--ga-ink)!important; font-size:1rem!important; font-weight:600!important; } html.ga-light body .main-header-menu .menu-item:hover > .menu-link, html.ga-light body .main-header-menu .current-menu-item > .menu-link, html.ga-light body .ast-mobile-header-content .current-menu-item > .menu-link{ color:var(--ga-seal)!important; } html.ga-light body .main-header-menu .menu-link{ padding-top:14px!important; padding-bottom:14px!important; } html.ga-light body #ast-hf-mobile-menu li a, html.ga-light body .ast-mobile-header-content .menu-link{ min-height:52px; padding:14px 20px!important; border-bottom:1px solid var(--ga-line)!important; } html.ga-light body .ast-mobile-header-wrap .menu-toggle, html.ga-light body .ast-mobile-header-wrap .ast-mobile-menu-trigger-minimal, html.ga-light body .menu-toggle .ast-mobile-svg, html.ga-light body .menu-toggle svg{ color:var(--ga-ink)!important; fill:var(--ga-ink)!important; background:transparent!important; } html.ga-light body .ast-site-header-cart-li a, html.ga-light body .ast-site-header-cart .ast-cart-menu-wrap, html.ga-light body .ast-site-header-cart svg{ color:var(--ga-ink)!important; fill:var(--ga-ink)!important; } html.ga-light body .ast-breadcrumbs, html.ga-light body .ast-breadcrumbs a, html.ga-light body .ast-breadcrumbs span{ color:var(--ga-ink-2)!important; } /* ---------- 頁尾 ---------- */ html.ga-light body .site-footer, html.ga-light body #colophon, html.ga-light body .ast-footer-copyright, html.ga-light body .site-below-footer-wrap, html.ga-light body .site-primary-footer-wrap, html.ga-light body .ast-builder-footer-grid-columns{ background:#F4EFE4!important; background-color:#F4EFE4!important; color:var(--ga-ink-2)!important; border-top:1px solid var(--ga-line)!important; } html.ga-light body .site-footer a, html.ga-light body #colophon a, html.ga-light body .ast-footer-copyright a{ color:var(--ga-gold-text)!important; } html.ga-light body .site-footer p, html.ga-light body .ast-footer-copyright, html.ga-light body .ast-footer-copyright p{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; } /* ---------- 公告欄 / 直播跑馬燈 ---------- */ html.ga-light body .ga-notice{ background:#FFF7E6!important; border-bottom:1px solid var(--ga-line-strong)!important; box-shadow:none!important; color:var(--ga-ink)!important; } html.ga-light body .ga-notice .ga-notice-text, html.ga-light body .ga-notice *{ color:var(--ga-ink)!important; } html.ga-light body .ga-notice a{ color:var(--ga-seal)!important; font-weight:800!important; } html.ga-light body #ga-live-ticker{ background:#FFFFFF!important; border-top:2px solid var(--ga-gold-deco)!important; border-bottom:2px solid var(--ga-gold-deco)!important; } html.ga-light body #ga-live-ticker, html.ga-light body #ga-live-ticker *{ color:var(--ga-ink)!important; font-size:1rem!important; font-weight:700!important; } html.ga-light body #ga-live-ticker a{ background:var(--ga-seal)!important; color:#fff!important; border:none!important; border-radius:var(--ga-r-sm)!important; padding:8px 16px!important; min-height:44px!important; display:inline-flex!important; align-items:center!important; } /* ---------- Hero ---------- */ html.ga-light body .ga-hero{ background:linear-gradient(180deg,#FFFFFF 0%,var(--ga-paper) 100%)!important; background-image:none!important; border-bottom:1px solid var(--ga-line)!important; color:var(--ga-ink)!important; } html.ga-light body .ga-hero h1{ color:var(--ga-ink)!important; font-size:2.1rem!important; letter-spacing:.02em!important; } html.ga-light body .ga-hero .ga-subtitle{ color:var(--ga-gold-text)!important; font-size:1.25rem!important; font-weight:700!important; } html.ga-light body .ga-hero .ga-desc{ color:var(--ga-ink-2)!important; font-size:1.05rem!important; line-height:1.75!important; } /* ---------- 數字統計 ---------- */ html.ga-light body .ga-stats{ gap:12px!important; } html.ga-light body .ga-stat{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; padding:16px 22px!important; } html.ga-light body .ga-stat-num{ color:var(--ga-seal)!important; font-size:1.8rem!important; font-weight:900!important; font-variant-numeric:tabular-nums; } html.ga-light body .ga-stat-label{ color:var(--ga-ink-2)!important; } /* ---------- 按鈕 ---------- */ html.ga-light body .ga-btn, html.ga-light body a.ga-btn, html.ga-light body .ga-btn-gold, html.ga-light body .ga-hub-cta-buttons a, html.ga-light body .ga-loop-btn a, html.ga-light body .ga-reviews-cta a, html.ga-light body .ga-wc-cta-actions a, html.ga-light body .button, html.ga-light body button.button, html.ga-light body input[type=submit], html.ga-light body .wp-block-button__link, html.ga-light body .woocommerce a.button, html.ga-light body .woocommerce button.button, html.ga-light body .woocommerce #respond input#submit, html.ga-light body .woocommerce .single_add_to_cart_button, html.ga-light body .woocommerce .checkout-button, html.ga-light body #place_order{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:60px!important; padding:0 22px!important; border:none!important; border-radius:12px!important; background:var(--ga-gold-text)!important; color:#fff!important; background-image:none!important; font-family:inherit!important; font-size:1.08rem!important; font-weight:800!important; line-height:1.25!important; letter-spacing:.02em!important; box-shadow:0 1px 3px rgba(33,27,22,.12)!important; text-decoration:none!important; text-shadow:none!important; transition:transform .08s ease,filter .15s ease!important; } html.ga-light body .ga-btn:hover, html.ga-light body .button:hover, html.ga-light body .woocommerce a.button:hover{ filter:brightness(1.08)!important; transform:none!important; color:#fff!important; } html.ga-light body .ga-btn:active, html.ga-light body .button:active{ transform:scale(.97)!important; } /* 主要 CTA：朱砂（直播 / 購買 / 結帳） */ html.ga-light body .ga-btn-live, html.ga-light body .ga-float-live, html.ga-light body .woocommerce .single_add_to_cart_button, html.ga-light body .woocommerce .checkout-button, html.ga-light body #place_order, html.ga-light body .ga-btn.ga-btn-primary, html.ga-light body #ga-exit-popup .ga-cta{ background:var(--ga-seal)!important; color:#fff!important; min-height:64px!important; } /* 次要：白底框線 */ html.ga-light body .ga-btn-outline, html.ga-light body .ga-hub-cta-buttons .ga-btn-outline, html.ga-light body #ga-exit-popup .ga-cta-live{ background:#fff!important; color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; box-shadow:none!important; } html.ga-light body .ga-btn-outline:hover{ background:#FFF7E6!important; color:var(--ga-ink)!important; border-color:var(--ga-gold)!important; } /* LINE 綠 / 加入購物車 用松綠 */ html.ga-light body .ga-float-line, html.ga-light body .ga-line, html.ga-light body .ga-wc-cta-actions .ga-line, html.ga-light body .add_to_cart_button, html.ga-light body .ga-btn.ga-btn-line{ background:var(--ga-green)!important; color:#fff!important; } html.ga-light body .ga-btn[disabled], html.ga-light body .button[disabled], html.ga-light body .button.disabled{ background:#C9C1B2!important; color:#4A443B!important; -webkit-text-fill-color:#4A443B!important; cursor:not-allowed!important; } @media (max-width:544px){ html.ga-light body .ga-btn, html.ga-light body .ga-hub-cta-buttons a, html.ga-light body .woocommerce .single_add_to_cart_button, html.ga-light body .checkout-button, html.ga-light body #place_order{ width:100%!important; } } /* ---------- 卡片 / 區塊 ---------- */ html.ga-light body .ga-section{ background:transparent!important; } html.ga-light body .ga-section h2, html.ga-light body .ga-hub-section h2, html.ga-light body .ga-tools-title{ color:var(--ga-ink)!important; } html.ga-light body .ga-section h2::after, html.ga-light body .ga-divider, html.ga-light body .ga-divider-wide{ background:var(--ga-gold-deco)!important; opacity:1!important; } html.ga-light body .ga-card, html.ga-light body .ga-tool-card, html.ga-light body .ga-case-card, html.ga-light body .ga-review-card, html.ga-light body .ga-prod-card, html.ga-light body .ga-hub-section, html.ga-light body .ga-guarantee-item, html.ga-light body .ga-bm-item, html.ga-light body .ga-schedule-table, html.ga-light body .ga-hub-cta, html.ga-light body .ga-hub-intro, html.ga-light body .ga-tools-section{ background:var(--ga-card)!important; background-image:none!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; color:var(--ga-ink)!important; transform:none!important; } html.ga-light body .ga-card:hover, html.ga-light body .ga-tool-card:hover, html.ga-light body .ga-case-card:hover, html.ga-light body .ga-review-card:hover, html.ga-light body .ga-prod-card:hover, html.ga-light body .ga-hub-section:hover{ background:var(--ga-card)!important; border-color:var(--ga-line-strong)!important; box-shadow:var(--ga-shadow-hover)!important; transform:translateY(-3px)!important; } html.ga-light body .ga-card h3, html.ga-light body .ga-tool-name, html.ga-light body .ga-prod-card-info strong, html.ga-light body .ga-guarantee-title, html.ga-light body .ga-hub-section h2, html.ga-light body .ga-hub-list li a, html.ga-light body .ga-bm-cn{ color:var(--ga-ink)!important; } html.ga-light body .ga-card p, html.ga-light body .ga-review-text, html.ga-light body .ga-hub-section .ga-hub-desc, html.ga-light body .ga-hub-intro p, html.ga-light body .ga-hub-cta p{ color:var(--ga-ink)!important; font-size:1rem!important; line-height:1.75!important; } html.ga-light body .ga-card img, html.ga-light body .ga-case-card img, html.ga-light body .ga-prod-card img{ border-radius:var(--ga-r-sm)!important; filter:none!important; } html.ga-light body .ga-badge, html.ga-light body .ga-badge-gold, html.ga-light body .ga-case-label, html.ga-light body .ga-bm-tag{ background:#FFF7E6!important; color:var(--ga-gold-text)!important; border:1px solid var(--ga-line-strong)!important; border-radius:8px!important; font-weight:800!important; font-size:0.9rem!important; } html.ga-light body .ga-badge-red{ background:var(--ga-seal)!important; color:#fff!important; border:none!important; } html.ga-light body .ga-hub-list li a{ border-bottom:1px solid var(--ga-line)!important; min-height:52px!important; font-size:1.05rem!important; } html.ga-light body .ga-hub-list li a:hover{ background:#FFF7E6!important; color:var(--ga-seal)!important; } html.ga-light body .ga-hub-list li a .ga-hub-arrow{ color:var(--ga-gold)!important; } html.ga-light body .ga-schedule-table th{ background:#F4EFE4!important; color:var(--ga-ink)!important; font-weight:800!important; } html.ga-light body .ga-schedule-table td{ color:var(--ga-ink)!important; border-color:var(--ga-line)!important; } html.ga-light body .ga-schedule-table tr:hover td{ background:#FFF7E6!important; } html.ga-light body .ga-reviews-stats, html.ga-light body .ga-reviews-stats span, html.ga-light body .ga-reviews-from{ color:var(--ga-ink)!important; } html.ga-light body .ga-review-fb svg, html.ga-light body .ga-reviews-from svg{ fill:#1877F2!important; } html.ga-light body .ga-guarantee{ background:#F4EFE4!important; border:none!important; } html.ga-light body .ga-guarantee-icon, html.ga-light body .ga-tool-icon{ color:var(--ga-gold-text)!important; } /* 品牌矩陣 / 社群列 */ html.ga-light body .ga-brand-matrix{ background:#F4EFE4!important; box-shadow:none!important; border:none!important; color:var(--ga-ink)!important; } html.ga-light body .ga-brand-matrix *{ color:var(--ga-ink)!important; } html.ga-light body .ga-bm-label, html.ga-light body .ga-social-footer-label{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; letter-spacing:.15em!important; } html.ga-light body .ga-bm-divider{ background:var(--ga-line-strong)!important; } html.ga-light body .ga-social-footer{ background:#F4EFE4!important; border-top:1px solid var(--ga-line)!important; box-shadow:none!important; } html.ga-light body .ga-social-footer-links a, html.ga-light body .ga-social-top a{ background:#fff!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line-strong)!important; border-radius:999px!important; min-height:44px!important; padding:8px 16px!important; font-weight:700!important; } html.ga-light body .ga-social-footer-links a:hover, html.ga-light body .ga-social-top a:hover{ background:#FFF7E6!important; border-color:var(--ga-gold)!important; color:var(--ga-ink)!important; } html.ga-light body .ga-social-footer-links svg, html.ga-light body .ga-social-top svg{ fill:currentColor!important; } html.ga-light body .ga-social-top{ background:#F4EFE4!important; border-bottom:1px solid var(--ga-line)!important; } /* 浮動按鈕（ga-fab / ga-float-wrap） */ html.ga-light body .ga-float-btn, html.ga-light body .ga-fab a{ background:#fff!important; color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; box-shadow:0 2px 6px rgba(33,27,22,.12),0 10px 24px rgba(33,27,22,.10)!important; min-width:52px!important; min-height:52px!important; } html.ga-light body .ga-float-btn svg{ fill:var(--ga-ink)!important; } html.ga-light body .ga-float-live{ background:var(--ga-seal)!important; color:#fff!important; border-color:var(--ga-seal)!important; } html.ga-light body .ga-float-live svg{ fill:#fff!important; } html.ga-light body .ga-float-line{ background:var(--ga-green)!important; color:#fff!important; border-color:var(--ga-green)!important; } html.ga-light body .ga-float-line svg{ fill:#fff!important; } html.ga-light body .ga-float-top{ background:#fff!important; } /* ---------- 彈窗 / 迷你購物車 ---------- */ html.ga-light body #ga-exit-overlay{ background:rgba(33,27,22,.55)!important; } html.ga-light body #ga-exit-popup, html.ga-light body #ga-minicart-popup{ background:var(--ga-card)!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-lg)!important; box-shadow:0 20px 50px rgba(33,27,22,.25)!important; } html.ga-light body #ga-exit-popup h2, html.ga-light body #ga-exit-popup p, html.ga-light body #ga-minicart-popup *, html.ga-light body #ga-exit-popup .ga-skip{ color:var(--ga-ink)!important; } html.ga-light body #ga-exit-popup .ga-close, html.ga-light body #ga-mc-close{ color:var(--ga-ink)!important; background:#F4EFE4!important; border-radius:999px!important; min-width:44px!important; min-height:44px!important; font-size:1.2rem!important; } html.ga-light body #ga-exit-popup .ga-skip{ font-size:0.95rem!important; text-decoration:underline!important; color:var(--ga-ink-2)!important; } html.ga-light body .ga-mc-body .woocommerce-mini-cart-item, html.ga-light body .ga-mc-body .amount{ color:var(--ga-ink)!important; } /* ---------- 文章頁 / 知識庫 ---------- */ html.ga-light body.single-post .ast-container, html.ga-light body.single-post .ast-article-single, html.ga-light body.single-post .ast-article-post, html.ga-light body .ast-article-single, html.ga-light body .ast-separate-container .ast-article-single, html.ga-light body .ast-separate-container .ast-article-post, html.ga-light body .ast-separate-container .comments-area, html.ga-light body #comments{ background:var(--ga-card)!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:none!important; } html.ga-light body .entry-content, html.ga-light body .entry-content p, html.ga-light body .entry-content li, html.ga-light body .entry-title, html.ga-light body .entry-title a, html.ga-light body .entry-content h2, html.ga-light body .entry-content h3, html.ga-light body .entry-content td, html.ga-light body .entry-content th, html.ga-light body .entry-content blockquote{ color:var(--ga-ink)!important; } html.ga-light body .entry-content p, html.ga-light body .entry-content li{ font-size:1.05rem!important; line-height:1.85!important; } html.ga-light body .entry-content a{ color:var(--ga-gold-text)!important; text-decoration:underline!important; text-underline-offset:3px; } html.ga-light body .entry-content blockquote{ background:#FFF7E6!important; border-left:4px solid var(--ga-gold)!important; } html.ga-light body .entry-content table{ border-color:var(--ga-line)!important; } html.ga-light body .entry-content th{ background:#F4EFE4!important; } html.ga-light body .entry-content td, html.ga-light body .entry-content th{ border:1px solid var(--ga-line)!important; } html.ga-light body .ga-tldr{ background:#FFF7E6!important; border:1px solid var(--ga-line-strong)!important; color:var(--ga-ink)!important; border-radius:var(--ga-r-md)!important; } html.ga-light body .ga-tldr *{ color:var(--ga-ink)!important; } html.ga-light body .ast-single-post-order .ast-post-navigation-link, html.ga-light body .post-navigation a{ color:var(--ga-gold-text)!important; } html.ga-light body .ast-comment-list .ast-comment, html.ga-light body .comment-respond{ background:#fff!important; color:var(--ga-ink)!important; border-color:var(--ga-line)!important; } /* ---------- WooCommerce 通用 ---------- */ html.ga-light body.woocommerce-page .ast-container, html.ga-light body.woocommerce-cart .ast-container, html.ga-light body.woocommerce-checkout .ast-container, html.ga-light body.woocommerce-cart .ast-article-single, html.ga-light body.woocommerce-checkout .ast-article-single, html.ga-light body.woocommerce-account .ast-article-single, html.ga-light body.woocommerce-cart .ast-article-inner, html.ga-light body .woocommerce-cart .woocommerce, html.ga-light body .woocommerce-checkout .woocommerce{ background:transparent!important; color:var(--ga-ink)!important; border:none!important; box-shadow:none!important; } html.ga-light body .woocommerce ul.products li.product, html.ga-light body .wp-block-woocommerce-product-collection .wc-block-product, html.ga-light body .woocommerce div.product .summary, html.ga-light body .woocommerce div.product .woocommerce-tabs, html.ga-light body .woocommerce div.product .related, html.ga-light body .cart-collaterals .cart_totals, html.ga-light body .woocommerce-checkout #order_review, html.ga-light body .woocommerce-checkout #customer_details, html.ga-light body .woocommerce-checkout #payment, html.ga-light body .woocommerce-account .woocommerce-MyAccount-content, html.ga-light body .woocommerce-account .woocommerce-MyAccount-navigation, html.ga-light body .shop_table, html.ga-light body .ga-trust-strip, html.ga-light body #ga-free-ship-bar, html.ga-light body .ga-wc-cta{ background:var(--ga-card)!important; background-image:none!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body .woocommerce *, html.ga-light body .woocommerce-page *{ text-shadow:none!important; } html.ga-light body .woocommerce .price, html.ga-light body .woocommerce span.price, html.ga-light body .woocommerce .amount, html.ga-light body .woocommerce div.product p.price, html.ga-light body .woocommerce ul.products li.product .price, html.ga-light body .order-total .amount{ color:var(--ga-seal)!important; font-weight:900!important; font-variant-numeric:tabular-nums; } html.ga-light body .woocommerce ul.products li.product .price{ font-size:1.3rem!important; } html.ga-light body .woocommerce div.product p.price{ font-size:1.8rem!important; } html.ga-light body .woocommerce del .amount, html.ga-light body .woocommerce del{ color:var(--ga-ink-2)!important; font-weight:500!important; } html.ga-light body .woocommerce ul.products li.product .woocommerce-loop-product__title, html.ga-light body .woocommerce div.product .product_title, html.ga-light body .woocommerce-tabs .panel *, html.ga-light body .woocommerce-product-details__short-description, html.ga-light body .woocommerce-product-details__short-description *, html.ga-light body .shop_table th, html.ga-light body .shop_table td, html.ga-light body .shop_table a, html.ga-light body .cart_totals *, html.ga-light body #order_review *, html.ga-light body #customer_details *, html.ga-light body .woocommerce-MyAccount-content *, html.ga-light body .woocommerce-MyAccount-navigation a, html.ga-light body .woocommerce-tabs ul.tabs li a, html.ga-light body .ga-trust-strip *, html.ga-light body #ga-free-ship-bar *, html.ga-light body .ga-wc-cta *, html.ga-light body .product_meta, html.ga-light body .product_meta *{ color:var(--ga-ink)!important; } html.ga-light body .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:1.1rem!important; font-weight:700!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } html.ga-light body .woocommerce-tabs ul.tabs li{ background:#F4EFE4!important; border-color:var(--ga-line)!important; } html.ga-light body .woocommerce-tabs ul.tabs li.active{ background:#fff!important; } html.ga-light body .woocommerce-tabs ul.tabs::before, html.ga-light body .woocommerce-tabs ul.tabs li::before, html.ga-light body .woocommerce-tabs ul.tabs li::after{ border-color:var(--ga-line)!important; box-shadow:none!important; } html.ga-light body .woocommerce div.product form.cart{ background:#F4EFE4!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:16px!important; } html.ga-light body .woocommerce div.product form.cart .quantity .qty, html.ga-light body .woocommerce-cart .quantity .qty{ background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:var(--ga-r-sm)!important; min-height:52px!important; font-size:1.1rem!important; font-weight:800!important; } html.ga-light body .ga-qty-btn{ background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-line-strong)!important; min-width:44px!important; min-height:44px!important; } /* 表單欄位（結帳 / 會員） */ html.ga-light body .woocommerce form .form-row input.input-text, html.ga-light body .woocommerce form .form-row textarea, html.ga-light body .woocommerce form .form-row select, html.ga-light body .select2-container--default .select2-selection--single, html.ga-light body input[type=text], html.ga-light body input[type=email], html.ga-light body input[type=tel], html.ga-light body input[type=password], html.ga-light body input[type=search], html.ga-light body textarea, html.ga-light body select{ background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:var(--ga-r-sm)!important; min-height:52px!important; font-size:1rem!important; padding:10px 14px!important; box-shadow:none!important; } html.ga-light body .woocommerce form .form-row input.input-text:focus, html.ga-light body input:focus, html.ga-light body textarea:focus, html.ga-light body select:focus{ outline:3px solid var(--ga-seal)!important; outline-offset:1px!important; border-color:var(--ga-seal)!important; } html.ga-light body .woocommerce form .form-row label, html.ga-light body label{ color:var(--ga-ink)!important; font-weight:700!important; font-size:1rem!important; display:block; margin-bottom:6px; } html.ga-light body .select2-container--default .select2-selection--single .select2-selection__rendered{ color:var(--ga-ink)!important; line-height:48px!important; } html.ga-light body .select2-dropdown, html.ga-light body .select2-results__option{ background:#fff!important; color:var(--ga-ink)!important; } html.ga-light body .woocommerce form .form-row.woocommerce-invalid .input-text{ border-color:var(--ga-seal)!important; } html.ga-light body .woocommerce-error, html.ga-light body .woocommerce-error li{ background:#FDECEC!important; color:var(--ga-seal)!important; border-color:var(--ga-seal)!important; font-weight:700!important; } html.ga-light body .woocommerce-message, html.ga-light body .woocommerce-info, html.ga-light body .woocommerce-store-notice, html.ga-light body .woocommerce-notices-wrapper .woocommerce-message{ background:#FFF7E6!important; color:var(--ga-ink)!important; border-color:var(--ga-gold)!important; border-radius:var(--ga-r-sm)!important; } html.ga-light body .woocommerce-message a, html.ga-light body .woocommerce-info a{ color:var(--ga-gold-text)!important; } html.ga-light body .woocommerce-checkout #payment, html.ga-light body .woocommerce-checkout #payment ul.payment_methods li, html.ga-light body .woocommerce-checkout #payment div.payment_box{ background:#fff!important; color:var(--ga-ink)!important; border-color:var(--ga-line)!important; } html.ga-light body .woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:#F4EFE4!important; } html.ga-light body .woocommerce-checkout #payment div.payment_box{ background:#F4EFE4!important; } html.ga-light body .woocommerce-checkout #payment div.payment_box p, html.ga-light body .woocommerce-checkout #payment label{ color:var(--ga-ink)!important; font-size:1rem!important; } html.ga-light body .woocommerce-checkout h3, html.ga-light body #order_review_heading, html.ga-light body .woocommerce-cart .woocommerce::before, html.ga-light body .woocommerce-checkout .woocommerce::before{ color:var(--ga-ink)!important; } html.ga-light body .shop_table thead th, html.ga-light body .cart_totals th, html.ga-light body #order_review thead th{ background:#F4EFE4!important; } html.ga-light body .shop_table td, html.ga-light body .shop_table th{ border-color:var(--ga-line)!important; } html.ga-light body .order-total .amount, html.ga-light body .order-total td{ font-size:1.6rem!important; font-weight:900!important; } html.ga-light body .woocommerce-cart .cart-empty, html.ga-light body .woocommerce-cart .return-to-shop a{ color:var(--ga-ink)!important; } html.ga-light body .ga-sticky-cta{ background:#fff!important; border-top:1px solid var(--ga-line)!important; box-shadow:0 -4px 16px rgba(33,27,22,.10)!important; } html.ga-light body #ga-free-ship-bar{ background:#FFF7E6!important; } html.ga-light body #ga-free-ship-bar .ga-fs-track{ background:#E7E0D2!important; } html.ga-light body #ga-free-ship-bar .ga-fs-fill{ background:var(--ga-green)!important; } html.ga-light body .woocommerce-MyAccount-navigation ul li{ border-color:var(--ga-line)!important; } html.ga-light body .woocommerce-MyAccount-navigation ul li.is-active a{ color:var(--ga-seal)!important; } html.ga-light body .woocommerce-ordering select, html.ga-light body .woocommerce-result-count{ color:var(--ga-ink)!important; } html.ga-light body .woocommerce-pagination ul li a, html.ga-light body .woocommerce-pagination ul li span{ color:var(--ga-ink)!important; border-color:var(--ga-line)!important; min-width:44px!important; min-height:44px!important; } html.ga-light body .woocommerce-pagination ul li span.current{ background:var(--ga-seal)!important; color:#fff!important; } /* ---------- 分享圖 / 雜項 ---------- */ html.ga-light body hr{ border-color:var(--ga-line)!important; background:var(--ga-line)!important; } html.ga-light body img{ filter:none!important; } html.ga-light body .ast-scroll-top{ background:var(--ga-ink)!important; color:#fff!important; } html.ga-light body .ast-search-menu-icon .search-field{ background:#fff!important; color:var(--ga-ink)!important; border-color:var(--ga-ink-2)!important; } html.ga-light body ::-webkit-scrollbar-track{ background:#F4EFE4!important; } html.ga-light body ::-webkit-scrollbar-thumb{ background:var(--ga-line-strong)!important; } /* ---------- 手機 ---------- */ @media (max-width:768px){ html.ga-light body .ga-grid, html.ga-light body .ga-grid-2, html.ga-light body .ga-grid-3, html.ga-light body .ga-grid-4, html.ga-light body .ga-grid-5{ grid-template-columns:1fr 1fr!important; } } @media (max-width:544px){ html.ga-light body h1, html.ga-light body .ga-hero h1{ font-size:1.75rem!important; } html.ga-light body h2{ font-size:1.4rem!important; } html.ga-light body h3{ font-size:1.2rem!important; } html.ga-light body .ga-grid, html.ga-light body .ga-grid-2, html.ga-light body .ga-grid-3, html.ga-light body .ga-grid-4, html.ga-light body .ga-grid-5{ grid-template-columns:1fr!important; } html.ga-light body .ga-section{ padding-left:16px!important; padding-right:16px!important; } html.ga-light body .ga-stat{ padding:12px 14px!important; } html.ga-light body .ga-stat-num{ font-size:1.5rem!important; } } /* ===== v0.2 patches (2026-08-23 晚) ===== */ /* 桌機頁首：整個 masthead 內所有容器底色透明，只留外框宣紙白 */ html.ga-light body #masthead, html.ga-light body #masthead .ast-primary-header-bar, html.ga-light body #masthead .ast-above-header-bar, html.ga-light body #masthead .ast-below-header-bar{ background:var(--ga-paper)!important; } html.ga-light body #masthead div, html.ga-light body #masthead nav, html.ga-light body #masthead ul, html.ga-light body #masthead li, html.ga-light body #masthead .main-header-bar-navigation, html.ga-light body #masthead .ast-builder-menu, html.ga-light body #masthead .ast-builder-menu-1, html.ga-light body #masthead .main-header-menu, html.ga-light body #masthead .site-header-section{ background:transparent!important; background-image:none!important; } html.ga-light body #masthead .main-header-menu .menu-link, html.ga-light body #masthead .main-header-menu a{ color:var(--ga-ink)!important; } html.ga-light body #masthead .main-header-menu .current-menu-item > .menu-link, html.ga-light body #masthead .main-header-menu .menu-link:hover{ color:var(--ga-seal)!important; } html.ga-light body #masthead .main-header-menu .sub-menu{ background:#fff!important; border:1px solid var(--ga-line)!important; box-shadow:var(--ga-shadow-hover)!important; } /* 跑馬燈三顆按鈕：嚴選朱砂 / 專營松綠 / 精品深金 */ html.ga-light body #ga-live-ticker a[href*="goldage123"]{ background:var(--ga-seal)!important; color:#fff!important; } html.ga-light body #ga-live-ticker a[href*="882fqisw"]{ background:var(--ga-green)!important; color:#fff!important; } html.ga-light body #ga-live-ticker a[href*="yiyitseng01"]{ background:var(--ga-gold-text)!important; color:#fff!important; } html.ga-light body #ga-live-ticker a, html.ga-light body #ga-live-ticker a *{ color:#fff!important; } /* 浮動按鈕文字 */ html.ga-light body .ga-float-btn.ga-float-live, html.ga-light body .ga-float-btn.ga-float-live *{ color:#fff!important; } html.ga-light body .ga-float-btn.ga-float-line, html.ga-light body .ga-float-btn.ga-float-line *{ color:#fff!important; } html.ga-light body .ga-float-btn.ga-float-top, html.ga-light body .ga-float-btn.ga-float-top *{ color:var(--ga-ink)!important; } /* 白底框線按鈕文字一律墨色 */ html.ga-light body a.ga-btn.ga-btn-outline, html.ga-light body a.ga-btn.ga-btn-outline *, html.ga-light body .ga-btn-outline svg{ color:var(--ga-ink)!important; fill:currentColor!important; } /* ===== v0.3：內容區 inline style 與 Gutenberg 預設色覆寫 ===== */ /* 文章/頁面內容的按鈕文字不被 .entry-content a 的金色吃掉 */ html.ga-light body .entry-content a.wp-block-button__link, html.ga-light body .entry-content .wp-block-button__link, html.ga-light body .entry-content a.ga-btn, html.ga-light body .entry-content a.button, html.ga-light body .entry-content .ga-btn, html.ga-light body .entry-content a.ga-btn-live, html.ga-light body .entry-content a.ga-btn-gold{ color:#fff!important; text-decoration:none!important; } html.ga-light body .entry-content a.ga-btn.ga-btn-outline, html.ga-light body .entry-content .wp-block-button.is-style-outline .wp-block-button__link{ color:var(--ga-ink)!important; background:#fff!important; border:2px solid var(--ga-line-strong)!important; } html.ga-light body .wp-block-button__link, html.ga-light body .wp-block-button .wp-block-button__link{ background-color:var(--ga-gold-text)!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:12px!important; } html.ga-light body .wp-block-button.is-style-outline .wp-block-button__link{ -webkit-text-fill-color:var(--ga-ink)!important; } html.ga-light body .ga-btn, html.ga-light body .button, html.ga-light body .ga-btn-live{ -webkit-text-fill-color:#fff!important; } html.ga-light body .ga-btn-outline, html.ga-light body a.ga-btn.ga-btn-outline{ -webkit-text-fill-color:var(--ga-ink)!important; } /* Gutenberg 群組 / 預設色 */ html.ga-light body .wp-block-group.has-background, html.ga-light body .wp-block-columns.has-background, html.ga-light body .wp-block-column.has-background, html.ga-light body .wp-block-cover{ background:var(--ga-card)!important; background-image:none!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; color:var(--ga-ink)!important; } html.ga-light body .has-white-background-color, html.ga-light body .has-black-background-color, html.ga-light body .has-cyan-bluish-gray-background-color{ background-color:var(--ga-card)!important; color:var(--ga-ink)!important; } html.ga-light body .has-luminous-vivid-amber-background-color, html.ga-light body .has-luminous-vivid-orange-background-color{ background-color:var(--ga-gold-text)!important; color:#fff!important; } html.ga-light body .has-white-color, html.ga-light body .has-black-color, html.ga-light body .has-cyan-bluish-gray-color, html.ga-light body .has-light-gray-color{ color:var(--ga-ink)!important; } html.ga-light body .has-luminous-vivid-amber-color{ color:var(--ga-gold-text)!important; } html.ga-light body .wp-block-group.has-background h2, html.ga-light body .wp-block-group.has-background h3, html.ga-light body .wp-block-group.has-background p, html.ga-light body .wp-block-group.has-background li, html.ga-light body .wp-block-group.has-background strong{ color:var(--ga-ink)!important; } /* inline 深色底 → 卡片白 */ html.ga-light body [style*="background:#1e1e1e"], html.ga-light body [style*="background-color:#1e1e1e"], html.ga-light body [style*="background:#151515"], html.ga-light body [style*="background:#1a1a1a"], html.ga-light body [style*="background-color:#1a1a1a"], html.ga-light body [style*="background:#0f0f0f"], html.ga-light body [style*="background-color:#0f0f0f"], html.ga-light body [style*="background:#111"], html.ga-light body [style*="background-color:rgba(20,24,32"], html.ga-light body [style*="background:rgba(20,24,32"], html.ga-light body [style*="background:#141414"], html.ga-light body [style*="background:#242424"]{ background:var(--ga-card)!important; background-image:none!important; border-color:var(--ga-line)!important; color:var(--ga-ink)!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body [style*="background:rgba(201,169,97,0.25)"], html.ga-light body [style*="background:rgba(201,169,97,0.15)"], html.ga-light body [style*="background:rgba(201,169,97,0.1)"], html.ga-light body [style*="background:linear-gradient(135deg,rgba(201,169,97,0.1)"], html.ga-light body [style*="background:rgba(200,170,110,0.1)"], html.ga-light body [style*="background:rgba(200,170,110,0.08)"]{ background:#FFF7E6!important; background-image:none!important; border-color:var(--ga-line-strong)!important; color:var(--ga-ink)!important; } html.ga-light body [style*="background:rgba(66,133,244,0.25)"], html.ga-light body [style*="background:rgba(66,133,244,0.15)"]{ background:#EAF1FD!important; color:var(--ga-ink)!important; } html.ga-light body [style*="background:rgba(52,168,83,0.15)"]{ background:#E9F4EE!important; color:var(--ga-ink)!important; } html.ga-light body [style*="border:1px solid rgba(200,170,110"], html.ga-light body [style*="border:1px solid rgba(201,169,97"], html.ga-light body [style*="border:2px solid rgba(201,169,97"], html.ga-light body [style*="border-top:1px solid rgba(200,170,110"], html.ga-light body [style*="border-bottom:1px solid rgba(200,170,110"]{ border-color:var(--ga-line)!important; } /* inline 淺色文字 → 墨 / 次要 / 深金 */ html.ga-light body [style*="color:#f5f5f5"], html.ga-light body [style*="color:#e8e0d0"], html.ga-light body [style*="color:#ccc"], html.ga-light body [style*="color:#eee"], html.ga-light body [style*="color:var(--ga-text"], html.ga-light body [style*="color:#fff"]:not([style*="background"]), html.ga-light body [style*="color:#ffffff"]:not([style*="background"]), html.ga-light body [style*="color:rgba(242,238,230"]:not([style*="background"]){ color:var(--ga-ink)!important; } html.ga-light body [style*="color:#b3b3b3"], html.ga-light body [style*="color:#a0937d"], html.ga-light body [style*="color:#999"], html.ga-light body [style*="color:#888"], html.ga-light body [style*="color:#666"], html.ga-light body [style*="color:#808080"], html.ga-light body [style*="color:#a09880"], html.ga-light body [style*="color:#8a7c5a"], html.ga-light body [style*="color:#9a8c6a"]{ color:var(--ga-ink-2)!important; } html.ga-light body [style*="color:#c9a961"], html.ga-light body [style*="color:#c8aa6e"], html.ga-light body [style*="color:var(--ga-gold"], html.ga-light body [style*="color:#f0d68a"], html.ga-light body [style*="color:#d4b896"]{ color:var(--ga-gold-text)!important; } /* inline 金漸層按鈕 / LINE 綠按鈕：白字 */ html.ga-light body [style*="background:linear-gradient(135deg,#c9a961"], html.ga-light body [style*="background:linear-gradient(135deg,#c8aa6e"], html.ga-light body [style*="background:var(--ga-gold"], html.ga-light body [style*="background:#c9a961"], html.ga-light body [style*="background:#c8aa6e"]{ background:var(--ga-gold-text)!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:12px!important; min-height:52px!important; font-weight:800!important; } html.ga-light body [style*="background:linear-gradient(135deg,#cc0000"], html.ga-light body [style*="background:#cc0000"]{ background:var(--ga-seal)!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:12px!important; } html.ga-light body [style*="background:#06C755"], html.ga-light body [style*="background:#06c755"]{ color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:12px!important; min-height:52px!important; font-weight:800!important; } html.ga-light body [style*="background:linear-gradient(135deg,#c9a961"] *, html.ga-light body [style*="background:#06C755"] *, html.ga-light body [style*="background:#06c755"] *{ color:#fff!important; -webkit-text-fill-color:#fff!important; } /* 條列/表格/分隔線內 inline 文字同步 */ html.ga-light body [style*="color:#0f0f0f"]:not([style*="background"]){ color:var(--ga-ink)!important; } /* ===== v0.4：商品頁高權重覆寫 / 搜尋鈕 ===== */ html.ga-light body.single-product h1.product_title.entry-title, html.ga-light body.single-product .product_title{ display:block!important; font-size:1.6rem!important; line-height:1.35!important; color:var(--ga-ink)!important; margin:0 0 10px!important; } html.ga-light body.single-post h1.entry-title, html.ga-light body.single-post .entry-header{ display:block!important; } html.ga-light body .woocommerce div.product form.cart .single_add_to_cart_button, html.ga-light body.single-product .woocommerce div.product form.cart .single_add_to_cart_button, html.ga-light body.woocommerce div.product form.cart .single_add_to_cart_button, html.ga-light body .woocommerce div.product form.cart .single_add_to_cart_button:hover{ background:var(--ga-seal)!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:none!important; border-radius:12px!important; min-height:64px!important; padding:0 28px!important; font-size:1.15rem!important; font-weight:800!important; box-shadow:0 2px 6px rgba(33,27,22,.15)!important; letter-spacing:.02em!important; } html.ga-light body .woocommerce div.product form.cart .quantity .qty, html.ga-light body.single-product .woocommerce div.product form.cart .quantity input.qty, html.ga-light body .woocommerce .quantity input[type=number], html.ga-light body .woocommerce-cart .quantity input.qty, html.ga-light body input[type=number]{ background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:10px!important; min-height:64px!important; width:84px!important; font-size:1.25rem!important; font-weight:800!important; text-align:center!important; padding:0 8px!important; } html.ga-light body .woocommerce div.product p.price, html.ga-light body .woocommerce div.product span.price, html.ga-light body .woocommerce div.product p.price .amount, html.ga-light body .woocommerce div.product span.price .amount, html.ga-light body.single-product .woocommerce div.product p.price, html.ga-light body .woocommerce ul.products li.product .price .amount, html.ga-light body .woocommerce-page ul.products li.product .price{ color:var(--ga-seal)!important; font-weight:900!important; font-size:1.8rem!important; font-variant-numeric:tabular-nums; } html.ga-light body .woocommerce div.product .product_meta, html.ga-light body .woocommerce div.product .product_meta *, html.ga-light body .woocommerce div.product .stock{ color:var(--ga-ink-2)!important; font-size:0.95rem!important; } html.ga-light body .woocommerce div.product .stock.in-stock{ color:var(--ga-green)!important; font-weight:700!important; } html.ga-light body .woocommerce div.product .woocommerce-breadcrumb, html.ga-light body .woocommerce .woocommerce-breadcrumb a{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; } html.ga-light body .woocommerce div.product div.images img{ border-radius:var(--ga-r-md)!important; } html.ga-light body .woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-size:1rem!important; font-weight:700!important; padding:12px 18px!important; } html.ga-light body .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--ga-seal)!important; } html.ga-light body .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom:3px solid var(--ga-seal)!important; } html.ga-light body .woocommerce div.product .woocommerce-tabs .panel p{ font-size:1.05rem!important; line-height:1.85!important; } /* 搜尋表單按鈕 */ html.ga-light body .search-form .search-submit, html.ga-light body .search-submit, html.ga-light body .wp-block-search__button{ min-width:96px!important; padding:0 18px!important; min-height:52px!important; background:var(--ga-seal)!important; color:#fff!important; border-radius:10px!important; font-weight:800!important; white-space:nowrap!important; } html.ga-light body .search-form .search-field, html.ga-light body .wp-block-search__input{ min-height:52px!important; } /* ===== v0.5：購物車/結帳暫時性基底（明天照 007 原型重做） ===== */ html.ga-light body.woocommerce-cart, html.ga-light body.woocommerce-checkout, html.ga-light body.woocommerce-account, html.ga-light body.woocommerce-cart .site-content, html.ga-light body.woocommerce-checkout .site-content, html.ga-light body.woocommerce-cart #primary, html.ga-light body.woocommerce-checkout #primary, html.ga-light body.woocommerce-cart .ast-container, html.ga-light body.woocommerce-checkout .ast-container, html.ga-light body.woocommerce-cart article, html.ga-light body.woocommerce-checkout article, html.ga-light body.woocommerce-cart .entry-content, html.ga-light body.woocommerce-checkout .entry-content{ background:var(--ga-paper)!important; background-image:none!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart .ast-container, html.ga-light body.woocommerce-checkout .ast-container, html.ga-light body.woocommerce-cart #masthead .ast-container, html.ga-light body.woocommerce-checkout #masthead .ast-container{ max-width:1200px!important; width:100%!important; } html.ga-light body.woocommerce-cart .woocommerce::before, html.ga-light body.woocommerce-checkout .woocommerce::before, html.ga-light body.woocommerce-cart h1, html.ga-light body.woocommerce-checkout h1, html.ga-light body.woocommerce-cart h2, html.ga-light body.woocommerce-checkout h2, html.ga-light body.woocommerce-cart h3, html.ga-light body.woocommerce-checkout h3{ color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart .shop_table td, html.ga-light body.woocommerce-cart .shop_table th, html.ga-light body.woocommerce-cart .shop_table a, html.ga-light body.woocommerce-cart .product-name a, html.ga-light body.woocommerce-cart .cart_totals td, html.ga-light body.woocommerce-cart .cart_totals th{ color:var(--ga-ink)!important; font-size:1rem!important; } html.ga-light body.woocommerce-cart .shop_table td.product-price .amount, html.ga-light body.woocommerce-cart .shop_table td.product-subtotal .amount, html.ga-light body.woocommerce-cart .cart_totals .order-total .amount, html.ga-light body.woocommerce-checkout .order-total .amount, html.ga-light body.single-product .summary .price, html.ga-light body.single-product .summary .price .amount, html.ga-light body.single-product .summary .price bdi, html.ga-light body .woocommerce .price bdi, html.ga-light body .woocommerce .amount bdi{ color:var(--ga-seal)!important; font-weight:900!important; } html.ga-light body.woocommerce-cart .shop_table .product-remove a, html.ga-light body.woocommerce-cart .shop_table .product-remove a.remove{ color:var(--ga-ink-2)!important; background:#F4EFE4!important; border:1px solid var(--ga-line-strong)!important; width:44px!important; height:44px!important; line-height:42px!important; font-size:1.3rem!important; } html.ga-light body.woocommerce-cart .shop_table .actions .button, html.ga-light body.woocommerce-cart button[name="update_cart"]{ background:#fff!important; color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; -webkit-text-fill-color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart button[name="update_cart"][disabled]{ background:#F4EFE4!important; color:#4A443B!important; -webkit-text-fill-color:#4A443B!important; } html.ga-light body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width:100%!important; min-height:68px!important; font-size:1.2rem!important; } html.ga-light body.woocommerce-cart .ga-qty-btn, html.ga-light body.woocommerce-cart .quantity .ga-qty-btn{ background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-line-strong)!important; min-width:48px!important; min-height:48px!important; font-size:1.3rem!important; border-radius:10px!important; } html.ga-light body.woocommerce-cart .product-thumbnail img{ border-radius:10px!important; border:1px solid var(--ga-line)!important; } html.ga-light body.woocommerce-cart .ga-trust-strip, html.ga-light body.woocommerce-checkout .ga-trust-strip, html.ga-light body.woocommerce-cart .ga-trust-strip *, html.ga-light body.woocommerce-checkout .ga-trust-strip *{ color:var(--ga-ink-2)!important; font-size:0.95rem!important; } html.ga-light body.woocommerce-checkout .woocommerce-checkout-review-order-table, html.ga-light body.woocommerce-checkout #order_review, html.ga-light body.woocommerce-checkout .woocommerce-billing-fields, html.ga-light body.woocommerce-checkout .woocommerce-shipping-fields, html.ga-light body.woocommerce-checkout .woocommerce-additional-fields{ background:var(--ga-card)!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; } html.ga-light body.woocommerce-checkout #payment ul.payment_methods li label{ font-size:1.05rem!important; font-weight:700!important; color:var(--ga-ink)!important; min-height:48px!important; display:inline-flex!important; align-items:center!important; } html.ga-light body.woocommerce-checkout #place_order{ width:100%!important; min-height:68px!important; font-size:1.2rem!important; } /* ===== v0.6：007 驗收修正 ===== */ /* P0：文章頁內容區深底（Code Snippet #62 的 !important 清單逐一對上） */ html.ga-light body.single-post, html.ga-light body.single-post .site-content, html.ga-light body.single-post #primary, html.ga-light body.single-post #content, html.ga-light body.single-post .ast-container, html.ga-light body.single-post article, html.ga-light body.single-post .ast-article-post, html.ga-light body.single-post .ast-article-single, html.ga-light body.single-post .entry-content, html.ga-light body.single-post #main, html.ga-light body.single-post .ast-separate-container, html.ga-light body.archive, html.ga-light body.archive .site-content, html.ga-light body.archive #primary, html.ga-light body.search, html.ga-light body.search .site-content, html.ga-light body.search #primary, html.ga-light body.single-post .entry-content > p:first-of-type{ background:var(--ga-paper)!important; background-image:none!important; color:var(--ga-ink)!important; } html.ga-light body.single-post .ast-article-single, html.ga-light body.single-post .ast-article-post{ background:var(--ga-card)!important; } html.ga-light body.single-post .entry-content > p:first-of-type{ background:#FFF7E6!important; border:1px solid var(--ga-line-strong)!important; border-radius:var(--ga-r-md)!important; } html.ga-light body.single-post h2, html.ga-light body.single-post h3, html.ga-light body.single-post p, html.ga-light body.single-post li, html.ga-light body.single-post strong, html.ga-light body.single-post .entry-title{ color:var(--ga-ink)!important; } html.ga-light body.single-post a, html.ga-light body.single-post .entry-content a{ color:var(--ga-gold-text)!important; } html.ga-light body.single-post .entry-meta, html.ga-light body.single-post .entry-meta a, html.ga-light body.single-post .ast-breadcrumbs, html.ga-light body.single-post .ast-breadcrumbs a{ color:var(--ga-ink-2)!important; } /* P1：LINE 綠底按鈕一律白字（不吃 .entry-content a 金字） */ html.ga-light body a[class*="ga-btn-line"], html.ga-light body .entry-content a[class*="ga-btn-line"], html.ga-light body .entry-content a[style*="#06C755"], html.ga-light body .entry-content a[style*="#06c755"], html.ga-light body a[class*="ga-btn-line"] *, html.ga-light body .entry-content a[style*="#06C755"] *, html.ga-light body .ga-float-line, html.ga-light body .ga-line{ color:#fff!important; -webkit-text-fill-color:#fff!important; background:var(--ga-green)!important; background-image:none!important; } /* P1：內容區 strong / 金色小字（inline 非 !important 的部分） */ html.ga-light body .entry-content strong, html.ga-light body .entry-content b{ color:var(--ga-ink)!important; } html.ga-light body .entry-content strong[style*="#c9a961"], html.ga-light body .entry-content strong[style*="#c8aa6e"], html.ga-light body .entry-content strong[style*="--ga-gold"]{ color:var(--ga-gold-text)!important; } /* 跑馬燈三顆按鈕白字（content 內 inline 已改為 var(--ga-ticker-fg)） */ html.ga-light body #ga-live-ticker a, html.ga-light body #ga-live-ticker a *{ color:var(--ga-ticker-fg)!important; -webkit-text-fill-color:var(--ga-ticker-fg)!important; } /* 跑馬燈第三顆（精品）：inline 字色為深金 → 改白底金框，避免同色 */ html.ga-light body #ga-live-ticker a[href*="yiyitseng01"]{ background:#fff!important; border:2px solid var(--ga-gold-text)!important; color:var(--ga-gold-text)!important; -webkit-text-fill-color:var(--ga-gold-text)!important; } html.ga-light body #ga-live-ticker a[href*="yiyitseng01"] *{ color:var(--ga-gold-text)!important; -webkit-text-fill-color:var(--ga-gold-text)!important; } /* ===== v0.7：手機選單（壓過 Snippet #27 的 body .ast-mobile-header-wrap ... * 與 body #ast-hf-mobile-menu 規則） ===== */ html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content, html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content *, html.ga-light body #ast-mobile-header .ast-mobile-header-content, html.ga-light body #ast-hf-mobile-menu, html.ga-light body #ast-hf-mobile-menu ul, html.ga-light body #ast-hf-mobile-menu li, html.ga-light body #ast-hf-mobile-menu .menu-link, html.ga-light body #ast-hf-mobile-menu .page_item a, html.ga-light body #ast-hf-mobile-menu li a, html.ga-light body #ast-mobile-site-navigation, html.ga-light body #ast-mobile-site-navigation a, html.ga-light body .ast-builder-menu-mobile .main-navigation, html.ga-light body .ast-mobile-header-content .main-header-bar-navigation, html.ga-light body .ast-mobile-header-content .menu-link, html.ga-light body .ast-mobile-header-content a, html.ga-light body .ast-mobile-header-content ul{ background:var(--ga-paper)!important; background-color:var(--ga-paper)!important; background-image:none!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; } html.ga-light body #ast-hf-mobile-menu .menu-link, html.ga-light body #ast-hf-mobile-menu li a, html.ga-light body .ast-mobile-header-content .menu-link{ font-size:1.1rem!important; font-weight:700!important; min-height:56px!important; padding:16px 22px!important; border-bottom:1px solid var(--ga-line)!important; display:flex!important; align-items:center!important; } html.ga-light body #ast-hf-mobile-menu .current-menu-item > .menu-link, html.ga-light body .ast-mobile-header-content .current-menu-item > .menu-link, html.ga-light body #ast-hf-mobile-menu .menu-link:hover{ color:var(--ga-seal)!important; -webkit-text-fill-color:var(--ga-seal)!important; background:#FFF7E6!important; } html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content{ border-top:1px solid var(--ga-line)!important; box-shadow:0 12px 24px rgba(33,27,22,.10)!important; } html.ga-light body .ast-mobile-header-wrap .menu-toggle, html.ga-light body .ast-mobile-header-wrap .ast-mobile-menu-trigger-minimal, html.ga-light body .menu-toggle .ast-mobile-svg, html.ga-light body .menu-toggle svg, html.ga-light body .menu-toggle .mobile-menu-toggle-icon{ color:var(--ga-ink)!important; fill:var(--ga-ink)!important; background:transparent!important; min-width:48px!important; min-height:48px!important; } html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content .ast-site-header-cart *, html.ga-light body .ast-mobile-header-wrap .ast-mobile-header-content svg{ fill:var(--ga-ink)!important; color:var(--ga-ink)!important; } /* ===== v0.8：logo 漸層 / 迷你購物車按鈕 ===== */ /* 亮色 logo 保留金屬光澤（深停點顧對比、亮停點顧光澤） */ html.ga-light body .site-title a, html.ga-light body .site-title, html.ga-light body .ast-site-title-wrap .site-title a{ background:linear-gradient(90deg,#7E5F28 0%,#A9803C 45%,#7E5F28 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; color:#7E5F28!important; } /* 亮色：WC 原生 mini cart 按鈕（Astra 頁首購物袋下拉） */ html.ga-light body .woocommerce-mini-cart__buttons a.button, html.ga-light body .widget_shopping_cart .buttons a.button, html.ga-light body .ast-site-header-cart .widget_shopping_cart_content a.button{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; min-height:52px!important; border-radius:10px!important; font-weight:800!important; } html.ga-light body .woocommerce-mini-cart__buttons a.button.checkout{ background:var(--ga-seal)!important; } html.ga-light body .woocommerce-mini-cart__buttons a.button:not(.checkout){ background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; } html.ga-light body .ast-site-header-cart .widget_shopping_cart_content, html.ga-light body .ast-site-header-cart .astra-cart-drawer{ background:#fff!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; } html.ga-light body .ast-site-header-cart .widget_shopping_cart_content *, html.ga-light body .astra-cart-drawer *{ color:var(--ga-ink)!important; } html.ga-light body .ast-site-header-cart .widget_shopping_cart_content .amount, html.ga-light body .astra-cart-drawer .amount{ color:var(--ga-seal)!important; } /* ===== 全域熱修（兩套皮膚都生效；深色既有 bug：金字配金底） ===== */ html:not(.ga-light) body .woocommerce-mini-cart__buttons a.button, html:not(.ga-light) body .widget_shopping_cart .buttons a.button{ color:#0f0f0f!important; -webkit-text-fill-color:#0f0f0f!important; font-weight:700!important; } /* v0.8b：mini-cart 朱砂底那顆強制白字（前條 * 規則把它改成墨字） */ html.ga-light body .woocommerce-mini-cart__buttons a.button.checkout, html.ga-light body .ast-site-header-cart .widget_shopping_cart_content a.button.checkout, html.ga-light body .astra-cart-drawer a.button.checkout, html.ga-light body .woocommerce-mini-cart__buttons a.button.checkout *, html.ga-light body .ga-mc-checkout, html.ga-light body .ga-mc-footer .ga-mc-checkout{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html.ga-light body .ga-mc-continue{ background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; } html.ga-light body #ga-minicart-popup .ga-mc-btn{ min-height:56px!important; font-size:1.05rem!important; font-weight:800!important; border-radius:12px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } /* ===================================================================== v0.9：購物車 / 結帳 / 完成頁（照 007《購物車結帳_原型》搬） ===================================================================== */ html.ga-light{ --ga-ok-bg:#EFF6F2; --ga-warn-bg:#FDF3E7; --ga-disabled-bg:#C9C1B2; --ga-disabled-ink:#5A5348; } /* 版心：手機單欄、桌機最寬 1100 */ html.ga-light body.woocommerce-cart .woocommerce, html.ga-light body.woocommerce-checkout .woocommerce{ max-width:1100px!important; margin:0 auto!important; padding:0 16px 140px!important; } html.ga-light body.woocommerce-cart .woocommerce::before, html.ga-light body.woocommerce-checkout .woocommerce::before{ font-family:"Noto Serif TC","PingFang TC",serif!important; font-size:1.45rem!important; font-weight:900!important; color:var(--ga-ink)!important; display:block!important; margin:18px 0 6px!important; background:none!important; border:none!important; } html.ga-light body.woocommerce-cart .woocommerce-notices-wrapper:empty, html.ga-light body.woocommerce-checkout .woocommerce-notices-wrapper:empty{ display:none!important; } /* ---- 步驟指示（用 ::after 畫在標題下，不動 DOM） ---- */ html.ga-light body.woocommerce-cart .woocommerce::after, html.ga-light body.woocommerce-checkout form.checkout::before{ content:"① 購物車 → ② 寄送與付款 → ③ 完成"; display:block; font-size:0.9rem; font-weight:700; color:var(--ga-ink-2); background:#F4EFE4; border:1px solid var(--ga-line); border-radius:var(--ga-r-sm); padding:8px 12px; margin:0 0 16px; } html.ga-light body.woocommerce-cart .woocommerce::after{ order:-1; } html.ga-light body.woocommerce-cart .woocommerce{ display:flex!important; flex-direction:column!important; } html.ga-light body.woocommerce-cart .woocommerce-notices-wrapper{ order:-2; } /* ---- 購物車商品表 → 卡片 ---- */ html.ga-light body.woocommerce-cart form.woocommerce-cart-form{ background:transparent!important; border:none!important; box-shadow:none!important; } html.ga-light body.woocommerce-cart table.shop_table.cart{ border:none!important; background:transparent!important; box-shadow:none!important; border-collapse:separate!important; border-spacing:0 12px!important; margin:0!important; } html.ga-light body.woocommerce-cart table.shop_table.cart thead{ display:none!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item td{ background:transparent!important; border:none!important; padding:14px 12px!important; vertical-align:middle!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item td:first-child{ border-radius:var(--ga-r-md) 0 0 var(--ga-r-md)!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item td:last-child{ border-radius:0 var(--ga-r-md) var(--ga-r-md) 0!important; } html.ga-light body.woocommerce-cart td.product-thumbnail img{ width:84px!important; height:84px!important; object-fit:cover!important; border-radius:var(--ga-r-sm)!important; border:1px solid var(--ga-line)!important; } html.ga-light body.woocommerce-cart td.product-name, html.ga-light body.woocommerce-cart td.product-name a{ font-size:1.05rem!important; font-weight:800!important; line-height:1.45!important; color:var(--ga-ink)!important; text-decoration:none!important; } html.ga-light body.woocommerce-cart td.product-name .variation, html.ga-light body.woocommerce-cart td.product-name dl{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body.woocommerce-cart td.product-price .amount, html.ga-light body.woocommerce-cart td.product-subtotal .amount, html.ga-light body.woocommerce-cart td.product-price bdi, html.ga-light body.woocommerce-cart td.product-subtotal bdi{ font-size:1.3rem!important; font-weight:900!important; color:var(--ga-seal)!important; font-variant-numeric:tabular-nums; } html.ga-light body.woocommerce-cart td.product-remove a.remove{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; border-radius:50%!important; background:#F4EFE4!important; color:var(--ga-ink-2)!important; border:1px solid var(--ga-line-strong)!important; font-size:1.4rem!important; font-weight:400!important; line-height:1!important; text-decoration:none!important; } html.ga-light body.woocommerce-cart td.product-remove a.remove:hover{ background:#FDECEC!important; color:var(--ga-seal)!important; border-color:var(--ga-seal)!important; } /* 數量：－ 數字 ＋ 一體 */ html.ga-light body.woocommerce-cart .ga-qty-wrap, html.ga-light body.woocommerce-cart .quantity{ display:inline-flex!important; align-items:center!important; gap:0!important; } html.ga-light body.woocommerce-cart .ga-qty-btn{ width:48px!important; height:48px!important; min-width:48px!important; border:1.5px solid var(--ga-line-strong)!important; background:var(--ga-card)!important; color:var(--ga-ink)!important; font-size:1.4rem!important; font-weight:800!important; line-height:1!important; cursor:pointer!important; border-radius:0!important; padding:0!important; -webkit-text-fill-color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart .ga-qty-minus{ border-radius:var(--ga-r-sm) 0 0 var(--ga-r-sm)!important; } html.ga-light body.woocommerce-cart .ga-qty-plus{ border-radius:0 var(--ga-r-sm) var(--ga-r-sm) 0!important; } html.ga-light body.woocommerce-cart .ga-qty-wrap input.qty, html.ga-light body.woocommerce-cart .quantity input.qty{ width:56px!important; height:48px!important; min-height:48px!important; border:1.5px solid var(--ga-line-strong)!important; border-left:none!important; border-right:none!important; border-radius:0!important; text-align:center!important; font-size:1.15rem!important; font-weight:800!important; padding:0!important; background:var(--ga-card)!important; color:var(--ga-ink)!important; -moz-appearance:textfield; } html.ga-light body.woocommerce-cart input.qty::-webkit-outer-spin-button, html.ga-light body.woocommerce-cart input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } /* 更新購物車 / 優惠券列 */ html.ga-light body.woocommerce-cart table.shop_table.cart td.actions{ background:transparent!important; padding:8px 0 0!important; display:flex!important; flex-wrap:wrap!important; gap:10px!important; align-items:center!important; justify-content:space-between!important; } html.ga-light body.woocommerce-cart td.actions .coupon{ display:flex!important; gap:8px!important; align-items:center!important; flex:1 1 320px!important; } html.ga-light body.woocommerce-cart td.actions .coupon label{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; } html.ga-light body.woocommerce-cart td.actions .coupon input#coupon_code{ flex:1!important; min-width:0!important; width:auto!important; min-height:52px!important; font-size:1rem!important; padding:0 14px!important; } html.ga-light body.woocommerce-cart td.actions .coupon button{ min-height:52px!important; padding:0 16px!important; background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; border-radius:10px!important; font-weight:800!important; white-space:nowrap!important; } html.ga-light body.woocommerce-cart button[name="update_cart"]{ min-height:52px!important; padding:0 18px!important; border-radius:10px!important; font-weight:800!important; } /* 免運進度 */ html.ga-light body.woocommerce-cart #ga-free-ship-bar{ background:var(--ga-ok-bg)!important; border:1px solid #CFE3D9!important; border-radius:var(--ga-r-md)!important; padding:14px!important; margin:0 0 12px!important; font-size:0.95rem!important; font-weight:700!important; color:var(--ga-green)!important; box-shadow:none!important; } html.ga-light body.woocommerce-cart #ga-free-ship-bar *{ color:var(--ga-green)!important; } html.ga-light body.woocommerce-cart #ga-free-ship-bar strong{ color:var(--ga-seal)!important; font-size:1.05rem!important; } html.ga-light body.woocommerce-cart #ga-free-ship-bar .ga-fs-track{ height:10px!important; border-radius:99px!important; background:#DCE9E3!important; margin-top:8px!important; overflow:hidden!important; } html.ga-light body.woocommerce-cart #ga-free-ship-bar .ga-fs-fill{ height:100%!important; background:var(--ga-green)!important; border-radius:99px!important; } /* 信任條 */ html.ga-light body.woocommerce-cart .ga-trust-strip, html.ga-light body.woocommerce-checkout .ga-trust-strip{ display:flex!important; gap:18px!important; justify-content:center!important; background:var(--ga-card)!important; border:1px dashed var(--ga-gold-deco)!important; border-radius:var(--ga-r-md)!important; padding:12px 14px!important; margin:12px 0!important; box-shadow:none!important; } html.ga-light body .ga-trust-badge{ display:inline-flex!important; align-items:center!important; gap:8px!important; font-size:0.95rem!important; font-weight:700!important; color:var(--ga-ink)!important; } html.ga-light body .ga-trust-badge svg{ width:22px!important; height:22px!important; stroke:var(--ga-gold-text)!important; } /* 金額表 */ html.ga-light body.woocommerce-cart .cart-collaterals{ width:100%!important; float:none!important; display:flex!important; justify-content:flex-end!important; } html.ga-light body.woocommerce-cart .cart-collaterals .cart_totals{ width:100%!important; max-width:420px!important; float:none!important; background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:16px!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body.woocommerce-cart .cart_totals h2{ font-size:1.1rem!important; font-weight:800!important; margin:0 0 10px!important; } html.ga-light body.woocommerce-cart .cart_totals table{ border:none!important; margin:0!important; } html.ga-light body.woocommerce-cart .cart_totals th, html.ga-light body.woocommerce-cart .cart_totals td{ background:transparent!important; border:none!important; border-bottom:1px solid var(--ga-line)!important; padding:10px 4px!important; font-size:1rem!important; } html.ga-light body.woocommerce-cart .cart_totals th{ color:var(--ga-ink-2)!important; font-weight:500!important; } html.ga-light body.woocommerce-cart .cart_totals td{ text-align:right!important; font-weight:700!important; } html.ga-light body.woocommerce-cart .cart_totals tr.order-total th, html.ga-light body.woocommerce-cart .cart_totals tr.order-total td{ border-bottom:none!important; padding-top:14px!important; } html.ga-light body.woocommerce-cart .cart_totals tr.order-total th{ font-size:1.05rem!important; font-weight:800!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart .cart_totals tr.order-total .amount, html.ga-light body.woocommerce-cart .cart_totals tr.order-total bdi{ font-size:1.7rem!important; color:var(--ga-seal)!important; font-weight:900!important; } html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-destination, html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-calculator, html.ga-light body.woocommerce-cart .cart_totals small{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body.woocommerce-cart .cart_totals #shipping_method li, html.ga-light body.woocommerce-checkout #shipping_method li{ display:flex!important; align-items:center!important; gap:10px!important; min-height:48px!important; } html.ga-light body.woocommerce-cart .wc-proceed-to-checkout{ padding:14px 0 0!important; } html.ga-light body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display:flex!important; width:100%!important; min-height:68px!important; font-size:1.2rem!important; font-weight:900!important; border-radius:12px!important; } /* 行動版固定行動列（WPCode 906 注入） */ html.ga-light body.woocommerce-cart .ga-sticky-cta{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; z-index:9000!important; display:flex!important; align-items:center!important; gap:12px!important; background:var(--ga-card)!important; border-top:1px solid var(--ga-line)!important; padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important; box-shadow:0 -4px 18px rgba(33,27,22,.08)!important; } html.ga-light body.woocommerce-cart .ga-sticky-total{ font-size:0.85rem!important; color:var(--ga-ink-2)!important; font-weight:600!important; display:flex!important; flex-direction:column!important; } html.ga-light body.woocommerce-cart .ga-sticky-total strong{ font-size:1.4rem!important; color:var(--ga-seal)!important; font-variant-numeric:tabular-nums; } html.ga-light body.woocommerce-cart .ga-sticky-btn{ flex:1!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:60px!important; border-radius:12px!important; background:var(--ga-seal)!important; color:#fff!important; font-size:1.15rem!important; font-weight:900!important; text-decoration:none!important; } /* 空車 */ html.ga-light body.woocommerce-cart .cart-empty{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:28px 16px!important; text-align:center!important; font-size:1.1rem!important; font-weight:700!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-cart .ga-empty-links{ display:flex!important; gap:12px!important; justify-content:center!important; flex-wrap:wrap!important; margin-top:14px!important; } html.ga-light body.woocommerce-cart .ga-empty-links a, html.ga-light body.woocommerce-cart .return-to-shop a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:56px!important; padding:0 22px!important; border-radius:12px!important; background:var(--ga-seal)!important; color:#fff!important; font-weight:800!important; text-decoration:none!important; } html.ga-light body.woocommerce-cart .ga-empty-links a:last-child{ background:var(--ga-green)!important; } /* ---- 結帳 ---- */ html.ga-light body.woocommerce-checkout form.checkout{ display:grid!important; grid-template-columns:1fr!important; gap:16px!important; } @media (min-width:900px){ html.ga-light body.woocommerce-checkout form.checkout{ grid-template-columns:1.1fr .9fr!important; align-items:start!important; } html.ga-light body.woocommerce-checkout form.checkout::before{ grid-column:1 / -1; } html.ga-light body.woocommerce-checkout #customer_details{ grid-column:1; } html.ga-light body.woocommerce-checkout #order_review_heading, html.ga-light body.woocommerce-checkout #order_review{ grid-column:2; } html.ga-light body.woocommerce-checkout #order_review{ position:sticky; top:16px; } } html.ga-light body.woocommerce-checkout #customer_details{ display:block!important; } html.ga-light body.woocommerce-checkout #customer_details .col-1, html.ga-light body.woocommerce-checkout #customer_details .col-2{ width:100%!important; float:none!important; margin:0 0 16px!important; } html.ga-light body.woocommerce-checkout .woocommerce-billing-fields, html.ga-light body.woocommerce-checkout .woocommerce-shipping-fields, html.ga-light body.woocommerce-checkout .woocommerce-additional-fields, html.ga-light body.woocommerce-checkout #order_review{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:18px 16px!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body.woocommerce-checkout h3, html.ga-light body.woocommerce-checkout #order_review_heading{ font-family:"Noto Serif TC","PingFang TC",serif!important; font-size:1.25rem!important; font-weight:900!important; color:var(--ga-ink)!important; margin:0 0 12px!important; } html.ga-light body.woocommerce-checkout #order_review_heading{ margin:0 0 -8px!important; } html.ga-light body.woocommerce-checkout #ship-to-different-address label{ display:flex!important; align-items:center!important; gap:10px!important; font-size:1.05rem!important; min-height:48px!important; } html.ga-light body.woocommerce-checkout #ship-to-different-address input{ width:24px!important; height:24px!important; min-height:0!important; } html.ga-light body.woocommerce-checkout .form-row{ margin:0 0 14px!important; padding:0!important; float:none!important; width:100%!important; } html.ga-light body.woocommerce-checkout .form-row label{ display:block!important; font-size:1rem!important; font-weight:800!important; color:var(--ga-ink)!important; margin:0 0 6px!important; } html.ga-light body.woocommerce-checkout .form-row label .optional{ font-weight:500!important; color:var(--ga-ink-2)!important; font-size:0.88rem!important; } html.ga-light body.woocommerce-checkout .form-row label .required{ color:var(--ga-seal)!important; text-decoration:none!important; } html.ga-light body.woocommerce-checkout .form-row .input-text, html.ga-light body.woocommerce-checkout .form-row select, html.ga-light body.woocommerce-checkout .select2-container--default .select2-selection--single, html.ga-light body.woocommerce-checkout .form-row textarea{ width:100%!important; min-height:56px!important; padding:14px!important; font-size:1.05rem!important; background:var(--ga-card)!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:var(--ga-r-sm)!important; } html.ga-light body.woocommerce-checkout .form-row textarea{ min-height:88px!important; } html.ga-light body.woocommerce-checkout .form-row .input-text::placeholder{ color:#9A9083!important; } html.ga-light body.woocommerce-checkout .form-row.woocommerce-invalid .input-text, html.ga-light body.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection{ border-color:var(--ga-seal)!important; background:#FDF4F4!important; } html.ga-light body.woocommerce-checkout .form-row.woocommerce-invalid label::after{ content:"　⚠ 這格還沒填好"; color:var(--ga-seal)!important; font-size:0.9rem!important; font-weight:700!important; } html.ga-light body.woocommerce-checkout .form-row.woocommerce-validated .input-text{ border-color:var(--ga-green)!important; } html.ga-light body.woocommerce-checkout .woocommerce-error{ background:#FDECEC!important; border:1px solid var(--ga-seal)!important; border-radius:var(--ga-r-sm)!important; color:var(--ga-seal)!important; padding:14px 16px 14px 44px!important; font-size:1rem!important; font-weight:700!important; } html.ga-light body.woocommerce-checkout .woocommerce-error li{ color:var(--ga-seal)!important; } /* 訂單摘要表 */ html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table{ border:none!important; margin:0 0 14px!important; background:transparent!important; box-shadow:none!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table th, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table td{ background:transparent!important; border:none!important; border-bottom:1px solid var(--ga-line)!important; padding:10px 4px!important; font-size:1rem!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{ color:var(--ga-ink-2)!important; font-weight:600!important; font-size:0.9rem!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{ color:var(--ga-ink-2)!important; font-weight:500!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{ text-align:right!important; font-weight:700!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-quantity{ color:var(--ga-ink-2)!important; font-weight:600!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td{ border-bottom:none!important; padding-top:14px!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th{ font-size:1.05rem!important; font-weight:800!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total .amount, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total bdi{ font-size:1.7rem!important; color:var(--ga-seal)!important; font-weight:900!important; font-variant-numeric:tabular-nums; } /* 運送/付款選項 → 大方塊 */ html.ga-light body.woocommerce-checkout #shipping_method{ list-style:none!important; margin:0!important; padding:0!important; } html.ga-light body.woocommerce-checkout #shipping_method li, html.ga-light body.woocommerce-checkout #payment ul.payment_methods li{ display:flex!important; align-items:flex-start!important; gap:12px!important; background:var(--ga-card)!important; border:2px solid var(--ga-line-strong)!important; border-radius:var(--ga-r-md)!important; padding:14px 16px!important; margin:0 0 10px!important; min-height:64px!important; list-style:none!important; } html.ga-light body.woocommerce-checkout #shipping_method li:has(input:checked), html.ga-light body.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){ border-color:var(--ga-green)!important; background:var(--ga-ok-bg)!important; } html.ga-light body.woocommerce-checkout #shipping_method li input, html.ga-light body.woocommerce-checkout #payment ul.payment_methods li input.input-radio{ width:26px!important; height:26px!important; min-height:0!important; margin:2px 0 0!important; accent-color:var(--ga-green)!important; flex:0 0 26px!important; position:static!important; opacity:1!important; } html.ga-light body.woocommerce-checkout #shipping_method li label, html.ga-light body.woocommerce-checkout #payment ul.payment_methods li label{ flex:1!important; display:block!important; font-size:1.05rem!important; font-weight:700!important; color:var(--ga-ink)!important; margin:0!important; cursor:pointer!important; line-height:1.45!important; } html.ga-light body.woocommerce-checkout #shipping_method li label .amount{ font-weight:900!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout #payment{ background:transparent!important; border:none!important; padding:0!important; border-radius:0!important; box-shadow:none!important; } html.ga-light body.woocommerce-checkout #payment ul.payment_methods{ border:none!important; padding:0!important; margin:0 0 6px!important; background:transparent!important; } html.ga-light body.woocommerce-checkout #payment ul.payment_methods li img{ max-height:28px!important; } html.ga-light body.woocommerce-checkout #payment div.payment_box{ width:100%!important; flex:0 0 100%!important; margin:10px 0 0!important; background:#F4EFE4!important; color:var(--ga-ink)!important; border-radius:var(--ga-r-sm)!important; padding:12px 14px!important; font-size:0.95rem!important; } html.ga-light body.woocommerce-checkout #payment div.payment_box::before{ display:none!important; } html.ga-light body.woocommerce-checkout #payment ul.payment_methods li{ flex-wrap:wrap!important; } html.ga-light body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper, html.ga-light body.woocommerce-checkout .woocommerce-privacy-policy-text p{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a, html.ga-light body.woocommerce-checkout .woocommerce-privacy-policy-text a{ color:var(--ga-gold-text)!important; text-decoration:underline!important; } html.ga-light body.woocommerce-checkout .place-order{ padding:0!important; margin:14px 0 0!important; } html.ga-light body.woocommerce-checkout #place_order{ width:100%!important; min-height:68px!important; font-size:1.2rem!important; font-weight:900!important; border-radius:12px!important; background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html.ga-light body.woocommerce-checkout #place_order:disabled, html.ga-light body.woocommerce-checkout #place_order[disabled]{ background:var(--ga-disabled-bg)!important; color:var(--ga-disabled-ink)!important; -webkit-text-fill-color:var(--ga-disabled-ink)!important; } html.ga-light body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info, html.ga-light body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{ background:#F4EFE4!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-sm)!important; color:var(--ga-ink)!important; font-size:0.95rem!important; padding:12px 16px!important; } html.ga-light body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before, html.ga-light body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before{ display:none!important; } html.ga-light body.woocommerce-checkout .blockUI.blockOverlay{ background:rgba(251,248,241,.7)!important; } /* 結帳頁關掉干擾 */ html.ga-light body.woocommerce-checkout .ga-float-wrap, html.ga-light body.woocommerce-checkout .ga-fab, html.ga-light body.woocommerce-cart .ga-social-top, html.ga-light body.woocommerce-checkout .ga-social-top, html.ga-light body.woocommerce-checkout #ga-exit-overlay, html.ga-light body.woocommerce-cart #ga-exit-overlay, html.ga-light body.woocommerce-checkout .ga-notice, html.ga-light body.woocommerce-cart .ga-notice{ display:none!important; } /* ---- 完成頁（order-received）---- */ html.ga-light body.woocommerce-order-received .woocommerce-order{ max-width:720px!important; margin:0 auto!important; } html.ga-light body.woocommerce-order-received .woocommerce-thankyou-order-received{ text-align:center!important; font-family:"Noto Serif TC","PingFang TC",serif!important; font-size:1.6rem!important; font-weight:900!important; color:var(--ga-seal)!important; border:4px solid var(--ga-seal)!important; border-radius:16px!important; padding:18px!important; margin:14px auto 18px!important; transform:rotate(-2deg); max-width:360px; } html.ga-light body.woocommerce-order-received ul.woocommerce-order-overview{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important; gap:10px!important; list-style:none!important; padding:0!important; margin:0 0 16px!important; } html.ga-light body.woocommerce-order-received ul.woocommerce-order-overview li{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:12px 14px!important; font-size:0.9rem!important; color:var(--ga-ink-2)!important; border-right:1px solid var(--ga-line)!important; margin:0!important; } html.ga-light body.woocommerce-order-received ul.woocommerce-order-overview li strong{ display:block!important; font-size:1.1rem!important; color:var(--ga-ink)!important; margin-top:4px!important; } html.ga-light body.woocommerce-order-received ul.woocommerce-order-overview li.total strong{ color:var(--ga-seal)!important; font-size:1.3rem!important; } html.ga-light body.woocommerce-order-received .woocommerce-bacs-bank-details, html.ga-light body.woocommerce-order-received .woocommerce-order-details, html.ga-light body.woocommerce-order-received .woocommerce-customer-details{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:16px!important; margin:0 0 14px!important; } html.ga-light body.woocommerce-order-received h2, html.ga-light body.woocommerce-order-received h3{ font-size:1.2rem!important; font-weight:900!important; } html.ga-light body.woocommerce-order-received .wc-bacs-bank-details-account-name, html.ga-light body.woocommerce-order-received ul.wc-bacs-bank-details li{ font-size:1.05rem!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-order-received .ga-track{ background:var(--ga-card); border:1px solid var(--ga-line); border-radius:var(--ga-r-md); padding:18px 16px; margin:0 0 14px; } html.ga-light body.woocommerce-order-received .ga-track h4{ font-size:1.05rem; font-weight:800; margin:0 0 14px; } html.ga-light body.woocommerce-order-received .ga-track ol{ list-style:none; margin:0; padding:0; } html.ga-light body.woocommerce-order-received .ga-track li{ display:flex; gap:12px; padding-bottom:18px; position:relative; } html.ga-light body.woocommerce-order-received .ga-track li:not(:last-child)::before{ content:""; position:absolute; left:13px; top:28px; bottom:0; width:2px; background:var(--ga-line); } html.ga-light body.woocommerce-order-received .ga-track .dot{ width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#F1E9D8; border:2px solid var(--ga-line-strong); display:flex; align-items:center; justify-content:center; font-size:.9rem; font-weight:800; color:var(--ga-ink-2); } html.ga-light body.woocommerce-order-received .ga-track li.now .dot{ background:var(--ga-seal); border-color:var(--ga-seal); color:#fff; } html.ga-light body.woocommerce-order-received .ga-track strong{ display:block; font-size:1rem; font-weight:800; color:var(--ga-ink); } html.ga-light body.woocommerce-order-received .ga-track li.now strong{ color:var(--ga-seal); } html.ga-light body.woocommerce-order-received .ga-track span{ font-size:.9rem; color:var(--ga-ink-2); } /* 工坊說明卡（兩頁共用，mu-plugin 注入） */ html.ga-light body .ga-workshop-note{ display:flex; gap:12px; background:var(--ga-card); border:1px dashed var(--ga-gold-deco); border-radius:var(--ga-r-md); padding:14px; margin:12px 0; } html.ga-light body .ga-workshop-note .ic{ font-size:1.6rem; line-height:1; } html.ga-light body .ga-workshop-note h4{ font-size:1rem; font-weight:800; color:var(--ga-gold-text); margin:0; } html.ga-light body .ga-workshop-note p{ font-size:.92rem; color:var(--ga-ink-2); margin:2px 0 0; line-height:1.6; } html:not(.ga-light) body .ga-workshop-note{ display:flex; gap:12px; background:#1e1e1e; border:1px dashed rgba(200,170,110,.5); border-radius:14px; padding:14px; margin:12px 0; color:#e8e0d0; } html:not(.ga-light) body .ga-workshop-note h4{ color:#c8aa6e; font-size:1rem; margin:0; } html:not(.ga-light) body .ga-workshop-note p{ font-size:.92rem; color:#b3b3b3; margin:2px 0 0; } html:not(.ga-light) body .ga-track{ background:#1e1e1e; border:1px solid rgba(200,170,110,.2); border-radius:14px; padding:18px 16px; margin:0 0 14px; color:#e8e0d0; } html:not(.ga-light) body .ga-track ol{ list-style:none; margin:0; padding:0; } html:not(.ga-light) body .ga-track li{ display:flex; gap:12px; padding-bottom:14px; } html:not(.ga-light) body .ga-track .dot{ width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#2a2a2a; border:2px solid #c8aa6e; display:flex; align-items:center; justify-content:center; font-size:.9rem; color:#c8aa6e; } html:not(.ga-light) body .ga-track li.now .dot{ background:#c8aa6e; color:#0f0f0f; } html:not(.ga-light) body .ga-track strong{ display:block; color:#f5f5f5; } html:not(.ga-light) body .ga-track span{ font-size:.9rem; color:#b3b3b3; } @media (max-width:768px){ html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item{ display:grid!important; grid-template-columns:84px 1fr 44px!important; grid-template-areas:"thumb name remove" "thumb price remove" "qty qty subtotal"!important; gap:6px 12px!important; padding:14px!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item td{ display:block!important; padding:0!important; border-radius:0!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item td::before{ display:none!important; } html.ga-light body.woocommerce-cart td.product-thumbnail{ grid-area:thumb; } html.ga-light body.woocommerce-cart td.product-name{ grid-area:name; } html.ga-light body.woocommerce-cart td.product-price{ grid-area:price; } html.ga-light body.woocommerce-cart td.product-remove{ grid-area:remove; justify-self:end; } html.ga-light body.woocommerce-cart td.product-quantity{ grid-area:qty; border-top:1px solid var(--ga-line)!important; padding-top:12px!important; } html.ga-light body.woocommerce-cart td.product-subtotal{ grid-area:subtotal; text-align:right!important; border-top:1px solid var(--ga-line)!important; padding-top:12px!important; align-self:center; } html.ga-light body.woocommerce-cart td.product-subtotal::before{ content:"小計 "!important; display:inline!important; color:var(--ga-ink-2)!important; font-size:0.9rem!important; font-weight:600!important; } html.ga-light body.woocommerce-cart .cart-collaterals .cart_totals{ max-width:none!important; } html.ga-light body.woocommerce-cart .wc-proceed-to-checkout{ display:none!important; } /* 行動版用固定行動列 */ } /* ===== v0.9b：購物車細修 / 手機社群列 / 頁尾資訊 ===== */ html.ga-light body.woocommerce-cart .woocommerce::after, html.ga-light body.woocommerce-checkout form.checkout::before{ width:100%!important; box-sizing:border-box!important; align-self:stretch!important; white-space:normal!important; text-align:center!important; } html.ga-light body.woocommerce-cart td.product-remove a.remove::before, html.ga-light body.woocommerce-cart td.product-remove a.remove::after{ display:none!important; content:none!important; } html.ga-light body.woocommerce-cart td.product-remove a.remove{ font-size:0!important; } html.ga-light body.woocommerce-cart td.product-remove a.remove::before{ display:inline-block!important; content:"✕"!important; font-size:1.1rem!important; font-weight:700!important; } html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-totals td, html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-totals th{ text-align:left!important; } html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-totals td{ text-align:right!important; } html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-totals p, html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-destination{ text-align:right!important; font-size:0.9rem!important; margin:4px 0 0!important; } html.ga-light body.woocommerce-cart .cart_totals .shipping-calculator-button{ color:var(--ga-gold-text)!important; font-size:0.9rem!important; text-decoration:underline!important; } html.ga-light body.woocommerce-cart .cart_totals h2{ background:#F4EFE4!important; margin:-16px -16px 10px!important; padding:12px 16px!important; border-radius:var(--ga-r-md) var(--ga-r-md) 0 0!important; } html.ga-light body.woocommerce-cart .cart_totals .woocommerce-shipping-totals label{ display:inline!important; font-weight:700!important; } /* 頁尾公司資訊（Snippet #60，inline #111 底） */ html.ga-light body .ga-footer-info{ background:#F4EFE4!important; border-top:1px solid var(--ga-line)!important; color:var(--ga-ink-2)!important; font-size:0.9rem!important; max-width:none!important; padding:28px 20px 22px!important; box-shadow:none!important; border-radius:0!important; } html.ga-light body .ga-footer-info *, html.ga-light body .ga-footer-info span, html.ga-light body .ga-footer-info div{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; opacity:1!important; } html.ga-light body .ga-footer-info strong{ color:var(--ga-ink)!important; font-size:1.05rem!important; } html.ga-light body .ga-footer-info a, html.ga-light body .ga-footer-links a{ color:var(--ga-gold-text)!important; font-size:0.95rem!important; text-decoration:underline!important; text-underline-offset:3px!important; padding:6px 4px!important; display:inline-block!important; min-height:36px!important; } html.ga-light body .ga-footer-info img{ opacity:1!important; filter:none!important; } /* ===== 全域（兩套皮膚）：手機頂部社群膠囊只留嚴選＋專營直播 ===== */ @media (max-width:544px){ body .ga-social-top a:not([href*="goldage123"]):not([href*="882fqisw"]){ display:none!important; } body .ga-social-top{ flex-wrap:nowrap!important; overflow-x:auto!important; justify-content:center!important; padding:8px 12px!important; gap:8px!important; } body .ga-social-top a{ white-space:nowrap!important; min-height:44px!important; } } /* v0.9c：結帳版面與外層底色 */ html.ga-light body.woocommerce-cart #page, html.ga-light body.woocommerce-checkout #page, html.ga-light body.woocommerce-cart .site, html.ga-light body.woocommerce-checkout .site, html.ga-light body.woocommerce-cart #content, html.ga-light body.woocommerce-checkout #content, html.ga-light body.woocommerce-cart .site-content, html.ga-light body.woocommerce-checkout .site-content, html.ga-light body.woocommerce-cart .ast-separate-container, html.ga-light body.woocommerce-checkout .ast-separate-container, html.ga-light body.woocommerce-account #page, html.ga-light body.woocommerce-account .site-content, html.ga-light body.woocommerce-cart #primary, html.ga-light body.woocommerce-checkout #primary, html.ga-light body.woocommerce-cart main, html.ga-light body.woocommerce-checkout main{ background:var(--ga-paper)!important; background-image:none!important; } html.ga-light body.woocommerce-checkout .woocommerce .col2-set, html.ga-light body.woocommerce-checkout #customer_details.col2-set{ width:100%!important; display:block!important; } html.ga-light body.woocommerce-checkout .woocommerce .col2-set .col-1, html.ga-light body.woocommerce-checkout .woocommerce .col2-set .col-2, html.ga-light body.woocommerce-checkout #customer_details .col-1, html.ga-light body.woocommerce-checkout #customer_details .col-2{ width:100%!important; max-width:none!important; float:none!important; flex:none!important; margin:0 0 16px!important; padding:0!important; } html.ga-light body.woocommerce-checkout #order_review{ width:100%!important; min-width:0!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table{ width:100%!important; display:table!important; } html.ga-light body.woocommerce-checkout .woocommerce{ width:100%!important; } html.ga-light body.woocommerce-checkout .form-row-first, html.ga-light body.woocommerce-checkout .form-row-last{ width:100%!important; float:none!important; } @media (min-width:640px){ html.ga-light body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{ display:grid!important; grid-template-columns:1fr 1fr!important; column-gap:12px!important; } html.ga-light body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field, html.ga-light body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_2_field, html.ga-light body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field, html.ga-light body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field{ grid-column:1 / -1; } } /* v0.9d：結帳桌機兩欄的列配置（摘要緊貼標題） */ @media (min-width:900px){ html.ga-light body.woocommerce-checkout form.checkout{ grid-template-rows:auto auto 1fr!important; } html.ga-light body.woocommerce-checkout form.checkout::before{ grid-row:1!important; grid-column:1 / -1!important; } html.ga-light body.woocommerce-checkout #customer_details{ grid-column:1!important; grid-row:2 / span 2!important; } html.ga-light body.woocommerce-checkout #order_review_heading{ grid-column:2!important; grid-row:2!important; align-self:start!important; } html.ga-light body.woocommerce-checkout #order_review{ grid-column:2!important; grid-row:3!important; align-self:start!important; } } html.ga-light body.woocommerce-checkout .woocommerce-account-fields, html.ga-light body.woocommerce-checkout .create-account{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:12px 16px!important; margin:0 0 16px!important; } html.ga-light body.woocommerce-checkout .woocommerce-account-fields label{ display:flex!important; align-items:center!important; gap:10px!important; font-size:1.05rem!important; min-height:44px!important; } html.ga-light body.woocommerce-checkout .woocommerce-account-fields input[type=checkbox]{ width:24px!important; height:24px!important; min-height:0!important; } /* v0.9e：結帳標題框 / 總計色 */ html.ga-light body.woocommerce-checkout #order_review_heading{ background:transparent!important; border:none!important; box-shadow:none!important; padding:0 4px!important; margin:0 0 -6px!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td *, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total strong{ color:var(--ga-seal)!important; font-size:1.7rem!important; font-weight:900!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total *{ font-weight:800!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart-subtotal td, html.ga-light body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart-subtotal td *{ color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout #shipping_method li label{ text-align:left!important; } html.ga-light body.woocommerce-checkout #shipping_method li:has(input:checked) label .amount{ color:var(--ga-green)!important; } /* ===== v1.0a：內頁細修 ===== */ /* 文章頁：版心放寬、標題區 */ html.ga-light body.single-post .ast-container, html.ga-light body.single-post #primary, html.ga-light body.single-post .site-content .ast-container{ max-width:860px!important; } html.ga-light body.single-post .ast-article-single, html.ga-light body.single-post .ast-article-post{ padding:28px 32px!important; } html.ga-light body.single-post .entry-header{ border-bottom:1px solid var(--ga-line)!important; padding-bottom:12px!important; margin-bottom:18px!important; } html.ga-light body.single-post h1.entry-title{ font-size:1.9rem!important; line-height:1.4!important; } html.ga-light body.single-post .entry-content h2{ font-size:1.45rem!important; margin:32px 0 12px!important; padding-left:12px!important; border-left:4px solid var(--ga-gold-deco)!important; } html.ga-light body.single-post .entry-content h3{ font-size:1.2rem!important; margin:24px 0 8px!important; } html.ga-light body.single-post .entry-content img{ border-radius:var(--ga-r-md)!important; } @media (max-width:544px){ html.ga-light body.single-post .ast-article-single, html.ga-light body.single-post .ast-article-post{ padding:18px 16px!important; } html.ga-light body.single-post h1.entry-title{ font-size:1.5rem!important; } } /* 頁面頂端空白條（被隱藏的 entry-header 容器） */ html.ga-light body.page .ast-article-single > .entry-header, html.ga-light body.page .ast-article-post > .entry-header{ display:none!important; } html.ga-light body.page .ast-article-single, html.ga-light body.page .ast-article-post{ padding-top:0!important; } html.ga-light body.page .ast-article-single .entry-content > :first-child{ margin-top:0!important; } /* 加 LINE 類按鈕一律 LINE 綠（文案含「LINE」的 ga-btn） */ html.ga-light body a.ga-btn[href*="lin.ee"], html.ga-light body a.ga-btn[href*="line.me"], html.ga-light body a[href*="lin.ee"].wp-block-button__link, html.ga-light body .entry-content a[href*="lin.ee"].ga-btn, html.ga-light body .entry-content a[href*="lin.ee"].wp-block-button__link, html.ga-light body a[href*="lin.ee"][style*="background"]{ background:var(--ga-green)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } /* 文章頁社群頂列對齊 */ html.ga-light body.single-post .ga-social-top{ justify-content:center!important; } /* v1.0b：梵藝時代落地頁（.fy） */ html.ga-light body .fy, html.ga-light body .fy p, html.ga-light body .fy li, html.ga-light body .fy .tile strong, html.ga-light body .fy h1, html.ga-light body .fy h2, html.ga-light body .fy h3, html.ga-light body .fy h4{ color:var(--ga-ink)!important; } html.ga-light body .fy .mute, html.ga-light body .fy .center.mute, html.ga-light body .fy .foot{ color:var(--ga-ink-2)!important; font-size:0.95rem!important; } html.ga-light body .fy p{ font-size:1.05rem!important; } html.ga-light body .fy .card{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body .fy .card .t, html.ga-light body .fy .brand, html.ga-light body .fy .faq strong, html.ga-light body .fy a.link{ color:var(--ga-gold-text)!important; } html.ga-light body .fy .rule{ background:var(--ga-gold-deco)!important; } html.ga-light body .fy .ph{ background:#F1E9D8!important; border:1px solid var(--ga-line)!important; color:var(--ga-ink-2)!important; border-radius:var(--ga-r-md)!important; } html.ga-light body .fy .btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:60px!important; padding:0 22px!important; border-radius:12px!important; font-weight:800!important; font-size:1.08rem!important; text-decoration:none!important; letter-spacing:.04em!important; } html.ga-light body .fy .btn.p{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:none!important; } html.ga-light body .fy .btn.s{ background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; } html.ga-light body .fy .seal{ background:var(--ga-seal)!important; border-radius:8px!important; } html.ga-light body .fy a.link{ border-bottom-color:var(--ga-gold-deco)!important; } /* v1.0c：線上選購 / WooCommerce 頁面外層（Snippet #61 的 body.woocommerce-page … #content 清單） */ html.ga-light body.woocommerce-page, html.ga-light body.woocommerce-page .site-content, html.ga-light body.post-type-archive-product .site-content, html.ga-light body.page-id-750 .site-content, html.ga-light body.woocommerce-page #primary, html.ga-light body.woocommerce-page .ast-container, html.ga-light body.woocommerce-page .content-area, html.ga-light body.woocommerce-page article, html.ga-light body.woocommerce-page .entry-content, html.ga-light body.woocommerce-page #content, html.ga-light body.woocommerce-page #page, html.ga-light body.woocommerce-page main, html.ga-light body.single-product .site-content, html.ga-light body.single-product #primary, html.ga-light body.single-product #content, html.ga-light body.single-product .ast-container, html.ga-light body.tax-product_cat .site-content, html.ga-light body.tax-product_cat #primary{ background:var(--ga-paper)!important; background-image:none!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-page .entry-header, html.ga-light body.page-id-750 h1.entry-title, html.ga-light body.woocommerce-page .woocommerce-products-header{ display:none!important; } html.ga-light body.woocommerce-page .ast-breadcrumbs, html.ga-light body.woocommerce-page .trail-items, html.ga-light body.woocommerce-page .ast-breadcrumbs a{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; } html.ga-light body.woocommerce-page .woocommerce ul.products li.product{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; overflow:hidden!important; } html.ga-light body.woocommerce-page .woocommerce ul.products li.product .button, html.ga-light body .woocommerce ul.products li.product .ga-loop-btn a{ background:var(--ga-gold-text)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:10px!important; min-height:52px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:100%!important; font-weight:800!important; } html.ga-light body .woocommerce ul.products li.product .ga-loop-space{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body .woocommerce-page .woocommerce-result-count, html.ga-light body .woocommerce-page .woocommerce-ordering select{ color:var(--ga-ink)!important; background:#fff!important; border-color:var(--ga-line-strong)!important; } /* 全站 WC CTA 區塊（想對版再決定） */ html.ga-light body .ga-wc-cta{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body .ga-wc-cta p, html.ga-light body .ga-wc-cta strong{ color:var(--ga-ink)!important; font-size:1.05rem!important; } html.ga-light body .ga-wc-cta-actions a{ min-height:56px!important; border-radius:12px!important; font-weight:800!important; } html.ga-light body .ga-wc-cta-actions a:not(.ga-line){ background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:2px solid var(--ga-line-strong)!important; } /* v1.0d：商品列表卡（注意：archive 頁 .woocommerce 是 body 的 class，選擇器不能寫 body .woocommerce） */ html.ga-light body ul.products li.product, html.ga-light body.woocommerce ul.products li.product, html.ga-light body.woocommerce-page ul.products li.product, html.ga-light body .wc-block-grid__product{ background:var(--ga-card)!important; background-image:none!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important; padding:12px 12px 16px!important; overflow:hidden!important; } html.ga-light body ul.products li.product:hover{ border-color:var(--ga-line-strong)!important; box-shadow:var(--ga-shadow-hover)!important; } html.ga-light body ul.products li.product a img{ border-radius:var(--ga-r-sm)!important; background:#F1E9D8!important; } html.ga-light body ul.products li.product .woocommerce-loop-product__title, html.ga-light body ul.products li.product .ast-woo-product-category, html.ga-light body ul.products li.product .price, html.ga-light body ul.products li.product .ga-price, html.ga-light body ul.products li.product .ga-loop-space, html.ga-light body ul.products li.product .ga-price-note{ color:var(--ga-ink)!important; } html.ga-light body ul.products li.product .woocommerce-loop-product__title{ font-size:1.1rem!important; font-weight:800!important; } html.ga-light body ul.products li.product .ast-woo-product-category, html.ga-light body ul.products li.product .ga-loop-space, html.ga-light body ul.products li.product .ga-price-note{ color:var(--ga-ink-2)!important; font-size:0.9rem!important; } html.ga-light body ul.products li.product .price, html.ga-light body ul.products li.product .ga-price{ color:var(--ga-seal)!important; font-weight:800!important; font-size:1.05rem!important; } html.ga-light body ul.products li.product .button, html.ga-light body ul.products li.product .ga-loop-btn a, html.ga-light body ul.products li.product a.button.product_type_external{ background:var(--ga-green)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:none!important; border-radius:10px!important; min-height:52px!important; width:100%!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-weight:800!important; font-size:1rem!important; margin-top:10px!important; } html.ga-light body ul.products li.product .ast-on-card-button{ background:var(--ga-seal)!important; color:#fff!important; border-radius:50%!important; width:44px!important; height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body ul.products li.product .ast-on-card-button svg, html.ga-light body ul.products li.product .ast-on-card-button .ast-icon{ fill:#fff!important; color:#fff!important; } html.ga-light body .woocommerce-result-count, html.ga-light body.woocommerce-page .woocommerce-result-count{ background:transparent!important; color:var(--ga-ink-2)!important; font-size:0.95rem!important; border:none!important; } html.ga-light body .woocommerce-ordering select, html.ga-light body.woocommerce-page .woocommerce-ordering select, html.ga-light body select.orderby{ background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-line-strong)!important; border-radius:10px!important; min-height:48px!important; padding:0 36px 0 14px!important; font-size:1rem!important; } html.ga-light body.archive.woocommerce .site-content, html.ga-light body.post-type-archive-product #primary, html.ga-light body.post-type-archive-product .ast-container{ background:var(--ga-paper)!important; } html.ga-light body.woocommerce.archive h1.page-title, html.ga-light body.woocommerce .woocommerce-products-header__title{ display:block!important; font-size:1.6rem!important; margin:0 0 10px!important; color:var(--ga-ink)!important; } /* ===== v1.0e：自動產生 body.woocommerce 變體（archive/single 頁 .woocommerce 在 body 上） ===== */ html.ga-light body.woocommerce a.button, html.ga-light body.woocommerce button.button, html.ga-light body.woocommerce #respond input#submit, html.ga-light body.woocommerce .single_add_to_cart_button, html.ga-light body.woocommerce .checkout-button{display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:60px!important; padding:0 22px!important; border:none!important; border-radius:12px!important; background:var(--ga-gold-text)!important; color:#fff!important; background-image:none!important; font-family:inherit!important; font-size:1.08rem!important; font-weight:800!important; line-height:1.25!important; letter-spacing:.02em!important; box-shadow:0 1px 3px rgba(33,27,22,.12)!important; text-decoration:none!important; text-shadow:none!important; transition:transform .08s ease,filter .15s ease!important;} html.ga-light body.woocommerce a.button:hover{filter:brightness(1.08)!important; transform:none!important; color:#fff!important;} html.ga-light body.woocommerce .single_add_to_cart_button, html.ga-light body.woocommerce .checkout-button{background:var(--ga-seal)!important; color:#fff!important; min-height:64px!important;} @media (max-width:544px){html.ga-light body.woocommerce .single_add_to_cart_button{width:100%!important;}} html.ga-light body.woocommerce ul.products li.product, html.ga-light body.woocommerce div.product .summary, html.ga-light body.woocommerce div.product .woocommerce-tabs, html.ga-light body.woocommerce div.product .related{background:var(--ga-card)!important; background-image:none!important; color:var(--ga-ink)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; box-shadow:var(--ga-shadow-card)!important;} html.ga-light body.woocommerce *{text-shadow:none!important;} html.ga-light body.woocommerce .price, html.ga-light body.woocommerce span.price, html.ga-light body.woocommerce .amount, html.ga-light body.woocommerce div.product p.price, html.ga-light body.woocommerce ul.products li.product .price{color:var(--ga-seal)!important; font-weight:900!important; font-variant-numeric:tabular-nums;} html.ga-light body.woocommerce ul.products li.product .price{font-size:1.3rem!important;} html.ga-light body.woocommerce div.product p.price{font-size:1.8rem!important;} html.ga-light body.woocommerce del .amount, html.ga-light body.woocommerce del{color:var(--ga-ink-2)!important; font-weight:500!important;} html.ga-light body.woocommerce ul.products li.product .woocommerce-loop-product__title, html.ga-light body.woocommerce div.product .product_title{color:var(--ga-ink)!important;} html.ga-light body.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.1rem!important; font-weight:700!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} html.ga-light body.woocommerce div.product form.cart{background:#F4EFE4!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:16px!important;} html.ga-light body.woocommerce div.product form.cart .quantity .qty{background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:var(--ga-r-sm)!important; min-height:52px!important; font-size:1.1rem!important; font-weight:800!important;} html.ga-light body.woocommerce form .form-row input.input-text, html.ga-light body.woocommerce form .form-row textarea, html.ga-light body.woocommerce form .form-row select{background:#fff!important; color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:var(--ga-r-sm)!important; min-height:52px!important; font-size:1rem!important; padding:10px 14px!important; box-shadow:none!important;} html.ga-light body.woocommerce form .form-row input.input-text:focus{outline:3px solid var(--ga-seal)!important; outline-offset:1px!important; border-color:var(--ga-seal)!important;} html.ga-light body.woocommerce form .form-row label{color:var(--ga-ink)!important; font-weight:700!important; font-size:1rem!important; display:block; margin-bottom:6px;} html.ga-light body.woocommerce form .form-row.woocommerce-invalid .input-text{border-color:var(--ga-seal)!important;} html.ga-light body.woocommerce div.product form.cart .single_add_to_cart_button, html.ga-light body.woocommerce div.product form.cart .single_add_to_cart_button:hover{background:var(--ga-seal)!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:none!important; border-radius:12px!important; min-height:64px!important; padding:0 28px!important; font-size:1.15rem!important; font-weight:800!important; box-shadow:0 2px 6px rgba(33,27,22,.15)!important; letter-spacing:.02em!important;} html.ga-light body.woocommerce div.product form.cart .quantity .qty, html.ga-light body.woocommerce .quantity input[type=number]{background:#fff!important; color:var(--ga-ink)!important; -webkit-text-fill-color:var(--ga-ink)!important; border:1.5px solid var(--ga-ink-2)!important; border-radius:10px!important; min-height:64px!important; width:84px!important; font-size:1.25rem!important; font-weight:800!important; text-align:center!important; padding:0 8px!important;} html.ga-light body.woocommerce div.product p.price, html.ga-light body.woocommerce div.product span.price, html.ga-light body.woocommerce div.product p.price .amount, html.ga-light body.woocommerce div.product span.price .amount, html.ga-light body.woocommerce ul.products li.product .price .amount{color:var(--ga-seal)!important; font-weight:900!important; font-size:1.8rem!important; font-variant-numeric:tabular-nums;} html.ga-light body.woocommerce div.product .product_meta, html.ga-light body.woocommerce div.product .product_meta *, html.ga-light body.woocommerce div.product .stock{color:var(--ga-ink-2)!important; font-size:0.95rem!important;} html.ga-light body.woocommerce div.product .stock.in-stock{color:var(--ga-green)!important; font-weight:700!important;} html.ga-light body.woocommerce div.product .woocommerce-breadcrumb, html.ga-light body.woocommerce .woocommerce-breadcrumb a{color:var(--ga-ink-2)!important; font-size:0.9rem!important;} html.ga-light body.woocommerce div.product div.images img{border-radius:var(--ga-r-md)!important;} html.ga-light body.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:1rem!important; font-weight:700!important; padding:12px 18px!important;} html.ga-light body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ga-seal)!important;} html.ga-light body.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--ga-seal)!important;} html.ga-light body.woocommerce div.product .woocommerce-tabs .panel p{font-size:1.05rem!important; line-height:1.85!important;} html.ga-light body.woocommerce .price bdi, html.ga-light body.woocommerce .amount bdi{color:var(--ga-seal)!important; font-weight:900!important;} html.ga-light body.woocommerce ul.products li.product .ga-loop-btn a{background:var(--ga-gold-text)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-radius:10px!important; min-height:52px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:100%!important; font-weight:800!important;} html.ga-light body.woocommerce ul.products li.product .ga-loop-space{font-size:0.9rem!important; color:var(--ga-ink-2)!important;} /* v1.0f：會員頁社群登入按鈕（miniOrange） */ html.ga-light body .mo-openid-app-icons a, html.ga-light body .mo-openid-app-icons a *, html.ga-light body .mo_btn-mo, html.ga-light body .mo_btn-mo *, html.ga-light body .mo-openid-app-icons .mo_btn{ color:#fff!important; -webkit-text-fill-color:#fff!important; text-decoration:none!important; } html.ga-light body .mo-openid-app-icons a{ min-height:48px!important; display:inline-flex!important; align-items:center!important; border-radius:10px!important; font-weight:700!important; font-size:1rem!important; padding:0 14px!important; margin:4px 0!important; } html.ga-light body .mo-openid-app-icons p, html.ga-light body .mo-openid-app-icons .mo_openid_app_icons_heading{ color:var(--ga-ink-2)!important; font-size:0.95rem!important; } html.ga-light body .woocommerce-form-login, html.ga-light body .woocommerce-form-register, html.ga-light body.woocommerce-account form.login, html.ga-light body.woocommerce-account form.register{ background:var(--ga-card)!important; border:1px solid var(--ga-line)!important; border-radius:var(--ga-r-md)!important; padding:20px!important; box-shadow:var(--ga-shadow-card)!important; } html.ga-light body.woocommerce-account .woocommerce-privacy-policy-text p{ font-size:0.9rem!important; color:var(--ga-ink-2)!important; } html.ga-light body.woocommerce-account button.woocommerce-form-login__submit, html.ga-light body.woocommerce-account button.woocommerce-form-register__submit{ min-height:60px!important; min-width:160px!important; border-radius:12px!important; background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-weight:800!important; font-size:1.1rem!important; } html.ga-light body.woocommerce-account .woocommerce-LostPassword a{ color:var(--ga-gold-text)!important; text-decoration:underline!important; } /* v1.0g：行動版購物車溢出修正 */ @media (max-width:768px){ html.ga-light body.woocommerce-cart .woocommerce{ padding-left:12px!important; padding-right:12px!important; overflow-x:hidden!important; } html.ga-light body.woocommerce-cart table.shop_table.cart, html.ga-light body.woocommerce-cart table.shop_table.cart tbody, html.ga-light body.woocommerce-cart table.shop_table.cart tr{ display:block!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } html.ga-light body.woocommerce-cart table.shop_table.cart{ border-spacing:0!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item{ display:grid!important; margin:0 0 12px!important; width:100%!important; box-sizing:border-box!important; grid-template-columns:84px minmax(0,1fr) 44px!important; } html.ga-light body.woocommerce-cart td.product-name{ min-width:0!important; overflow-wrap:anywhere!important; } html.ga-light body.woocommerce-cart td.product-subtotal{ justify-self:end!important; } html.ga-light body.woocommerce-cart td.product-remove a.remove{ margin:0!important; } html.ga-light body.woocommerce-cart table.shop_table.cart td.actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; box-sizing:border-box!important; padding:8px 0 0!important; } html.ga-light body.woocommerce-cart td.actions .coupon{ width:100%!important; flex:none!important; display:flex!important; } html.ga-light body.woocommerce-cart td.actions .coupon input#coupon_code{ flex:1 1 auto!important; min-width:0!important; width:1%!important; } html.ga-light body.woocommerce-cart td.actions .coupon button{ flex:0 0 auto!important; } html.ga-light body.woocommerce-cart button[name="update_cart"]{ width:100%!important; } html.ga-light body.woocommerce-cart .cart-collaterals, html.ga-light body.woocommerce-cart .cart-collaterals .cart_totals{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } html.ga-light body.woocommerce-cart td.product-price .amount, html.ga-light body.woocommerce-cart td.product-subtotal .amount{ font-size:1.15rem!important; white-space:nowrap!important; } } /* v1.0h：行動版購物車收尾（浮動鈕讓位給固定行動列、文字對齊） */ @media (max-width:768px){ html.ga-light body.woocommerce-cart .ga-float-wrap, html.ga-light body.woocommerce-cart .ga-fab, html.ga-light body.woocommerce-checkout .ga-float-wrap{ display:none!important; } html.ga-light body.woocommerce-cart td.product-name, html.ga-light body.woocommerce-cart td.product-name a{ text-align:left!important; font-size:1rem!important; } html.ga-light body.woocommerce-cart td.product-price{ text-align:left!important; } html.ga-light body.woocommerce-cart td.product-quantity{ justify-self:start!important; } html.ga-light body.woocommerce-cart td.product-subtotal{ text-align:right!important; white-space:nowrap!important; } html.ga-light body.woocommerce-cart td.product-thumbnail img{ width:84px!important; height:84px!important; } html.ga-light body.woocommerce-cart .ga-sticky-cta{ padding-left:12px!important; padding-right:12px!important; } html.ga-light body.woocommerce-cart .ga-sticky-btn{ min-height:56px!important; font-size:1.05rem!important; } html.ga-light body.woocommerce-cart .woocommerce{ padding-bottom:120px!important; } } /* ===== v1.1：浮動購物車入口（兩套皮膚）、手機留白、深色熱修 ===== */ body #ga-float-cart{ position:fixed; right:16px; bottom:212px; z-index:99990; display:inline-flex; align-items:center; gap:8px; min-height:52px; padding:0 18px 0 14px; border-radius:999px; text-decoration:none; font-weight:800; font-size:1rem; box-shadow:0 4px 16px rgba(0,0,0,.25); } body #ga-float-cart .ga-fc-ic{ font-size:1.3rem; line-height:1; } body #ga-float-cart .ga-cart-count{ min-width:26px; height:26px; padding:0 7px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:.9rem; font-weight:900; } html:not(.ga-light) body #ga-float-cart{ background:#c9a961; color:#0f0f0f; border:1px solid rgba(0,0,0,.2); } html:not(.ga-light) body #ga-float-cart .ga-cart-count{ background:#0f0f0f; color:#c9a961; } html.ga-light body #ga-float-cart{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:none!important; box-shadow:0 4px 16px rgba(195,39,43,.35)!important; } html.ga-light body #ga-float-cart .ga-cart-count{ background:#fff!important; color:var(--ga-seal)!important; -webkit-text-fill-color:var(--ga-seal)!important; } @media (max-width:768px){ body #ga-float-cart{ right:12px; bottom:196px; min-height:48px; } body #ga-float-cart .ga-fc-txt{ display:none; } body #ga-float-cart{ padding:0 12px; } } /* 深色正式版：商品頁加入購物車至少 52px（007 #4） */ html:not(.ga-light) body .woocommerce div.product form.cart .single_add_to_cart_button, html:not(.ga-light) body.single-product form.cart .single_add_to_cart_button{ min-height:52px!important; padding:0 24px!important; font-size:1.05rem!important; } /* 手機留白：容器 12px、區塊內距 12px（007 #3） */ @media (max-width:544px){ html.ga-light body .ast-container, html.ga-light body .ast-separate-container .ast-article-single, html.ga-light body .ast-separate-container .ast-article-post{ padding-left:12px!important; padding-right:12px!important; } html.ga-light body .ga-section, html.ga-light body .ga-hero, html.ga-light body .ga-hub-section, html.ga-light body .entry-content > .wp-block-group{ padding-left:12px!important; padding-right:12px!important; } html.ga-light body.woocommerce-cart .woocommerce, html.ga-light body.woocommerce-checkout .woocommerce{ padding-left:8px!important; padding-right:8px!important; } html.ga-light body.woocommerce-checkout .woocommerce-billing-fields, html.ga-light body.woocommerce-checkout .woocommerce-shipping-fields, html.ga-light body.woocommerce-checkout .woocommerce-additional-fields, html.ga-light body.woocommerce-checkout #order_review{ padding:14px 12px!important; } html.ga-light body.woocommerce-cart table.shop_table.cart tr.cart_item{ padding:12px!important; } html.ga-light body .ga-card, html.ga-light body .ga-stat{ padding:14px!important; } html.ga-light body.page .ast-article-single{ padding-left:8px!important; padding-right:8px!important; } } /* v1.1b：浮動購物車子元素字色、手機留白再收 */ html.ga-light body #ga-float-cart, html.ga-light body #ga-float-cart .ga-fc-ic, html.ga-light body #ga-float-cart .ga-fc-txt{ color:#fff!important; -webkit-text-fill-color:#fff!important; } html:not(.ga-light) body #ga-float-cart, html:not(.ga-light) body #ga-float-cart .ga-fc-ic, html:not(.ga-light) body #ga-float-cart .ga-fc-txt{ color:#0f0f0f!important; -webkit-text-fill-color:#0f0f0f!important; } @media (max-width:544px){ html.ga-light body.woocommerce-cart .ast-container, html.ga-light body.woocommerce-checkout .ast-container, html.ga-light body.woocommerce-cart #primary, html.ga-light body.woocommerce-checkout #primary, html.ga-light body.woocommerce-cart .site-content > .ast-container, html.ga-light body.woocommerce-checkout .site-content > .ast-container{ padding-left:0!important; padding-right:0!important; } html.ga-light body.woocommerce-cart .woocommerce, html.ga-light body.woocommerce-checkout .woocommerce{ padding-left:10px!important; padding-right:10px!important; } html.ga-light body.woocommerce-checkout .woocommerce-billing-fields, html.ga-light body.woocommerce-checkout .woocommerce-shipping-fields, html.ga-light body.woocommerce-checkout .woocommerce-additional-fields, html.ga-light body.woocommerce-checkout #order_review, html.ga-light body.woocommerce-checkout .woocommerce-account-fields{ padding:12px 10px!important; } html.ga-light body.woocommerce-checkout .form-row{ margin-bottom:12px!important; } html.ga-light body .ast-container, html.ga-light body .site-content .ast-container{ padding-left:10px!important; padding-right:10px!important; } html.ga-light body .ga-hero, html.ga-light body .ga-section{ padding-left:10px!important; padding-right:10px!important; } } /* v1.2：手機商品頁加購鈕滿版（數量在上一行） */ @media (max-width:544px){ html.ga-light body.single-product .woocommerce div.product form.cart, html.ga-light body.single-product form.cart{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; } html.ga-light body.single-product form.cart .quantity{ flex:0 0 auto!important; } html.ga-light body.single-product form.cart .single_add_to_cart_button{ flex:1 1 100%!important; width:100%!important; margin:0!important; } } /* ===== v1.3：首頁線香區 / 空車推薦（兩套皮膚） ===== */ body .ga-incense-section{ padding:40px 16px; max-width:1160px; margin:0 auto; } body .ga-incense-section h2{ text-align:center; } body .ga-incense-section .ga-section-sub{ text-align:center; } body .ga-incense-lead{ text-align:center; font-size:1.05rem; margin:0 auto 22px; max-width:720px; } body .ga-incense-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } body .ga-incense-card{ display:flex; flex-direction:column; overflow:hidden; padding:0!important; } body .ga-incense-card img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; } body .ga-incense-body{ padding:16px; display:flex; flex-direction:column; gap:6px; flex:1; } body .ga-incense-body h3{ font-size:1.2rem; margin:0; } body .ga-incense-body h3 a{ text-decoration:none; color:inherit; } body .ga-incense-sub{ font-size:.92rem; margin:0; opacity:.85; } body .ga-incense-body p{ margin:0; font-size:.98rem; line-height:1.7; } body .ga-incense-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:10px; flex-wrap:wrap; } body .ga-incense-price{ font-size:1.5rem; font-weight:900; font-variant-numeric:tabular-nums; } body .ga-incense-row .ga-btn{ flex:1 1 auto; min-height:52px; border-radius:12px; font-weight:800; text-align:center; } body .ga-empty-suggest{ max-width:1000px; margin:18px auto 0; text-align:center; } body .ga-empty-suggest h3{ font-size:1.3rem; margin:0 0 6px; } body .ga-empty-suggest .ga-incense-grid{ text-align:left; margin-top:14px; } body .ga-empty-more{ margin-top:16px; font-size:1rem; } @media (max-width:768px){ body .ga-incense-grid{ grid-template-columns:1fr 1fr; } } @media (max-width:544px){ body .ga-incense-grid{ grid-template-columns:1fr; } body .ga-incense-section{ padding:28px 10px; } } /* 深色皮膚 */ html:not(.ga-light) body .ga-incense-section h2, html:not(.ga-light) body .ga-incense-body h3 a{ color:#f2eee6; } html:not(.ga-light) body .ga-incense-lead, html:not(.ga-light) body .ga-incense-body p{ color:#e8e0d0; } html:not(.ga-light) body .ga-incense-lead a{ color:#c8aa6e; } html:not(.ga-light) body .ga-incense-price{ color:#c8aa6e; } html:not(.ga-light) body .ga-incense-row .ga-btn{ background:#c9a961; color:#0f0f0f!important; } html:not(.ga-light) body .ga-empty-suggest, html:not(.ga-light) body .ga-empty-suggest h3, html:not(.ga-light) body .ga-empty-suggest p{ color:#e8e0d0; } html:not(.ga-light) body .ga-empty-more a{ color:#c8aa6e; } /* 亮色皮膚 */ html.ga-light body .ga-incense-section{ background:#FFF7E6!important; border-top:1px solid var(--ga-line)!important; border-bottom:1px solid var(--ga-line)!important; max-width:none!important; } html.ga-light body .ga-incense-section > *{ max-width:1160px; margin-left:auto; margin-right:auto; } html.ga-light body .ga-incense-lead{ color:var(--ga-ink)!important; } html.ga-light body .ga-incense-lead a{ color:var(--ga-gold-text)!important; text-decoration:underline!important; } html.ga-light body .ga-incense-price{ color:var(--ga-seal)!important; } html.ga-light body .ga-incense-row .ga-btn, html.ga-light body .ga-btn-buy{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html.ga-light body .ga-incense-sub{ color:var(--ga-ink-2)!important; } html.ga-light body .ga-empty-suggest h3, html.ga-light body .ga-empty-suggest p{ color:var(--ga-ink)!important; } html.ga-light body .ga-empty-more a{ color:var(--ga-gold-text)!important; text-decoration:underline!important; } html.ga-light body.woocommerce-cart .cart-empty{ font-size:1.2rem!important; } /* v1.3b：8 項選單一行放得下 */ html.ga-light body #masthead .main-header-menu .menu-link{ padding-left:10px!important; padding-right:10px!important; font-size:0.98rem!important; letter-spacing:0!important; white-space:nowrap!important; } html.ga-light body #masthead .ast-builder-menu-1 .main-header-menu{ flex-wrap:nowrap!important; } @media (min-width:922px) and (max-width:1200px){ html.ga-light body #masthead .main-header-menu .menu-link{ padding-left:7px!important; padding-right:7px!important; font-size:0.92rem!important; } } html.ga-light body.woocommerce-cart .woocommerce::after{ background:#F4EFE4!important; padding:8px 12px!important; line-height:1.6!important; } /* ===== v1.4：007 走查修正 ===== */ /* 2) 社群列手機改回文件流，不再蓋住站名；桌機 body 上緣留 48px */ @media (max-width:768px){ html.ga-light body .ga-social-top{ position:static!important; z-index:auto!important; } html.ga-light body{ padding-top:0!important; } } @media (min-width:769px){ html.ga-light body{ padding-top:48px!important; } html.ga-light body .ga-social-top{ min-height:48px!important; align-items:center!important; } } /* 首頁線香區緊接跑馬燈 */ html.ga-light body .ga-incense-section{ padding-top:28px!important; } html.ga-light body .ga-incense-row{ gap:8px!important; } html.ga-light body .ga-incense-row .ga-btn-detail{ flex:0 0 auto!important; min-height:52px!important; padding:0 14px!important; } html.ga-light body .ga-incense-row .ga-ajax-add{ flex:1 1 auto!important; } body .ga-ajax-add.loading{ opacity:.7; pointer-events:none; } /* 3)/4) 吸底行動列（兩套皮膚） */ body #ga-sticky-buy, body #ga-sticky-pay{ position:fixed; left:0; right:0; bottom:0; z-index:99980; display:none; align-items:center; gap:12px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -4px 18px rgba(0,0,0,.18); } body #ga-sticky-buy.show, body #ga-sticky-pay.show{ display:flex; } body #ga-sticky-buy .ga-sb-info, body #ga-sticky-pay .ga-sp-info{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; line-height:1.25; } body #ga-sticky-buy .ga-sb-name{ font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body #ga-sticky-buy .ga-sb-price, body #ga-sticky-pay .ga-sp-total{ font-size:1.3rem; font-weight:900; font-variant-numeric:tabular-nums; } body #ga-sticky-buy .ga-sb-price *{ font-size:inherit!important; } body #ga-sticky-pay small{ font-size:.8rem; } body #ga-sticky-buy .ga-sb-btn, body #ga-sticky-pay .ga-sp-btn{ flex:0 0 auto; min-height:56px; padding:0 22px; border:none; border-radius:12px; font-weight:900; font-size:1.05rem; cursor:pointer; font-family:inherit; } html:not(.ga-light) body #ga-sticky-buy, html:not(.ga-light) body #ga-sticky-pay{ background:#1a1a1a; color:#e8e0d0; border-top:1px solid rgba(200,170,110,.3); } html:not(.ga-light) body #ga-sticky-buy .ga-sb-price, html:not(.ga-light) body #ga-sticky-pay .ga-sp-total{ color:#c8aa6e; } html:not(.ga-light) body #ga-sticky-buy .ga-sb-btn, html:not(.ga-light) body #ga-sticky-pay .ga-sp-btn{ background:#c9a961; color:#0f0f0f; } html.ga-light body #ga-sticky-buy, html.ga-light body #ga-sticky-pay{ background:var(--ga-card)!important; color:var(--ga-ink)!important; border-top:1px solid var(--ga-line)!important; } html.ga-light body #ga-sticky-buy .ga-sb-price, html.ga-light body #ga-sticky-pay .ga-sp-total, html.ga-light body #ga-sticky-buy .ga-sb-price *{ color:var(--ga-seal)!important; } html.ga-light body #ga-sticky-buy .ga-sb-btn, html.ga-light body #ga-sticky-pay .ga-sp-btn{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } @media (max-width:768px){ body.single-product #ga-float-cart, body.single-product .ga-float-wrap{ bottom:96px; } html.ga-light body.single-product .ga-float-wrap{ bottom:96px!important; } html.ga-light body.woocommerce-checkout .woocommerce{ padding-bottom:120px!important; } html.ga-light body.single-product .site-content{ padding-bottom:90px!important; } /* 8) 手機浮動鈕只留直播＋LINE（＋有東西才出的購物車） */ html.ga-light body .ga-float-btn.ga-float-top{ display:none!important; } } /* v1.4b：手機頂部社群列改為隱藏（在文件流裡位置會跑到內容中間；頁尾社群列與浮動鈕已涵蓋） */ @media (max-width:768px){ html.ga-light body .ga-social-top{ display:none!important; } } /* v1.4c：商品頁價格不被吸底列蓋、徽章脈動 */ @media (max-width:768px){ html.ga-light body.single-product .summary{ padding-bottom:96px!important; } body.single-product .entry-summary, body.single-product .summary{ padding-bottom:96px; } } @keyframes ga-bump{ 0%{transform:scale(1)} 35%{transform:scale(1.18)} 100%{transform:scale(1)} } body #ga-float-cart.bump{ animation:ga-bump .5s ease; } body #ga-float-cart.bump .ga-cart-count{ animation:ga-bump .5s ease .05s; } /* v1.5：完成頁 LINE 大鈕；email 說明字 */ body .ga-thanks-line{ margin:0 0 14px; padding:16px; border-radius:14px; text-align:center; } body .ga-thanks-line p{ margin:0 0 10px; font-size:1rem; line-height:1.7; } body .ga-thanks-line .ga-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:60px; padding:0 22px; border-radius:12px; font-weight:800; font-size:1.05rem; text-decoration:none; background:#06C755; color:#fff!important; -webkit-text-fill-color:#fff!important; width:100%; max-width:520px; } html:not(.ga-light) body .ga-thanks-line{ background:#1e1e1e; border:1px solid rgba(200,170,110,.3); color:#e8e0d0; } html.ga-light body .ga-thanks-line{ background:#FFF7E6!important; border:1px solid var(--ga-line-strong)!important; color:var(--ga-ink)!important; } html.ga-light body.woocommerce-checkout #billing_email_field .description, html.ga-light body.woocommerce-checkout .form-row .description{ display:block!important; font-size:0.92rem!important; color:var(--ga-ink-2)!important; margin:6px 0 0!important; } /* ===== v1.6：預購標示（兩套皮膚） ===== */ body .ga-preorder-note{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; border-radius:12px; padding:12px 14px; margin:10px 0 14px; font-size:1rem; line-height:1.6; } body .ga-preorder-note strong{ font-size:1.05rem; } body .ga-preorder-note span{ font-size:.95rem; } body .ga-preorder-badge{ display:inline-block; margin:4px 0 6px; padding:3px 10px; border-radius:999px; font-size:.88rem; font-weight:800; } body .ga-incense-card .ga-preorder-badge{ align-self:flex-start; } html:not(.ga-light) body .ga-preorder-note{ background:#2a2118; border:1px solid rgba(200,170,110,.45); color:#f2eee6; } html:not(.ga-light) body .ga-preorder-note strong{ color:#f0d68a; } html:not(.ga-light) body .ga-preorder-badge{ background:#c9a961; color:#0f0f0f; } html.ga-light body .ga-preorder-note{ background:#FDF3E7!important; border:1px solid #EBD9BE!important; color:var(--ga-ink)!important; } html.ga-light body .ga-preorder-note strong{ color:var(--ga-seal)!important; } html.ga-light body .ga-preorder-note span{ color:var(--ga-ink-2)!important; } html.ga-light body .ga-preorder-badge{ background:var(--ga-seal)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html.ga-light body #ga-sticky-buy .ga-sb-name::before{ content:"預購・10/10 後出貨 · "; color:var(--ga-seal); font-weight:800; } body.single-product:not(.ga-preorder-page) #ga-sticky-buy .ga-sb-name::before{ content:none; } /* v1.6b：商品頁預購條緊貼價格下方、細長不吵 */ html.ga-light body.single-product .summary .ga-preorder-note{ margin:6px 0 12px!important; padding:8px 12px!important; border-left:4px solid var(--ga-seal)!important; border-radius:8px!important; } body.single-product .summary .ga-preorder-note{ margin:6px 0 12px; padding:8px 12px; } body .stock.ga-preorder-stock{ font-weight:700; } html.ga-light body .stock.ga-preorder-stock{ color:var(--ga-seal)!important; } /* =================================================================== 首頁今日場次卡 [ga_live_card]（2026-09-05，mu-plugin ga-live-card.php；取代頂端跑馬燈） =================================================================== */ html.ga-light body .ga-live-card{ max-width:720px; margin:0 auto; padding:18px 12px 6px; } html.ga-light body .ga-live-card .ga-lc-eyebrow{ font-size:.9rem; color:var(--ga-gold)!important; letter-spacing:.2em; margin:0 0 4px; font-weight:400; } html.ga-light body .ga-live-card h2.ga-lc-head{ font-size:1.55rem; line-height:1.3; margin:0 0 12px; color:var(--ga-ink)!important; text-align:left; letter-spacing:0; } html.ga-light body .ga-live-card .ga-lc-box{ background:var(--ga-card); border:1px solid var(--ga-line); border-radius:var(--ga-r-lg); box-shadow:0 1px 2px rgba(33,27,22,.05),0 8px 24px rgba(33,27,22,.06); overflow:hidden; } html.ga-light body .ga-live-card .ga-lc-hd{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--ga-line); } html.ga-light body .ga-live-card .ga-lc-hd b{ font-size:1.05rem; color:var(--ga-ink); } html.ga-light body .ga-live-card .ga-lc-hd span{ font-size:.9rem; color:var(--ga-ink-2); } html.ga-light body .ga-live-card .ga-lc-row{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:10px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--ga-line); } html.ga-light body .ga-live-card .ga-lc-row.ga-lc-empty{ grid-template-columns:1fr; } html.ga-light body .ga-live-card .ga-lc-row.is-done{ opacity:.55; } html.ga-light body .ga-live-card .ga-lc-tag{ font-size:.9rem; font-weight:700; text-align:center; padding:6px 0; border-radius:var(--ga-r-sm); color:#fff!important; background:var(--ga-ink-2); } html.ga-light body .ga-live-card .ga-lc-tag-y{ background:var(--ga-gold)!important; } html.ga-light body .ga-live-card .ga-lc-tag-z{ background:var(--ga-green)!important; } html.ga-light body .ga-live-card .ga-lc-tag-g{ background:var(--ga-gold-deco)!important; } html.ga-light body .ga-live-card .ga-lc-t{ font-weight:700; font-size:1.05rem; color:var(--ga-ink); line-height:1.4; } html.ga-light body .ga-live-card .ga-lc-t small{ display:block; font-weight:400; color:var(--ga-ink-2); font-size:.92rem; } html.ga-light body .ga-live-card .ga-lc-st{ font-size:.9rem; white-space:nowrap; color:var(--ga-ink-2); } html.ga-light body .ga-live-card .is-live .ga-lc-st{ color:var(--ga-seal); font-weight:700; } html.ga-light body .ga-live-card .is-live .ga-lc-st::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--ga-seal); margin-right:6px; box-shadow:0 0 0 4px rgba(195,39,43,.15); } html.ga-light body .ga-live-card .ga-lc-cta{ display:grid; gap:10px; padding:14px 16px 16px; background:linear-gradient(180deg,#fff,var(--ga-paper)); } html.ga-light body .ga-live-card a.ga-lc-btn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:66px; padding:10px 14px; border-radius:var(--ga-r-md); font-size:1.15rem; font-weight:700; color:#fff!important; -webkit-text-fill-color:#fff!important; text-decoration:none!important; letter-spacing:.04em; border:none!important; } html.ga-light body .ga-live-card a.ga-lc-btn small{ font-size:.85rem; font-weight:400; opacity:.92; color:#fff!important; } html.ga-light body .ga-live-card a.ga-lc-btn-y{ background:var(--ga-seal)!important; box-shadow:0 6px 16px rgba(195,39,43,.25); } html.ga-light body .ga-live-card a.ga-lc-btn-z{ background:var(--ga-green)!important; box-shadow:0 6px 16px rgba(47,93,80,.22); } html.ga-light body .ga-live-card a.ga-lc-btn-g{ background:var(--ga-gold)!important; } html.ga-light body .ga-live-card a.ga-lc-btn.is-done{ filter:saturate(.6); opacity:.85; } html.ga-light body .ga-live-card .ga-lc-note{ display:flex; justify-content:space-between; align-items:center; padding:10px 4px 0; font-size:.9rem; color:var(--ga-ink-2); } html.ga-light body .ga-live-card .ga-lc-note a{ color:var(--ga-green)!important; font-weight:700; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; } @media(min-width:769px){ html.ga-light body .ga-live-card{ padding-top:26px; } html.ga-light body .ga-live-card h2.ga-lc-head{ font-size:1.9rem; } html.ga-light body .ga-live-card .ga-lc-cta{ grid-template-columns:1fr 1fr; } } /* 深色皮膚退路（?ga_theme=dark）：同一元件、深底 */ html:not(.ga-light) body .ga-live-card{ max-width:720px; margin:0 auto; padding:18px 12px 6px; color:#e8e0d0; } html:not(.ga-light) body .ga-live-card .ga-lc-eyebrow{ font-size:.9rem; color:#c9a961; letter-spacing:.2em; margin:0 0 4px; } html:not(.ga-light) body .ga-live-card h2.ga-lc-head{ font-size:1.55rem; line-height:1.3; margin:0 0 12px; color:#f2ead8; text-align:left; } html:not(.ga-light) body .ga-live-card .ga-lc-box{ background:#1a1a1a; border:1px solid #333; border-radius:18px; overflow:hidden; } html:not(.ga-light) body .ga-live-card .ga-lc-hd,html:not(.ga-light) body .ga-live-card .ga-lc-row{ border-bottom:1px solid #2a2a2a; } html:not(.ga-light) body .ga-live-card .ga-lc-hd{ display:flex; justify-content:space-between; padding:12px 16px; } html:not(.ga-light) body .ga-live-card .ga-lc-row{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:10px; align-items:center; padding:14px 16px; } html:not(.ga-light) body .ga-live-card .ga-lc-tag{ font-size:.9rem; font-weight:700; text-align:center; padding:6px 0; border-radius:10px; color:#fff; background:#555; } html:not(.ga-light) body .ga-live-card .ga-lc-tag-y{ background:#8a6a2a; } html:not(.ga-light) body .ga-live-card .ga-lc-tag-z{ background:#2F5D50; } html:not(.ga-light) body .ga-live-card .ga-lc-tag-g{ background:#A9803C; } html:not(.ga-light) body .ga-live-card .ga-lc-t{ font-weight:700; font-size:1.05rem; } html:not(.ga-light) body .ga-live-card .ga-lc-t small{ display:block; font-weight:400; opacity:.75; font-size:.92rem; } html:not(.ga-light) body .ga-live-card .ga-lc-st{ font-size:.9rem; white-space:nowrap; opacity:.8; } html:not(.ga-light) body .ga-live-card .is-live .ga-lc-st{ color:#ff6b6b; opacity:1; font-weight:700; } html:not(.ga-light) body .ga-live-card .ga-lc-cta{ display:grid; gap:10px; padding:14px 16px 16px; } html:not(.ga-light) body .ga-live-card a.ga-lc-btn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:66px; border-radius:14px; font-size:1.15rem; font-weight:700; color:#fff!important; text-decoration:none!important; } html:not(.ga-light) body .ga-live-card a.ga-lc-btn small{ font-size:.85rem; font-weight:400; opacity:.9; } html:not(.ga-light) body .ga-live-card a.ga-lc-btn-y{ background:#C3272B; } html:not(.ga-light) body .ga-live-card a.ga-lc-btn-z{ background:#2F5D50; } html:not(.ga-light) body .ga-live-card a.ga-lc-btn-g{ background:#7E5F28; } html:not(.ga-light) body .ga-live-card .ga-lc-note{ display:flex; justify-content:space-between; padding:10px 4px 0; font-size:.9rem; opacity:.85; } html:not(.ga-light) body .ga-live-card .ga-lc-note a{ color:#c9a961; font-weight:700; } @media(min-width:769px){ html:not(.ga-light) body .ga-live-card .ga-lc-cta{ grid-template-columns:1fr 1fr; } } /* 精簡版（2026-09-05 老闆：卡片只佔半個畫面）——覆蓋上面完整版尺寸 */ html.ga-light body .ga-live-card.ga-lc-compact{ padding:10px 12px 2px; } html.ga-light body .ga-lc-compact .ga-lc-hd{ padding:10px 14px; } html.ga-light body .ga-lc-compact .ga-lc-hd b{ font-size:1rem; display:inline-flex; align-items:center; gap:6px; } html.ga-light body .ga-lc-compact .ga-lc-dot{ width:9px; height:9px; border-radius:50%; background:var(--ga-seal); box-shadow:0 0 0 3px rgba(195,39,43,.15); display:inline-block; } html.ga-light body .ga-lc-compact a.ga-lc-more{ font-size:.9rem; color:var(--ga-green)!important; font-weight:700; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; } html.ga-light body .ga-lc-compact .ga-lc-row{ grid-template-columns:48px minmax(0,1fr) auto; gap:8px; padding:8px 14px; } html.ga-light body .ga-lc-compact .ga-lc-tag{ font-size:.85rem; padding:4px 0; } html.ga-light body .ga-lc-compact .ga-lc-t{ font-size:1rem; line-height:1.3; } html.ga-light body .ga-lc-compact .ga-lc-t small{ font-size:.9rem; } html.ga-light body .ga-lc-compact .ga-lc-cta{ grid-template-columns:1fr 1fr; gap:8px; padding:10px 12px 12px; } html.ga-light body .ga-lc-compact a.ga-lc-btn{ flex-direction:column; gap:1px; min-height:60px; padding:6px 8px; font-size:1.02rem; line-height:1.25; } html.ga-light body .ga-lc-compact a.ga-lc-btn small{ font-size:.82rem; } @media(max-width:360px){ html.ga-light body .ga-lc-compact .ga-lc-cta{ grid-template-columns:1fr; } } html:not(.ga-light) body .ga-live-card.ga-lc-compact{ padding:10px 12px 2px; } html:not(.ga-light) body .ga-lc-compact .ga-lc-hd b{ font-size:1rem; display:inline-flex; align-items:center; gap:6px; } html:not(.ga-light) body .ga-lc-compact .ga-lc-dot{ width:9px; height:9px; border-radius:50%; background:#C3272B; display:inline-block; } html:not(.ga-light) body .ga-lc-compact a.ga-lc-more{ font-size:.9rem; color:#c9a961; font-weight:700; min-height:44px; display:inline-flex; align-items:center; } html:not(.ga-light) body .ga-lc-compact .ga-lc-row{ grid-template-columns:48px minmax(0,1fr) auto; gap:8px; padding:8px 14px; } html:not(.ga-light) body .ga-lc-compact .ga-lc-cta{ grid-template-columns:1fr 1fr; gap:8px; padding:10px 12px 12px; } html:not(.ga-light) body .ga-lc-compact a.ga-lc-btn{ flex-direction:column; gap:1px; min-height:60px; padding:6px 8px; font-size:1.02rem; } html:not(.ga-light) body .ga-lc-compact a.ga-lc-btn small{ font-size:.82rem; } /* ── 2026-09-10：007 回報②③ ＋ 真 390px 渲染（render_check.py）發現的手機版破版 ── * ② 三顆「進XX直播間」在 390 寬全部斷成兩行（不只精品藝術），按鈕高度不一； * 「精品藝術」四個字的頻道標籤也斷成「精品藝／術」。 * ③ 浮動紅膠囊「今日直播」position:fixed，會壓到按鈕副標「現正直播」。 * 卡片本身就是今日行程，卡片在畫面內時膠囊多餘 → body.ga-lc-inview 時收起（JS 在 ga-live-card.php）。 */ html.ga-light body .ga-live-card a.ga-lc-btn > span{ white-space:nowrap; } html.ga-light body .ga-live-card .ga-lc-tag{ white-space:nowrap; } html.ga-light body .ga-lc-compact a.ga-lc-btn{ font-size:.94rem; letter-spacing:.01em; } html.ga-light body .ga-lc-compact a.ga-lc-btn.ga-lc-btn-long{ font-size:.82rem; } html.ga-light body .ga-lc-compact a.ga-lc-btn small{ font-size:.78rem; } /* 四字頻道（精品藝術）：欄寬固定 48px，單行放不下會被切掉。 * 不縮到 0.9rem 以下（CSS 規範小字下限），改成刻意斷成 2+2 的方塊徽章。 */ html.ga-light body .ga-live-card .ga-lc-tag.ga-lc-tag-long{ font-size:.95rem; white-space:normal; word-break:break-all; line-height:1.12; padding:3px 2px; letter-spacing:0; } /* ⚠️ 浮動膠囊真正的元素是 .ga-float-wrap .ga-float-live（頁面 content 裡的浮動列，z-index 9999）； * .ga-fab .ga-live 在首頁本來就是 display:none，改它沒有用（2026-09-10 用 elementFromPoint 打點才查出來）。 * page 12 content 不可手改（9/5 規定），所以只從這裡覆寫。 */ html.ga-light body.ga-lc-inview .ga-float-wrap .ga-float-live, html.ga-light body.ga-lc-inview .ga-fab .ga-live{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transition:opacity .18s ease; } /* visibility:hidden 會留住版面盒子，浮動列本身仍然吃點擊（elementFromPoint 打到 .ga-float-wrap）＝隱形的擋點區。 * 收起期間把容器的點擊關掉，可見的子按鈕（置頂／LINE）再開回來。 */ html.ga-light body.ga-lc-inview .ga-float-wrap{ pointer-events:none; } html.ga-light body.ga-lc-inview .ga-float-wrap > *{ pointer-events:auto; } html.ga-light body.ga-lc-inview .ga-float-wrap > .ga-float-live{ pointer-events:none!important; }