DLsite Player Fix by howard20181

/* ==UserStyle==
@name           DLsite Player Fix
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Add blur effect to player and fix menu button visibility.
@author         Howard
==/UserStyle== */
@-moz-document domain("play.dlsite.com") {
    /* 在此插入代码... */
    div[class^=StandardPlayer_controlWrapper],
    div[class^=StandardPlayer_audioPlayer],
    div[class^=DialogBox_dialogContainer] {
        background-color: rgb(255 255 255 / 0.3) !important;
        backdrop-filter: -webkit-blur(10px);
        backdrop-filter: blur(10px);
        border-color: transparent !important;
    }
    div[class^=Menu_head],
    div[class^=Header_headerInner] {
        /* background-color: transparent !important; */
        backdrop-filter: -webkit-blur(10px);
        backdrop-filter: blur(10px);
    }
    div[class^=StandardPlayer_audioPlayer] div[class^=StandardPlayer_playlistMenuButton] {
        background-color: hsla(0, 0%, 100%, .85);
        border: 1px solid #ccc;
        border-radius: 30px;
        right: 10px
    }

    div[class^=StandardPlayer_audioPlayer] div[class^=StandardPlayer_playlistMenuButton] svg {
        fill: unset;
        height: 14px;
        width: 14px
    }
}