footer.mud-appbar {
    color: var(--black-color-opacity-3) !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    /* 頁尾是固定定位的（見 Footer.razor），內容會從它底下捲過去，所以需要不透明背景，
       否則側邊選單會透出來壓在版權文字上。
       用 background 而不是 surface：頁面底色是灰的，用白色會多出一條色帶。
       !important 是必要的 —— Color.Transparent 會掛上 .mud-theme-transparent，
       那條規則本身就是 background-color: transparent !important。 */
    background-color: var(--mud-palette-background) !important;
}

footer .mud-chip-filled {
    background-color: rgb(var(--white-color));
}

/*原先的*/
.footer-block {
    z-index: 1;
}

    .footer-block.mud-theme-transparent {
        margin-top: -64px;
    }

    .footer-block .mud-chip {
        background-color: rgb(255,255,255) !important;
    }

footer .mud-fab-default {
    background-color: transparent !important;
}