hfsyun-blog 1.0.5 → 1.0.6

package/dist/MusicPlayer/css/xf-MusicPlayer.min.css

@@ -0,0 +1,2 @@
+#xf-MusicPlayer{font-size:16px!important;position:relative}#xf-MusicPlayer *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}#xf-MusicPlayer .xf-original{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#5c00ff;--playerColor-4:#b3c4ec;--playerColor-5:#90a6da;--playerColor-6:#8b52ec;--playerColor-7:#ffc0cb;--playerColor-8:#5880dc;--playerColor-9:#efefef;--playerColor-10:#a17eff;--playerColor-11:#ffc5fe;--playerColor-12:#84d6ff;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(139, 126, 192, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(85, 0, 255, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-sky{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#0d6efd;--playerColor-4:#b3c4ec;--playerColor-5:#92bbee;--playerColor-6:#52aeec;--playerColor-7:#a8cbfa;--playerColor-8:#5880dc;--playerColor-9:#efefef;--playerColor-10:#ff7e7e;--playerColor-11:#c5f2ff;--playerColor-12:#ff84e2;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(126, 170, 192, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(0, 225, 255, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-orange{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#ff8c00;--playerColor-4:#ffc28e;--playerColor-5:#ffb87a;--playerColor-6:#ffa500;--playerColor-7:#ffdab9;--playerColor-8:#ff8c00;--playerColor-9:#efefef;--playerColor-10:#ffe97e;--playerColor-11:#cfffc5;--playerColor-12:#84fffb;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(192, 160, 126, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(255, 165, 0, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-darkGreen{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#0d870d;--playerColor-4:#8bb88b;--playerColor-5:#60a060;--playerColor-6:#1a8a1a;--playerColor-7:#adff2f;--playerColor-8:#0e780e;--playerColor-9:#efefef;--playerColor-10:#9acd32;--playerColor-11:#90ee90;--playerColor-12:#00fa9a;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(126, 192, 139, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(0, 100, 0, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-wineRed{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#a51212;--playerColor-4:#c78b8b;--playerColor-5:#cf6868;--playerColor-6:#b52525;--playerColor-7:#8b0000;--playerColor-8:#ae0404;--playerColor-9:#efefef;--playerColor-10:#a20101;--playerColor-11:#892828;--playerColor-12:#a52a2a;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(139, 0, 0, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(80, 0, 0, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-girlPink{--playerColor-1:#fff;--playerColor-2:#000;--playerColor-3:#fc7b9e;--playerColor-4:#ffccdd;--playerColor-5:#fcb1cf;--playerColor-6:#ec5f97;--playerColor-7:#ffc4d8;--playerColor-8:#ff97b3;--playerColor-9:#efefef;--playerColor-10:#fca0ea;--playerColor-11:#fcd0f3;--playerColor-12:#fe7ee5;--playerColor-rgab-1:rgba(0, 0, 0, 0.3);--playerColor-rgab-2:rgba(255, 255, 255, 0.8);--playerShadow-1:2px 2px 5px 0 rgba(255, 192, 203, 0.35);--playerShadow-2:-3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25),inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1:0 0 1.5px rgba(255, 76, 240, 0.3);--playerTextShadow-2:0 0 1.5px rgba(255, 255, 255, 0.8)}#xf-MusicPlayer .xf-MusicPlayer-Main{--parentWidth:350;--numParentHeight:135;--playerRadius-1:8px;--parentWidthRemoveParty24:calc(350px - 24px);--songPictureWidth:calc(135px - 135px / 2.5 - 5px);--musicControlWidth:calc(var(--parentWidthRemoveParty24) - var(--songPictureWidth) - 5px);--SingingSheetWidth:calc(301.9px);position:fixed;left:calc(-301.9px);bottom:8em;width:var(--parentWidth);height:var(--numParentHeight);border-top-right-radius:var(--playerRadius-1);border-bottom-right-radius:var(--playerRadius-1);text-shadow:var(--playerTextShadow-1);font-family:Lato,'Microsoft YaHei',sans-serif;z-index:99;transition:all .5s;cursor:url(../other/default.cur),auto}#xf-MusicPlayer .xf-MusicPlayer-Main{background-color:rgba(170,154,132,.8)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-topControl{position:relative}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-musiCover{position:absolute;width:300px;height:210px;z-index:-1}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-musicPhoto{width:100%;overflow:hidden;height:210px;object-fit:cover;filter:blur(15px);pointer-events:none;overflow:hidden}#xf-MusicPlayer .xf-MusicPlayer-Main .pointer-cursor{cursor:url(../other/pointer.cur),auto}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-audioFrequency,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-playlistBtn,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-totalAudioProgress,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-listOfSongs li,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-playerControl li,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer{cursor:url(../other/pointer.cur),auto}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar{width:3.5px}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar-thumb{background-color:transparent;border-radius:transparent}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar-track{background-color:transparent}#xf-MusicPlayer .xf-MusicPlayer-Main ::selection{background-color:var(--playerColor-7);color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer{position:absolute;top:20px;right:-24px;height:calc(85px);width:calc(26px);display:flex;align-items:center;background-color:var(--next-MusicPlayer-background);color:var(--playerColor-1);border-top-right-radius:var(--playerRadius-1);border-bottom-right-radius:var(--playerRadius-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer .icon-jiantou2{display:block;font-size:1.5em;font-weight:700;transition:transform .5s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer .xf-jiantou1{transform:rotate(180deg)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong{width:300px;height:calc(210px);border-top-right-radius:var(--playerRadius-1);border-bottom-right-radius:var(--playerRadius-1);box-shadow:var(--playerShadow-1);background-color:rgba(170,154,132,.5)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicPicture{display:block;width:140px;height:140px;border:6px solid #d3caca;border-radius:100%;margin-top:-50px;animation:musicPicture 10s infinite linear}@keyframes musicPicture{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-pauseRotation{animation-play-state:paused}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote{--initializeDistance:20%;--pdyMove:pdyMove 2s linear infinite normal;position:absolute;z-index:100;opacity:0;font-size:1.75em;animation:var(--pdyMove);color:var(--playerColor-10)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote:nth-child(2){color:var(--playerColor-11);animation-delay:.42s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote:nth-child(3){color:var(--playerColor-12);animation-delay:.85s}@keyframes pdyMove{0%{left:var(--initializeDistance);top:var(--initializeDistance);opacity:0}25%{opacity:.5;transform:rotate(-5deg)}50%{opacity:1;transform:rotate(10deg)}100%{left:210px;top:-90px;opacity:0}}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-pausePdyMove{animation-play-state:paused;display:none}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-introduce{display:flex;align-items:flex-start;flex-direction:column}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl{--topControlHeight:calc(135px * (105 / var(--numParentHeight)));--bottomControlHeight:calc(135px - var(--topControlHeight));--rightSideWidth:calc(var(--musicControlWidth) - 24px);--BoxLeftAndRightMargin:0 0.8em;--iconControlSize:32px;width:var(--rightSideWidth);height:calc(135px)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl{display:flex;width:300px}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl li,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl li{list-style:none}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xficon{font-size:var(--iconControlSize);color:var(--playerColor-1);transition:color .35s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .iconfont:hover{color:var(--playerColor-5)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .iconfont:active{color:var(--playerColor-6)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl{flex-direction:column;align-items:center}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce{width:290px;margin:var(--BoxLeftAndRightMargin);text-align:center;font-size:.8125em;margin:10px 0 0 10px}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-singer,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-songName{width:var(--introduceWidth);text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-songName{color:var(--playerColor-1);font-weight:600;font-size:1em}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-singer{font-size:1em;margin-top:5px;color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl{--btnSize:32px;display:flex;margin-top:5px}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl li{display:flex;align-items:center;width:var(--btnSize);height:var(--btnSize)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl .xf-playbackControl{margin:0 1.5em;opacity:.8;transition:opacity .5}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl .xf-playbackControl:hover{opacity:.8}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl{--iconControlSize:18px;--widthAndHeight:10px;height:var(--bottomControlHeight);padding:var(--BoxLeftAndRightMargin);margin-top:-8px;display:flex;justify-content:space-between}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl li{display:flex;align-items:center}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar{width:85%;padding:0 5px}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress{height:5px;border-radius:var(--playerRadius-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress{width:100%;background-color:var(--playerColor-4)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress{position:relative;background-color:var(--playerColor-6);transition:width .35s;-webkit-transition:width .35s;-moz-transition:width .35s;-ms-transition:width .35s;-o-transition:width .35s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-radius:100%;width:var(--widthAndHeight);height:var(--widthAndHeight);background-color:var(--playerColor-1);box-shadow:var(--playerShadow-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList{--distance10px:10px;height:0;width:var(--SingingSheetWidth);background-color:var(--playerColor-1);box-shadow:var(--playerShadow-1);border-bottom-right-radius:var(--playerRadius-1);overflow-y:auto;overflow-x:hidden;transition:height .5s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:active::-webkit-scrollbar-thumb,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:hover::-webkit-scrollbar-thumb{background-color:var(--playerColor-3);border-radius:var(--playerRadius-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:active::-webkit-scrollbar-track,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:hover::-webkit-scrollbar-track{background-color:var(--playerColor-4)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs{padding:var(--distance10px);overflow:hidden}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem{--songsItemHeight:calc((350px - 20px) / 4);--imgBoxSize:50px;--songInformationWidth:calc(var(--SingingSheetWidth) - var(--imgBoxSize) - 20px - var(--distance10px));height:var(--songsItemHeight);width:100%;list-style:none;display:flex;align-items:center}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-songName{color:var(--playerColor-6)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor{color:var(--playerColor-6)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .icon-shijian,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength{color:var(--playerColor-6)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures{position:relative;width:var(--imgBoxSize);height:var(--imgBoxSize);margin-left:var(--distance10px)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures .xf-songIcon{position:absolute;left:0;top:-1.5px;width:100%;height:100%;border-radius:50%;background-color:var(--playerColor-rgab-1);font-size:1.5em;color:var(--playerColor-rgab-2);text-align:center;line-height:var(--imgBoxSize);z-index:100}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures .xf-playlistImg{display:block;width:100%;border-radius:100%;overflow:hidden;transition:transform .5s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation{width:var(--songInformationWidth);margin-left:var(--distance10px)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle{--songTitleNameTransition:color 0.35s}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-songName{color:var(--playerColor-5);font-size:1em;font-weight:400;margin-bottom:.8em;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:var(--songTitleNameTransition)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration{display:flex;justify-content:space-between;padding-right:var(--distance10px)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength{color:var(--playerColor-4);font-size:14px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;transition:var(--songTitleNameTransition)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution{border-radius:var(--playerRadius-1);background-color:var(--playerColor-5);border:none;text-shadow:var(--playerTextShadow-2)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-songListSongPictures .xf-playlistImg{border:2px solid var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-songName{color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor{color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .icon-shijian,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength{color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-songName{color:var(--playerColor-1)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor,#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength{color:var(--playerColor-9)}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongListShow{height:calc(350px)}#xf-MusicPlayer .xf-playerShow{left:0}.xf-singleLineEllipsis{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}#xf-lyric,.xf-lyricHidden,.xf-music-pop,.xf-throughDisplay{font-size:16px!important;--color-1:#fff;--color-2:#000;--color-3:#ffc0cb;--color-4:rgba(0, 0, 0, 0.75);--blur-5:blur(5px);--text-shadow-1:1px 1px 1px var(--color-2);--transition-1:left 1s ease 0s;--z-index-100:1809185784;--height-1:1.75em;--height-2:-1.75em;font-family:Lato,'Microsoft YaHei',sans-serif}#xf-lyric li,.xf-lyricHidden li,.xf-music-pop li,.xf-throughDisplay li{list-style:none}#xf-lyric *,.xf-lyricHidden *,.xf-music-pop *,.xf-throughDisplay *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}#xf-lyric ::selection,.xf-lyricHidden ::selection,.xf-music-pop ::selection,.xf-throughDisplay ::selection{background-color:var(--color-3);color:var(--color-1)}#xf-lyric{--width-100B:100%;position:fixed;left:0;display:none!important;width:var(--width-100B);height:var(--height-1);backdrop-filter:var(--blur-5);z-index:var(--z-index-100);overflow:hidden;transition:all .5s;cursor:url(../other/default.cur),auto}#xf-lyric:hover{height:2.5em}#xf-lyric .xf-AllLyric-box{position:relative;width:100%;height:100%}#xf-lyric .xf-AllLyric-box .xf-ly{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--width-100B) - 20%);line-height:var(--height-1);color:var(--color-1);text-align:center;font-size:1em;font-weight:600;text-shadow:var(--text-shadow-1);text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;opacity:0;transition:all .5s}#xf-lyric .xf-AllLyric-box .xf-textShow{opacity:1;transform:translate(-50%,-50%) scale(1)}.xf-lyricHidden{bottom:var(--height-2)}.xf-lyricShow{bottom:0}.xf-music-pop{width:12em;padding:12px 15px;color:var(--color-1);font-size:1em;font-weight:700;position:fixed;top:1em;left:-100%;z-index:var(--z-index-100);text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;backdrop-filter:var(--blur-5);transition:var(--transition-1)}.xf-throughDisplay{position:absolute;background-color:var(--color-4);backdrop-filter:var(--blur-5);color:var(--color-1);font-size:.8em;padding:5px 10px;border-radius:3px;z-index:var(--z-index-100);display:none}/*!* Flat UI Free v2.2.2 (http://designmodo.github.io/Flat-UI/)
+* Copyright 2013-2015 Designmodo, Inc.*/@font-face{font-family:Lato;font-style:normal;font-weight:900;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-black.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-black.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-black.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-black.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-black.svg#latoblack) format("svg")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bold.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bold.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bold.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bold.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bold.svg#latobold) format("svg")}@font-face{font-family:Lato;font-style:italic;font-weight:700;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bolditalic.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bolditalic.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bolditalic.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bolditalic.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-bolditalic.svg#latobold-italic) format("svg")}@font-face{font-family:Lato;font-style:italic;font-weight:400;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-italic.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-italic.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-italic.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-italic.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-italic.svg#latoitalic) format("svg")}@font-face{font-family:Lato;font-style:normal;font-weight:300;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-light.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-light.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-light.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-light.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-light.svg#latolight) format("svg")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-regular.eot);src:url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-regular.eot#iefix) format("embedded-opentype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-regular.woff) format("woff"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-regular.ttf) format("truetype"),url(https://cdn.staticfile.net/flat-ui/2.3.0/fonts/lato/lato-regular.svg#latoregular) format("svg")}

package/dist/MusicPlayer/css/xf-MusicPlayer.mini.css

@@ -0,0 +1 @@
+ #xf-MusicPlayer {font-size: 16px !important;}#xf-MusicPlayer * {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}#xf-MusicPlayer .xf-original {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #5c00ff;--playerColor-4: #b3c4ec;--playerColor-5: #90a6da;--playerColor-6: #8b52ec;--playerColor-7: #ffc0cb;--playerColor-8: #5880dc;--playerColor-9: #efefef;--playerColor-10: #a17eff;--playerColor-11: #ffc5fe;--playerColor-12: #84d6ff;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(139, 126, 192, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(85, 0, 255, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-sky {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #0d6efd;--playerColor-4: #b3c4ec;--playerColor-5: #92bbee;--playerColor-6: #52aeec;--playerColor-7: #a8cbfa;--playerColor-8: #5880dc;--playerColor-9: #efefef;--playerColor-10: #ff7e7e;--playerColor-11: #c5f2ff;--playerColor-12: #ff84e2;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(126, 170, 192, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(0, 225, 255, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-orange {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #ff8c00;--playerColor-4: #ffc28e;--playerColor-5: #ffb87a;--playerColor-6: #ffa500;--playerColor-7: #ffdab9;--playerColor-8: #ff8c00;--playerColor-9: #efefef;--playerColor-10: #ffe97e;--playerColor-11: #cfffc5;--playerColor-12: #84fffb;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(192, 160, 126, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(255, 165, 0, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-darkGreen {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #0d870d;--playerColor-4: #8bb88b;--playerColor-5: #60a060;--playerColor-6: #1a8a1a;--playerColor-7: #adff2f;--playerColor-8: #0e780e;--playerColor-9: #efefef;--playerColor-10: #9acd32;--playerColor-11: #90ee90;--playerColor-12: #00fa9a;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(126, 192, 139, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(0, 100, 0, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-wineRed {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #a51212;--playerColor-4: #c78b8b;--playerColor-5: #cf6868;--playerColor-6: #b52525;--playerColor-7: #8b0000;--playerColor-8: #ae0404;--playerColor-9: #efefef;--playerColor-10: #a20101;--playerColor-11: #892828;--playerColor-12: #a52a2a;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(139, 0, 0, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(80, 0, 0, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-girlPink {--playerColor-1: #fff;--playerColor-2: #000;--playerColor-3: #fc7b9e;--playerColor-4: #ffccdd;--playerColor-5: #fcb1cf;--playerColor-6: #ec5f97;--playerColor-7: #ffc4d8;--playerColor-8: #ff97b3;--playerColor-9: #efefef;--playerColor-10: #fca0ea;--playerColor-11: #fcd0f3;--playerColor-12: #fe7ee5;--playerColor-rgab-1: rgba(0, 0, 0, 0.3);--playerColor-rgab-2: rgba(255, 255, 255, 0.8);--playerShadow-1: 2px 2px 5px 0 rgba(255, 192, 203, 0.35);--playerShadow-2: -3.5px 3.5px 5px 0px rgba(255, 255, 255, 0.25), inset -3.5px 3.5px 7px 0px rgba(0, 0, 0, .25);--playerTextShadow-1: 0 0 1.5px rgba(255, 76, 240, 0.3);--playerTextShadow-2: 0 0 1.5px rgba(255, 255, 255, 0.8);}#xf-MusicPlayer .xf-MusicPlayer-Main {--parentWidth: 350;--numParentHeight: 135;--playerRadius-1: 8px;--parentWidthRemoveParty24: calc(350px - 24px);--songPictureWidth: calc(135px - 135px / 2.5 - 5px);--musicControlWidth: calc(var(--parentWidthRemoveParty24) - var(--songPictureWidth) - 5px);--SingingSheetWidth: calc(301.9px);position: fixed;left: calc(-301.9px);bottom: 2em;width: var(--parentWidth);height: var(--numParentHeight);border-top-right-radius: var(--playerRadius-1);border-bottom-right-radius: var(--playerRadius-1);text-shadow: var(--playerTextShadow-1);font-family: '仿宋', 'FangSong', '微软雅黑', 'Microsoft YaHei';z-index: 99;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;cursor: url(../other/default.cur), auto;}#xf-MusicPlayer .xf-MusicPlayer-Main .pointer-cursor {cursor: url(../other/pointer.cur), auto;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-playerControl li, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-audioFrequency, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-totalAudioProgress, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-bottomControl .xf-playlistBtn, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-listOfSongs li {cursor: url(../other/pointer.cur), auto;}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar {width: 3.5px;}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar-thumb {background-color: transparent;border-radius: transparent;}#xf-MusicPlayer .xf-MusicPlayer-Main ::-webkit-scrollbar-track {background-color: transparent;}#xf-MusicPlayer .xf-MusicPlayer-Main ::-moz-selection {background-color: var(--playerColor-7);color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main ::selection {background-color: var(--playerColor-7);color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer {position: absolute;top: 0;right: 0;height: calc(135px);width: calc(24px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--playerColor-3);color: var(--playerColor-1);border-top-right-radius: var(--playerRadius-1);border-bottom-right-radius: var(--playerRadius-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer .icon-jiantou2 {display: block;font-size: 1.5em;font-weight: bold;-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;-o-transition: transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-switchPlayer .xf-jiantou1 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong {width: var(--parentWidthRemoveParty24);height: calc(135px);border-top-right-radius: var(--playerRadius-1);border-bottom-right-radius: var(--playerRadius-1);background-color: var(--playerColor-1);-webkit-box-shadow: var(--playerShadow-1);box-shadow: var(--playerShadow-1);display: -webkit-box;display: -ms-flexbox;display: flex;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture {width: var(--songPictureWidth);height: calc(135px);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 5px;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicPicture {display: block;width: var(--songPictureWidth);height: var(--songPictureWidth);border: 1px solid var(--playerColor-4);border-radius: 100%;-webkit-animation: musicPicture 10s infinite linear;animation: musicPicture 10s infinite linear;}@-webkit-keyframes musicPicture {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes musicPicture {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-pauseRotation {-webkit-animation-play-state: paused;animation-play-state: paused;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote {--initializeDistance: 20%;--pdyMove: pdyMove 2s linear infinite normal;position: absolute;z-index: 100;opacity: 0;font-size: 1.75em;-webkit-animation: var(--pdyMove);animation: var(--pdyMove);color: var(--playerColor-10);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote:nth-child(2) {color: var(--playerColor-11);-webkit-animation-delay: 0.42s;animation-delay: 0.42s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-musicalNote:nth-child(3) {color: var(--playerColor-12);-webkit-animation-delay: 0.85s;animation-delay: 0.85s;}@-webkit-keyframes pdyMove {0% {left: var(--initializeDistance);top: var(--initializeDistance);opacity: 0;}25% {opacity: 0.5;-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}50% {opacity: 1;-webkit-transform: rotate(10deg);transform: rotate(10deg);}100% {left: 210px;top: -90px;opacity: 0;}}@keyframes pdyMove {0% {left: var(--initializeDistance);top: var(--initializeDistance);opacity: 0;}25% {opacity: 0.5;-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}50% {opacity: 1;-webkit-transform: rotate(10deg);transform: rotate(10deg);}100% {left: 210px;top: -90px;opacity: 0;}}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-songPicture .xf-pausePdyMove {-webkit-animation-play-state: paused;animation-play-state: paused;display: none;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl {--topControlHeight: calc(135px * (105 / var(--numParentHeight)));--bottomControlHeight: calc(135px - var(--topControlHeight));--rightSideWidth: calc(var(--musicControlWidth) - 24px);--BoxLeftAndRightMargin: 0 0.8em;--iconControlSize: 32px;width: var(--rightSideWidth);height: calc(135px);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl {display: -webkit-box;display: -ms-flexbox;display: flex;width: var(--rightSideWidth);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl li, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl li {list-style: none;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .iconfont {font-size: var(--iconControlSize);color: var(--playerColor-4);-webkit-transition: color 0.35s;-o-transition: color 0.35s;transition: color 0.35s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .iconfont:hover {color: var(--playerColor-5);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .iconfont:active {color: var(--playerColor-6);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl {height: var(--topControlHeight);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce {--introduceWidth: calc(var(--rightSideWidth) - 30px);width: var(--introduceWidth);margin: var(--BoxLeftAndRightMargin);text-align: center;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-songName, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-singer {width: var(--introduceWidth);-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-songName {color: var(--playerColor-8);font-size: 1.5em;font-weight: bold;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-introduce .xf-singer {font-size: 1em;margin-top: 5px;color: var(--playerColor-4);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl {--btnSize: 32px;display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 5px;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: var(--btnSize);height: var(--btnSize);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl .xf-playbackControl {margin: 0 1.5em;opacity: 0.5;-webkit-transition: opacity 0.5;-o-transition: opacity 0.5;transition: opacity 0.5;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-topControl .xf-playerControl .xf-playbackControl:hover {opacity: 0.8;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl {--iconControlSize: 24px;--widthAndHeight: 10px;height: var(--bottomControlHeight);padding: var(--BoxLeftAndRightMargin);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar {width: 70%;padding: 0 5px;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress {height: 5px;border-radius: var(--playerRadius-1);transition: width 0.35s;-webkit-transition: width 0.35s;-moz-transition: width 0.35s;-ms-transition: width 0.35s;-o-transition: width 0.35s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress {width: 100%;background-color: var(--playerColor-4);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress {position: relative;background-color: var(--playerColor-6);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-insideSong .xf-musicControl .xf-bottomControl .xf-progressBar .xf-totalAudioProgress .xf-audioProgress::after {content: '';position: absolute;right: -5px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border-radius: 100%;width: var(--widthAndHeight);height: var(--widthAndHeight);background-color: var(--playerColor-1);-webkit-box-shadow: var(--playerShadow-1);box-shadow: var(--playerShadow-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList {--distance10px: 10px;height: 0;width: var(--SingingSheetWidth);background-color: var(--playerColor-1);-webkit-box-shadow: var(--playerShadow-1);box-shadow: var(--playerShadow-1);border-bottom-right-radius: var(--playerRadius-1);overflow-y: auto;overflow-x: hidden;-webkit-transition: height 0.5s;-o-transition: height 0.5s;transition: height 0.5s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:hover::-webkit-scrollbar-thumb, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:active::-webkit-scrollbar-thumb {background-color: var(--playerColor-3);border-radius: var(--playerRadius-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:hover::-webkit-scrollbar-track, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList:active::-webkit-scrollbar-track {background-color: var(--playerColor-4);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs {padding: var(--distance10px);overflow: hidden;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem {--songsItemHeight: calc((350px - 20px) / 4);--imgBoxSize: 50px;--songInformationWidth: calc(var(--SingingSheetWidth) - var(--imgBoxSize) - 20px - var(--distance10px));height: var(--songsItemHeight);width: 100%;list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-songName {color: var(--playerColor-6);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor {color: var(--playerColor-6);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .icon-shijian {color: var(--playerColor-6);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures {position: relative;width: var(--imgBoxSize);height: var(--imgBoxSize);margin-left: var(--distance10px);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures .xf-songIcon {position: absolute;left: 0;top: -1.5px;width: 100%;height: 100%;border-radius: 50%;background-color: var(--playerColor-rgab-1);font-size: 1.5em;color: var(--playerColor-rgab-2);text-align: center;line-height: var(--imgBoxSize);z-index: 100;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-songListSongPictures .xf-playlistImg {display: block;width: 100%;border-radius: 100%;overflow: hidden;-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;-o-transition: transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation {width: var(--songInformationWidth);margin-left: var(--distance10px);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle {--songTitleNameTransition: color 0.35s;}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-songName {color: var(--playerColor-5);font-size: 1em;font-weight: bold;margin-bottom: 0.8em;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: var(--songTitleNameTransition);-o-transition: var(--songTitleNameTransition);transition: var(--songTitleNameTransition);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-right: var(--distance10px);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-songsItem .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength {color: var(--playerColor-4);font-size: 14px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;-webkit-transition: var(--songTitleNameTransition);-o-transition: var(--songTitleNameTransition);transition: var(--songTitleNameTransition);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution {border-radius: var(--playerRadius-1);background-color: var(--playerColor-5);border: none;text-shadow: var(--playerTextShadow-2);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-songListSongPictures .xf-playlistImg {border: 2px solid var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-songName {color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor {color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution:hover .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .icon-shijian {color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-songName {color: var(--playerColor-1);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songAuthor, #xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongList .xf-listOfSongs .xf-inExecution .xf-playlistSongInformation .xf-songTitle .xf-authorAndDuration .xf-songLength {color: var(--playerColor-9);}#xf-MusicPlayer .xf-MusicPlayer-Main .xf-outsideSongListShow {height: calc(350px);}#xf-MusicPlayer .xf-playerShow {left: 0;}.xf-singleLineEllipsis {-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;}#xf-lyric, .xf-music-pop, .xf-throughDisplay, .xf-lyricHidden {font-size: 16px !important;--color-1: #fff;--color-2: #000;--color-3: #ffc0cb;--color-4: rgba(0, 0, 0, 0.75);--blur-5: blur(5px);--text-shadow-1: 1px 1px 1px var(--color-2);--transition-1: left 1s ease 0s;--z-index-100: 1809185784;--height-1: 1.75em;--height-2: -1.75em;font-family: '仿宋', 'FangSong', '微软雅黑', 'Microsoft YaHei';}#xf-lyric li, .xf-music-pop li, .xf-throughDisplay li, .xf-lyricHidden li {list-style: none;}#xf-lyric *, .xf-music-pop *, .xf-throughDisplay *, .xf-lyricHidden * {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}#xf-lyric ::-moz-selection, .xf-music-pop ::-moz-selection, .xf-throughDisplay ::-moz-selection, .xf-lyricHidden ::-moz-selection {background-color: var(--color-3);color: var(--color-1);}#xf-lyric ::selection, .xf-music-pop ::selection, .xf-throughDisplay ::selection, .xf-lyricHidden ::selection {background-color: var(--color-3);color: var(--color-1);}#xf-lyric {--width-100B: 100%;position: fixed;left: 0;width: var(--width-100B);height: var(--height-1);-webkit-backdrop-filter: var(--blur-5);backdrop-filter: var(--blur-5);z-index: var(--z-index-100);overflow: hidden;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;cursor: url(../other/default.cur), auto;}#xf-lyric:hover {height: 2.5em;}#xf-lyric .xf-AllLyric-box {position: relative;width: 100%;height: 100%;}#xf-lyric .xf-AllLyric-box .xf-ly {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);width: calc(var(--width-100B) - 20%);line-height: var(--height-1);color: var(--color-1);text-align: center;font-size: 1em;font-weight: 600;text-shadow: var(--text-shadow-1);-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;opacity: 0;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}#xf-lyric .xf-AllLyric-box .xf-textShow {opacity: 1;-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}.xf-lyricHidden {bottom: var(--height-2);}.xf-lyricShow {bottom: 0;}.xf-music-pop {width: 12em;padding: 12px 15px;color: var(--color-1);font-size: 1em;font-weight: bold;position: fixed;top: 1em;left: -100%;z-index: var(--z-index-100);-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;-webkit-backdrop-filter: var(--blur-5);backdrop-filter: var(--blur-5);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}.xf-throughDisplay {position: absolute;background-color: var(--color-4);-webkit-backdrop-filter: var(--blur-5);backdrop-filter: var(--blur-5);color: var(--color-1);font-size: 0.8em;padding: 5px 10px;border-radius: 3px;z-index: var(--z-index-100);display: none;}

package/dist/MusicPlayer/icon/xfplayIcon.css

@@ -0,0 +1,52 @@
+@font-face {
+  font-family: "xficon";
+  src: local('xficon'), url('data:font/ttf;charset=utf-8;base64,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') format('truetype')
+}
+
+.xficon {
+  font-family: "xficon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale
+}
+
+.icon-yinle:before {
+  content: "\f0036"
+}
+
+.icon-shijian:before {
+  content: "\e854"
+}
+
+.icon-bofang:before {
+  content: "\e63a"
+}
+
+.icon-shangyishou:before {
+  content: "\e63c"
+}
+
+.icon-xiayishou:before {
+  content: "\e63e"
+}
+
+.icon-jiantou2:before {
+  content: "\e501"
+}
+
+.icon-shengyin-guan:before {
+  content: "\e6bf"
+}
+
+.icon-shengyin-kai:before {
+  content: "\e6c0"
+}
+
+.icon-gedan:before {
+  content: "\e6c1"
+}
+
+.icon-zantingtingzhi:before {
+  content: "\e65a"
+}

package/dist/MusicPlayer/icon/xfplayIcon.min.css

@@ -0,0 +1 @@
+@font-face{font-family:"xficon";src:local('xficon'),url('data:font/ttf;charset=utf-8;base64,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') format('truetype')}.xficon{font-family:"xficon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-yinle:before{content:"\f0036"}.icon-shijian:before{content:"\e854"}.icon-bofang:before{content:"\e63a"}.icon-shangyishou:before{content:"\e63c"}.icon-xiayishou:before{content:"\e63e"}.icon-jiantou2:before{content:"\e501"}.icon-shengyin-guan:before{content:"\e6bf"}.icon-shengyin-kai:before{content:"\e6c0"}.icon-gedan:before{content:"\e6c1"}.icon-zantingtingzhi:before{content:"\e65a"}