/* Hearth 设计 token:HyperOS 4 柔光玻璃 + Miuix 双色 */ /* Hearth design tokens: HyperOS 4 soft-glass + Miuix dual-color scheme */ :root { --glass-bg: rgba(255, 255, 255, 0.4); /* 浅色半透明白 / light translucent white */ --glass-border: rgba(0, 0, 0, 0.06); --text: #1a1a1a; --text-dim: #8a8a90; --accent: #ff6900; /* 玻璃效果默认关闭:无模糊、无高光(普通半透明) */ /* Glass effect off by default: no blur, no highlight (plain translucent) */ --blur-filter: none; --glass-shadow: none; } /* 玻璃效果开启:磨砂模糊 + 边缘反射高光(液态玻璃,参考 Apple WWDC25) */ /* Glass effect on: frosted blur + edge-reflection highlight (liquid glass) */ :root[data-glass="on"] { --blur-filter: blur(20px) saturate(1.2) brightness(1.05) contrast(1.1); --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.04); } /* 系统深色:仅在未强制浅色时生效(跟随系统) */ /* System dark: only applies when not forced light (follow-system) */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --glass-bg: rgba(21, 21, 24, 0.55); /* 深色半透明 / dark translucent */ --glass-border: rgba(255, 255, 255, 0.08); --text: #ffffff; --text-dim: #9a9aa0; --accent: #ff6900; } } /* 强制深色:无论系统主题 */ /* Forced dark: regardless of system theme */ :root[data-theme="dark"] { --glass-bg: rgba(21, 21, 24, 0.55); --glass-border: rgba(255, 255, 255, 0.08); --text: #ffffff; --text-dim: #9a9aa0; --accent: #ff6900; }