body {
    /* =====================================================================
   侧边导航栏美化 —— 零 Razor 改动
   作用域：.app-nav-drawer（导航栏自带类，不影响其他抽屉/列表）
   ===================================================================== */
    /* ---------- 1. 抽屉底色：深色渐变 + 右侧投影 ---------- */
    .app-nav-drawer {
        background: linear-gradient(180deg, #1e293b 0%, #0f172a 55%, #0b1120 100%) !important;
        border-right: none !important;
        box-shadow: 4px 0 24px rgba(15, 23, 42, 0.35);
    }
        /* 顶部三色渐变光带（纯装饰，不占布局） */
        .app-nav-drawer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #2563eb 0%, #60a5fa 50%, #22d3ee 100%);
            z-index: 1;
        }
        /* ---------- 2. 菜单项：内边距收进、圆角胶囊 ---------- */
        /* MASA nav 列表默认贴边，收紧后药丸悬浮感更强 */
        .app-nav-drawer .m-list--nav {
            padding-top: 14px;
        }

        .app-nav-drawer .m-list-item {
            border-radius: 10px;
            margin: 3px 10px;
            padding: 0 14px !important;
            min-height: 46px;
            transition: background 0.2s ease, transform 0.2s ease;
        }
            /* 悬浮：微亮底 + 轻微右移 */
            .app-nav-drawer .m-list-item:hover {
                background: rgba(255, 255, 255, 0.07);
            }

                .app-nav-drawer .m-list-item:hover .m-list-item__icon .m-icon {
                    color: #93c5fd !important;
                }
        /* ---------- 3. 激活项：渐变药丸 + 投影 ---------- */
        .app-nav-drawer .m-list-item--active {
            background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%) !important;
            box-shadow: 0 4px 14px rgba(37, 99, 235, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.18);
        }

            .app-nav-drawer .m-list-item--active:hover {
                background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%) !important;
            }
        /* ---------- 4. 文字与图标微调 ---------- */
        .app-nav-drawer .m-list-item__title {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 1px;
        }

        .app-nav-drawer .m-list-item__icon {
            margin-right: 14px;
        }

            .app-nav-drawer .m-list-item__icon .m-icon {
                transition: color 0.2s ease;
            }
        /* 激活项图标亮度提升（Razor 里图标写死白色，给点层次） */
        .app-nav-drawer .m-list-item--active .m-list-item__icon .m-icon {
            color: #dbeafe !important;
            text-shadow: 0 0 10px rgba(147, 197, 253, 0.6);
        }
}