/* ==================== Z-INDEX 层级系统 ====================
 * 
 * 从低到高分为 10 个层级，每层间距充足避免冲突
 * 所有 z-index 必须使用 var(--z-*) 引用，禁止硬编码数字
 *
 * 层级说明：
 *   L0  背景层      - 动态背景、填充条等底层元素
 *   L1  基础层      - 页面内容、普通布局元素
 *   L2  内容层      - 歌曲列表项内部、播放器子组件
 *   L3  浮动层      - 版本号、控制栏、迷你播放器(竖屏)
 *   L4  头部层      - 固定顶栏、滑块提示、拖拽条
 *   L5  停靠层      - 底部 Dock 栏、导航菜单容器
 *   L6  覆盖层      - 全屏播放器、弹窗遮罩
 *   L7  面板层      - 播放器内的抽屉/面板
 *   L8  菜单层      - 设置菜单、下拉菜单、更新日志
 *   L9  提示层      - Toast、局部加载器
 *   L10 调试层      - 调试面板
 *   L11 顶层        - 初始加载屏（一次性，加载完移除）
 * =============================================================
 */

:root {
    /* L0: 背景层 */
    --z-bg: 0;

    /* L1: 基础层 */
    --z-base: 10;

    /* L2: 内容层 */
    --z-content: 20;

    /* L3: 浮动层 */
    --z-float: 30;

    /* L4: 头部层 */
    --z-header: 50;

    /* L5: 停靠层 (Dock) */
    --z-dock: 100;

    /* L6: 覆盖层 (Overlay) */
    --z-overlay: 200;

    /* L7: 面板层 (Panel) */
    --z-panel: 300;

    /* L8: 菜单层 (Menu) */
    --z-menu: 400;

    /* L9: 提示层 (Toast) */
    --z-toast: 500;

    /* L10: 调试层 (Debug) */
    --z-debug: 600;

    /* L11: 顶层 (Top) */
    --z-top: 900;
}