<!-- 音乐卡片 -->
<div >
    <div class="item-headline-music"><i class="haofont hao-icon-music"></i><span>音乐天地</span></div>

    <div class="card-widget card-music"
         th:attr="onclick='javascript:window.open(\''+ ${theme.config.sidebar.music.musicUrl} +'\')'">
        <div id="flip-wrapper-card">
            <div id="flip-music">
                <div class="msimg"
                     th:style="'background:url('+${theme.config.sidebar.music.lightMsimg}+') center center/100% no-repeat'">
                </div>
                <div class="back msimg"
                     th:style="'background:url('+${theme.config.sidebar.music.lightBackMsimg}+') center center/100% no-repeat'">
                </div>
            </div>
        </div>

    </div>
    <style>
        [data-theme=dark] #aside-content #flip-wrapper-card #flip-music .msimg {
            background: url("[(${theme.config.sidebar.music.darkMsimg})]") center center/100% no-repeat !important
        }

        [data-theme=dark] #aside-content #flip-wrapper-card #flip-music .back.msimg {
            background: url("[(${theme.config.sidebar.music.darkBackMsimg})]") center center/100% no-repeat !important
        }
    </style>

</div>