/**
* Lumo 设计系统：浅色 / 深色（html[data-leafs-theme]）
* 中性色阶与背景/灰阶；主色组默认靛蓝 + 紫（可由主题设置内联覆盖）
*/
/* 页头尺寸与断点：亮/暗共用，避免深色块覆盖后丢失平板/桌面高度 */
html[data-leafs-theme="light"],
html[data-leafs-theme="dark"] {
--leafs-header-greet-h: 0px;
--leafs-header-meta-h: 0px;
--leafs-header-main-h: 56px;
--leafs-header-h: calc(var(--leafs-header-main-h) + var(--leafs-header-greet-h));
--leafs-nav-item-gap: 20px;
--leafs-topbar-blur: 8px;
/* 右下角置顶 / 主题色 FAB：尺寸与边距统一（移动端在 lumo-enhancements 内覆盖） */
--leafs-corner-fab-size: 40px;
--leafs-corner-fab-right: 28px;
--leafs-corner-fab-stack-gap: 12px;
--leafs-corner-back-bottom: 30px;
/* iOS / 刘海屏：与 viewport-fit=cover 配合，供组件与 JS 读取 */
--leafs-safe-top: env(safe-area-inset-top, 0px);
--leafs-safe-right: env(safe-area-inset-right, 0px);
--leafs-safe-bottom: env(safe-area-inset-bottom, 0px);
--leafs-safe-left: env(safe-area-inset-left, 0px);
}
html[data-leafs-theme="light"] {
color-scheme: light;
--leafs-brand: #2563eb;
--leafs-brand-hover: #1d4ed8;
--leafs-mint: #7c3aed;
--leafs-warm: #f59e0b;
--leafs-on-primary: #ffffff;
--leafs-bg: #f5f8fc;
--leafs-surface: #eef3f9;
--leafs-surface2: #e9f0f8;
--leafs-card: #ffffff;
--leafs-border: #d8e2ee;
--leafs-text: #0f172a;
--leafs-muted: #475569;
--leafs-muted2: #94a3b8;
--leafs-divider: #dbe4f0;
--leafs-link: #2563eb;
--leafs-success: #16a34a;
--leafs-warning: #d97706;
--leafs-danger: #dc2626;
--leafs-info: #4f46e5;
--leafs-shadow-card: 0 6px 18px rgba(15, 23, 42, 0.05);
--leafs-shadow-card-hover: 0 14px 32px rgba(15, 23, 42, 0.12);
--leafs-header-bg: rgba(245, 248, 252, 0.8);
--leafs-header-bg-scrolled: rgba(245, 248, 252, 0.95);
--leafs-header-border: rgba(216, 226, 238, 0.95);
--leafs-glass-blur: 14px;
--leafs-icon-btn-bg: rgba(15, 23, 42, 0.04);
--leafs-icon-btn-bg-hover: rgba(15, 23, 42, 0.08);
--leafs-search-bg: #edf3f9;
--leafs-code-bg: #eef2f7;
--leafs-code-text: #1e293b;
--leafs-subnav-bg: #ffffff;
--leafs-subnav-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
--leafs-focus-ring: rgba(37, 99, 235, 0.34);
--leafs-tag-free-bg: rgba(124, 58, 237, 0.14);
--leafs-tag-free-text: #6d28d9;
--leafs-tag-hot-bg: rgba(245, 158, 11, 0.18);
--leafs-tag-hot-text: #b45309;
--leafs-tag-gold-bg: rgba(202, 138, 4, 0.18);
--leafs-tag-gold-text: #854d0e;
/* 兼容旧变量名 */
--leafs-accent: var(--leafs-link);
--leafs-accent2: var(--leafs-mint);
--leafs-shadow: var(--leafs-shadow-card);
--leafs-radius: 12px;
--leafs-topbar-slab-bg: rgba(238, 243, 249, 0.9);
--leafs-navbar-solid: #ffffff;
--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}
@media (min-width: 768px) and (max-width: 1023px) {
html[data-leafs-theme="light"],
html[data-leafs-theme="dark"] {
--leafs-header-meta-h: 36px;
--leafs-header-main-h: 66px;
--leafs-header-h: calc(var(--leafs-header-meta-h) + var(--leafs-header-main-h));
--leafs-nav-item-gap: 20px;
}
}
@media (min-width: 1024px) {
html[data-leafs-theme="light"],
html[data-leafs-theme="dark"] {
--leafs-header-meta-h: 40px;
--leafs-header-main-h: 70px;
--leafs-header-h: calc(var(--leafs-header-meta-h) + var(--leafs-header-main-h));
--leafs-nav-item-gap: 28px;
}
}
html[data-leafs-theme="dark"] {
color-scheme: dark;
--leafs-brand: #6366f1;
--leafs-brand-hover: #818cf8;
--leafs-mint: #a78bfa;
--leafs-warm: #fb923c;
--leafs-on-primary: #ffffff;
--leafs-bg: #0a0c10;
--leafs-surface: #14171c;
--leafs-surface2: #1e2128;
--leafs-card: #1e2128;
--leafs-border: #2d2f36;
--leafs-text: #e8edf2;
--leafs-muted: #9aa1b0;
--leafs-muted2: #6c757d;
--leafs-divider: #2d2f36;
--leafs-link: #818cf8;
--leafs-success: #3ddc66;
--leafs-warning: #e0ac14;
--leafs-danger: #ff6b7a;
--leafs-info: #a78bfa;
--leafs-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.3);
--leafs-shadow-card-hover: 0 8px 20px rgba(0, 0, 0, 0.5);
--leafs-header-bg: rgba(10, 12, 16, 0.82);
--leafs-header-bg-scrolled: rgba(10, 12, 16, 0.94);
--leafs-header-border: rgba(45, 47, 54, 0.95);
--leafs-glass-blur: 10px;
--leafs-icon-btn-bg: rgba(255, 255, 255, 0.06);
--leafs-icon-btn-bg-hover: rgba(255, 255, 255, 0.11);
--leafs-search-bg: #14171c;
--leafs-code-bg: #1e1e1e;
--leafs-code-text: #d4d4d4;
--leafs-subnav-bg: #1e2128;
--leafs-subnav-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
--leafs-focus-ring: rgba(99, 102, 241, 0.55);
--leafs-tag-free-bg: rgba(167, 139, 250, 0.22);
/* 叠在深底半透明 pill 上：浅色字更易读（后台配色内联仍会覆盖） */
--leafs-tag-free-text: #ede9fe;
--leafs-tag-hot-bg: rgba(244, 162, 97, 0.22);
--leafs-tag-hot-text: #ffedd5;
--leafs-tag-gold-bg: rgba(212, 175, 55, 0.18);
--leafs-tag-gold-text: #fef3c7;
--leafs-accent: var(--leafs-link);
--leafs-accent2: var(--leafs-mint);
--leafs-shadow: var(--leafs-shadow-card);
--leafs-radius: 12px;
--leafs-topbar-slab-bg: rgba(20, 23, 28, 0.9);
--leafs-navbar-solid: #0a0c10;
--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}
html {
scroll-behavior: smooth;
}
/* 访客可选强调色：localStorage leafs_accent_preset → data-leafs-accent-preset；具体变量由 setup.php 内联 CSS（与后台「推荐方案」同色值）输出。 */