/*
Theme Name: RC-Review Flagship Theme
Theme URI: https://www.rc-review.com
Author: RC-Review Team
Author URI: https://www.rc-review.com
Description: 專為 RC 遙控模型評測打造的旗艦級媒體主題。採用原創 R-Car 飛馳識別標誌、水藍科技色系與全裝置 100% 深淺雙色即時自適應系統。
Version: 1.5.8
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: rc-review-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,600;0,700;1,700&family=Montserrat:wght@500;700;800;900&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');

/* ==========================================================
   🎨 核心雙色主題變數庫 (exp 原創 R-Car 水藍色系)
   ========================================================== */

/* 🌙 1. 深色模式 (Dark Mode / 防暗部吃色高階層調配，確保在各類螢幕皆層次分明) */
:root, html[data-theme="dark"] {
    --rc-bg-dark: #0A0E17;          /* 全站底層：曜石科技藍黑 */
    --rc-bg-surface: #121824;       /* 區塊容器：高辨識度深岩灰 (與底層拉開清晰對比) */
    --rc-bg-card: #1A2232;          /* 卡片表面：精緻科技深灰 (與區塊拉開清晰對比) */
    --rc-border: rgba(255, 255, 255, 0.12); /* 清晰可見外框線，防低階螢幕失真 */
    --rc-border-cyan: rgba(0, 163, 255, 0.4);
    
    --rc-cyan: #0084C7;
    --rc-cyan-light: #00A3FF;
    --rc-cyan-glow: #00D2FF;
    --rc-cyan-dark: #0066AA;
    --rc-cyan-gradient: linear-gradient(135deg, #00A3FF 0%, #0072C6 100%);
    
    --rc-racing-orange: #FF4600;
    --rc-gold: #FFB800;
    --rc-green: #10B981;
    --rc-red: #EF4444;
    
    --rc-text-main: #F8FAFC;
    --rc-text-muted: #94A3B8;
    --rc-nav-link: #E2E8F0;
    
    --rc-header-bg: rgba(10, 14, 23, 0.96);
    
    /* 頁尾深色變數 */
    --rc-footer-bg: #070A10;
    --rc-footer-surface: #0E1420;
    --rc-footer-bottom-bg: #05070C;
    --rc-footer-border: rgba(255, 255, 255, 0.12);
    --rc-footer-text: #94A3B8;
    --rc-footer-heading: #FFFFFF;
    
    --rc-ticker-bg: linear-gradient(90deg, #08121E 0%, #0E1F33 50%, #08121E 100%);
    --rc-ticker-border: rgba(0, 163, 255, 0.3);
    --rc-ticker-color: #7DD3FC;
    
    --rc-newsletter-bg: linear-gradient(135deg, #131B2A 0%, #0E1724 100%);
    --rc-newsletter-border: rgba(0, 163, 255, 0.35);
    --rc-newsletter-title: #FFFFFF;
    --rc-newsletter-desc: #94A3B8;
    --rc-newsletter-input-bg: rgba(10, 14, 23, 0.9);
    --rc-newsletter-input-border: rgba(255, 255, 255, 0.18);
    --rc-newsletter-input-text: #FFFFFF;
    
    --rc-social-pill-bg: #1A2232;
    --rc-social-pill-text: #E2E8F0;
    --rc-social-pill-border: rgba(255, 255, 255, 0.12);
    
    --rc-back-to-top-bg: rgba(255, 255, 255, 0.08);
    --rc-back-to-top-border: rgba(255, 255, 255, 0.16);
    --rc-back-to-top-text: #E2E8F0;
    
    --rc-specs-bg: #101622;
    --rc-specs-val: #FFFFFF;
    --rc-card-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
    
    --rc-theme-btn-bg: rgba(0, 163, 255, 0.12);
    --rc-theme-btn-border: rgba(0, 163, 255, 0.35);
    --rc-theme-btn-text: #00A3FF;
}

/* ☀️ 2. 淺色模式 (Light Mode / 極致冰川白與原創水藍) */
html[data-theme="light"] {
    --rc-bg-dark: #F3F6FA;
    --rc-bg-surface: #FFFFFF;
    --rc-bg-card: #F8FAFC;
    --rc-border: rgba(0, 0, 0, 0.08);
    --rc-border-cyan: rgba(0, 132, 199, 0.35);
    
    --rc-cyan: #0084C7;
    --rc-cyan-light: #0EA5E9;
    --rc-cyan-glow: #0284C7;
    --rc-cyan-dark: #0066AA;
    --rc-cyan-gradient: linear-gradient(135deg, #0084C7 0%, #0066AA 100%);
    
    --rc-racing-orange: #E63900;
    --rc-gold: #D97706;
    --rc-green: #059669;
    --rc-red: #DC2626;
    
    --rc-text-main: #0F172A;
    --rc-text-muted: #64748B;
    --rc-nav-link: #334155;
    
    --rc-header-bg: rgba(255, 255, 255, 0.98);
    
    /* 頁尾淺色變數 */
    --rc-footer-bg: #E8EEF5;
    --rc-footer-surface: #FFFFFF;
    --rc-footer-bottom-bg: #DCE5EF;
    --rc-footer-border: rgba(0, 0, 0, 0.08);
    --rc-footer-text: #475569;
    --rc-footer-heading: #0F172A;
    
    --rc-ticker-bg: linear-gradient(90deg, #E0F2FE 0%, #BAE6FD 50%, #E0F2FE 100%);
    --rc-ticker-border: rgba(0, 132, 199, 0.25);
    --rc-ticker-color: #0066AA;
    
    --rc-newsletter-bg: linear-gradient(135deg, #FFFFFF 0%, #F0F7FF 100%);
    --rc-newsletter-border: rgba(0, 132, 199, 0.3);
    --rc-newsletter-title: #0F172A;
    --rc-newsletter-desc: #64748B;
    --rc-newsletter-input-bg: #FFFFFF;
    --rc-newsletter-input-border: rgba(0, 0, 0, 0.15);
    --rc-newsletter-input-text: #0F172A;
    
    --rc-social-pill-bg: #FFFFFF;
    --rc-social-pill-text: #334155;
    --rc-social-pill-border: rgba(0, 0, 0, 0.08);
    
    --rc-back-to-top-bg: #FFFFFF;
    --rc-back-to-top-border: rgba(0, 0, 0, 0.12);
    --rc-back-to-top-text: #0F172A;
    
    --rc-specs-bg: #F1F5F9;
    --rc-specs-val: #0F172A;
    --rc-card-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    
    --rc-theme-btn-bg: rgba(0, 132, 199, 0.08);
    --rc-theme-btn-border: rgba(0, 132, 199, 0.25);
    --rc-theme-btn-text: #0084C7;
}

/* ==========================================================
   全站基礎排版
   ========================================================== */
*, *::before, *::after {
    box-sizing: border-box !important;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: var(--rc-bg-dark) !important;
    color: var(--rc-text-main) !important;
    font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif !important;
    overflow-x: hidden !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

img {
    max-width: 100% !important;
    height: auto;
    display: block;
}

.wp-site-blocks,
.wp-block-post-content,
.entry-content,
.has-global-padding,
.is-layout-constrained,
:where(.wp-site-blocks) > * {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

a { color: inherit; text-decoration: none; }

/* 🌟 中間內容黃金寬度 (1320px 最佳閱讀比例) */
.rc-container {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* 精緻向量圖示統一樣式 */
.rc-svg-icon {
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease, stroke 0.2s ease !important;
}

/* 管理員工具列避讓 */
.admin-bar .rc-top-bar, .logged-in .rc-top-bar, body:has(#wpadminbar) .rc-top-bar { margin-top: 32px !important; }
.admin-bar .rc-main-header, .logged-in .rc-main-header, body:has(#wpadminbar) .rc-main-header { top: 32px !important; }
@media screen and (max-width: 782px) {
    .admin-bar .rc-top-bar, .logged-in .rc-top-bar, body:has(#wpadminbar) .rc-top-bar { margin-top: 46px !important; }
    .admin-bar .rc-main-header, .logged-in .rc-main-header, body:has(#wpadminbar) .rc-main-header { top: 46px !important; }
}

/* ==========================================================
   🧩 頁首導覽列
   ========================================================== */
.rc-top-bar {
    width: 100% !important;
    background: var(--rc-ticker-bg) !important;
    border-bottom: 1px solid var(--rc-ticker-border) !important;
    padding: 7px clamp(16px, 3.5vw, 48px) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--rc-ticker-color) !important;
}
.rc-top-bar-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.rc-top-bar-left {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.rc-ticker-tag {
    background: var(--rc-cyan-gradient) !important;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 0 10px rgba(0, 132, 199, 0.4) !important;
}
.rc-top-bar-right {
    display: flex !important;
    gap: 16px !important;
    font-size: 12px !important;
    color: var(--rc-text-muted) !important;
}
@media (max-width: 768px) {
    .rc-top-bar-right { display: none !important; }
    .rc-top-bar-inner { justify-content: center !important; }
}

.rc-main-header {
    width: 100% !important;
    background: var(--rc-header-bg) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid var(--rc-border) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999999 !important;
    padding: 10px clamp(16px, 3.5vw, 48px) !important;
}
.rc-header-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
}

/* 品牌 LOGO */
.rc-logo-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}
.rc-logo-icon-svg {
    width: 54px !important;
    height: 34px !important;
    filter: drop-shadow(0 0 10px rgba(0, 132, 199, 0.45)) !important;
}
.rc-logo-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: var(--rc-text-main) !important;
    letter-spacing: -0.5px !important;
    line-height: 1.1 !important;
}
.rc-logo-blue { color: #0084C7 !important; font-weight: 900 !important; }
.rc-logo-title .rc-dot-com { color: #94A3B8 !important; font-weight: 700 !important; font-size: 17px !important; }
.rc-logo-sub {
    font-size: 11px !important;
    color: var(--rc-text-muted) !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
}

/* 導覽選單 */
.rc-nav-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-grow: 1 !important;
    justify-content: center !important;
    overflow-x: auto !important;
}
ul.rc-nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
ul.rc-nav-menu a {
    color: var(--rc-nav-link) !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
}
ul.rc-nav-menu a:hover, ul.rc-nav-menu a.active {
    color: var(--rc-cyan) !important;
    background: rgba(0, 132, 199, 0.12) !important;
}

.rc-theme-btn {
    background: var(--rc-theme-btn-bg) !important;
    border: 1px solid var(--rc-theme-btn-border) !important;
    color: var(--rc-theme-btn-text) !important;
    padding: 7px 15px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    cursor: pointer !important;
}

/* ==========================================================
   🧩 雜誌頭條 (Hero Section)
   ========================================================== */
.rc-hero-grid {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr !important;
    gap: 24px !important;
    margin: 28px 0 36px !important;
}
@media (max-width: 992px) {
    .rc-hero-grid { grid-template-columns: 1fr !important; }
}

.rc-hero-primary {
    position: relative !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 32px !important;
    border: 1px solid var(--rc-border) !important;
    box-shadow: var(--rc-card-shadow) !important;
}
.rc-hero-media-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}
.rc-hero-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 30% !important;
}
.rc-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(10, 14, 23, 0.05) 0%, rgba(10, 14, 23, 0.45) 45%, rgba(10, 14, 23, 0.88) 80%, rgba(10, 14, 23, 0.98) 100%) !important;
    z-index: 2 !important;
}
.rc-hero-content {
    position: relative !important;
    z-index: 3 !important;
}
.rc-hero-badge-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}
.rc-hero-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(20px, 2.2vw, 28px) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
}
.rc-hero-meta {
    display: flex !important;
    gap: 12px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 12.5px !important;
    margin-bottom: 14px !important;
}

.rc-hero-secondary-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.rc-hero-secondary {
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    min-height: 228px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 20px !important;
    border: 1px solid var(--rc-border) !important;
    box-shadow: var(--rc-card-shadow) !important;
}
.rc-hero-secondary-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
}

/* ==========================================================
   🧩 品牌快選標籤牆 (Brand Wall)
   ========================================================== */
.rc-brand-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 20px 0 36px !important;
    padding: 12px 18px !important;
    background: var(--rc-bg-surface) !important;
    border: 1px solid var(--rc-border) !important;
    border-radius: 40px !important;
}
.rc-brand-pill {
    background: var(--rc-bg-card) !important;
    border: 1px solid var(--rc-border) !important;
    color: var(--rc-text-main) !important;
    padding: 7px 16px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
}
.rc-brand-pill:hover {
    background: rgba(0, 132, 199, 0.15) !important;
    color: var(--rc-cyan) !important;
    border-color: var(--rc-cyan) !important;
}
.rc-brand-pill.active {
    background: var(--rc-cyan-gradient) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    box-shadow: 0 2px 10px rgba(0, 132, 199, 0.35) !important;
}

/* ==========================================================
   🌟 核心功能區塊外框封裝 (Section Block Container)
   ========================================================== */
.rc-section-block {
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--rc-bg-surface) !important;
    border: 1px solid var(--rc-border) !important;
    border-radius: 20px !important;
    padding: 32px 28px !important;
    margin: 36px 0 !important;
    box-shadow: var(--rc-card-shadow) !important;
    position: relative !important;
}
@media (max-width: 768px) {
    .rc-section-block {
        padding: 20px 16px !important;
        margin: 24px 0 !important;
        border-radius: 16px !important;
    }
}
.rc-section-block .rc-section-header {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

/* ==========================================================
   ⚔️ 雙車規格對決擂台 (100% 統一卡片系統)
   ========================================================== */
.rc-versus-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 20px !important;
}
@media (max-width: 860px) {
    .rc-versus-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}
.rc-vs-badge {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    background: var(--rc-cyan-gradient) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto !important;
    box-shadow: 0 0 16px rgba(0, 132, 199, 0.4) !important;
}

/* ==========================================================
   🧩 區塊標題 (Section Headers)
   ========================================================== */
.rc-section-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 40px 0 20px !important;
    border-bottom: 2px solid var(--rc-border) !important;
    padding-bottom: 12px !important;
}
.rc-section-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--rc-text-main) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}
.rc-section-title .rc-svg-icon {
    width: 20px !important;
    height: 20px !important;
    stroke: var(--rc-cyan) !important;
}
.rc-section-subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--rc-cyan) !important;
}

