/**
 * 统一的层级管理系统
 * 
 * 层级体系说明：
 * - 基础层级 (100-999): 页面内容、导航栏、标签栏
 * - 浮层层级 (1000-1999): 弹窗、菜单、下拉框
 * - 遮罩层级 (2000-2999): 遮罩层、模态框背景
 * - 顶级层级 (3000-3999): 系统级提示、紧急通知
 * - 调试层级 (9000-9999): 仅开发环境使用
 */

:root {
    /* ========== 基础层级 (100-999) ========== */
    --z-base: 100;                    /* 基础内容层 */
    --z-tabbar: 100;                   /* 标签栏 */
    --z-navbar: 101;                   /* 导航栏 */
    --z-sticky: 200;                   /* 粘性定位元素 */
    --z-dropdown: 300;                 /* 下拉菜单 */
    
    /* ========== 浮层层级 (1000-1999) ========== */
    --z-popup: 1000;                   /* 普通弹窗 */
    --z-menu: 1100;                    /* 菜单 */
    --z-tooltip: 1200;                 /* 工具提示 */
    --z-select: 1300;                  /* 选择器 */
    --z-autocomplete: 1400;            /* 自动完成 */
    --z-context-menu: 1500;            /* 右键菜单 */
    
    /* ========== 遮罩层级 (2000-2999) ========== */
    --z-overlay: 2000;                 /* 遮罩层 */
    --z-modal: 2100;                   /* 模态框 */
    --z-dialog: 2200;                  /* 对话框 */
    --z-toast: 2300;                   /* Toast提示 */
    --z-notification: 2400;            /* 通知 */
    --z-page-overlay: 2500;            /* 页面级遮罩 */
    
    /* ========== 顶级层级 (3000-3999) ========== */
    --z-system-alert: 3000;            /* 系统警告 */
    --z-loading: 3100;                 /* 加载遮罩 */
    --z-fullscreen: 3200;              /* 全屏元素 */
    --z-camera: 3300;                  /* 相机界面 */
    
    /* ========== 调试层级 (9000-9999) ========== */
    --z-debug: 9000;                   /* 调试信息 */
    --z-debug-overlay: 9999;           /* 调试遮罩（仅开发环境） */
}

/* 开发环境检测 - 仅在生产环境外启用调试层级 */
:root:not([data-env="production"]) {
    --z-debug: 9000;
    --z-debug-overlay: 9999;
}

/* 生产环境禁用调试层级 */
:root[data-env="production"] {
    --z-debug: 3000;
    --z-debug-overlay: 3000;
}