亦是金 发表于 2024-1-3 12:50

《你来弹我来唱》 - 七仙女组合(跟着红影学习黑黑老师的代码)

本帖最后由 亦是金 于 2024-1-3 17:46 编辑 <br /><br /><style>
#papa {
        margin: 50px 0 0 calc(50% - 581px);
        width: 1200px;
        height: 700px;
        box-shadow: 4px 8px 28px gray;
        background: url('') no-repeat center/cover;
        overflow: hidden;
        z-index: 1;
        position: relative;
        --state: paused;
}


#player {
        position: absolute; z-index: 2;
        left: 460px;
        top: 200px;
        width: 380px;
        height: 300px;
        cursor: pointer;
        animation: rotating 16s infinite alternate linear var(--state);
}
li-zi {
        position: absolute;
        width: 85px;
        height: 70px;
        left: 100px;
        top: -10px;
        background: navy;
        opacity: 1;
        animation: moving var(--duration) var(--delay) linear infinite alternate var(--state);
}
#vid {
        position: absolute;
        top: 0px;
      left: 0px;
        width: 1380px;
        height: 700px;
        opacity: 1;
        mix-blend-mode: screen;
        object-fit: cover;
        pointer-events: none;
}
#lrc { --motion: cover1; --tt: 5s; --state: paused; position: absolute; left: 50%; transform: translate(-50%); top: 620px; font: bold 2.2em sans-serif; color: hsl(300, 100%, 100%); -webkit-background-clip: text; filter: drop-shadow(1px 1px 2px hsla(0, 0%, 0%, .95)); }
#lrc::before { position: absolute; content: attr(data-lrc); width: 20%; height: 100%; color: transparent; overflow: hidden; white-space: pre; background: linear-gradient(180deg, hsla(0, 100%, 50%, .45), hsla(352, 100%, 66%, .6), hsla(60, 100%, 50%, .75)); filter: inherit; -webkit-background-clip: text; animation: var(--motion) var(--tt) linear forwards; animation-play-state: var(--state); }
@keyframes cover1 { from { width: 0; } to { width: 100%; } }
@keyframes cover2 { from { width: 0; } to { width: 100%; } }
@keyframes moving {
        from { transform: translate(var(--x0),var(--y0)) rotate(var(--deg)); }
        to { transform: translate(var(--x1),var(--y1)) rotate(var(--deg)); }
}
@keyframes rotating { to { transform: rotate(360deg); } }


</style>

<div id="papa">


        <video id="vid" src="https://img.tukuppt.com/video_show/2418175/00/08/28/5d23187daafa5_10s_big.mp4" autoplay loop muted></video>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1360265264.mp3" autoplay loop></audio>
<div id="lrc" data-lrc="花潮lrc在线">花潮lrc在线</div>       
<div id="player" title="播放/暂停"></div>
</div>

<script>