/* ==========================================================
   🧩 評測卡片庫 (Review Cards Grid)
   ========================================================== */
.rc-card-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
    gap: 24px !important;
    margin-bottom: 40px !important;
}
@media (max-width: 768px) {
    .rc-card-grid { grid-template-columns: 1fr !important; }
}

.rc-card {
    background: var(--rc-bg-card) !important;
    border: 1px solid var(--rc-border) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: var(--rc-card-shadow) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    min-width: 0 !important;
    width: 100% !important;
}
.rc-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
}
.rc-card-thumb {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #000 !important;
    min-height: 160px !important;
}
.rc-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
}
.rc-card:hover .rc-card-thumb img {
    transform: scale(1.05) !important;
}
.rc-card-body {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}
.rc-card-top-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}
.rc-score-pill {
    background: rgba(0, 132, 199, 0.12) !important;
    color: var(--rc-cyan-light) !important;
    border: 1px solid var(--rc-border-cyan) !important;
    padding: 3px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}
.rc-card-title {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: var(--rc-text-main) !important;
    line-height: 1.4 !important;
    margin: 0 0 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 46px !important;
}
.rc-card-desc {
    color: var(--rc-text-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 0 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 39px !important;
}
.rc-card-meta-row {
    display: flex !important;
    justify-content: space-between !important;
    color: var(--rc-text-muted) !important;
    font-size: 12px !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--rc-border) !important;
}
.rc-card-actions {
    margin-top: 12px !important;
}

