/* ============================================================ 6 套主题 - 全部通过 [data-theme] CSS 变量切换使用方式： ============================================================ */ /* ── Theme 1: Luxury Dark（琥珀金）── */ [data-theme="luxury-dark"] { --bg-base: #0d0d0d; --bg-elevated: #161616; --bg-card: #1c1c1c; --border: #2a2a2a; --border-subtle: #222222; --accent: #c9a84c; --accent-hover: #e0be6a; --accent-dim: rgba(201,168,76,0.15); --text-primary: #f0ece4; --text-secondary: #9a9590; --text-muted: #5c5855; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; } /* ── Theme 2: Ocean Blue（海浪蓝）── */ [data-theme="ocean-blue"] { --bg-base: #0a0f1a; --bg-elevated: #0f1626; --bg-card: #151d30; --border: #1e2d4a; --border-subtle: #182040; --accent: #3d9be9; --accent-hover: #6ab4f5; --accent-dim: rgba(61,155,233,0.15); --text-primary: #e8f0f8; --text-secondary: #8a9ab0; --text-muted: #4a5a70; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; } /* ── Theme 3: Forest Green（森林绿）── */ [data-theme="forest-green"] { --bg-base: #0a120a; --bg-elevated: #0f1a0f; --bg-card: #152015; --border: #1e301e; --border-subtle: #182818; --accent: #4caf50; --accent-hover: #6fcf72; --accent-dim: rgba(76,175,80,0.15); --text-primary: #e8f5e9; --text-secondary: #8a9a8a; --text-muted: #4a5a4a; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; } /* ── Theme 4: Berry Pink（浆果粉）── */ [data-theme="berry-pink"] { --bg-base: #120a10; --bg-elevated: #1a0f18; --bg-card: #221520; --border: #301e2a; --border-subtle: #281828; --accent: #e91e8c; --accent-hover: #f06ab8; --accent-dim: rgba(233,30,140,0.15); --text-primary: #f8e8f0; --text-secondary: #b89aaa; --text-muted: #6a4a60; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; } /* ── Theme 5: Ember Orange（烈焰橙）── */ [data-theme="ember-orange"] { --bg-base: #120a04; --bg-elevated: #1a0f06; --bg-card: #221508; --border: #302010; --border-subtle: #281808; --accent: #e07020; --accent-hover: #f09040; --accent-dim: rgba(224,112,32,0.15); --text-primary: #f8ece4; --text-secondary: #b09080; --text-muted: #6a5040; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; } /* ── Theme 6: Clean Light（简约白）── */ [data-theme="clean-light"] { --bg-base: #f5f5f7; --bg-elevated: #ffffff; --bg-card: #ffffff; --border: #e0e0e5; --border-subtle: #ebebf0; --accent: #1a1a2e; --accent-hover: #2a2a4e; --accent-dim: rgba(26,26,46,0.08); --text-primary: #1a1a2e; --text-secondary: #6a6a80; --text-muted: #a0a0b0; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, sans-serif; }