grove-ui-design

这是 autumnsgrove/lattice 提供的 Grove UI 设计技能，用于为 Grove 站点创建温暖、自然主题的界面。适用场景包括：创建或增强 Grove 页面、添加自然装饰元素（树、云、天气效果）、实现玻璃拟态以提升可读性、使用季节主题系统、构建导航模式（导航栏、移动端溢出菜单）、制作引导用户的“故事”页面，以及确保移动端友好与无障碍。\n\n主要能力：玻璃拟态组件（Glass、GlassCard、GlassButton、GlassOverlay 等，提供 surface、tint、card、accent、overlay、muted 等变体及对应 CSS 类）；四季主题系统，含季节检测（$season）、配色体系（greens、bark、earth、natural、springFoliage、springSky、wildflowers、cherryBlossoms、autumn、autumnReds、winter、flowers 等）、季节辅助函数（getSeasonalGreens、getCherryColors、isTreeBare、pickRandom、pickFrom）以及雨雪花瓣落叶等天气效果层；随机森林生成，通过随机位置（5–93%）、尺寸、宽高比（1.0–1.5）和透明度制造自然变化；术语系统 GroveTerm V2（GroveTerm、GroveSwap、GroveText、GroveSwapText、GroveIntro）。\n\n使用方式：从 @autumnsgrove/lattice/ui 导入组件，从 @autumnsgrove/lattice/ui/nature 导入配色与辅助函数，通过 groveModeStore 读取或切换 Grove 模式。规则上不要硬编码 Grove 术语，需使用 GroveTerm 组件；新访客默认关闭 Grove 模式，显示标准术语；URL 保持 Grove 术语；自然 SVG 与插画使用调色板色值，UI 强调色表面使用 var(--grove-accent-*) 令牌。具体完整用法与限制在给定资料中未完全提供。