/* ==========================================================
   按鈕與規格表共用樣式
   ========================================================== */
.rc-btn-primary {
    background: #0084C7 !important;
    color: #FFFFFF !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.rc-btn-primary:hover {
    background: #006CA3 !important;
    transform: translateY(-1px) !important;
}
.rc-btn-outline {
    background: transparent !important;
    color: #00A3FF !important;
    border: 1.5px solid #00A3FF !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.rc-badge {
    padding: 3px 10px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
}
.rc-badge-cyan { background: var(--rc-cyan-gradient) !important; color: #FFF !important; }
.rc-badge-gold { background: var(--rc-gold) !important; color: #FFF !important; }

.rc-verdict-pill {
    background: rgba(10, 14, 23, 0.9) !important;
    border: 1px solid var(--rc-border-cyan) !important;
    padding: 3px 10px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.rc-score-num {
    background: var(--rc-cyan-gradient) !important;
    color: #FFF !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    padding: 1px 6px !important;
    border-radius: 10px !important;
}
.rc-score-label { font-size: 11.5px !important; font-weight: 700 !important; color: #FFF !important; }

.rc-specs-box {
    background: var(--rc-specs-bg) !important;
    border: 1px solid var(--rc-border) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin: 10px 0 !important;
    font-size: 12.5px !important;
}
.rc-specs-row {
    display: flex !important;
    justify-content: space-between !important;
    padding: 4px 0 !important;
    border-bottom: 1px dashed var(--rc-border) !important;
}
.rc-specs-row:last-child { border-bottom: none !important; }
.rc-specs-label { color: var(--rc-text-muted) !important; }
.rc-specs-val { color: var(--rc-specs-val) !important; font-weight: 600 !important; }
.rc-pros-box { background: rgba(16, 185, 129, 0.1) !important; border: 1px solid rgba(16, 185, 129, 0.3) !important; border-radius: 6px !important; padding: 10px !important; }
.rc-pros-title { color: var(--rc-green) !important; font-weight: 800 !important; font-size: 12px !important; margin-bottom: 4px !important; }

/* 影音卡片 */
.rc-video-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 24px !important;
}
.rc-video-card {
    background: var(--rc-bg-card) !important;
    border: 1px solid var(--rc-border) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
.rc-video-iframe-wrap {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    background: #000 !important;
}
.rc-video-iframe-wrap iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}
.rc-video-info { padding: 16px !important; }
.rc-video-title { font-size: 15px !important; font-weight: 700 !important; margin: 0 0 10px !important; }
.rc-vote-action-row { display: flex !important; justify-content: space-between !important; align-items: center !important; }
.rc-vote-count-pill {
    background: rgba(0, 132, 199, 0.12) !important;
    color: var(--rc-cyan-light) !important;
    border: 1px solid var(--rc-border-cyan) !important;
    font-weight: 800 !important;
    font-size: 12.5px !important;
    padding: 3px 10px !important;
    border-radius: 15px !important;
}

/* ==========================================================
   🧩 頁尾 (Footer)
   ========================================================== */
.rc-main-footer {
    background: var(--rc-footer-bg) !important;
    border-top: 1px solid var(--rc-footer-border) !important;
    margin-top: 60px !important;
    color: var(--rc-footer-text) !important;
}
.rc-footer-newsletter-wrap { padding: 36px clamp(16px, 3.5vw, 48px) !important; border-bottom: 1px solid var(--rc-footer-border) !important; }
.rc-newsletter-card {
    background: var(--rc-newsletter-bg) !important;
    border: 1px solid var(--rc-newsletter-border) !important;
    border-radius: 14px !important;
    padding: 24px clamp(16px, 3vw, 36px) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
}
@media (max-width: 900px) { .rc-newsletter-card { flex-direction: column !important; text-align: center !important; } }
.rc-newsletter-title { font-size: 18px !important; font-weight: 800 !important; color: var(--rc-newsletter-title) !important; margin: 6px 0 !important; }
.rc-newsletter-desc { font-size: 13px !important; color: var(--rc-newsletter-desc) !important; margin: 0 !important; }
.rc-newsletter-form { display: flex !important; gap: 8px !important; width: 100% !important; max-width: 420px !important; }
.rc-newsletter-input {
    flex-grow: 1 !important;
    background: var(--rc-newsletter-input-bg) !important;
    border: 1px solid var(--rc-newsletter-input-border) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: var(--rc-newsletter-input-text) !important;
}
.rc-newsletter-btn {
    background: var(--rc-cyan-gradient) !important;
    color: #FFF !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.rc-footer-main-wrap { padding: 44px clamp(16px, 3.5vw, 48px) 32px !important; }
.rc-footer-grid {
    display: grid !important;
    grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr !important;
    gap: 36px !important;
}
@media (max-width: 1024px) { .rc-footer-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 576px) { .rc-footer-grid { grid-template-columns: 1fr !important; } }
.rc-footer-title { font-size: 15px !important; font-weight: 800 !important; color: var(--rc-footer-heading) !important; margin-bottom: 14px !important; }
.rc-footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.rc-footer-links li { margin-bottom: 10px !important; }
.rc-footer-links a { color: var(--rc-footer-text) !important; font-size: 13px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.rc-footer-links a:hover { color: var(--rc-cyan) !important; }

.rc-footer-bottom { background: var(--rc-footer-bottom-bg) !important; border-top: 1px solid var(--rc-footer-border) !important; padding: 16px clamp(16px, 3.5vw, 48px) !important; }
.rc-footer-bottom-inner { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 14px !important; font-size: 12px !important; }
.rc-footer-legal { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.rc-back-to-top { background: var(--rc-back-to-top-bg) !important; border: 1px solid var(--rc-back-to-top-border) !important; color: var(--rc-back-to-top-text) !important; padding: 5px 12px !important; border-radius: 15px !important; cursor: pointer !important; }