(function() {
let vid = document.querySelector('#vid');
let r = player.offsetWidth / 2 - 6, total = 4;
Array.from({length: total}).forEach((item,key) => {
        let rad0 = (Math.PI / 180) * 360 / total * key,
                rad1 = (Math.PI / 180) * (180 + (360 / total * key));
        item = document.createElement('li-zi');
        item.style.cssText += `
                --x0: ${r + r * Math.cos(rad0)}px;
                --y0: ${r + r * Math.sin(rad0)}px;
                --x1: ${r + r * Math.cos(rad1)}px;
                --y1: ${r + r * Math.sin(rad1)}px;
        --deg: ${360 / total * key}deg;
                --duration: ${4 + Math.random() * 6}s;
                --delay: -${Math.random() * 8}s;
                background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA0MjQ4MzM0ODA4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3NTEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTg4OC4yODIgMjI5LjIzMmMwLTMuODgyLTEuNTItNy41OTQtNC4zMDYtMTAuMjkzbC00MS4yNjctNDEuMzU0Yy01LjY1NC01LjczNS0xNC45MzctNS43MzUtMjAuNjczIDBMNTY4Ljc4MSA0MzAuOTIxYy0yNy42NzgtMjEuNTE3LTUyLjU3NS0zMi4yMzUtNzUuMjc0LTMyLjIzNS0yMC4yNTIgMC0zOC40ODMgOC40MzktNTQuMDkyIDI1LjE0OC0xMi4zMjQgMTMuMTY1LTIxLjE4NCAyOS4xOTgtMjguMTg4IDQyLjExMS00LjA1MSA3LjMzOS04LjE4NCAxNS4wMi0xMC44IDE3LjU1LTcuMjYxIDcuMjYxLTM0LjY4NyAxNi43OTYtNTguOTkgMjUuMTUyLTQwLjU5MiAxNC4wOTItODYuNjY5IDMwLjAzOC0xMTEuMjIzIDU0LjU5OC0zMi40OTEgMzIuNDktNDcuMDA3IDc3LjA0Ny00MC44NDggMTI1LjY1NyA1LjQ4NSA0My45NjYgMjcuOTM0IDg4LjQ0IDYxLjUyMSAxMjIuMDI2IDM5LjMyNyAzOS4zMjggOTIuOTk3IDYyLjg2OCAxNDMuNTQ4IDYyLjg2OCA0MC41MDUgMCA3Ni40NTctMTQuNTk5IDEwNC4xMzUtNDIuMTk1IDIzLjk2NS0yMy45NjYgMzguMjI2LTY3LjE3NCA1MC44MDItMTA1LjMxOCA4LjYwOC0yNi4zMjYgMTcuNjM1LTUzLjU4NCAyNi41ODItNjIuNTI5IDMuNDYxLTMuNDYxIDExLjktOC4yNyAyMC4xNy0xMi45MTQgMjUuOTA2LTE0LjU5OSA2MS4yNjUtMzQuNTk2IDY2LjQ5OC03My4zMzQgMy40NjEtMjUuMTQ4LTcuMDA1LTUzLjA4MS0zMS42NDYtODQuNzI3bDI1My4yNTUtMjUzLjI1YzIuNTMxLTIuNzg2IDQuMDUxLTYuNDk4IDQuMDUxLTEwLjI5N3oiIGZpbGw9IiNGNDQ0NDQiIHAtaWQ9IjE3NTIiPjwvcGF0aD48cGF0aCBkPSJNODg3LjAwNCAyMTUuMjcybC00MS4yNjctNDEuMjY4Yy01LjY1NC01LjY1My0xNC45MzctNS42NTMtMjAuNjczIDBsLTYxLjk0MSA2MS45NDUgNjEuOTQxIDYxLjk0MSA2MS45NDEtNjEuOTQxYzIuNzAzLTIuNzA0IDQuMzA2LTYuNDE2IDQuMzA2LTEwLjI5OGExNC42MjkgMTQuNjI5IDAgMCAwLTQuMzA3LTEwLjM3OXoiIGZpbGw9IiNGNERENTAiIHAtaWQ9IjE3NTMiPjwvcGF0aD48cGF0aCBkPSJNMzkwLjMyNiA4NjQuOTg1Yy01MS44MTcgMC0xMDYuODAyLTI0LjA1LTE0Ny4wODQtNjQuMzMzLTM0LjM4Ny0zNC4zODYtNTcuMzMxLTc5LjkyNi02Mi45NDctMTI0Ljk0Mi02LjM0Ny01MC4wOTkgOC42NjYtOTYuMjA0IDQyLjI3NC0xMjkuODEyIDI1LjI4OS0yNS4yOTUgNzEuNzQ4LTQxLjQyMyAxMTIuNzM4LTU1LjY1NGwwLjM4MS0wLjEzMmMyMC4xMTQtNi45MTYgNTAuNDktMTcuMzYgNTcuMDk0LTIzLjk2NCAxLjk0LTEuODc3IDUuODgyLTkuMDMyIDkuMDQ5LTE0Ljc4MWwwLjkwOS0xLjY1YTUuMDAxIDUuMDAxIDAgMCAxIDguNzU1IDQuODMzbC0wLjkwNiAxLjY0MmMtNC44NzUgOC44NDktOC4wMzQgMTQuNDE0LTEwLjc5NiAxNy4wODYtNy41NzIgNy41NzMtMzEuMDAyIDE2LjAyNy02MC44NCAyNi4yODZsLTAuMzY3IDAuMTI3Yy0zOS45NzMgMTMuODc4LTg1LjI4IDI5LjYwNi0xMDguOTQ2IDUzLjI3Ny0zMS4zNzUgMzEuMzc0LTQ1LjM3NSA3NC41MjEtMzkuNDI0IDEyMS40OTQgNS4zNDggNDIuODYxIDI3LjI1MSA4Ni4yNzUgNjAuMDk2IDExOS4xMTkgMzguNDQ4IDM4LjQ0OCA5MC43ODkgNjEuNDAzIDE0MC4wMTMgNjEuNDAzIDM5LjA4NyAwIDczLjg3NS0xNC4wODYgMTAwLjYwNC00MC43MzYgMjMuMTQ1LTIzLjE0NiAzNy4xOS02NS43NTIgNDkuNTgzLTEwMy4zNDMgMTAuNDQxLTMxLjkzMSAxOC41NS01NS4yNTUgMjcuNzk2LTY0LjQ5OSAzLjgwNi0zLjgwNiAxMS41NDEtOC4yODEgMjEuMjU3LTEzLjczNyAyNC45My0xNC4wNSA1OS4wODItMzMuMjk2IDYzLjk5MS02OS42NDQgMy4yNzctMjMuODE1LTYuNzQ0LTUwLjMwMy0zMC42MzYtODAuOTg3YTUgNSAwIDAgMSAwLjQxLTYuNjA3bDI1My4xNjItMjUzLjE1N2MxLjcwMy0xLjkxNCAyLjY3OS00LjQwNiAyLjY3OS02Ljg1NSAwLTIuNTgyLTAuOTg5LTQuOTYyLTIuNzg1LTYuNzAybC00MS4zMjctNDEuNDE0YTkuNDIgOS40MiAwIDAgMC02LjczMS0yLjgzM2gtMC4wMzVhOS42MDMgOS42MDMgMCAwIDAtNi44MzIgMi44MzdMNTY4LjIwOCA0MjAuNjQ1YTUuMDAxIDUuMDAxIDAgMCAxLTYuNjA1IDAuNDEyYy0xMy4yOTctMTAuMzM3LTI2LjA3Mi0xOC4xOTQtMzcuOTczLTIzLjM1MWwtMC4wODctMC4wMzljLTUuNDYyLTIuMzYzLTEwLjg2Ni00LjIxMi0xNi4wNjItNS40OTRhNSA1IDAgMCAxIDIuMzk3LTkuNzA5YzUuNzYzIDEuNDIzIDExLjcyOCAzLjQ2MyAxNy43MyA2LjA2NWwwLjA4NSAwLjAzOGMxMS41ODEgNS4wMjkgMjMuODU0IDEyLjM5MSAzNi41MzcgMjEuOTEybDI1MC4xNjEtMjUwLjI0MmMzLjcyMi0zLjcyIDguNjU2LTUuNzY2IDEzLjkwMS01Ljc2NmgwLjA3NGM1LjIzMiAwLjAyIDEwLjEzMiAyLjA3NiAxMy43OTQgNS43OTFsNDEuMjQ2IDQxLjMzM2MzLjY5NyAzLjU4MSA1Ljc2NyA4LjUxMiA1Ljc2NyAxMy44MjUgMCA0LjkzOS0xLjk1IDkuOTE4LTUuMzUxIDEzLjY2YTQuNDkyIDQuNDkyIDAgMCAxLTAuMTY1IDAuMTczTDYzMy41IDQ3OS40MDZjMjMuNjkxIDMxLjQ3NiAzMy40OTggNTkuMzA3IDI5Ljk2NiA4NC45NzEtNS41NzQgNDEuMjY2LTQyLjIzIDYxLjkyNC02OC45OTYgNzcuMDA4LTYuMzU3IDMuNTctMTUuOTU0IDguOTU5LTE5LjA5IDEyLjA5NC04LjI3IDguMjY5LTE3Ljc0OCAzNy4yNTYtMjUuMzY1IDYwLjU0Ny0xMi43NDUgMzguNjYxLTI3LjE4NyA4Mi40NjgtNTIuMDE4IDEwNy4zLTI4LjY1IDI4LjU2NC02NS44OCA0My42NTktMTA3LjY3MSA0My42NTl6IG00NC45NzktNDQ5Ljk2MWE1IDUgMCAwIDEtMy42NTQtOC40MTNjNC4wNzgtNC4zNjYgOC4zOTgtOC4yNTcgMTIuODQyLTExLjU2NWwwLjAxNy0wLjAxMmMxMy41MTYtMTAuMDU5IDI4LjYxOS0xNS4xNTkgNDQuODg4LTE1LjE1OWE1IDUgMCAwIDEgMCAxMGMtMTQuMDY3IDAtMjcuMTU4IDQuNDMyLTM4LjkwOSAxMy4xNzRsLTAuMDA5IDAuMDA3Yy0zLjk3IDIuOTU0LTcuODQ1IDYuNDQ2LTExLjUyIDEwLjM4YTQuOTgzIDQuOTgzIDAgMCAxLTMuNjU1IDEuNTg4eiIgcC1pZD0iMTc1NCI+PC9wYXRoPjxwYXRoIGQ9Ik04NjkuNDM2IDI5Ny44MWE0Ljk4MiA0Ljk4MiAwIDAgMS0zLjM3MS0xLjMwOGwtMjkuNDgyLTI2LjkyNGE1IDUgMCAwIDEgNi43NDQtNy4zODNsMjkuNDgyIDI2LjkyNGE0Ljk5OCA0Ljk5OCAwIDAgMS0zLjM3MyA4LjY5MXpNNzc2Ljg2MyAyMDUuMjA3YTQuOTg0IDQuOTg0IDAgMCAxLTMuMzcxLTEuMzA4bC0yOS40ODMtMjYuOTI0YTUgNSAwIDEgMSA2Ljc0NC03LjM4NWwyOS40ODMgMjYuOTI0YTUgNSAwIDAgMS0zLjM3MyA4LjY5M3pNNzkxLjYwNSAxOTAuNjM1YTQuOTggNC45OCAwIDAgMS0zLjM3LTEuMzA4bC0xNy4zOC0xNS44N2E1IDUgMCAwIDEgNi43NDItNy4zODVsMTcuMzggMTUuODdhNC45OTkgNC45OTkgMCAwIDEtMy4zNzIgOC42OTN6TTg3NS4xMjUgMjcwLjg4NmE0Ljk4IDQuOTggMCAwIDEtMy4zNy0xLjMwOGwtMTcuMzc5LTE1Ljg3YTUgNSAwIDAgMSA2Ljc0Mi03LjM4NWwxNy4zNzkgMTUuODdhNC45OTkgNC45OTkgMCAwIDEtMy4zNzIgOC42OTN6TTgwNi4zNDYgMTc3LjE3M2E0Ljk4NCA0Ljk4NCAwIDAgMS0zLjM3MS0xLjMwOGwtMjkuNDgyLTI2LjkyM2E1IDUgMCAxIDEgNi43NDQtNy4zODVsMjkuNDgyIDI2LjkyM2E1IDUgMCAwIDEtMy4zNzMgOC42OTN6TTkwMy4wMjMgMjYyLjk1MWE0Ljk4NCA0Ljk4NCAwIDAgMS0zLjM3MS0xLjMwOGwtMjkuNDgzLTI2LjkyNGE1IDUgMCAwIDEgNi43NDQtNy4zODNsMjkuNDgzIDI2LjkyNGE0Ljk5OCA0Ljk5OCAwIDAgMS0zLjM3MyA4LjY5MXoiIHAtaWQ9IjE3NTUiPjwvcGF0aD48cGF0aCBkPSJNNzI5LjEwOSAzMzEuOTltLTEzLjIzOSAwYTEzLjIzOSAxMy4yMzkgMCAxIDAgMjYuNDc4IDAgMTMuMjM5IDEzLjIzOSAwIDEgMC0yNi40NzggMFoiIGZpbGw9IiNDMTNFM0UiIHAtaWQ9IjE3NTYiPjwvcGF0aD48cGF0aCBkPSJNNzIyLjcyIDMxMC45NWM3LjU2NCAwIDEzLjY5NiA2LjEzMiAxMy42OTYgMTMuNjk2cy02LjEzMiAxMy42OTYtMTMuNjk2IDEzLjY5Ni0xMy42OTYtNi4xMzItMTMuNjk2LTEzLjY5NmMwLTQuMjk2IDEuOTc4LTguMTMgNS4wNzItMTAuNjQxIiBmaWxsPSIjRjRERDUwIiBwLWlkPSIxNzU3Ij48L3BhdGg+PHBhdGggZD0iTTcyMi43MiAzNDAuMzQyYy04LjY1NCAwLTE1LjY5NS03LjA0MS0xNS42OTUtMTUuNjk2IDAtNC43NTIgMi4xMTgtOS4xOTYgNS44MTEtMTIuMTk0YTIgMiAwIDAgMSAyLjUyMSAzLjEwNSAxMS42NiAxMS42NiAwIDAgMC00LjMzMiA5LjA4OGMwIDYuNDQ5IDUuMjQ2IDExLjY5NiAxMS42OTUgMTEuNjk2czExLjY5Ni01LjI0NyAxMS42OTYtMTEuNjk2LTUuMjQ3LTExLjY5Ni0xMS42OTYtMTEuNjk2YTIgMiAwIDAgMSAwLTRjOC42NTUgMCAxNS42OTYgNy4wNDEgMTUuNjk2IDE1LjY5NnMtNy4wNDEgMTUuNjk3LTE1LjY5NiAxNS42OTd6IiBwLWlkPSIxNzU4Ij48L3BhdGg+PHBhdGggZD0iTTY5My4wMzUgMzY5LjYzM20tMTMuNTIyIDBhMTMuNTIyIDEzLjUyMiAwIDEgMCAyNy4wNDQgMCAxMy41MjIgMTMuNTIyIDAgMSAwLTI3LjA0NCAwWiIgZmlsbD0iI0MxM0UzRSIgcC1pZD0iMTc1OSI+PC9wYXRoPjxwYXRoIGQ9Ik02ODYuNTA4IDM2Mi4xMzJtLTEzLjk5IDBhMTMuOTkgMTMuOTkgMCAxIDAgMjcuOTggMCAxMy45OSAxMy45OSAwIDEgMC0yNy45OCAwWiIgZmlsbD0iI0Y0REQ1MCIgcC1pZD0iMTc2MCI+PC9wYXRoPjxwYXRoIGQ9Ik02ODYuNTA4IDM3OC4xMjJjLTguODE3IDAtMTUuOTktNy4xNzMtMTUuOTktMTUuOTlzNy4xNzMtMTUuOTkgMTUuOTktMTUuOTkgMTUuOTkgNy4xNzMgMTUuOTkgMTUuOTktNy4xNzMgMTUuOTktMTUuOTkgMTUuOTl6IG0wLTI3Ljk4Yy02LjYxMSAwLTExLjk5IDUuMzc4LTExLjk5IDExLjk5czUuMzc5IDExLjk5IDExLjk5IDExLjk5IDExLjk5LTUuMzc5IDExLjk5LTExLjk5LTUuMzc5LTExLjk5LTExLjk5LTExLjk5eiIgcC1pZD0iMTc2MSI+PC9wYXRoPjxwYXRoIGQ9Ik02NTAuNDkyIDQwNS4yNjltLTEzLjUyMiAwYTEzLjUyMiAxMy41MjIgMCAxIDAgMjcuMDQ0IDAgMTMuNTIyIDEzLjUyMiAwIDEgMC0yNy4wNDQgMFoiIGZpbGw9IiNDMTNFM0UiIHAtaWQ9IjE3NjIiPjwvcGF0aD48cGF0aCBkPSJNNjQzLjk2NiAzOTcuNzY4bS0xMy45OSAwYTEzLjk5IDEzLjk5IDAgMSAwIDI3Ljk4IDAgMTMuOTkgMTMuOTkgMCAxIDAtMjcuOTggMFoiIGZpbGw9IiNGNERENTAiIHAtaWQ9IjE3NjMiPjwvcGF0aD48cGF0aCBkPSJNNjQzLjk2NiA0MTMuNzU4Yy04LjgxNyAwLTE1Ljk5LTcuMTczLTE1Ljk5LTE1Ljk5czcuMTczLTE1Ljk5IDE1Ljk5LTE1Ljk5IDE1Ljk5IDcuMTczIDE1Ljk5IDE1Ljk5LTcuMTczIDE1Ljk5LTE1Ljk5IDE1Ljk5eiBtMC0yNy45OGMtNi42MTEgMC0xMS45OSA1LjM3OS0xMS45OSAxMS45OXM1LjM3OSAxMS45OSAxMS45OSAxMS45OSAxMS45OS01LjM3OCAxMS45OS0xMS45OS01LjM3OS0xMS45OS0xMS45OS0xMS45OXoiIHAtaWQ9IjE3NjQiPjwvcGF0aD48cGF0aCBkPSJNNDY0LjU2NiA2MTEuMDRtLTY5LjU2NiAwYTY5LjU2NiA2OS41NjYgMCAxIDAgMTM5LjEzMiAwIDY5LjU2NiA2OS41NjYgMCAxIDAtMTM5LjEzMiAwWiIgZmlsbD0iI0MxM0UzRSIgcC1pZD0iMTc2NSI+PC9wYXRoPjxwYXRoIGQ9Ik00NjUuOTg0IDYwOC4yMTdjLTkuNTAxIDkuNTAzLTI0Ljg1NiA5LjUwMy0zNC4zNTcgMC05LjUwMy05LjUwMS05LjUwMy0yNC44NTYgMC0zNC4zNTcgOS41MDEtOS41MDEgMjQuODU2LTkuNTAxIDM0LjM1NyAwIDkuNDU1IDkuNDU2IDkuNDU1IDI0Ljg1NiAwIDM0LjM1N3oiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE3NjYiPjwvcGF0aD48cGF0aCBkPSJNNDQ4Ljc4OCA1MTkuNTRjLTM5LjQ4OCAwLTcxLjUgMzIuMDEyLTcxLjUgNzEuNXMzMi4wMTIgNzEuNSA3MS41IDcxLjUgNzEuNS0zMi4wMTIgNzEuNS03MS41YzAtMzkuNDg5LTMyLjAxMi03MS41LTcxLjUtNzEuNXogbTAgOTkuODE3Yy0xNS42MzkgMC0yOC4zMTctMTIuNjc4LTI4LjMxNy0yOC4zMTdzMTIuNjc4LTI4LjMxNyAyOC4zMTctMjguMzE3IDI4LjMxNyAxMi42NzggMjguMzE3IDI4LjMxN2MtMC4wMDEgMTUuNjM5LTEyLjY3OCAyOC4zMTctMjguMzE3IDI4LjMxN3oiIGZpbGw9IiNGNERENTAiIHAtaWQ9IjE3NjciPjwvcGF0aD48cGF0aCBkPSJNNDQ4Ljc4OCA2NjcuNTRjLTQyLjE4MiAwLTc2LjUtMzQuMzE3LTc2LjUtNzYuNXMzNC4zMTgtNzYuNSA3Ni41LTc2LjUgNzYuNSAzNC4zMTcgNzYuNSA3Ni41LTM0LjMxOCA3Ni41LTc2LjUgNzYuNXogbTAtMTQzYy0zNi42NjggMC02Ni41IDI5LjgzMi02Ni41IDY2LjVzMjkuODMyIDY2LjUgNjYuNSA2Ni41IDY2LjUtMjkuODMyIDY2LjUtNjYuNS0yOS44MzEtNjYuNS02Ni41LTY2LjV6IG0wIDk5LjgxN2MtMTguMzcxIDAtMzMuMzE3LTE0Ljk0Ni0zMy4zMTctMzMuMzE3czE0Ljk0Ni0zMy4zMTcgMzMuMzE3LTMzLjMxNyAzMy4zMTcgMTQuOTQ2IDMzLjMxNyAzMy4zMTdjLTAuMDAxIDE4LjM3MS0xNC45NDcgMzMuMzE3LTMzLjMxNyAzMy4zMTd6IG0wLTU2LjYzNGMtMTIuODU3IDAtMjMuMzE3IDEwLjQ2LTIzLjMxNyAyMy4zMTdzMTAuNDYgMjMuMzE3IDIzLjMxNyAyMy4zMTdjMTIuODU2IDAgMjMuMzE2LTEwLjQ2IDIzLjMxNy0yMy4zMTcgMC0xMi44NTctMTAuNDYtMjMuMzE3LTIzLjMxNy0yMy4zMTd6IiBwLWlkPSIxNzY4Ij48L3BhdGg+PHBhdGggZD0iTTM5NS45OTkgNzM5LjYwNmMtMy4yNDkgMC02LjUwMS0xLjIxLTkuMDI0LTMuNjQ0bC04NS04MmMtNS4xNjctNC45ODUtNS4zMTUtMTMuMjE1LTAuMzMtMTguMzgyczEzLjIxNS01LjMxNCAxOC4zODItMC4zMzFsODUgODJjNS4xNjcgNC45ODUgNS4zMTUgMTMuMjE1IDAuMzMgMTguMzgyYTEyLjk2NCAxMi45NjQgMCAwIDEtOS4zNTggMy45NzV6IiBmaWxsPSIjRjRERDUwIiBwLWlkPSIxNzY5Ij48L3BhdGg+PHBhdGggZD0iTTQwMS4wMTcgNzM0LjYwNmMtMy4yNDkgMC02LjUwMS0xLjIxLTkuMDI0LTMuNjQ0bC04NS04MmMtNS4xNjctNC45ODUtNS4zMTUtMTMuMjE1LTAuMzMtMTguMzgyczEzLjIxNS01LjMxNCAxOC4zODItMC4zMzFsODUgODJjNS4xNjcgNC45ODUgNS4zMTUgMTMuMjE1IDAuMzMgMTguMzgyYTEyLjk2NCAxMi45NjQgMCAwIDEtOS4zNTggMy45NzV6IiBwLWlkPSIxNzcwIj48L3BhdGg+PHBhdGggZD0iTTQ5Mi41MDIgMjg4Ljk4MWMtMC4zNDUgMC4wMjUtMC42OTYtMC4xNDgtMS4wNTMtMC41Mi0wLjM1Ny0wLjM3My0wLjczMy0xLjExNi0xLjEyOC0yLjIzMi0wLjY0Ny0xLjgxMS0xLjU1OC0zLjA1MS0yLjczMS0zLjcyMS0xLjE3My0wLjY2OS0yLjgyOS0wLjk3LTQuOTY4LTAuOTAyLTIuMjQ0IDAuMDQxLTQuMzM1LTAuNDE1LTYuMjcxLTEuMzY3LTEuOTM2LTAuOTUzLTMuNTgtMS44ODItNC45My0yLjc4OC0xLjI3MS0wLjc3My0yLjE2Mi0wLjk1NC0yLjY3My0wLjU0MS0wLjUxMSAwLjQxMi0wLjY4MiAxLjAwMS0wLjUxNSAxLjc2NmwyLjE1MiA5LjgxOWMwLjU4NiAyLjY3NiAxLjIwOCA1LjU2OSAxLjg2NSA4LjY4MWExMjE0Ljk1IDEyMTQuOTUgMCAwIDAgMS44OTYgOC44MjRsMi40OTggMTEuMzk2YzAuMjk5IDEuMTM2IDAuNCAyLjQ1NCAwLjMwMyAzLjk1MnMtMC41NzEgMi45OTItMS40MjIgNC40ODFjLTAuODUxIDEuNDg4LTIuMTExIDIuODc5LTMuNzgxIDQuMTcyLTEuNjcgMS4yOTItMy44NzUgMi4zMTQtNi42MTUgMy4wNjQtMi43ODggMC43NjEtNS40NDIgMC44MTctNy45NjMgMC4xNjgtMi41MjEtMC42NDktNC41OTQtMS43MS02LjIxOC0zLjE4MS0xLjYyNS0xLjQ3Mi0yLjY1My0zLjI1LTMuMDg1LTUuMzM0LTAuNDMyLTIuMDgzIDAuMDM3LTQuMjI3IDEuNDA4LTYuNDMgMS4zNy0yLjIwMyAzLjAwNC0zLjg4OSA0LjkwMi01LjA1NiAxLjg5Ny0xLjE2NyAzLjc5NC0xLjk5NiA1LjY5LTIuNDg3IDEuODk2LTAuNDkgMy42MzItMC43MzMgNS4yMTEtMC43MjkgMS41NzggMC4wMDUgMi43NTcgMC4wNzIgMy41MzcgMC4yMDFsLTQuNDQ2LTIwLjI4NGEyOTAzLjY3NiAyOTAzLjY3NiAwIDAgMS00LjEwNy0xOS4wODFjLTAuMzA0LTEuMzg2LTAuMTk0LTIuNTk5IDAuMzI5LTMuNjRzMS4zNjYtMS43NjQgMi41MjktMi4xNjljMC45NzItMC4zNjMgMS44NDEtMC4zNDEgMi42MDYgMC4wNjcgMC43NjYgMC40MDggMS41OSAxLjAyOSAyLjQ3NCAxLjg2MmE2Mi43NTggNjIuNzU4IDAgMCAwIDMuMjAzIDIuNzkxYzEuMjUyIDEuMDI4IDIuODQ1IDEuOTU2IDQuNzc5IDIuNzg0IDEuNjc0IDAuNzg1IDMuMTAxIDEuMjk4IDQuMjgxIDEuNTQgMS4xOCAwLjI0MyAyLjI4IDAuNDY1IDMuMzAxIDAuNjY2IDEuMDIxIDAuMjAyIDIuMDQ4IDAuNDkgMy4wODIgMC44NjVzMi4yNDEgMS4wODYgMy42MjMgMi4xMzZjMS4zNzEgMS4wMDIgMi4zMjMgMi4xNDUgMi44NTUgMy40MzFzMC44MTEgMi41MDEgMC44MzcgMy42NDctMC4xMjQgMi4xMTgtMC40NSAyLjkxNmMtMC4zMjUgMC43OTYtMC42NiAxLjIwOC0xLjAwNSAxLjIzM3oiIGZpbGw9IiNGNERENTAiIHAtaWQ9IjE3NzEiPjwvcGF0aD48cGF0aCBkPSJNNDYwLjczMiAzMzUuMTgxYy0xLjMzNyAwLTIuNjYzLTAuMTY3LTMuOTQtMC40OTYtMi43NDYtMC43MDctNS4wNTEtMS44OTItNi44NTEtMy41MjItMS44NTgtMS42ODMtMy4wNTEtMy43NDktMy41NDctNi4xNDItMC41MTEtMi40NjMgMC4wMjgtNC45OTYgMS42MDMtNy41MjYgMS40ODgtMi4zOTMgMy4zMDItNC4yNTcgNS4zOS01LjU0MiAyLjAxNS0xLjI0IDQuMDY4LTIuMTM1IDYuMS0yLjY2MSAxLjk5NC0wLjUxNiAzLjg2MS0wLjc3NyA1LjU0OS0wLjc3NyAwLjYxOCAwLjAwMiAxLjE3NCAwLjAxMiAxLjY3MyAwLjAzMmwtNC4wMS0xOC4yOTNhMjk1OS41NSAyOTU5LjU1IDAgMCAxLTQuMTA5LTE5LjA5MWMtMC4zNzYtMS43MTMtMC4yMjMtMy4yNzIgMC40NTYtNC42MjUgMC43MDItMS4zOTcgMS44MzctMi4zNzcgMy4zNzYtMi45MTIgMS4zMDctMC40ODkgMi42NjYtMC40NDggMy44MDUgMC4xNiAwLjg4OSAwLjQ3NCAxLjgwNCAxLjE1OSAyLjc5NyAyLjA5NCAwLjg1IDAuODAxIDEuOTAxIDEuNzE3IDMuMTI2IDIuNzIzIDEuMTM2IDAuOTM0IDIuNjIzIDEuNzk2IDQuNDE3IDIuNTY1IDEuNjAzIDAuNzUxIDIuOTMxIDEuMjMxIDMuOTkyIDEuNDUgMS4xNzcgMC4yNDIgMi4yNzIgMC40NjMgMy4yOSAwLjY2NCAxLjA5NSAwLjIxNyAyLjIwNiAwLjUyOCAzLjMwMyAwLjkyNiAxLjE4OCAwLjQzMSAyLjUwMyAxLjIgNC4wMTkgMi4zNTIgMS41NjggMS4xNDYgMi42OTggMi41MTUgMy4zMzQgNC4wNTIgMC42MDEgMS40NTMgMC45MiAyLjg2MSAwLjk1IDQuMTg3IDAuMDMxIDEuMzQ4LTAuMTU4IDIuNTMxLTAuNTYxIDMuNTE3LTAuMjA4IDAuNTA4LTAuODM5IDIuMDU3LTIuMjg2IDIuMTYybC0wLjE3MyAwLjAwNmMtMC43NDggMC0xLjQ0NC0wLjMzMS0yLjA3LTAuOTg0LTAuNTE5LTAuNTQyLTAuOTgzLTEuNDIyLTEuNDYtMi43Ny0wLjUxOC0xLjQ1MS0xLjIxMi0yLjQzNC0yLjA2MS0yLjkxOS0wLjkyLTAuNTI1LTIuMzMzLTAuNzU5LTQuMTc2LTAuNzA1bC0wLjMyNCAwLjAwM2MtMi4zNjEgMC00LjYtMC41MTMtNi42NTYtMS41MjMtMS45ODktMC45NzktMy43MDctMS45NTEtNS4xMDQtMi44ODgtMC40MjUtMC4yNTctMC43MTktMC4zODMtMC45MDUtMC40NDQgMC4wMDQgMC4wMyAwLjAxIDAuMDY0IDAuMDE4IDAuMTAzbDIuMTUyIDkuODE4YzAuNTg2IDIuNjggMS4yMDkgNS41NzYgMS44NjcgOC42OTIgMC42NTYgMy4xMDcgMS4yODcgNi4wNDQgMS44OTQgOC44MTNsMi40OTggMTEuMzk2YzAuMzI0IDEuMjI3IDAuNDQxIDIuNzE3IDAuMzM1IDQuMzctMC4xMTIgMS43MjEtMC42NTYgMy40NDYtMS42MTcgNS4xMjgtMC45NDYgMS42NTUtMi4zNDggMy4yMDctNC4xNjUgNC42MTQtMS44MiAxLjQwOC00LjIyMSAyLjUyNi03LjEzOCAzLjMyNWExOC4yNTcgMTguMjU3IDAgMCAxLTQuNzkxIDAuNjY4eiBtNC4zMzctMjMuNjY1Yy0xLjQ2OCAwLTMuMDgyIDAuMjI5LTQuODMxIDAuNjgxLTEuNzQzIDAuNDUxLTMuNTE5IDEuMjI5LTUuMjggMi4zMTMtMS42ODggMS4wMzgtMy4xNzQgMi41NzYtNC40MTQgNC41Ny0xLjE3IDEuODgxLTEuNTY3IDMuNjI1LTEuMjEzIDUuMzMzIDAuMzY5IDEuNzgyIDEuMjI3IDMuMjYzIDIuNjIzIDQuNTI3IDEuNDM2IDEuMyAzLjMxNCAyLjI1NiA1LjU4NSAyLjg0IDIuMjU5IDAuNTgzIDQuNjcxIDAuNTI3IDcuMTk0LTAuMTYzIDIuNTM1LTAuNjkzIDQuNTg1LTEuNjM3IDYuMDkyLTIuODAzIDEuNTA0LTEuMTY0IDIuNjQ3LTIuNDE5IDMuMzk2LTMuNzMgMC43MzMtMS4yODIgMS4xNDYtMi41NzIgMS4yMjgtMy44MzMgMC4wODYtMS4zMyAwLTIuNDk5LTAuMjU3LTMuNDc0bC0yLjUxMy0xMS40NTZjLTAuNjA3LTIuNzc2LTEuMjQtNS43Mi0xLjg5OC04LjgzNWExMTgyLjY5IDExODIuNjkgMCAwIDAtMS44NjItOC42N2wtMi4xNTItOS44MTljLTAuMjktMS4zMjYgMC4wOC0yLjQ4MSAxLjAzOS0zLjI1NWEyLjUzMSAyLjUzMSAwIDAgMSAxLjYxMy0wLjU0N2MwLjgwNCAwIDEuNjg3IDAuMzEgMi43ODEgMC45NzUgMS4zNDMgMC44OTkgMi45NDMgMS44MDMgNC44MTMgMi43MjQgMS42NCAwLjgwNyAzLjQzNCAxLjIxNSA1LjMzMiAxLjIxNWwwLjI1LTAuMDAyYzAuMTkzLTAuMDA2IDAuNDAxLTAuMDEgMC42MDYtMC4wMSAyLjE0NiAwIDMuODI1IDAuMzYyIDUuMTMyIDEuMTA4IDEuNDg5IDAuODUxIDIuNjMzIDIuMzcxIDMuNCA0LjUyIDAuMTkzIDAuNTQ1IDAuMzU2IDAuOTIzIDAuNDg0IDEuMTgxIDAuMTc3LTAuNTU5IDAuMjU4LTEuMjQzIDAuMjQtMi4wNC0wLjAyMS0wLjk1My0wLjI2NS0xLjk5OS0wLjcyNC0zLjEwNy0wLjQyMi0xLjAyMS0xLjIxNC0xLjk2LTIuMzU0LTIuNzkzLTEuMjc2LTAuOTY5LTIuMzYyLTEuNjE1LTMuMjUtMS45MzdhMTkuNTggMTkuNTggMCAwIDAtMi44NjItMC44MDQgNDE1LjQ1OCA0MTUuNDU4IDAgMCAxLTMuMzEzLTAuNjY4Yy0xLjMxLTAuMjY5LTIuODItMC44MDktNC42MTUtMS42NTEtMi4wMDktMC44NTktMy43MzktMS44Ny01LjA5NC0yLjk4M2E2My45NyA2My45NyAwIDAgMS0zLjI4LTIuODU5Yy0wLjc4NS0wLjczOS0xLjUwOC0xLjI4Ny0yLjE1LTEuNjI5LTAuMzg3LTAuMjA2LTAuODE3LTAuMTk0LTEuMzc2IDAuMDE1LTAuODMgMC4yODktMS4zNjQgMC43NDItMS43MTMgMS40MzctMC4zNjggMC43MzEtMC40MzUgMS41OTctMC4yMDQgMi42NDZhMjkwNy42NTcgMjkwNy42NTcgMCAwIDAgNC4xMDcgMTkuMDgxbDQuOTE5IDIyLjQ0Ni0yLjE4NC0wLjM2MWMtMC42OTUtMC4xMTctMS44MDQtMC4xNzgtMy4yOTUtMC4xODN6IiBwLWlkPSIxNzcyIj48L3BhdGg+PHBhdGggZD0iTTc4MC44MTcgNDg5LjY4MmwtOC4zMzEgNTEuNDM4Yy0wLjI0OSAxLjUzOC0wLjk5NSAyLjgxLTIuMjI5IDMuODM2LTEuMjM1IDEuMDI2LTIuNzAzIDEuNzM5LTQuMzk2IDIuMTQxYTI2Ljg1OSAyNi44NTkgMCAwIDEtNC45ODcgMC43MDJjLTEuNjI3IDAuMDYtMy4xMjctMC4wMDYtNC41MTItMC4yMy0xLjM4Ni0wLjIyNC0yLjgzMS0wLjYyNi00LjM1NC0xLjIwNmEyNS42NDggMjUuNjQ4IDAgMCAxLTQuNTEtMi4yNDFjLTEuNDc5LTAuOTE2LTIuNjQ4LTIuMDU2LTMuNDk1LTMuNDE5LTAuODQ4LTEuMzYzLTEuMTUyLTIuODE0LTAuOTA1LTQuMzQzIDAuMjQ4LTEuNTI5IDAuOTk1LTIuODEgMi4yMjktMy44MzUgMS4yMzUtMS4wMjYgMi43MDItMS43MjkgNC4zOTYtMi4xNDFhMjYuODU5IDI2Ljg1OSAwIDAgMSA0Ljk4Ny0wLjcwMmMxLjYyOC0wLjA2IDMuMTI3IDAuMDA3IDQuNTEyIDAuMjMxIDMuMjE5IDAuNTIxIDYuMDU1IDEuNTk4IDguNTI5IDMuMjE0bDMuOTkxLTI0LjY0LTM3LjAzNiA1LjE2OS01LjI3MyAzMi41NmMtMC4yNDggMS41MjktMC45OTQgMi44MS0yLjIyOSAzLjgzNS0xLjIzNSAxLjAyNi0yLjcwMiAxLjcyOS00LjM5NiAyLjE0MWEyNi44NyAyNi44NyAwIDAgMS00Ljk4NyAwLjcwMmMtMS42MjcgMC4wNi0zLjEyNi0wLjAwNy00LjUxMi0wLjIzMS0xLjM4NS0wLjIyNC0yLjgzLTAuNjI1LTQuMzU0LTEuMjA1LTEuNTI2LTAuNTcxLTMuMDMxLTEuMzI0LTQuNTEtMi4yNHMtMi42NDctMi4wNTctMy40OTUtMy40MTljLTAuODQ4LTEuMzYzLTEuMTUyLTIuODE0LTAuOTA1LTQuMzQzIDAuMjQ5LTEuNTM4IDAuOTk0LTIuODEgMi4yMjktMy44MzUgMS4yMzUtMS4wMjYgMi43MDItMS43MyA0LjM5Ni0yLjE0MWEyNi44NTkgMjYuODU5IDAgMCAxIDQuOTg3LTAuNzAyYzEuNjI3LTAuMDYgMy4xMjcgMC4wMDYgNC41MTIgMC4yMyAzLjIyIDAuNTIxIDYuMDU1IDEuNTk5IDguNTI5IDMuMjE1bDcuMTkyLTQ0LjQwN2E0LjMwOCA0LjMwOCAwIDAgMSAxLjI5LTIuNDU3IDQuNjAzIDQuNjAzIDAgMCAxIDIuNTE5LTEuMjY5bDQwLjExLTUuNTYzYzAuMzgzLTAuMDY1IDAuODIzLTAuMDUzIDEuMzEgMC4wMjYgMS4yMjMgMC4xOTggMi4yMDYgMC43ODkgMi45MTcgMS43ODYgMC43MjcgMS4wMSAwLjk3NyAyLjEyOSAwLjc4MSAzLjM0M3oiIGZpbGw9IiNGNDQ0NDQiIHAtaWQ9IjE3NzMiPjwvcGF0aD48cGF0aCBkPSJNNzE2LjcxNSA1NTQuNDE1Yy0xLjMyMyAwLTIuNTE2LTAuMDg5LTMuNjQ2LTAuMjcxLTEuNDctMC4yMzctMy4wMzQtMC42NjktNC42NDgtMS4yODRhMjcuMjc3IDI3LjI3NyAwIDAgMS00Ljc2Ni0yLjM2NmMtMS42NzQtMS4wMzctMy4wMTMtMi4zNS0zLjk3OS0zLjkwMi0xLjA0NC0xLjY3Ni0xLjQxOC0zLjQ4NC0xLjExMi01LjM3NCAwLjMwNi0xLjg5MSAxLjIzMS0zLjQ4OSAyLjc1MS00Ljc1IDEuMzktMS4xNTQgMy4wNzItMS45NzcgNS4wMDEtMi40NDVhMjguNTIzIDI4LjUyMyAwIDAgMSA1LjI3NS0wLjc0MmMxLjgxMy0wLjA2NSAzLjM2NiAwLjAxNCA0LjgxNiAwLjI0OCAyLjU4OSAwLjQxOSA0Ljk4NyAxLjE5MiA3LjE1NyAyLjMwNmw2Ljg0NC00Mi4yNTdhNS43ODcgNS43ODcgMCAwIDEgMS43MjYtMy4yOTQgNi4wOTIgNi4wOTIgMCAwIDEgMy4zMjMtMS42NzNsNDAuMTQ1LTUuNTY4YzAuNDMzLTAuMDc1IDEuMDk0LTAuMDc3IDEuNzU3IDAuMDMxIDEuNjIgMC4yNjMgMi45NjggMS4wOTEgMy44OTggMi4zOTYgMC45NTEgMS4zMjMgMS4zMDMgMi44MjMgMS4wNDEgNC40NTJsLTguMzMyIDUxLjQ0Yy0wLjMwNiAxLjg4OC0xLjIzMSAzLjQ4NS0yLjc1MSA0Ljc0OS0xLjQwNSAxLjE2OS0zLjA5MSAxLjk5Mi01LjAwOSAyLjQ0N2EyOC41OSAyOC41OSAwIDAgMS01LjI2NyAwLjc0MWMtMS44MTkgMC4wNjYtMy4zNjgtMC4wMTQtNC44MTctMC4yNDgtMS40OTItMC4yNDEtMy4wMTMtMC42NjItNC42NDktMS4yODVhMjcuMjY3IDI3LjI2NyAwIDAgMS00Ljc2Ny0yLjM2OGMtMS42NzYtMS4wMzctMy4wMTUtMi4zNTEtMy45NzktMy45MDItMS4wNDMtMS42NzctMS40MTctMy40ODUtMS4xMTEtNS4zNzMgMC4zMDctMS44OTEgMS4yMzItMy40ODkgMi43NTItNC43NSAxLjM4Ni0xLjE1MiAzLjA2Ny0xLjk3NSA0Ljk5OS0yLjQ0NGEyOC40ODIgMjguNDgyIDAgMCAxIDUuMjc1LTAuNzQ0YzEuODE5LTAuMDY4IDMuMzY3IDAuMDE2IDQuODE3IDAuMjUgMi41ODkgMC40MTggNC45ODcgMS4xOTEgNy4xNTcgMi4zMDVsMy4zMTgtMjAuNDg0LTMzLjkyNyA0LjczNi01LjA5NyAzMS40NjdjLTAuMzA3IDEuODkxLTEuMjMyIDMuNDg4LTIuNzUxIDQuNzQ5LTEuMzg4IDEuMTUyLTMuMDcgMS45NzYtNSAyLjQ0NC0xLjc4IDAuNDE5LTMuNTUyIDAuNjY4LTUuMjc1IDAuNzQzLTAuNDAyIDAuMDEyLTAuNzg4IDAuMDItMS4xNjkgMC4wMnogbS0zLjk0NS0xOC4xNThjLTAuMzQ2IDAtMC42OTggMC4wMDctMS4wNTcgMC4wMjFhMjUuMzkzIDI1LjM5MyAwIDAgMC00LjY5OSAwLjY2MmMtMS40OTEgMC4zNjItMi43MzEgMC45NjMtMy43ODEgMS44MzUtMC45NTkgMC43OTYtMS41MTggMS43NTItMS43MDcgMi45MjEtMC4xODggMS4xNyAwLjA0IDIuMjUzIDAuNjk4IDMuMzExIDAuNzIgMS4xNTcgMS43MzMgMi4xNDYgMy4wMTIgMi45MzdhMjQuMjUzIDI0LjI1MyAwIDAgMCA0LjI0NSAyLjExYzEuNDMzIDAuNTQ2IDIuNzk4IDAuOTI1IDQuMDY3IDEuMTMgMS4yNTcgMC4yMDIgMi42NTYgMC4yNzEgNC4yMTggMC4yMTJhMjUuNDE4IDI1LjQxOCAwIDAgMCA0LjY5OC0wLjY2MmMxLjQ5My0wLjM2MyAyLjczMy0wLjk2NSAzLjc4MS0xLjgzNSAwLjk1OS0wLjc5NiAxLjUxNy0xLjc1MSAxLjcwNy0yLjkyMmw1LjI3My0zMi41NmExLjUwMSAxLjUwMSAwIDAgMSAxLjI3My0xLjI0NmwzNy4wMzYtNS4xNjlhMS41IDEuNSAwIDAgMSAxLjY4NyAxLjcyNmwtMy45OTEgMjQuNjQxYTEuNDk4IDEuNDk4IDAgMCAxLTIuMzAxIDEuMDE2Yy0yLjMtMS41MDMtNC45NzQtMi41MDgtNy45NDgtMi45ODktMS4yNTMtMC4yMDItMi42NTMtMC4yNjktNC4yMTgtMC4yMTMtMS41MyAwLjA2Ny0zLjExNCAwLjI5MS00LjY5OCAwLjY2My0xLjQ5MyAwLjM2My0yLjczMyAwLjk2NS0zLjc4IDEuODM1LTAuOTYgMC43OTctMS41MTkgMS43NTItMS43MDggMi45MjItMC4xODggMS4xNjggMC4wNCAyLjI1MSAwLjY5OCAzLjMxMSAwLjcxOCAxLjE1NSAxLjczIDIuMTQzIDMuMDEyIDIuOTM2YTI0LjI3OCAyNC4yNzggMCAwIDAgNC4yNDYgMi4xMTJjMS40NTEgMC41NTIgMi43NzkgMC45MjEgNC4wNjggMS4xMyAxLjI1MSAwLjIwMSAyLjY1MyAwLjI3MSA0LjIxNiAwLjIxMWEyNS40MDEgMjUuNDAxIDAgMCAwIDQuNjk4LTAuNjYzYzEuNDYyLTAuMzQ3IDIuNzM0LTAuOTY0IDMuNzgxLTEuODM0IDAuOTYtMC43OTggMS41MTktMS43NTQgMS43MDgtMi45MjJsOC4zMzEtNTEuNDM4YzAuMTM1LTAuODQtMC4wMy0xLjU0OC0wLjUxOS0yLjIyOC0wLjQ3Mi0wLjY2MS0xLjEwNC0xLjA0Ni0xLjkzOS0xLjE4Mi0wLjMwMy0wLjA0OS0wLjU4Mi0wLjA2OS0wLjgxOS0wLjAyN2wtNDAuMTU0IDUuNTdhMy4wNzYgMy4wNzYgMCAwIDAtMS42ODEgMC44NiAyLjgwNyAyLjgwNyAwIDAgMC0wLjg1NCAxLjYyMWwtNy4xOTEgNDQuNDA3YTEuNDk4IDEuNDk4IDAgMCAxLTIuMzAxIDEuMDE2Yy0yLjMtMS41MDItNC45NzUtMi41MDgtNy45NDktMi45OWExOS4xNjUgMTkuMTY1IDAgMCAwLTMuMTU4LTAuMjM2eiIgcC1pZD0iMTc3NCI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTguODEgMzg4LjA3N2MtMi45OTIgNS4wOTktNC43MTIgMTAuMjc1LTIuNzA4IDE1LjM2NS0wLjM5OCAwLjAyMyAwLjk5IDEuMDE0IDAuNTkzIDEuMDYzIDAuMTIyIDAuMzggMC4yNTUgMC43NTcgMC40MDEgMS4xMjgtMy44NyAwLjIyMy03LjY2MSAxLjY4Ni0xMC43ODMgNC4yMTJhMTguODMzIDE4LjgzMyAwIDAgMC0zLjM1MyAzLjY3NmMtMi4zMjcgMy45NzItMy4xNjIgOC43MTktMi4xNjEgMTMuMjY1IDEuNDI3IDYuNzAyIDYuNDkxIDExLjY4NCAxMi45MDkgMTMuODA0IDYuNTg3IDIuMjI4IDE0LjQ5MiAxLjY0OSAyMS43OTktMC4xMDQgNi43ODktMS42ODggMTMuMDIzLTQuMzY2IDE3LjIyMS02LjgzOCAyLjA3Ny0xLjIxMiAzLjU4MS0yLjM2MyA0LjQzLTMuMzI5IDEuNTExLTMuNDg3IDIuMjE2LTEzLjU5NiAwLjE4Mi0yMy44NjUtMS40NTYtNy4yNzYtNC4yNS0xNC42OTMtOS4wOTMtMTkuNzcyLTQuNjU0LTQuODc5LTExLjMwMi03LjM4My0xNy45ODQtNS44NjQtNC4zOTEgMC45NjUtOC43MiAzLjMyNS0xMS40NTMgNy4yNTl6IiBmaWxsPSIjRjQ0NDQ0IiBwLWlkPSIxNzc1Ij48L3BhdGg+PHBhdGggZD0iTTI3MC4wODggMzgwLjcwNGMtNC4zOTEgMC45NjYtOC43MiAzLjMyNy0xMS40NTMgNy4yNjEtMC4yMyAwLjM5Mi0wLjQ1MSAwLjc4NC0wLjY2NSAxLjE3NyAyLjc0Mi0zLjQ0NiA2Ljc2Ni01LjU0NyAxMC44NDQtNi40NDQgNi42ODItMS41MTkgMTMuMzMgMC45ODYgMTcuOTg0IDUuODY0IDQuODQ0IDUuMDc5IDcuNjM3IDEyLjQ5NiA5LjA5MyAxOS43NzIgMS44NDYgOS4zMTggMS40MzYgMTguNTA2IDAuMjE1IDIyLjczMiAwLjM0My0wLjMgMC42MzctMC41ODggMC44NzctMC44NjEgMS41MTEtMy40ODcgMi4yMTYtMTMuNTk2IDAuMTgyLTIzLjg2NS0xLjQ1Ni03LjI3Ni00LjI1LTE0LjY5My05LjA5My0xOS43NzItNC42NTUtNC44NzgtMTEuMzAzLTcuMzgzLTE3Ljk4NC01Ljg2NHoiIGZpbGw9IiM5QjJGMkYiIHAtaWQ9IjE3NzYiPjwvcGF0aD48cGF0aCBkPSJNMjYyLjI1MiA0NDQuMDUyYy0zLjM1MSAwLTYuNzg2LTAuNDA5LTEwLjAwMS0xLjQ5Ny03LjA1LTIuMzI5LTEyLjEyNC03Ljc2Ni0xMy41NjYtMTQuNTQzLTEuNTMxLTYuOTU4IDEuMDc2LTE0LjQ3OCA2LjY0MS0xOS4xNTIgMi45MDYtMi4zNTIgNi40My0zLjg1OCAxMC4wNTMtNC4zMjItMS43NjQtNS41Mi0wLjk5NS0xMS40MiAyLjE3NS0xNi4zNzhhMTkuNjIgMTkuNjIgMCAwIDEgNi45MjYtNi41NTUgMC45OTcgMC45OTcgMCAwIDEgMS4zNiAwLjM4NiAwLjk5OCAwLjk5OCAwIDAgMS0wLjM4NiAxLjM2IDE3LjYwMyAxNy42MDMgMCAwIDAtNi4yMTUgNS44ODZjLTMuMDYgNC43ODYtMy42MjcgMTAuNTQ4LTEuNTU2IDE1LjgxMWEwLjk5OCAwLjk5OCAwIDAgMS0wLjg3MyAxLjM2NGMtMy42NjYgMC4yMTEtNy4yOTIgMS42MjgtMTAuMjEyIDMuOTkxLTQuOTg4IDQuMTktNy4zMzIgMTAuOTQtNS45NTggMTcuMTg2IDEuMjk0IDYuMDggNS44NzIgMTAuOTYzIDEyLjI0NiAxMy4wNjkgNy4xMDkgMi40MDQgMTUuNDggMS4yNTggMjEuMjUyLTAuMTI2IDUuOTgzLTEuNDg4IDEyLjMyMS00LjAwMyAxNi45NDctNi43MjggMy4yNC0xLjg5IDQuMjY2LTMuMTUzIDQuNTU3LTMuNjA4IDEuNTgyLTIuNDc0IDIuNTEzLTEyLjk2MiAwLjM3My0yMy43NjYtMS4xNTYtNS43NzgtMy42MjgtMTMuODE1LTguODM2LTE5LjI3Ni00LjYzOS00Ljg2NC0xMS4wMS02Ljk0OS0xNy4wMzktNS41NzlhMTcuMDUgMTcuMDUgMCAwIDAtMS45IDAuNTMzIDEuMDAxIDEuMDAxIDAgMCAxLTAuNjUyLTEuODkxYzAuNjktMC4yMzggMS40MDItMC40MzggMi4xMTYtMC41OTQgNi43MTUtMS41MjggMTMuNzkyIDAuNzcxIDE4LjkyMiA2LjE1IDUuNTM4IDUuODA4IDguMTQyIDE0LjIyNyA5LjM1IDIwLjI2NiAyLjA5NyAxMC41ODMgMS4zODYgMjIuMDUtMC42NDkgMjUuMjM0LTEuMDE0IDEuNTg3LTMuNDA0IDMuMTkxLTUuMjMgNC4yNTYtNC44NSAyLjg1Ni0xMS4yMjQgNS4zODgtMTcuNDgzIDYuOTQ0LTMuNDY5IDAuODMzLTcuODM5IDEuNTc5LTEyLjM2MiAxLjU3OXoiIHAtaWQ9IjE3NzciPjwvcGF0aD48cGF0aCBkPSJNMjQzLjk4OCA0MzEuNjQ3YTEuNSAxLjUgMCAwIDEtMS4zMzQtMC44MTIgMTcuNzE4IDE3LjcxOCAwIDAgMS0xLjE1Mi0yLjc5MiAxLjUgMS41IDAgMSAxIDIuODYxLTAuOTAxYzAuMjUgMC43OTQgMC41NzIgMS41NzMgMC45NTYgMi4zMTVhMS41IDEuNSAwIDAgMS0xLjMzMSAyLjE5ek0yNDIuMTc0IDQyMy4yMjRjLTAuMDI1IDAtMC4wNSAwLTAuMDc1LTAuMDAyYTEuNSAxLjUgMCAwIDEtMS40MjQtMS41NzJjMC4wMzEtMC42MiAwLjA5NC0xLjI0NSAwLjE4OC0xLjg1OGExLjUgMS41IDAgMCAxIDIuOTY2IDAuNDU0IDE1LjI0NyAxNS4yNDcgMCAwIDAtMC4xNTcgMS41NTIgMS41MDIgMS41MDIgMCAwIDEtMS40OTggMS40MjZ6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIxNzc4Ij48L3BhdGg+PHBhdGggZD0iTTI0Mi43MzEgNDE5LjY4NmExLjUwMiAxLjUwMiAwIDAgMS0xLjQ1MS0xLjg4OCAxOC44IDE4LjggMCAwIDEgMS45NDEtNC42NDQgMS41IDEuNSAwIDEgMSAyLjU4OCAxLjUxOCAxNS43NjQgMTUuNzY0IDAgMCAwLTEuNjMxIDMuOTAyIDEuNDk5IDEuNDk5IDAgMCAxLTEuNDQ3IDEuMTEyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTc3OSI+PC9wYXRoPjxwYXRoIGQ9Ik0zMjcuNTc0IDM0OC42NWMtNS4zOTkgMS44NjItOS45MTMgNC41OC0xMS42NCA5LjU3NC0wLjMwNy0wLjIzMyAwLjA4OSAxLjM2Ni0wLjIzMiAxLjE1My0wLjE0OSAwLjM1NS0wLjI4OCAwLjcxNS0wLjQxNSAxLjA4LTIuOTgtMi4yNjgtNi42ODItMy41NzYtMTAuNTU5LTMuNjgzYTE4LjE5MiAxOC4xOTIgMCAwIDAtNC43NyAwLjU5MWMtNC4yMDMgMS40NTMtNy43OTggNC40MTItOS45MiA4LjM3Ni0zLjE2NCA1LjgxNS0yLjU3NyAxMi42NTIgMC44MDEgMTguMjQgMy40MzQgNS43NzMgOS41OTkgMTAuMzE1IDE2LjA2MyAxMy42MTkgNi4wNDMgMy4wMjcgMTIuMyA0Ljk3NyAxNi45MzMgNS44MDEgMi4yODYgMC40MTYgNC4xMTIgMC41MTUgNS4zNDIgMC4zNDEgMy4yOTktMS42MDkgMTAuMTY4LTguNTg1IDE1LjEyNy0xNy4zOTkgMy41MDMtNi4yNTQgNi4xMTItMTMuNDUzIDUuNzQ5LTIwLjIyMy0wLjM1MS02LjUwNC0zLjY1Ni0xMi41MTktOS41MTMtMTUuNjAyLTMuODI5LTIuMDUtOC40ODktMy4wMzctMTIuOTY2LTEuODY4eiIgZmlsbD0iI0Y0REQ1MCIgcC1pZD0iMTc4MCI+PC9wYXRoPjxwYXRoIGQ9Ik0zNDAuNDgyIDM1MC4zMjVjLTMuODI5LTIuMDQ5LTguNDg5LTMuMDM3LTEyLjk2Ni0xLjg2Ny0wLjQxNSAwLjE0My0wLjgyNCAwLjI5Mi0xLjIyNyAwLjQ0NiA0LjE3Ny0wLjgwNiA4LjQ1IDAuMTgxIDEyLjAwNiAyLjA4NCA1Ljg1NyAzLjA4MyA5LjE2MyA5LjA5OCA5LjUxMyAxNS42MDIgMC4zNjMgNi43Ny0yLjI0NiAxMy45NjktNS43NDkgMjAuMjIzLTQuNSA3Ljk5OC0xMC41NzMgMTQuNDgzLTE0LjEyNCAxNi44MTcgMC40NC0wLjAwNSAwLjgzNy0wLjAzMSAxLjE4NC0wLjA4IDMuMjk5LTEuNjA5IDEwLjE2OC04LjU4NSAxNS4xMjctMTcuMzk4IDMuNTAzLTYuMjU0IDYuMTEyLTEzLjQ1MyA1Ljc0OS0yMC4yMjMtMC4zNS02LjUwNi0zLjY1NS0xMi41MjEtOS41MTMtMTUuNjA0eiIgZmlsbD0iI0I3QTQ0OCIgcC1pZD0iMTc4MSI+PC9wYXRoPjxwYXRoIGQ9Ik0zMjYuMzk0IDQwNC44NTdjLTEuNDEgMC0yLjk1NS0wLjIxMi00LjIwOC0wLjQzOS01LjM2Mi0wLjk1NC0xMS42MzMtMy4xMDItMTcuMjAyLTUuODkxLTUuMzQ0LTIuNzMxLTEyLjUzMi03LjM3My0xNi40NzUtMTQuMDAxLTMuNzE3LTYuMTQ4LTQuMDI1LTEzLjMzOS0wLjgyLTE5LjIyOSAzLjIyNi02LjAyNiA5Ljc5MS05LjkwMSAxNi43NTgtOS45MDFsMC4xNzcgMC4wMDFjMy42MDMgMC4wOTkgNy4xMjggMS4yMDEgMTAuMDc3IDMuMTI2IDIuMTgyLTUuMTQ4IDYuNDUzLTguOTg4IDExLjg5MS0xMC42MzRhMTguOTY5IDE4Ljk2OSAwIDAgMSA5LjIxNi0wLjQ1OSAxIDEgMCAxIDEtMC4zOTUgMS45NjFjLTIuNjk5LTAuNTQ1LTUuNTUtMC40MDEtOC4yNDIgMC40MTMtNS4yNDIgMS41ODctOS4yNyA1LjQ1Mi0xMS4wNTMgMTAuNjA0YTEgMSAwIDAgMS0xLjU1IDAuNDY5Yy0yLjgxNy0yLjE0NC02LjM2MS0zLjM3OS05Ljk4MS0zLjQ3OS02LjI5Mi0wLjA1NS0xMi4yMjkgMy40MTUtMTUuMTM4IDguODUtMi44NjUgNS4yNjUtMi41NzQgMTEuNzExIDAuNzc1IDE3LjI1MSAzLjcwMiA2LjIyNSAxMC41NiAxMC42MzggMTUuNjYyIDEzLjI0NiA1LjMxNyAyLjY2NCAxMS41NDUgNC43OTkgMTYuNjUzIDUuNzA4IDMuNTU3IDAuNjQ2IDUuMDk3IDAuMzY2IDUuNTk1IDAuMjE2IDIuNzA5LTAuODIgOS45NzItNy45MjUgMTUuMTg1LTE3LjE5IDIuNzc5LTQuOTYyIDYuMDEyLTEyLjQwNiA1LjYyMi0xOS42NzktMC4zNS02LjQ3My0zLjcwNy0xMS45OTUtOC45OC0xNC43NzEtMC41NjEtMC4zLTEuMTQtMC41NjktMS43MjctMC44MDFhMSAxIDAgMSAxIDAuNzM2LTEuODZjMC42NTggMC4yNiAxLjMwNyAwLjU2MiAxLjkyOSAwLjg5NSA1Ljg5NiAzLjEwNCA5LjY1MiA5LjI0NyAxMC4wNCAxNi40MyAwLjQxNiA3Ljc1MS0yLjk2NiAxNS41NzEtNS44NzUgMjAuNzY1LTUuMTE0IDkuMDktMTIuODUgMTcuMDY2LTE2LjM1IDE4LjEyNS0wLjY2IDAuMTk3LTEuNDY1IDAuMjc0LTIuMzIgMC4yNzR6IiBwLWlkPSIxNzgyIj48L3BhdGg+PHBhdGggZD0iTTI4OS44NTcgMzc0LjMyMmgtMC4wMzNhMSAxIDAgMCAxLTAuOTY3LTEuMDMyYzAuMDM3LTEuMTIzIDAuMTgzLTIuMjM1IDAuNDM1LTMuMzA3YTEuMDAxIDEuMDAxIDAgMCAxIDEuOTQ4IDAuNDU4IDE0Ljg0IDE0Ljg0IDAgMCAwLTAuMzgzIDIuOTE1IDEgMSAwIDAgMS0xIDAuOTY2eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTc4MyI+PC9wYXRoPjxwYXRoIGQ9Ik0yOTAuMjY4IDM3MS4yMTFhMSAxIDAgMCAxLTAuOTc1LTEuMjI3YzAuMjE0LTAuOTE4IDAuNTEyLTEuODI2IDAuODgzLTIuN2ExIDEgMCAwIDEgMS44NDEgMC43ODMgMTQuNTUyIDE0LjU1MiAwIDAgMC0wLjc3NyAyLjM3MiAwLjk5OCAwLjk5OCAwIDAgMS0wLjk3MiAwLjc3MnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE3ODQiPjwvcGF0aD48cGF0aCBkPSJNMjkxLjcgMzY4Ljg4MWwtMS44NTEtMC43NTljMC4zNjEtMC44NTIgMC43OTUtMS44NiAxLjAyOC0yLjI4OWExIDEgMCAxIDEgMS43NTggMC45NTRjLTAuMjE2IDAuNC0wLjc1NyAxLjY3NS0wLjkzNSAyLjA5NHpNMjk0LjIyNiAzNjMuODg5YTEuMDAxIDEuMDAxIDAgMCAxLTAuNzI4LTEuNjg3YzAuMzk4LTAuNDIxIDAuODI2LTAuODMgMS4yNzItMS4yMTRhMSAxIDAgMCAxIDEuMzA1IDEuNTE1Yy0wLjM5NCAwLjMzOS0wLjc3MiAwLjctMS4xMjMgMS4wNzJhMC45OSAwLjk5IDAgMCAxLTAuNzI2IDAuMzE0eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTc4NSI+PC9wYXRoPjxwYXRoIGQ9Ik0yOTYuODU5IDM2MS42NDNhMSAxIDAgMCAxLTAuNTY3LTEuODI1IDE3LjY5IDE3LjY5IDAgMCAxIDQuMjM1LTIuMTM1IDEuMDAxIDEuMDAxIDAgMCAxIDAuNjUzIDEuODkxIDE1LjYzMSAxNS42MzEgMCAwIDAtMy43NTUgMS44OTMgMSAxIDAgMCAxLTAuNTY2IDAuMTc2eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTc4NiI+PC9wYXRoPjxwYXRoIGQ9Ik0zODcuNTk0IDg0MC40MzlhNSA1IDAgMSAxIDAtMTBjMS43MjYgMCAzLjQ2Ny0wLjAzIDUuMTc0LTAuMDkxbDAuMDk5LTAuMDAyYzMuNTg2LTAuMTI4IDcuMTY3LTAuMzg5IDEwLjY0My0wLjc3NGgwLjAwMWMyNS44MDgtMi44NTggNDguNzY0LTEyLjU3NCA2OC4yMy0yOC44NzZhNSA1IDAgMSAxIDYuNDIxIDcuNjY2Yy0yMS4wMDMgMTcuNTktNDUuNzQ5IDI4LjA3LTczLjU1IDMxLjE0OS0zLjc1OCAwLjQxNy03LjYyNSAwLjY5Ny0xMS40OTQgMC44MzJsLTAuMDk4IDAuMDAyYy0xLjc5MiAwLjA2My0zLjYxNyAwLjA5NC01LjQyNiAwLjA5NHogbS0xOS4xLTEuMThjLTAuMjAyIDAtMC40MDctMC4wMTMtMC42MTMtMC4wMzgtNi41MzQtMC43OTgtMTMuMTc1LTItMTkuNzM4LTMuNTcxbC0wLjAxMS0wLjAwMmMtOS43NjEtMi4zMzctMTkuNTU3LTUuNTM0LTI5LjExOC05LjUwNGE1IDUgMCAwIDEgMy44MzUtOS4yMzZjOS4wNzMgMy43NjggMTguMzYyIDYuOCAyNy42MDkgOS4wMTRhNSA1IDAgMCAxIDE4LjAzNiAxMy4zMzd6IG0xMjUuMDQzLTQ5LjQyOGE1LjAwMSA1LjAwMSAwIDAgMS00LjA1Ny03LjkxNmMzLjExNy00LjM0MSA2LjIwMy05LjMyMyA5LjE3Mi0xNC44MTFsMC4wMDEtMC4wMDNhMTk3LjM2NSAxOTcuMzY1IDAgMCAwIDQuMTQ4LTguMTI4IDUgNSAwIDEgMSA5LjAwNyA0LjM0NiAyMDYuMDY1IDIwNi4wNjUgMCAwIDEtNC4zNiA4LjU0bC0wLjAwMSAwLjAwM2MtMy4xNjkgNS44NTgtNi40ODEgMTEuMjAzLTkuODQ0IDE1Ljg4NWE0Ljk5NiA0Ljk5NiAwIDAgMS00LjA2NiAyLjA4NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE3ODciPjwvcGF0aD48L3N2Zz4=') no-repeat center/cover;
        `;
        player.appendChild(item);
});
let mKey = 0, mFlag = true;
let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
let mState = () => {
        aud.paused ?
                (papa.style.setProperty('--state','paused'), lrc.style.setProperty('--state', 'paused'), vid.pause()) :
                (papa.style.setProperty('--state','running'), lrc.style.setProperty('--state', 'running'), vid.play());
};
let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = lrcAr;lrc.dataset.lrc = lrcAr.replace(/<br>/, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');lrc.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};
let calcKey = () => {for (j = 0; j < lrcAr.length; j++) {if (aud.currentTime <= lrcAr) {mKey = j - 1;break;}}if (mKey < 0) mKey = 0;if (mKey > lrcAr.length - 1) mKey = lrcAr.length - 1;let time = lrcAr - (aud.currentTime - lrcAr);showLrc(time);};
aud.addEventListener('timeupdate', () => {for(let j = 0; j < lrcAr.length; j ++) {if (aud.currentTime >= lrcAr) {if (mKey === j) showLrc(lrcAr);else continue;}}});

aud.addEventListener('seeked', () => calcKey());
aud.addEventListener('pause', () => mState());
aud.addEventListener('play', () => mState());

aud.addEventListener('playing', mState, false);
aud.addEventListener('pause', mState, false);
player.onclick = () => aud.paused ? aud.play() : aud.pause();

})();

</script>


<div style="position: relative; top:-620px;LEFT: 130px;z-index: 12435;">
<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      font-size: 26px;
      color: #ff0000;
      position: relative;
      text-align:center;
      transform: translate(0%,35%);
      font-weight: normal;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(45deg, #F32121 32%,#8EE73C 43%,#FEFFFF 52%,#091CFD 62%,#36F4B1 75%);
      background-position: -1200px 0;
      filter:drop-shadow(#000000 1px 0 0)drop-shadow(#000000 0 1px 0)drop-shadow(#000000 -1px 0 0) drop-shadow(#000000 0 -1px0);
       -webkit-animation:loop 3s linear 1000000;
}

@-webkit-keyframes loop{
   0%{background-position: -1200px 0;}
   100%{background-position: -0 0;}
}

.tit {
      position: relative;
      width: 700px;
      top: -70px;
      left: -300px;;
      font-family:迷你简细圆;
      font-size: 40px;
      text-shadow: 2px 2px #ff00ff;
      font-weight:bold;
      color:#802A2A;z-index: 10; }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span>《你来弹我来唱》 - 七仙女组合</span>
<span > </span></div>

<div style="position: relative;width: 500px;height: 50px;top:530px;LEFT: 800px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>
</style>

liumang 发表于 2024-1-4 16:07

亦是金老师路径玩的特别好{:5_150:}

liumang 发表于 2024-1-4 16:09

欣赏精彩是路径效果{:5_150:}{:5_150:}{:5_150:}

亦是金 发表于 2024-1-6 15:16

liumang 发表于 2024-1-4 16:07
亦是金老师路径玩的特别好

问好liumang管理！{:5_116:}

亦是金 发表于 2024-1-6 15:17

liumang 发表于 2024-1-4 16:09
欣赏精彩是路径效果

谢谢欣赏点赞！{:5_116:}

bgmnet 发表于 2024-2-7 22:11

试贴。。。。。？
不是正式贴吗？
页: [1]
查看完整版本: 《你来弹我来唱》 - 七仙女组合(跟着红影学习黑黑老师的代码)