mindmap
    id1[CSS 变量基础概念]
        id1-1[变量定义与声明]
        id1-2[var   函数语法]
        id1-3[自定义属性命名规范]
        id1-4[作用域与继承规则]
        id1-5[回退值机制]
        id1-6[变量类型与值]
        id1-7[颜色值变量]
        id1-8[尺寸值变量]
        id1-9[数值变量]
        id1-10[字符串变量]
        id1-11[复合值变量]

mindmap
    id2[变量作用域与继承]
        id2-1[全局作用域变量]
        id2-2[:root 伪类定义]
        id2-3[全局变量的优势]
        id2-4[全局变量覆盖机制]
        id2-5[局部作用域变量]
        id2-6[元素级变量定义]
        id2-7[类级变量定义]
        id2-8[ID 级变量定义]
        id2-9[局部变量优先级]
        id2-10[继承机制]
        id2-11[CSS 继承规则]
        id2-12[变量继承特性]
        id2-13[继承链中的变量解析]

mindmap
    id3[变量应用场景]
        id3-1[主题系统]
        id3-2[颜色主题切换]
        id3-3[字体主题管理]
        id3-4[间距主题配置]
        id3-5[暗黑模式实现]
        id3-6[响应式设计]
        id3-7[断点变量定义]
        id3-8[自适应尺寸变量]
        id3-9[媒体查询中的变量使用]
        id3-10[组件样式]
        id3-11[按钮组件变量]
        id3-12[卡片组件变量]
        id3-13[表单组件变量]
        id3-14[导航组件变量]

mindmap
    id4[高级特性与技巧]
        id4-1[动态变量]
        id4-2[JavaScript 操作变量]
        id4-3[实时更新机制]
        id4-4[动画与过渡效果]
        id4-5[计算与转换]
        id4-6[calc   函数结合使用]
        id4-7[变量间的数学运算]
        id4-8[单位转换技巧]
        id4-9[性能优化]
        id4-10[变量缓存机制]
        id4-11[渲染性能影响]
        id4-12[最佳实践建议]

mindmap
    id5[浏览器兼容性]
        id5-1[现代浏览器支持]
        id5-2[Chrome/Edge 支持情况]
        id5-3[Firefox 支持情况]
        id5-4[Safari 支持情况]
        id5-5[降级方案]
        id5-6[@supports 规则检测]
        id5-7[传统 CSS 回退方案]
        id5-8[PostCSS 处理方案]
        id5-9[移动端支持]
        id5-10[iOS Safari 支持]
        id5-11[Android Chrome 支持]
        id5-12[移动端特殊考虑]

mindmap
    id6[实际项目应用]
        id6-1[设计系统构建]
        id6-2[设计令牌定义]
        id6-3[样式指南集成]
        id6-4[团队协作规范]
        id6-5[框架集成]
        id6-6[React 中的 CSS 变量]
        id6-7[Vue 中的 CSS 变量]
        id6-8[Angular 中的 CSS 变量]
        id6-9[构建工具配置]
        id6-10[Webpack 配置优化]
        id6-11[PostCSS 插件使用]
        id6-12[CSS 预处理器的配合]

mindmap
    id7[调试与维护]
        id7-1[调试技巧]
        id7-2[开发者工具使用]
        id7-3[变量值检查方法]
        id7-4[常见问题排查]
        id7-5[代码组织]
        id7-6[变量命名规范]
        id7-7[文件组织结构]
        id7-8[文档编写标准]
        id7-9[版本控制]
        id7-10[变量变更管理]
        id7-11[向后兼容策略]
        id7-12[迁移方案规划]