body {
    /* =====================================================================
   顶部栏美化 —— 零 Razor 改动
   作用域：.m-app-bar（应用唯一顶栏）+ .m-app-bar__nav-icon（自带类）
   风格与侧边抽屉呼应：深蓝渐变底 + 蓝青光带
   ===================================================================== */
    /* ---------- 1. 顶栏底色：深蓝横向渐变 ---------- */
    .m-app-bar {
        background: linear-gradient(90deg, #1e293b 0%, #17233a 55%, #0f172a 100%) !important;
        border-bottom: none !important;
        box-shadow: 0 2px 14px rgba(15, 23, 42, 0.35);
        color: #f1f5f9;
    }
        /* 顶部三色渐变光带（纯装饰，不占布局） */
        .m-app-bar::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #22d3ee 0%, #60a5fa 50%, #2563eb 100%);
            z-index: 1;
        }
        /* 底部蓝青渐变光带，与抽屉顶部的光带首尾呼应 */
        .m-app-bar::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, #2563eb 0%, #60a5fa 50%, #22d3ee 100%);
            pointer-events: none;
        }
        /* ---------- 2. 标题文字：加粗 + 字间距 ---------- */
        .m-app-bar .m-toolbar__content {
            color: #f1f5f9;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }
        /* ---------- 3. 汉堡按钮：升级为品牌徽标 ---------- */
        /* .m-app-bar .m-app-bar__nav-icon {
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
            border-radius: 10px !important;
            width: 38px;
            height: 38px;
            margin-right: 14px;
            color: #fff !important;
            box-shadow: 0 3px 10px rgba(37, 99, 235, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.20);
            transition: box-shadow 0.2s ease;
        }*/

        .m-app-bar .m-app-bar__nav-icon:hover {
            box-shadow: 0 5px 16px rgba(37, 99, 235, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.20);
        }
}