/* ═══════════════════════════════════════════════════════ Theme System · CSS Variables · Dark + Light Mode ───────────────────────────────────────────────────────── Apply with or . No attribute = follow @media (prefers-color-scheme). Inline anti-flicker script in sets data-theme before any CSS is parsed; this file then resolves variables. ═══════════════════════════════════════════════════════ */ /* Modern UA native widget theming hint */ :root { color-scheme: light dark; } /* ── Dark (default for the project) ─────────────────────── */ :root[data-theme="dark"] { --bg-primary: #0a0604; --bg-secondary: #120d06; --bg-card: #1a1208; --bg-card-hover: #221a0e; --bg-overlay: rgba(8, 6, 4, 0.78); --text-primary: #e8d5b0; --text-secondary: #a08060; --text-muted: #6b5040; --accent-gold: #c9a227; --accent-gold-2: #b8941f; /* slightly darker shade for gradients */ --accent-red: #c0392b; --accent-green: #27ae60; --border-color: #3a2a10; --border-strong: #5a3f1c; --border-subtle: rgba(212, 175, 55, 0.18); --shadow: 0 4px 24px rgba(0, 0, 0, 0.6); --shadow-strong: 0 12px 40px rgba(0, 0, 0, 0.7); --nav-bg: rgba(10, 6, 4, 0.95); --modal-bg: linear-gradient(160deg, #1A1815 0%, #15130F 100%); /* 五行 (亮调，深色背景下) */ --el-wood: #27ae60; --el-fire: #e74c3c; --el-earth: #c9a227; --el-metal: #95a5a6; --el-water: #2980b9; color-scheme: dark; } /* ── Light · 米白 + 深棕 + 金色 · 宣纸质感 ───────────────── */ :root[data-theme="light"] { --bg-primary: #faf6ec; /* 宣纸米黄 */ --bg-secondary: #f2ece0; /* 宣纸暗边 */ --bg-card: #ffffff; --bg-card-hover: #f8f4ec; --bg-overlay: rgba(44, 26, 14, 0.45); --text-primary: #2c1a0e; /* 深棕墨 */ --text-secondary: #6b4c2a; /* 中棕 */ --text-muted: #a08060; /* 浅棕 */ --accent-gold: #b8860b; /* 深金 */ --accent-gold-2: #9a6d09; --accent-red: #c0392b; --accent-green: #1a7a2e; --border-color: #e8d5b0; --border-strong: #b8860b; --border-subtle: rgba(184, 134, 11, 0.18); --shadow: 0 4px 24px rgba(44, 26, 14, 0.12); --shadow-strong: 0 12px 40px rgba(44, 26, 14, 0.22); --nav-bg: rgba(250, 246, 236, 0.95); --modal-bg: linear-gradient(160deg, #ffffff 0%, #faf6ec 100%); /* 五行 (深调，浅色背景下) */ --el-wood: #1a7a2e; --el-fire: #c0392b; --el-earth: #b8860b; --el-metal: #6b7280; --el-water: #1a5a8b; color-scheme: light; } /* ── 跟随系统（无显式 data-theme 时）───────────────────── */ @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]):not([data-theme="light"]) { --bg-primary: #faf6ec; --bg-secondary: #f2ece0; --bg-card: #ffffff; --bg-card-hover: #f8f4ec; --bg-overlay: rgba(44, 26, 14, 0.45); --text-primary: #2c1a0e; --text-secondary: #6b4c2a; --text-muted: #a08060; --accent-gold: #b8860b; --accent-gold-2: #9a6d09; --accent-red: #c0392b; --accent-green: #1a7a2e; --border-color: #e8d5b0; --border-strong: #b8860b; --border-subtle: rgba(184, 134, 11, 0.18); --shadow: 0 4px 24px rgba(44, 26, 14, 0.12); --shadow-strong: 0 12px 40px rgba(44, 26, 14, 0.22); --nav-bg: rgba(250, 246, 236, 0.95); --modal-bg: linear-gradient(160deg, #ffffff 0%, #faf6ec 100%); --el-wood: #1a7a2e; --el-fire: #c0392b; --el-earth: #b8860b; --el-metal: #6b7280; --el-water: #1a5a8b; color-scheme: light; } } /* ── 主题切换按钮 ─────────────────────────────────────── */ .theme-toggle { background: transparent; border: 1px solid var(--border-color, #3a2a10); color: var(--text-primary, #e8d5b0); width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; line-height: 1; padding: 0; transition: border-color 0.15s ease, transform 0.2s ease, background 0.15s ease; } .theme-toggle:hover { border-color: var(--accent-gold, #c9a227); transform: rotate(15deg); } .theme-toggle:focus-visible { outline: 2px solid var(--accent-gold, #c9a227); outline-offset: 2px; } .theme-toggle-icon { display: inline-block; transition: opacity 0.2s ease; } /* ═══════════════════════════════════════════════════════ Phase 2B · Product Hero · Option B (深色 hero + 分隔条) light 模式下保留 hero 暗色奥义氛围，底部 56px 渐变过渡到 light body ═════════════════════════════════════════════════════ */ :root[data-theme="light"] .pp-hero, :root:not([data-theme="dark"]) .pp-hero { position: relative; background: radial-gradient(ellipse 90% 80% at 50% 30%, #2a1810 0%, #0a0604 100%); color: #faf6ec; padding-bottom: 110px; /* 给底部 separator 留 56 + 间距 */ } :root[data-theme="light"] .pp-hero h1, :root[data-theme="light"] .pp-hero h2, :root[data-theme="light"] .pp-hero .pp-tagline, :root[data-theme="light"] .pp-hero p, :root:not([data-theme="dark"]) .pp-hero h1, :root:not([data-theme="dark"]) .pp-hero h2, :root:not([data-theme="dark"]) .pp-hero .pp-tagline, :root:not([data-theme="dark"]) .pp-hero p { color: #faf6ec !important; } /* !important 必须保留：覆盖 Phase 2C 通用 .pp-eyebrow{color:#6b4c2a!important} */ :root[data-theme="light"] .pp-hero .pp-eyebrow, :root[data-theme="light"] .pp-hero .current-price, :root:not([data-theme="dark"]) .pp-hero .pp-eyebrow, :root:not([data-theme="dark"]) .pp-hero .current-price { color: #e8c96e !important; } :root[data-theme="light"] .pp-hero .original-price, :root[data-theme="light"] .pp-hero .original-price *, :root:not([data-theme="dark"]) .pp-hero .original-price, :root:not([data-theme="dark"]) .pp-hero .original-price * { color: rgba(240, 224, 170, 0.78) !important; } /* 折扣徽章：白字/金底 2.68 → 深棕字/金底 ≈5.4 */ :root[data-theme="light"] .pp-hero .discount-tag, :root:not([data-theme="dark"]) .pp-hero .discount-tag { color: #2c1a0e !important; } :root[data-theme="light"] .pp-hero .btn-primary, :root:not([data-theme="dark"]) .pp-hero .btn-primary { background: #e8c96e; color: #2c1a0e; border-color: #e8c96e; } :root[data-theme="light"] .pp-hero .btn-ghost, :root:not([data-theme="dark"]) .pp-hero .btn-ghost { color: #e8c96e; border-color: #e8c96e; } :root[data-theme="light"] .pp-hero .btn-ghost:hover, :root:not([data-theme="dark"]) .pp-hero .btn-ghost:hover { background: #e8c96e; color: #2c1a0e; } /* 分隔条 · 黑→深棕→中棕→米黄 4-stop 渐变 + 金色 hr */ :root[data-theme="light"] .pp-hero::after, :root:not([data-theme="dark"]) .pp-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 56px; background: linear-gradient(180deg, #0a0604 0%, #2c1a0e 30%, #6b4c2a 60%, #faf6ec 100%); pointer-events: none; } /* 分隔条上的金色 hr 装饰 */ :root[data-theme="light"] .pp-hero::before, :root:not([data-theme="dark"]) .pp-hero::before { content: ''; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); width: 60px; height: 1px; background: #b8860b; z-index: 1; } /* ═══════════════════════════════════════════════════════ Phase 2B · Login Card · Option B (白卡 + 深金边 + 深棕字) ═════════════════════════════════════════════════════ */ :root[data-theme="light"] .auth-shell, :root:not([data-theme="dark"]) .auth-shell { background: transparent; } :root[data-theme="light"] .auth-card, :root:not([data-theme="dark"]) .auth-card { background: #ffffff; border: 1px solid rgba(184, 134, 11, 0.45); box-shadow: 0 0 0 1px rgba(184, 134, 11, 0.06) inset, 0 20px 60px rgba(44, 26, 14, 0.10), 0 0 80px rgba(184, 134, 11, 0.08); } :root[data-theme="light"] .auth-card::before, :root:not([data-theme="dark"]) .auth-card::before { border-color: rgba(184, 134, 11, 0.18); } :root[data-theme="light"] .auth-eyebrow, :root:not([data-theme="dark"]) .auth-eyebrow { color: #6b4c2a; } /* 返回首页等卡内/外辅助链接：浅金 2.29 → 深金棕 7:1 */ :root[data-theme="light"] .auth-shell a:not(.auth-btn), :root[data-theme="light"] .auth-card a:not(.auth-btn), :root:not([data-theme="dark"]) .auth-shell a:not(.auth-btn), :root:not([data-theme="dark"]) .auth-card a:not(.auth-btn) { color: #6b4c2a; } :root[data-theme="light"] .auth-card h1, :root:not([data-theme="dark"]) .auth-card h1 { color: #2c1a0e; } :root[data-theme="light"] .auth-card .sub, :root:not([data-theme="dark"]) .auth-card .sub { color: #6b4c2a; } :root[data-theme="light"] .auth-divider, :root:not([data-theme="dark"]) .auth-divider { background: linear-gradient(90deg, transparent, #b8860b, transparent); } :root[data-theme="light"] .auth-input, :root:not([data-theme="dark"]) .auth-input { background: #faf6ec; border-color: rgba(184, 134, 11, 0.35); color: #2c1a0e; } :root[data-theme="light"] .auth-input:focus, :root:not([data-theme="dark"]) .auth-input:focus { border-color: #b8860b; background: #ffffff; box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.15); } :root[data-theme="light"] .auth-input::placeholder, :root:not([data-theme="dark"]) .auth-input::placeholder { color: #a08060; } :root[data-theme="light"] .auth-btn, :root:not([data-theme="dark"]) .auth-btn { background: #d4a017; color: #2c1a0e; } :root[data-theme="light"] .auth-btn *, :root:not([data-theme="dark"]) .auth-btn * { color: #2c1a0e; } :root[data-theme="light"] .auth-btn:hover, :root:not([data-theme="dark"]) .auth-btn:hover { background: #c9a227; box-shadow: 0 8px 24px rgba(184, 134, 11, 0.30); } :root[data-theme="light"] .auth-foot, :root:not([data-theme="dark"]) .auth-foot { color: #8b6a3e; } /* ═══════════════════════════════════════════════════════ Phase 2B · Dashboard · light 模式 ═════════════════════════════════════════════════════ */ :root[data-theme="light"] .dash-shell, :root:not([data-theme="dark"]) .dash-shell { background: transparent; } :root[data-theme="light"] .dash-eyebrow, :root:not([data-theme="dark"]) .dash-eyebrow { color: #6b4c2a; } :root[data-theme="light"] .dash-header h1, :root[data-theme="light"] #dash-greeting, :root:not([data-theme="dark"]) .dash-header h1, :root:not([data-theme="dark"]) #dash-greeting { color: #2c1a0e; } :root[data-theme="light"] .dash-header .meta, :root:not([data-theme="dark"]) .dash-header .meta { color: #6b4c2a; } /* 订单下载链接（Phase 2B 漏迁移）：金 3.25 → 深金棕 7:1 */ :root[data-theme="light"] .order-dl, :root[data-theme="light"] .order-card a, :root:not([data-theme="dark"]) .order-dl, :root:not([data-theme="dark"]) .order-card a { color: #6b4c2a; } :root[data-theme="light"] .user-pill, :root:not([data-theme="dark"]) .user-pill { color: #2c1a0e; } :root[data-theme="light"] .user-pill a, :root:not([data-theme="dark"]) .user-pill a { color: #6b4c2a; } :root[data-theme="light"] .user-pill a:hover, :root:not([data-theme="dark"]) .user-pill a:hover { color: #2c1a0e; } :root[data-theme="light"] .section-title, :root:not([data-theme="dark"]) .section-title { color: #6b4c2a; } :root[data-theme="light"] .order-card, :root:not([data-theme="dark"]) .order-card { background: #ffffff; border-color: rgba(184, 134, 11, 0.30); box-shadow: 0 2px 8px rgba(44, 26, 14, 0.04); } :root[data-theme="light"] .order-card:hover, :root:not([data-theme="dark"]) .order-card:hover { border-color: rgba(184, 134, 11, 0.65); } :root[data-theme="light"] .order-card .product-name, :root:not([data-theme="dark"]) .order-card .product-name { color: #2c1a0e; } :root[data-theme="light"] .order-card .system-tag, :root:not([data-theme="dark"]) .order-card .system-tag { color: #6b4c2a; } :root[data-theme="light"] .order-card hr, :root:not([data-theme="dark"]) .order-card hr { background: rgba(184, 134, 11, 0.25); } :root[data-theme="light"] .order-card .meta-row, :root:not([data-theme="dark"]) .order-card .meta-row { color: #6b4c2a; } :root[data-theme="light"] .order-card .meta-row strong, :root:not([data-theme="dark"]) .order-card .meta-row strong { color: #6b4c2a; } :root[data-theme="light"] .skel-card, :root:not([data-theme="dark"]) .skel-card { background: rgba(184, 134, 11, 0.08); border-color: rgba(184, 134, 11, 0.20); } :root[data-theme="light"] .status-ready, :root:not([data-theme="dark"]) .status-ready { background: rgba(26, 122, 46, 0.14); color: #15622a; border-color: rgba(26, 122, 46, 0.50); } :root[data-theme="light"] .status-pending, :root:not([data-theme="dark"]) .status-pending { background: rgba(184, 134, 11, 0.14); color: #6b4c2a; border-color: rgba(184, 134, 11, 0.50); } /* empty-state Phase 2B 漏迁移 → 浅色虚线卡 */ :root[data-theme="light"] .empty-state, :root:not([data-theme="dark"]) .empty-state { background: rgba(184, 134, 11, 0.05) !important; border-color: rgba(184, 134, 11, 0.30) !important; color: #6b4c2a !important; } :root[data-theme="light"] .empty-state h3, :root:not([data-theme="dark"]) .empty-state h3 { color: #2c1a0e !important; } :root[data-theme="light"] .empty-state a, :root:not([data-theme="dark"]) .empty-state a { color: #6b4c2a !important; border-bottom-color: rgba(184, 134, 11, 0.45) !important; } :root[data-theme="light"] .status-failed, :root:not([data-theme="dark"]) .status-failed { background: rgba(192, 57, 43, 0.10); color: #c0392b; border-color: rgba(192, 57, 43, 0.45); } /* ═══════════════════════════════════════════════════════ Phase 2C · 表单 / 性别切换 / 装饰字 WCAG AA 修复 ═══════════════════════════════════════════════════════ */ /* 表单 label + eyebrow：金色 #b8860b(3.0:1) → 深金棕 #6b4c2a(7:1) */ :root[data-theme="light"] .field label, :root[data-theme="light"] .pp-eyebrow, :root[data-theme="light"] .pp-receive .pp-rec-head .pp-eyebrow, :root[data-theme="light"] label.field-label, :root[data-theme="light"] .order-form label, :root:not([data-theme="dark"]) .field label, :root:not([data-theme="dark"]) .pp-eyebrow, :root:not([data-theme="dark"]) .pp-receive .pp-rec-head .pp-eyebrow, :root:not([data-theme="dark"]) label.field-label, :root:not([data-theme="dark"]) .order-form label { color: #6b4c2a !important; } /* 装饰玄学字 .bz-glyph：金 3.25:1 → 深金 4.6:1（保留金调）*/ :root[data-theme="light"] .bz-glyph, :root:not([data-theme="dark"]) .bz-glyph { color: #7a5808 !important; } /* nav logo 副标语 small：金 3.0 → 深金棕 7:1（header 浅底）*/ :root[data-theme="light"] header.site .logo small, :root[data-theme="light"] .site .logo small, :root:not([data-theme="dark"]) header.site .logo small, :root:not([data-theme="dark"]) .site .logo small { color: #6b4c2a !important; } /* 正文 prose 内强调 em：金 2.79 → 深金棕（非 hero 暗区）*/ :root[data-theme="light"] .pp-edu-prose em, :root[data-theme="light"] .pp-body em, :root[data-theme="light"] .seo-content em, :root:not([data-theme="dark"]) .pp-edu-prose em, :root:not([data-theme="dark"]) .pp-body em, :root:not([data-theme="dark"]) .seo-content em { color: #6b4c2a !important; } /* 表单帮助文字 / 页脚版权：#8b6a3e 4.26 → #6b4c2a 7:1 */ :root[data-theme="light"] .field-help, :root[data-theme="light"] footer.site .copyright, :root[data-theme="light"] .copyright, :root:not([data-theme="dark"]) .field-help, :root:not([data-theme="dark"]) footer.site .copyright, :root:not([data-theme="dark"]) .copyright { color: #6b4c2a !important; } /* 性别切换默认态：暗底蓝灰字(1.06:1) → 白底深棕(7:1) */ :root[data-theme="light"] .gender-btn, :root:not([data-theme="dark"]) .gender-btn { background: #ffffff !important; border: 1px solid rgba(184, 134, 11, 0.30); color: #6b4c2a !important; } :root[data-theme="light"] .gender-btn .glyph, :root:not([data-theme="dark"]) .gender-btn .glyph { color: #6b4c2a !important; } :root[data-theme="light"] .gender-btn:hover, :root:not([data-theme="dark"]) .gender-btn:hover { border-color: rgba(184, 134, 11, 0.55); background: rgba(184, 134, 11, 0.05) !important; } :root[data-theme="light"] .gender-btn.active, :root[data-theme="light"] .gender-btn[aria-pressed="true"], :root:not([data-theme="dark"]) .gender-btn.active, :root:not([data-theme="dark"]) .gender-btn[aria-pressed="true"] { border-color: #b8860b; background: rgba(184, 134, 11, 0.12) !important; color: #6b4c2a !important; } :root[data-theme="light"] .gender-btn.active .glyph, :root:not([data-theme="dark"]) .gender-btn.active .glyph { color: #b8860b !important; } /* 订单表单 input/select 浅色化（styles.css .field input 已 var 化，但部分产品页有内联 dark input）*/ :root[data-theme="light"] .order-form input, :root[data-theme="light"] .order-form select, :root[data-theme="light"] .order-form textarea, :root:not([data-theme="dark"]) .order-form input, :root:not([data-theme="dark"]) .order-form select, :root:not([data-theme="dark"]) .order-form textarea { background: #faf6ec !important; border: 1px solid rgba(184, 134, 11, 0.35) !important; color: #2c1a0e !important; } :root[data-theme="light"] .order-form input::placeholder, :root:not([data-theme="dark"]) .order-form input::placeholder { color: #a08060; } /* 提交按钮文字保证：金底 cream 字若 <3:1 改深棕字 */ :root[data-theme="light"] .order-submit, :root[data-theme="light"] button[type="submit"].btn-primary, :root:not([data-theme="dark"]) .order-submit, :root:not([data-theme="dark"]) button[type="submit"].btn-primary { background: #b8860b !important; color: #ffffff !important; } /* Phase 2C · SEO content 区块（seo-content.css 硬编码深色）light 修复 */ :root[data-theme="light"] .seo-content, :root:not([data-theme="dark"]) .seo-content { background: rgba(184, 134, 11, 0.04) !important; } :root[data-theme="light"] .seo-content h2, :root:not([data-theme="dark"]) .seo-content h2 { color: #8b6a09 !important; } :root[data-theme="light"] .seo-content p, :root[data-theme="light"] .seo-content li, :root:not([data-theme="dark"]) .seo-content p, :root:not([data-theme="dark"]) .seo-content li { color: #3a2a10 !important; } :root[data-theme="light"] .seo-content a, :root:not([data-theme="dark"]) .seo-content a { color: #8b6a09 !important; } /* "Deep Life · how your structure..." sub-label 等金色小字兜底 */ :root[data-theme="light"] .pp-receive span, :root:not([data-theme="dark"]) .pp-receive span { color: #6b4c2a; } :root[data-theme="light"] .pp-receive .pp-rec-item .gold, :root:not([data-theme="dark"]) .pp-receive .pp-rec-item .gold { color: #8b6a09 !important; } /* .pp-compare 东方对照列金色文字 → 深金棕 5:1（兜底浅金 tint 底）*/ :root[data-theme="light"] .pp-compare .east, :root[data-theme="light"] .pp-compare .east span, :root:not([data-theme="dark"]) .pp-compare .east, :root:not([data-theme="dark"]) .pp-compare .east span { color: #6b4c2a !important; } /* 订单提交按钮：白字金底 3.25:1(13px小字) → 深棕字金底 5:1 */ :root[data-theme="light"] .order-submit, :root[data-theme="light"] .order-submit span, :root[data-theme="light"] button[type="submit"].btn-primary, :root[data-theme="light"] button[type="submit"].btn-primary span, :root:not([data-theme="dark"]) .order-submit, :root:not([data-theme="dark"]) .order-submit span, :root:not([data-theme="dark"]) button[type="submit"].btn-primary, :root:not([data-theme="dark"]) button[type="submit"].btn-primary span { background: #d4a017 !important; color: #2c1a0e !important; } /* ═══════════════════════════════════════════════════════ Phase 2C · home-legacy 暗色仪表盘区 + 全站浅色按钮/Nav home-legacy 只加载 theme.css + styles.css（无 product-pages.css），其 .cosmic-card / .df-form-wrap 互动仪表盘需在此就地处理 ═══════════════════════════════════════════════════════ */ /* COSMIC FORCES 面板：保留深色仪表盘渐变，内部文字回米/金 */ :root[data-theme="light"] .cosmic-card, :root:not([data-theme="dark"]) .cosmic-card { background: linear-gradient(180deg, #0a0a14 0%, #0d0d1e 100%) !important; border-color: rgba(201, 168, 76, 0.22) !important; } :root[data-theme="light"] .cosmic-card, :root[data-theme="light"] .cosmic-card *, :root:not([data-theme="dark"]) .cosmic-card, :root:not([data-theme="dark"]) .cosmic-card * { color: #f0e7d5 !important; } /* 次级信息（原 3.7-3.9）→ 柔金 ≈6 */ :root[data-theme="light"] .cosmic-card .meta, :root[data-theme="light"] .cosmic-card .sub-zh, :root[data-theme="light"] .cosmic-card .pillar-pos-label, :root[data-theme="light"] .cosmic-card .pillar-back-line.muted, :root:not([data-theme="dark"]) .cosmic-card .meta, :root:not([data-theme="dark"]) .cosmic-card .sub-zh, :root:not([data-theme="dark"]) .cosmic-card .pillar-pos-label, :root:not([data-theme="dark"]) .cosmic-card .pillar-back-line.muted { color: #c9a84c !important; } :root[data-theme="light"] .cosmic-card .title, :root:not([data-theme="dark"]) .cosmic-card .title { color: #e8c96e !important; } /* 环境干支矩阵：纯装饰底纹，维持极淡金，不作可读内容 */ :root[data-theme="light"] #ganzhi-matrix .ganzhi-char, :root:not([data-theme="dark"]) #ganzhi-matrix .ganzhi-char { color: rgba(201, 168, 76, 0.10) !important; } /* home-legacy 免费测算器：同 Dark Instrument Zone */ :root[data-theme="light"] .df-form-wrap, :root:not([data-theme="dark"]) .df-form-wrap { background: linear-gradient(180deg, #1a1208 0%, #0a0604 100%) !important; border-color: rgba(212, 175, 55, 0.28) !important; } :root[data-theme="light"] .df-form-wrap .df-step-label, :root[data-theme="light"] .df-form-wrap label, :root[data-theme="light"] .df-form-wrap .df-step-head, :root:not([data-theme="dark"]) .df-form-wrap .df-step-label, :root:not([data-theme="dark"]) .df-form-wrap label, :root:not([data-theme="dark"]) .df-form-wrap .df-step-head { color: #f0e7d5 !important; } /* df-cta「Reveal Your Destiny」金底按钮 → 深棕字 */ :root[data-theme="light"] .df-cta, :root[data-theme="light"] .df-cta *, :root:not([data-theme="dark"]) .df-cta, :root:not([data-theme="dark"]) .df-cta * { color: #2c1a0e !important; } /* ── 全站浅色按钮/Nav 修复（off-hero；hero 由 Option B 更高特指性夺回）── */ :root[data-theme="light"] a.btn-primary, :root[data-theme="light"] a.btn-primary span, :root:not([data-theme="dark"]) a.btn-primary, :root:not([data-theme="dark"]) a.btn-primary span { color: #2c1a0e !important; } :root[data-theme="light"] .btn-ghost, :root:not([data-theme="dark"]) .btn-ghost { color: #6b4c2a !important; border-color: rgba(184, 134, 11, 0.50) !important; } :root[data-theme="light"] .df-eyebrow, :root[data-theme="light"] .brand, :root[data-theme="light"] .nav-cta > a, :root[data-theme="light"] .nav-cta a, :root:not([data-theme="dark"]) .df-eyebrow, :root:not([data-theme="dark"]) .brand, :root:not([data-theme="dark"]) .nav-cta > a, :root:not([data-theme="dark"]) .nav-cta a { color: #6b4c2a !important; } /* ── home-legacy 产品展示区：旗舰卡 / PWA 卡深玻璃孤岛 → 浅卡 ── */ :root[data-theme="light"] .product-card.flagship, :root[data-theme="light"] .product-card.pc-fusion, :root:not([data-theme="dark"]) .product-card.flagship, :root:not([data-theme="dark"]) .product-card.pc-fusion { background: linear-gradient(180deg, #fffdf6 0%, #faf3e0 100%) !important; border: 1px solid rgba(184, 134, 11, 0.42) !important; } :root[data-theme="light"] .product-card.flagship .product-tagline, :root[data-theme="light"] .product-card.flagship li, :root[data-theme="light"] .product-card.flagship p, :root[data-theme="light"] .product-card.flagship .pcard-reveals li, :root:not([data-theme="dark"]) .product-card.flagship .product-tagline, :root:not([data-theme="dark"]) .product-card.flagship li, :root:not([data-theme="dark"]) .product-card.flagship p, :root:not([data-theme="dark"]) .product-card.flagship .pcard-reveals li { color: #2c1a0e !important; } :root[data-theme="light"] .pwa-card, :root:not([data-theme="dark"]) .pwa-card { background: #ffffff !important; border: 1px solid rgba(184, 134, 11, 0.22) !important; } :root[data-theme="light"] .pwa-card, :root[data-theme="light"] .pwa-card *, :root:not([data-theme="dark"]) .pwa-card, :root:not([data-theme="dark"]) .pwa-card * { color: #2c1a0e !important; } /* gold 小标签 / CTA strip / 价格在浅卡上 3.1-3.3 → 深金棕 ≈7 （旗舰红 .product-tag 不在此列，红字在浅卡上本身达标）*/ :root[data-theme="light"] .section-head .eyebrow, :root[data-theme="light"] .product-card:not(.flagship) .product-tag, :root[data-theme="light"] .pcard-reveals-label, :root[data-theme="light"] .pcard-cta-strip, :root[data-theme="light"] .product-card h3, :root[data-theme="light"] .product-card strong, :root[data-theme="light"] .product-price, :root:not([data-theme="dark"]) .section-head .eyebrow, :root:not([data-theme="dark"]) .product-card:not(.flagship) .product-tag, :root:not([data-theme="dark"]) .pcard-reveals-label, :root:not([data-theme="dark"]) .pcard-cta-strip, :root:not([data-theme="dark"]) .product-card h3, :root:not([data-theme="dark"]) .product-card strong, :root:not([data-theme="dark"]) .product-price { color: #6b4c2a !important; } /* home-legacy #fusion 三栏 h3「WHO/WHAT/HOW」+ #about 强调 strong：金 2.8/3.25 → 深金棕 */ :root[data-theme="light"] section#fusion .col h3, :root[data-theme="light"] section#about p strong, :root[data-theme="light"] section#about .lead strong, :root[data-theme="light"] section#about p span, :root:not([data-theme="dark"]) section#fusion .col h3, :root:not([data-theme="dark"]) section#about p strong, :root:not([data-theme="dark"]) section#about .lead strong, :root:not([data-theme="dark"]) section#about p span { color: #6b4c2a !important; } /* 卡背景 qimen 九宫 / 星座盘水印：纯装饰，压到极淡金 */ :root[data-theme="light"] .pcard-bg, :root[data-theme="light"] .pcard-bg *, :root:not([data-theme="dark"]) .pcard-bg, :root:not([data-theme="dark"]) .pcard-bg * { color: rgba(184, 134, 11, 0.05) !important; } /* 宣纸纹理 - 浅色模式给 body 一层超淡暖色噪点感（CSS 渐变模拟） */ :root[data-theme="light"] body, :root:not([data-theme="dark"]) body { background-image: radial-gradient(circle at 20% 10%, rgba(184, 134, 11, 0.025) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(184, 134, 11, 0.025) 0%, transparent 50%), radial-gradient(circle at 60% 40%, rgba(44, 26, 14, 0.015) 0%, transparent 60%); background-attachment: fixed; }