《心里住着你》 - 月下思故人/红蔷薇(跟着红影学习黑黑老师的代码)
<style>#papa { margin: 80px 0 0 calc(50% - 681px);position: relative;
}
#outframe {
width:1200px;height:640px;position: relative;box-shadow: 0 0 8px #000;margin: 0px auto -90px 0px;
overflow:hidden;border-radius:0px;background:no-repeat cover/center;background-color:skyblue;
}
#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: 100px;
height: 66px;
left: 0px;
top: 0px;
background: navy;
opacity: 1;
animation: moving var(--duration) var(--delay) linear infinite alternate var(--state);
}
#vid {
position: absolute;
top: -60px;
width: 1200px;
height: 0px;
opacity: .30;
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: 560px; 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">
<div id="dh" style="animation-play-state: running;"></div>
<div id="outframe">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 720 400">
<image xlink:href="https://z4a.net/images/2023/12/28/23122801.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp0" attributename="opacity" from='0' to='1' begin="0; ep5.end-6" dur='4s' fill="freeze"/>
<animate id="ep0" attributename="opacity" from=1' to='0' begin="bp0.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/28/23122802.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp1" attributename="opacity" from='0' to='1' begin="ep0.end-6" dur='4s' fill="freeze"/>
<animate id="ep1" attributename="opacity" from=1' to='0' begin="bp1.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/28/23122803.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp2" attributename="opacity" from='0' to='1' begin="ep1.end-6" dur='4s' fill="freeze"/>
<animate id="ep2" attributename="opacity" from=1' to='0' begin="bp2.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/28/23122804.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp3" attributename="opacity" from='0' to='1' begin="ep2.end-6" dur='4s' fill="freeze"/>
<animate id="ep3" attributename="opacity" from=1' to='0' begin="bp3.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/28/23122805.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp4" attributename="opacity" from='0' to='1' begin="ep3.end-6" dur='4s' fill="freeze"/>
<animate id="ep4" attributename="opacity" from=1' to='0' begin="bp4.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/28/23122806.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp5" attributename="opacity" from='0' to='1' begin="ep4.end-6" dur='4s' fill="freeze"/>
<animate id="ep5" attributename="opacity" from=1' to='0' begin="bp5.begin+18" dur='3s' fill="freeze"/>
</image>
</svg>
</div>
<video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/72/5b491dd2b9164_10s_big.mp4" autoplay loop muted></video>
<audio id="aud" src="https://www.qqmc.com/mp3/music291647092.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 - 18, total = 3;
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+PHN2ZyB0PSIxNzAzNjg2MDIzODkwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDE2MjggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4MDMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzE3Ljk2ODc1IiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTEzNzEuMzc3MDMxIDYzNy41MTMyN2MzMS42MTMxODktMTYuNjAwNzk4IDU3LjY2Njk1LTM5LjQzOTAwMyA4Mi4xNTE2NzUtNjIuODc3NzAzIDI4LjEyNjQ0LTI2Ljg4NjcwNyA1NC44Mzg4MS01NS4xODc0ODUgNzMuODk5NzAzLTg3LjA3MTg2NSA1MC41NTc4NTctODQuNjExNzcgNDEuOTc2NTgxLTE4NS4xNjU3MyAxNy40MzM3NDQtMjc3LjM3MDg2NC0xMC4wMTQ3MTctMzcuODExODUzLTI0LjExNjY3OS03Ny40ODMzMDYtNTkuMDQyMjc5LTEwMy4xMTA5MDktNy4wNTA5ODEgNzUuNDI5OTk4LTMyLjIzMzA1NSAxNTAuMjU5NTAxLTc5LjA5MTA4NCAyMTUuMjI5MjUzLTYuMjk1NTE5IDguNzM2MjQzLTEzLjA3NTMwOCAxNy4yNTk0MDYtMjAuMTg0NDAyIDI1LjU4ODg2MmExODQuMzcxNTI2IDE4NC4zNzE1MjYgMCAwIDAtNS40MjM4MzEtMjcuMjE2MDEyYy0xMy4zNjU4Ny01MS43NTg4NDgtMjYuNzg5ODUzLTEwMy44MDgyNTktNTAuOTg0MDE1LTE1Mi43MTk1OTZzLTYwLjA0OTU2Mi05NS4xNjg4Ny0xMTEuMDkxNjktMTI2Ljk3NTc2N2MyNi4yMDg3MjggMTUxLjc1MTA1NS00MS45NzY1ODEgMzEyLjUyODkxNC0xNzYuOTEzNzU4IDQxNy4zODMxOTgtMTUuMTQ3OTg2LTE1LjY5MDM2OS0yNy42MDM0MjgtMzQuNjczNzc5LTUwLjczMjE5NS0zOC4zMTU0OTUtMjkuMjg4NjktNC42MTAyNTctNTMuMzI3ODg1IDE5LjM3MDgyNi02NC45Njk3NTIgNDIuMTUwOTE5cy00MC4wOTc2MTEgNTEuNTA3MDI4LTY2LjA5MzI2IDYzLjYxMzc5NGMyNC4yNzE2NDYtMTAuNDc5NjE3IDc0LjcxMzI3OCAwLjMwOTkzMyA4OS41NzA3MDIgMTkuMzcwODI2czE4LjMwNTQzMSA0Mi40MDI3MzkgMjMuOTYxNzEyIDY0LjU4MjMzNmM2LjkxNTM4NSAyNy4xMTkxNTcgMTguNDAyMjg1IDU0LjQ3MDc2NCA0Mi4xMTIxNzcgNzMuOTE5MDczIDM2LjcwNzcxNiAzMC4xMjE2MzUgOTMuMTkzMDQ2IDM0LjM4MzIxNyAxNDAuMjgzNTI1IDUyLjAxMDY3IDUwLjA5Mjk1NyAxOC43MzE1ODkgOTAuNzEzNTggNTQuMjM4MzE0IDExMC42MjY3OSA5Ni42NjA0MjRzMjcuODU1MjQ4IDcwLjI5NjcyOSA2LjEyMTE4MSAxMTIuMTM3NzE0YzY2Ljc3MTIzOS0xNC40MzEyNjYgOTguMzA2OTQ0LTE4LjUxODUxIDE1OS45MjU1NDQtNjUuODYwODEgNDMuMTk2OTQzLTMzLjE4MjIyNiA1Ny4zOTU3NTktNjkuNjE4NzUgNzIuNTgyNDg3LTExNi4wNjk5OTItNTguNjkzNjA0LTEuNzA0NjMzLTU0LjU2NzYxOCAzLjc1Nzk0LTExMC4yNzgxMTYtMTEuNjIyNDk2cy0xMDguMDExNzI4LTQ2LjMzNTAxNy0xMzAuNDgxODg3LTkxLjI3NTMzNGMzNy4wNTYzOTEgNC40NTUyOSA3NS4wMDM4NC01LjU0MDA1NiAxMDYuNjE3MDI5LTIyLjE2MDIyNnpNNzE5LjAyNTcwOCA2MDIuMzM1ODQ5YzUuNjc1NjUyLTIyLjE3OTU5NiA5LjEyMzY1OS00NS41NjAxODQgMjMuOTYxNzEyLTY0LjYwMTcwNnM2NS4yOTkwNTYtMjkuODMxMDczIDg5LjU3MDcwMi0xOS4zNzA4MjdjLTI1Ljk5NTY0OS0xMi4wODczOTYtNTQuNDMyMDIyLTQwLjg3MjQ0NC02Ni4wNzM4ODktNjMuNjEzNzk0cy0zNS43MDA0MzMtNDYuNzQxODA0LTY0Ljk4OTEyMy00Mi4xNTA5MThjLTIzLjEyODc2NyAzLjY0MTcxNS0zNS41NjQ4MzcgMjIuNjQ0NDk2LTUwLjczMjE5NSAzOC4zMTU0OTVDNTE1Ljg0NTEwOSAzNDYuMDc5MTg2IDQ0Ny42NTk4IDE4NS4zMDEzMjYgNDczLjg0OTE1NyAzMy41Njk2NDJjLTUxLjA0MjEyOCAzMS43ODc1MjYtODYuODIwMDQ0IDc3Ljk4Njk0Ny0xMTEuMDkxNjkgMTI2Ljk3NTc2OHMtMzcuNjE4MTQ1IDEwMC45NDEzNzctNTAuOTY0NjQ0IDE1Mi43MTk1OTZhMTgxLjQ4NTI3MyAxODEuNDg1MjczIDAgMCAwLTUuNDQzMjAyIDI3LjIxNjAxMWMtNy4wODk3MjItOC4zNDg4MjYtMTMuODY5NTEyLTE2Ljg1MjYxOS0yMC4xODQ0MDEtMjUuNjA4MjMzLTQ2LjgzODY1OC02NC45MzEwMS03Mi4wNDAxMDQtMTM5Ljc2MDUxMy03OS4xNjg1NjgtMjE1LjE5MDUxMS0zNC44Njc0ODggMjUuNjg1NzE2LTQ5LjA0NjkzMyA2NS4yOTkwNTYtNTkuMDYxNjUgMTAzLjA5MTUzOS0yNC40NDU5ODMgOTIuMjI0NTA1LTMyLjkzMDQwNSAxOTIuNzU5MDk0IDE3LjUzMDU5OCAyNzcuMzcwODY0IDE5LjA2MDg5MyAzMS44ODQzOCA0NS43OTI2MzQgNjAuMTg1MTU4IDczLjg5OTcwMyA4Ny4xNjg3MTkgMjQuNDg0NzI1IDIzLjQzODcgNTAuNTU3ODU3IDQ2LjI3NjkwNCA4Mi4xNTE2NzUgNjIuODc3NzAzczY5LjU4MDAwOSAyNi41OTYxNDUgMTA2LjUzOTU0NSAyMi4yMTgzMzhjLTIyLjQ3MDE1OSA0NC45NDAzMTctNzQuNzUyMDE5IDc1LjkzMzY0LTEzMC40ODE4ODcgOTEuMjc1MzM0cy01MS41ODQ1MTEgOS44NzkxMjItMTEwLjI1ODc0NCAxMS42MjI0OTZjMTUuMTg2NzI4IDQ2LjQ4OTk4NCAyOS4zNjYxNzMgODIuODY4Mzk2IDcyLjU2MzExNiAxMTYuMDUwNjIxIDYxLjYxODU5OSA0Ny4zNDIzIDkzLjE3MzY3NSA1MS40MTAxNzMgMTU5LjkyNTU0MyA2NS44NjA4MS0yMS42NzU5NTUtNDEuODQwOTg1LTEzLjc3MjY1OC02OS43MzQ5NzUgNi4xNDA1NTItMTEyLjE3NjQ1NnM2MC41MTQ0NjItNzcuOTI4ODM1IDExMC42MDc0Mi05Ni42NjA0MjRjNDcuMDkwNDc5LTE3LjYwODA4MSAxMDMuNTc1ODA5LTIxLjg4OTAzNCAxNDAuMzAyODk2LTUyLjAxMDY2OSAyMy43ODczNzUtMTkuNTgzOTA2IDM1LjI3NDI3NS00Ni45OTM2MjUgNDIuMTcwMjg5LTc0LjAzNTI5OXoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjE4MDQiPjwvcGF0aD48cGF0aCBkPSJNMTAwNi4xMjA3MjcgMTI1LjU4MTA2OGMtMi44NDc1MTEtMTUuNDk2NjYxLTkuMzk0ODUxLTMxLjM0MTk5Ny0yMi4wNjMzNzEtNDAuODcyNDQ0LTIxLjUwMTYxNy0xNi4yNTIxMjMtNTMuNTYwMzM1LTkuMTIzNjU5LTc0LjQ4MDgyOCA3Ljc0ODMzMS0yMC4xODQ0MDEgMTYuMzI5NjA3LTQ5Ljg0MTEzNyA2Ni4wOTMyNi00OS44NDExMzcgNjYuMDkzMjZsLTQyLjAzNDY5My02OC4xNDY1NjhhNDYuNjA2MjA5IDQ2LjYwNjIwOSAwIDAgMC0yNS4wNDY0NzktMTUuNzQ4NDgyYy0xNC41MjgxMi0zLjI3MzY3LTM3Ljc3MzExMi0yLjUzNzU3OC00OC44NzI1OTUgNy40MzgzOTgtODAuNTgyNjM4IDcyLjMxMTI5NSAyOS4zNDY4MDIgMTcyLjAxMjkzOSA3Ni42MzA5OSAyMjguNTc1NzUyIDEzLjExNDA1IDE1LjY3MDk5OSAyNi45MjU0NDkgMzEuNzY4MTU1IDQ1LjQ0Mzk1OSA0MC4xNzUwOTRhNTM0LjE2OTkxMSA1MzQuMTY5OTExIDAgMCAxIDc4Ljg5NzM3Ni05MS4yOTQ3MDVjMTMuNTU5NTc5LTEyLjUzMjkyNSAyNy45MTMzNjEtMjQuNTA0MDk1IDM5LjAxMjg0NC0zOS4xNjc4MTFhMTIxLjg4MTI0IDEyMS44ODEyNCAwIDAgMCAyMi4zNTM5MzQtOTQuODAwODI1eiIgZmlsbD0iI0VENzU4RCIgcC1pZD0iMTgwNSI+PC9wYXRoPjxwYXRoIGQ9Ik0xNTA0LjQxNTg2NyA3NDUuNTYzNzRjLTExLjE3Njk2Ny0wLjMwOTkzMy0yMC4xMDY5MTgtMC4zODc0MTctMjcuNjIyNzk4LTAuMzg3NDE2aC0xNC4zNTM3ODNjLTE4LjM0NDE3MyAwLTI3LjI3NDEyNC0wLjQwNjc4Ny02NC41MDQ4NTItMTAuNjUzOTU1LTQ0Ljk1OTY4OC0xMi4zNzc5NTgtODEuMzU3NDcxLTMzLjI3OTA4LTEwNC4wNzk0NS01OS4xMDAzOTFhMjE0LjI2MDcxMiAyMTQuMjYwNzEyIDAgMCAwIDgzLjQzMDE0OS0yNC42MjAzMjFjMzMuNzYzMzUxLTE3LjcyNDMwNiA2MS4xNzMwNy00MS45NTcyMSA4NS44MTI3NjItNjUuNTEyMTM1IDI2LjAzNDM5MS0yNC45MzAyNTQgNTUuNDc4MDQ3LTU1LjE2ODExNCA3Ni41NTM1MDYtOTAuNDYxNzYgNDQuODA0NzIyLTc0Ljk2NTA5OCA1MS4xMTk2MTEtMTY5Ljc0NjU1MiAxOS4zNzA4MjYtMjg5LjcyOTQ1MS0xMC45NjM4ODgtNDEuMzM3MzQ0LTI2LjQwMjQzNi04My41MDc2MzMtNjUuMDY2NjA2LTExMS45NDQwMDZsLTIyLjkzNTA1OC0xNi44NTI2Mi0yLjY3MzE3NCAyOC4yODE0MDdjLTcuMTY3MjA2IDc1LjU0NjIyMy0zMy4wNDY2MyAxNDYuNDQzNDQ4LTc0Ljc3MTM5MSAyMDUuMDk4MzExLTEyLjkwMDk3LTQ5Ljk3NjczMi0yNi41OTYxNDUtMTAxLjM2NzUzNS01MC41NTc4NTctMTQ5Ljg3MjA4NS0yOC44MjM3OS01OC4xMTI0NzktNjguMjA0NjgtMTAzLjA3MjE2OC0xMTcuMDE5MTYzLTEzMy40ODQzNjVsLTMwLjQ3MDMxLTE4Ljk4MzQxIDYuMTAxODExIDM1LjM3MTEyOWMyNC41MDQwOTUgMTQyLjA2NTY0MS0zNi42Njg5NzUgMjkxLjA2NjAzOS0xNTkuNTc2ODY5IDM5Mi41ODg1NDEtMTIuMzU4NTg3LTEzLjcxNDU0NS0yNi41OTYxNDUtMjguNDc1MTE1LTQ5LjcyNDkxMS0zMi4wOTc0Ni0zOC4xNzk4OTktNS45NjYyMTUtNjcuNzk3ODkzIDIzLjQ3NzQ0Mi04MS44MDMgNTAuNzEyODI0LTEwLjgwODkyMSAyMS4wNzU0NTktMzcuMDc1NzYyIDQ2LjM1NDM4OC01OC41Mzg2MzggNTYuMzY5MTA1bDEzLjE1Mjc5MSAyOS4zNDY4MDJhNDcuMzAzNTU4IDQ3LjMwMzU1OCAwIDAgMSAxNy42NDY4MjMtMi43NzAwMjhjMjIuNTQ3NjQyIDAgNDYuNDg5OTg0IDkuMTA0Mjg4IDUyLjg0MzYxNSAxNy4yNDAwMzUgMTAuMjA4NDI2IDEzLjA3NTMwOCAxNC4xMjEzMzMgMjkuNzE0ODQ4IDE4LjE4OTIwNiA0Ny4xNDg1OTIgMC45Mjk4IDMuODc0MTY1IDEuOTM3MDgzIDcuNzQ4MzMxIDIuODA4NzcgMTEuNjIyNDk2IDkuNTQ5ODE3IDM3LjQ4MjU0OSAyNC42Mzk2OTEgNjMuNjUyNTM2IDQ3LjQ5NzI2NiA4Mi4zODQxMjUgMjcuMTE5MTU3IDIyLjE3OTU5NiA2Mi40NTE1NDUgMzEuNDE5NDgxIDk2LjY3OTc5NSA0MC4zNDk0MzEgMTYuMjUyMTIzIDQuMjQyMjExIDMzLjA0NjYzIDguNjM5Mzg5IDQ4LjE3NTI0NSAxNC4yOTU2NyA0Ni4zNzM3NTkgMTcuMzM2ODkgODMuNDMwMTUgNDkuNTY5OTQ1IDEwMS42Nzc0NjkgODguNDI3ODIzIDIwLjA0ODgwNSA0Mi42MTU4MTggMjQuMDE5ODI1IDYzLjkyMzcyNyA2LjQxMTc0MyA5Ny45MTk1MjhMMTI0MS4zNDA2NzMgOTY2LjYwNDI0MWw0Ny4xODczMzMtMTAuMTY5Njg0YzU3LjY0NzU4LTEyLjI4MTEwNCA5Mi40NTY5NTUtMTkuNzAwMTMxIDE1Mi41NjQ2My02NS44NjA4MSA0Ni40ODk5ODQtMzUuNzM5MTc1IDYyLjI3NzIwNy03NS41NDYyMjMgNzguMDY0NDMtMTIzLjgzNzY5M2w2LjY4MjkzNi0yMC40NzQ5NjR6TTEyMzcuOTg5NTIgNzQuNzMyNjQ5YzMwLjU0Nzc5MyAyNS42MDgyMzMgNTYuMDc4NTQzIDU4LjkwNjY4MyA3Ni4xNDY3MTkgOTkuNDMwNDUyIDIzLjQzODcgNDcuMzgxMDQyIDM2LjgwNDU3IDk5LjI5NDg1NyA1MC4xMTIzMjggMTUwLjgwMTg4NCAxLjQ1MjgxMiA1LjgxMTI0OCAyLjgyODE0MSAxMS4zMzE5MzMgMy44NzQxNjUgMTYuNzE3MDIzLTMuODc0MTY1IDQuNDU1MjktNy45MDMyOTcgOC44OTEyMDktMTIuMDQ4NjU0IDEzLjE5MTUzMy0xLjE4MTYyIDEuMjM5NzMzLTIuMzI0NDk5IDIuNTM3NTc4LTMuNTQ0ODYxIDMuNzU3OTRhNDEzLjgxODk2NiA0MTMuODE4OTY2IDAgMCAxLTQ0LjEyNjc0MyAzOC43NDE2NTNjLTEuMDQ2MDI1IDAuNzk0MjA0LTIuMTMwNzkxIDEuNTQ5NjY2LTMuMTk2MTg2IDIuMzI0NXEtOS45OTUzNDYgNy40NTc3NjgtMjAuNDU1NTkzIDE0LjMxNTA0Yy0xLjc4MjExNiAxLjE4MTYyLTMuNjAyOTc0IDIuMzI0NDk5LTUuNDA0NDYgMy40NjczNzgtNi4zMTQ4ODkgNC4wMDk3NjEtMTIuNzY1Mzc1IDcuNzQ4MzMxLTE5LjM3MDgyNyAxMS41MjU2NDItMi4yNDcwMTYgMS4yNTkxMDQtNC40OTQwMzIgMi41Mzc1NzgtNi43NjA0MTggMy43NTc5NC02LjMxNDg4OSAzLjQwOTI2NS0xMi43NDYwMDQgNi41ODYwODEtMTkuMjE1ODYgOS42ODU0MTQtMi40MjEzNTMgMS4xNDI4NzktNC44MDM5NjUgMi4zNjMyNDEtNy4yNDQ2ODkgMy40NjczNzdxLTExLjg1NDk0NiA1LjM0NjM0OC0yNC4wNzc5MzggOS45NTY2MDVjLTAuODMyOTQ2IDAuMzA5OTMzLTEuNjQ2NTIgMC42OTczNS0yLjQ3OTQ2NSAxLjAwNzI4My00LjMzOTA2NSAxLjYwNzc3OS04LjM2ODE5NyAyLjg0NzUxMS0xMi41MTM1NTQgNC4yMjI4NC0yMy4yNDQ5OTIgNy42MzIxMDYtNDMuNjQyNDcyIDExLjYyMjQ5Ni02My45MjM3MjggMTEuODE2MjA1aC0xLjM3NTMyOGExMzQuODc5MDY1IDEzNC44NzkwNjUgMCAwIDEtMTYuMjcxNDk1LTEuMTQyODc5Yy0yLjExMTQyLTAuMjkwNTYyLTQuMDY3ODc0LTAuNzc0ODMzLTYuMTIxMTgxLTEuMTYyMjUtMy41MjU0OS0wLjYzOTIzNy03LjAzMTYxLTEuMzM2NTg3LTEwLjM0NDAyMS0yLjI4NTc1Ny0yLjEzMDc5MS0wLjYwMDQ5Ni00LjEwNjYxNS0xLjM1NTk1OC02LjE0MDU1Mi0yLjA3MjY3OWE4OS4xMDU4MDIgODkuMTA1ODAyIDAgMCAxLTguNTgxMjc2LTMuNDY3Mzc4Yy0xLjkzNzA4My0wLjkxMDQyOS0zLjc1Nzk0LTEuOTM3MDgzLTUuNTQwMDU3LTIuOTI0OTk0LTEuMjAwOTkxLTAuNjc3OTc5LTIuMjI3NjQ1LTEuNDcyMTgzLTMuMzUxMTUzLTIuMjA4Mjc1IDExOS4wNTMxLTEwMC4wNTAzMTkgMTgyLjY2Njg5NC0yNDIuNTAzMzc3IDE3MS45NTQ4MjctMzgyLjkyMjQ5N3ogbTE4My41NTc5NTIgNzkwLjMyOTcyYy00OS4yMjEyNyAzNy44MTE4NTMtNzcuMjcwMjI3IDQ2LjMzNTAxNy0xMjQuMzgwMDc3IDU2LjYyMDkyNiA5LjAyNjgwNS0zNS42MDM1NzktMi4wNTMzMDgtNjQuNTQzNTk0LTE3LjI5ODE0OC05Ny4wMjg0Ny0yMS43NzI4MDktNDYuMzkzMTI5LTY1LjMzNzc5OC04NC42MzExNDEtMTE5LjUzNzM3LTEwNC44OTMwMjZhNTI3LjczODc5NyA1MjcuNzM4Nzk3IDAgMCAwLTUxLjMzMjY5LTE1LjI4MzU4MmMtMzIuMjkxMTY4LTguNDI2MzEtNjIuODAwMjE5LTE2LjM4NzcxOS04NC4zOTg2OTEtMzQuMTEyMDI1LTE3LjI3ODc3Ny0xNC4xNjAwNzQtMjguOTQwMDE1LTM0Ljg2NzQ4OC0zNi43MDc3MTctNjUuNDU0MDIzLTAuOTI5OC0zLjY0MTcxNS0xLjgwMTQ4Ny03LjMyMjE3Mi0yLjY3MzE3NC0xMC45ODMyNTgtNC41NTIxNDQtMTkuMTc3MTE4LTkuNjg1NDEzLTQwLjg5MTgxNS0yNC4xOTQxNjItNTkuNTI2NTUtMTAuNTE4MzU5LTEzLjU1OTU3OS0zMC44NzcwOTctMjIuNTA4OS01MS41MDcwMjctMjYuNzcwNDgyYTE2MC42NjE2MzUgMTYwLjY2MTYzNSAwIDAgMCAyOS42NTY3MzUtMzguOTU0NzMyYzguNjU4NzU5LTE2LjkzMDEwMiAyNi41MTg2NjEtMzcuMjMwNzI4IDQ4LjE1NTg3NC0zMy41Njk2NDMgMTEuNjIyNDk2IDEuODIwODU4IDIwLjI2MTg4NCAxMC4yNjY1MzggMjkuNTAxNzY5IDIwLjQzNjIyMmwtMC4zMDk5MzMgMC4yNTE4MjEgMTEuMjU0NDUgMTEuNjIyNDk2YTEyOC40NjczMjEgMTI4LjQ2NzMyMSAwIDAgMCAxMC45NjM4ODggMTAuNDk4OTg4YzIwLjY4ODA0MyAxNy4yNzg3NzcgNTEuNjIzMjUzIDI3LjExOTE1NyA4NC45MjE3MDMgMjcuMTE5MTU3aDEuOTM3MDgzYzIyLjQ4OTUzLTAuMjkwNTYyIDQ1Ljg4OTQ4OC00LjgwMzk2NSA3Mi4yOTE5MjQtMTMuNTU5NTc5IDQuNDk0MDMyLTEuNDcyMTgzIDguODcxODM5LTIuODA4NzcgMTMuNTU5NTc5LTQuNTMyNzczIDAuNjM5MjM3LTAuMjUxODIxIDEuMjM5NzMzLTAuNTYxNzU0IDEuOTM3MDgyLTAuNzk0MjA0cTEzLjc3MjY1OC01LjE3MjAxMSAyNy4xMTkxNTgtMTEuMjM1MDc5YzIuMzYzMjQxLTEuMDY1Mzk1IDQuNjY4MzY5LTIuMjg1NzU4IDcuMDMxNjEtMy4zODk4OTUgNy4zMjIxNzItMy40NjczNzggMTQuNTg2MjMyLTcuMDcwMzUyIDIxLjcxNDY5Ni0xMC45MjUxNDYgMi4yNDcwMTYtMS4yMjAzNjIgNC40MzU5MTktMi40OTg4MzcgNi42NjM1NjQtMy43NTc5NCA3LjE4NjU3Ny00LjA0ODUwMyAxNC4yNzYyOTktOC4yNTE5NzIgMjEuMzA3OTA5LTEyLjY4Nzg5MiAxLjkzNzA4My0xLjIzOTczMyAzLjg3NDE2NS0yLjUxODIwNyA1LjgxMTI0OC0zLjg3NDE2NXExMC41OTU4NDItNi45OTI4NjggMjAuODIzNjM5LTE0LjU2Njg2MmMxLjcyNDAwNC0xLjI5Nzg0NSAzLjQ0ODAwNy0yLjU1Njk0OSA1LjE1MjY0LTMuODc0MTY1cTEwLjQwMjEzNC03Ljk2MTQxIDIwLjI4MTI1NS0xNi41MDM5NDRjMS40NTI4MTItMS4yMzk3MzMgMi45MjQ5OTUtMi40NDA3MjQgNC4zNTg0MzYtMy42OTk4MjhxMTAuNjkyNjk2LTkuNDcyMzM0IDIwLjc4NDg5Ny0xOS42MDMyNzZjMC42OTczNS0wLjcxNjcyMSAxLjQ1MjgxMi0xLjM5NDcgMi4xNjk1MzItMi4xMTE0MiA3LjEyODQ2NC03LjI4MzQzMSAxNC4wNjMyMi0xNC43NjA1NyAyMC42ODgwNDMtMjIuNTI4MjcybDQuMzk3MTc4LTUuMTUyNjM5di0wLjM2ODA0NmM1LjgxMTI0OC02Ljk1NDEyNyAxMS4zNTEzMDQtMTMuOTQ2OTk1IDE2LjYwMDc5OC0yMS4zMDc5MDkgMzkuODI2NDE5LTU1LjIwNjg1NSA2Ni40ODA2NzYtMTIwLjUyNTI4MiA3Ny45Njc1NzYtMTkwLjUzMTQ0OSAxNi4wNTg0MTUgMjEuMDM2NzE4IDI0Ljc5NDY1OCA0Ny4yMDY3MDQgMzEuNjUxOTMxIDczLjE0NDI0IDI5LjQ4MjM5OCAxMTEuMTg4NTQ0IDI0LjMxMDM4NyAxOTcuODUzNjIyLTE1Ljc4NzIyNCAyNjQuOTkyOTA3LTE5LjA5OTYzNSAzMi4wMTk5NzYtNDYuNzAzMDYzIDYwLjI4MjAxMi03MS4xODc3ODcgODMuNzIwNzEyLTIyLjkxNTY4OCAyMS45Mjc3NzYtNDguMjcyMSA0NC4zNzg1NjMtNzguNTA5OTYgNjAuMjQzMjctMTguNTk1OTkzIDkuNjg1NDEzLTQ3LjgwNzIgMjEuMzA3OTA5LTgxLjM1NzQ3MSAyMS4zMDc5MDlhMTMyLjEyODQwNyAxMzIuMTI4NDA3IDAgMCAxLTE1Ljg4NDA3OC0wLjkyOThsLTI5LjYzNzM2NC0zLjUwNjExOSAxMy4zNDY0OTkgMjYuNjkyOTk5YzIyLjQzMTQxNyA0NC44NjI4MzQgNzMuNjA5MTQxIDgxLjE2Mzc2MyAxNDAuNTkzNDU5IDk5LjU4NTQxOSAzOS4yMDY1NTMgMTAuODA4OTIxIDUxLjE3NzcyNCAxMS44MTYyMDQgNzMuMDQ3Mzg3IDExLjgxNjIwNGgxOS4xNTc3NDdjLTEyLjYxMDQwOCAzNS40ODczNTQtMjYuOTgzNTYxIDYyLjQxMjgwMy02MC4xNDY0MTYgODcuODY2MDY5ek00MzIuNTg5Mjk3IDkyOC43NTM2NDZjLTE3LjU4ODcxLTM0LjAxNTE3MS0xMy41NTk1NzktNTUuMjI2MjI2IDYuNDExNzQzLTk3LjkzODg5OCAxOC4yMjc5NDgtMzguODU3ODc4IDU1LjMwMzcxLTcxLjA3MTU2MiAxMDEuNjk2ODM5LTg4LjQyNzgyMyAxNS4xMjg2MTUtNS42NTYyODEgMzEuOTQyNDkzLTEwLjA1MzQ1OSA0OC4xOTQ2MTctMTQuMjk1NjcgMzQuMjI4MjUtOC45MTA1OCA2OS42MTg3NS0xOC4xNjk4MzUgOTYuNjc5Nzk1LTQwLjM0OTQzMiAyMi44MTg4MzQtMTguNjkyODQ4IDM3Ljg4OTMzNy00NC45MDE1NzYgNDcuNDE5NzgzLTgyLjM2NDc1NCAwLjk2ODU0MS0zLjg3NDE2NSAxLjkzNzA4My03LjYxMjczNSAyLjc3MDAyOC0xMS40NDgxNTggNC4xNDUzNTctMTcuNTQ5OTY5IDguMDc3NjM1LTM0LjEzMTM5NiAxOC4zMDU0MzEtNDcuMjI2MDc1IDYuMzM0MjYtOC4xNTUxMTggMzAuMjk1OTczLTE3LjI0MDAzNiA1Mi44NjI5ODYtMTcuMjQwMDM2YTQ3LjQ1ODUyNSA0Ny40NTg1MjUgMCAwIDEgMTcuNjA4MDgxIDIuNzUwNjU3bDEzLjE3MjE2Mi0yOS4zNjYxNzNjLTIxLjQ2Mjg3Ni05Ljk3NTk3Ni00Ny43NDkwODctMzUuMjU0OTA0LTU4LjU1ODAwOS01Ni4zMzAzNjMtMTMuOTg1NzM3LTI3LjI3NDEyNC00My43MDA1ODUtNTYuODE0NjM0LTgxLjgwMy01MC43MzIxOTQtMjMuMTA5Mzk2IDMuNjQxNzE1LTM3LjM2NjMyNCAxOC4zODI5MTQtNDkuNzA1NTQxIDMyLjA5NzQ1OS0xMjIuOTg1Mzc3LTEwMS41MjI1MDItMTg0LjAyMjg1Mi0yNTAuNTQyMjctMTU5LjU3Njg2OC0zOTIuNTExMDU3TDQ5NC4xODg1MjUgMCA0NjMuNzM3NTg2IDE4Ljk4MzQxYy00OC44MzM4NTQgMzAuMzkyODI3LTg4LjE5NTM3MyA3NS4zMTM3NzMtMTE3LjAxOTE2MyAxMzMuNDg0MzY1LTIzLjkwMzYgNDguMzMwMjEyLTM3LjU2MDAzMyA5OS40NDk4MjMtNTAuNTc3MjI4IDE0OS44NzIwODUtNDEuNjA4NTM1LTU4LjYzNTQ5Mi02Ny41NDYwNzItMTI5LjQ3NDYwNC03NC43MTMyNzgtMjA1LjExNzY4MmwtMi42NzMxNzQtMjguMjgxNDA3LTIyLjg3Njk0NiAxNi44MzMyNDljLTM4LjY0NDc5OSAyOC40MzYzNzMtNTQuMTIyMDg5IDcwLjYwNjY2My02NS4wODU5NzcgMTExLjk2MzM3Ny0zMS43ODc1MjYgMTIwLjAwMjI3LTI1LjQ5MjAwOCAyMTQuNzY0MzUzIDE5LjI3Mzk3MyAyODkuNzI5NDUxIDIxLjE3MjMxMyAzNS4zNTE3NTggNTAuNTc3MjI4IDY1LjU1MDg3NyA3Ni41OTIyNDggOTAuNTM5MjQzIDI0LjU4MTU3OSAyMy40OTY4MTMgNTEuOTkxMjk4IDQ3LjcxMDM0NiA4NS44MTI3NjEgNjUuNTEyMTM1YTIxNC4wMjgyNjIgMjE0LjAyODI2MiAwIDAgMCA4My40Njg4OTEgMjQuNTIzNDY3Yy0yMi43MDI2MDkgMjUuODIxMzEyLTU5LjExOTc2MiA0Ni43MjI0MzMtMTA0LjA5ODgyMSA1OS4xMTk3NjItMzcuMjExMzU4IDEwLjI0NzE2Ny00Ni4xNDEzMDkgMTAuNjUzOTU1LTY0LjQ4NTQ4MiAxMC42NTM5NTVoLTE0LjM3MzE1M2MtNy40OTY1MSAwLTE2LjQyNjQ2MSAwLTI3LjYwMzQyOCAwLjM4NzQxNmwtMjEuNTIwOTg4IDAuNjE5ODY3IDYuNzAyMzA2IDIwLjQ1NTU5MmMxNS43ODcyMjQgNDguMzEwODQxIDMxLjU1NTA3NiA4OC4xMTc4OSA3OC4wNjQ0MzEgMTIzLjgzNzY5NCA2MC4wNDk1NjIgNDYuMTYwNjc5IDk0LjkxNzA1IDUzLjU3OTcwNiAxNTIuNTY0NjI5IDY1Ljg2MDgxbDQ3LjA1MTczOCAxMC4xMzA5NDJ6TTM3NS42MDAzMjUgMTY2Ljc2MzQ0NWMyMC4wNjgxNzYtNDAuNTIzNzY5IDQ1LjYxODI5Ni03My44NDE1OTEgNzYuMTY2MDktOTkuNDMwNDUyLTEwLjczMTQzOCAxNDAuMzgwMzc5IDUyLjg4MjM1NiAyODIuODE0MDY3IDE3MS45MzU0NTYgMzgyLjc0ODE2LTEuMjAwOTkxIDAuNzc0ODMzLTIuMjg1NzU4IDEuNjI3MTQ5LTMuNTY0MjMyIDIuMzQzODctMS42MjcxNDkgMC45Mjk4LTMuMjkzMDQxIDEuODIwODU4LTUuMDM2NDE1IDIuNjUzODAzYTkzLjIxMjQxNyA5My4yMTI0MTcgMCAwIDEtMTAuMTExNTcyIDQuMDQ4NTAzYy0xLjQzMzQ0MSAwLjQ4NDI3MS0yLjgyODE0MSAxLjAyNjY1NC00LjMwMDMyMyAxLjQ1MjgxMmExMTYuNjMxNzQ2IDExNi42MzE3NDYgMCAwIDEtMTYuMDAwMzAzIDMuNDQ4MDA3aC0wLjQ4NDI3YTE0NS41NzE3NjEgMTQ1LjU3MTc2MSAwIDAgMS0xOS42MjI2NDggMS4yOTc4NDYgMTk2LjgyNjk2OCAxOTYuODI2OTY4IDAgMCAxLTU0LjM1NDUzOS04Ljk0OTMyMmMtNi4yNzYxNDgtMS45MzcwODMtMTIuODIzNDg3LTQuMTI1OTg2LTE5LjYyMjY0Ny02LjYyNDgyM2wtMS4wNjUzOTUtMC4zNDg2NzUtMC40NjQ5LTAuMTkzNzA4cS0xMy4zODUyNDEtNC45OTc2NzMtMjYuNDAyNDM3LTEwLjkyNTE0NmMtMS45MzcwODMtMC45MTA0MjktMy45OTAzOS0xLjkzNzA4My02LjAwNDk1Ni0yLjg4NjI1My02LjkzNDc1Ni0zLjI3MzY3LTEzLjc5MjAyOC02LjY2MzU2NC0yMC41MTM3MDUtMTAuMzA1MjgtMS45MzcwODMtMS4wNjUzOTUtMy44NzQxNjUtMi4xNjk1MzMtNS44MTEyNDgtMy4yNTQyOTlxLTEwLjI2NjUzOC01LjgxMTI0OC0yMC4xODQ0MDEtMTIuMDY4MDI1bC00Ljc2NTIyNC0zLjA0MTIxOXEtMTAuODA4OTIxLTcuMDcwMzUyLTIxLjA3NTQ1OS0xNC42ODMwODdhNDcuNjUyMjMzIDQ3LjY1MjIzMyAwIDAgMC0yLjc1MDY1Ny0xLjkzNzA4MyA0MTMuNTI4NDA0IDQxMy41Mjg0MDQgMCAwIDEtNDQuMTI2NzQzLTM4Ljc0MTY1M2MtMS40NzIxODMtMS40NzIxODMtMi44NDc1MTEtMy4wMjE4NDktNC4yODA5NTItNC41MzI3NzMtMy44NzQxNjUtNC4wODcyNDQtNy43NDgzMzEtOC4yOTA3MTQtMTEuNDI4Nzg4LTEyLjUxMzU1NCAwLjk2ODU0MS01LjYxNzU0IDIuNDQwNzI0LTExLjUwNjI3MSA0LjA2Nzg3My0xNy45NTY3NTYgMTIuOTM5NzEyLTUwLjIyODU1MyAyNi4zMjQ5NTMtMTAyLjE0MjM2OCA0OS44MDIzOTUtMTQ5LjYwMDg5M3ogbTE2Ljk4ODIxNSA3NDcuNDIzMzRjLTQ3LjEyOTIyMS0xMC4yODU5MDktNzUuMTU4ODA3LTE4LjgyODQ0My0xMjQuMzk5NDQ3LTU2LjY0MDI5Ny0zMy4xNjI4NTUtMjUuNDUzMjY2LTQ3LjQxOTc4My01Mi4zMDEyMzEtNjAuMDQ5NTYzLTg3LjU3NTUwNmgxOS4yNzM5NzNjMjEuODY5NjYzIDAgMzMuODIxNDYzLTEuMDA3MjgzIDczLjAyODAxNi0xMS44MTYyMDUgNjYuOTI2MjA1LTE4LjQyMTY1NiAxMTguMTYyMDQyLTU0LjcyMjU4NSAxNDAuNjEyODI5LTk5LjU4NTQxOGwxMy4zNDY0OTktMjYuNjkyOTk5LTI5LjYzNzM2NCAzLjUwNjExOWExMzEuNzIxNjIgMTMxLjcyMTYyIDAgMCAxLTE1Ljg2NDcwNyAwLjkyOThjLTMzLjU4OTAxMyAwLTYyLjc4MDg0OS0xMS42MjI0OTYtODEuMzU3NDcxLTIxLjMwNzkwOS0zMC4zOTI4MjctMTYuMDAwMzAzLTU1Ljc0OTIzOS0zOC40NTEwOTEtNzguNjI2MTg1LTYwLjI0MzI3MS0yNC40NjUzNTQtMjMuMzk5OTU4LTUyLjA0OTQxMS01MS42NDI2MjMtNzEuMjA3MTU4LTgzLjcwMTM0MS00MC4wOTc2MTEtNjcuMTE5OTE0LTQ1LjI2OTYyMS0xNTMuODA0MzYyLTE1LjgwNjU5NC0yNjQuOTczNTM1IDYuODk2MDE0LTI1Ljk3NjI3OCAxNS42MzIyNTctNTIuMTQ2MjY1IDMxLjY5MDY3Mi03My4xNjM2MTIgMTEuNDY3NTI5IDY5Ljk4Njc5NiAzOC4xMDI0MTYgMTM1LjMyNDU5NCA3Ny45NDgyMDYgMTkwLjUzMTQ0OSA1LjI0OTQ5NCA3LjI2NDA2IDEwLjg2NzAzNCAxNC4yNzYyOTkgMTYuNjAwNzk4IDIxLjIxMTA1NXYwLjM2ODA0Nmw0LjM5NzE3NyA1LjE1MjY0YzYuNjA1NDUyIDcuNzQ4MzMxIDEzLjU1OTU3OSAxNS4yMDYwOTkgMjAuNjEwNTYgMjIuNDUwNzg4IDAuODkxMDU4IDAuOTEwNDI5IDEuODQwMjI5IDEuNzYyNzQ1IDIuNzUwNjU3IDIuNjUzODAzcTkuNzgyMjY3IDkuODQwMzggMjAuMTg0NDAxIDE5LjA0MTUyM2MxLjU0OTY2NiAxLjM3NTMyOSAzLjE1NzQ0NSAyLjY3MzE3NCA0LjcyNjQ4MiA0LjAyOTEzMXE5LjY4NTQxMyA4LjM2ODE5NyAxOS45MTMyMSAxNi4yMTMzODJsNS4zNjU3MTkgMy45OTAzOXExMC4xNTAzMTMgNy41MzUyNTEgMjAuNzA3NDEzIDE0LjUwODc1bDUuODExMjQ4IDMuODc0MTY1cTEwLjU1NzEgNi43MDIzMDYgMjEuNDQzNTA1IDEyLjgwNDExNmMyLjExMTQyIDEuMjAwOTkxIDQuMjAzNDY5IDIuNDIxMzUzIDYuMzM0MjYgMy41ODM2MDMgNy4zODAyODUgMy45OTAzOSAxNC44OTYxNjYgNy43NDgzMzEgMjIuNDg5NTMgMTEuMjkzMTkyIDIuMDcyNjc4IDAuOTg3OTEyIDQuMTA2NjE1IDIuMDUzMzA4IDYuMTk4NjY0IDMuMDAyNDc4IDkuNjg1NDEzIDQuMzM5MDY1IDE5LjM3MDgyNiA4LjQ0NTY4IDI5LjI2OTMxOSAxMi4xMDY3NjdhMzE1Ljg2MDY5NyAzMTUuODYwNjk3IDAgMCAwIDQ1LjE1MzM5NyAxMy40MDQ2MTEgMjA4LjAyMzMwNiAyMDguMDIzMzA2IDAgMCAwIDQwLjY3ODczNSA0LjY0ODk5OWgxLjgwMTQ4N2ExNjAuMDQxNzY4IDE2MC4wNDE3NjggMCAwIDAgMzIuOTMwNDA1LTMuNDQ4MDA3IDEzMS40Njk3OTkgMTMxLjQ2OTc5OSAwIDAgMCAzNS42NDIzMjEtMTIuNzI2NjMzIDEwMC43MjgyOTggMTAwLjcyODI5OCAwIDAgMCAxNi40NDU4MzEtMTEuMDIyMDAxIDEyNi40NzIxMjYgMTI2LjQ3MjEyNiAwIDAgMCAxMC42NTM5NTUtMTAuMTUwMzEzbDExLjYyMjQ5Ni0xMS45NTE4LTAuMzY4MDQ2LTAuMjkwNTYyYzkuMjIwNTEzLTEwLjE2OTY4NCAxNy44MDE3OS0xOC42MTUzNjQgMjkuNTAxNzY5LTIwLjQzNjIyMiAyMS40MjQxMzQtMy40ODY3NDkgMzkuNDc3NzQ0IDE2LjYyMDE2OSA0OC4xNzUyNDUgMzMuNTY5NjQyYTE2MC42NjE2MzUgMTYwLjY2MTYzNSAwIDAgMCAyOS42NTY3MzYgMzguOTU0NzMyYy0yMC42Mjk5MyA0LjI2MTU4Mi00MC45ODg2NjkgMTMuMjg4Mzg3LTUxLjUwNzAyOCAyNi43NzA0ODMtMTQuNTI4MTIgMTguNjM0NzM1LTE5LjY4MDc2IDQwLjQwNzU0NC0yNC4yMzI5MDQgNTkuNjIzNDAzLTAuODUyMzE2IDMuNjQxNzE1LTEuNzI0MDA0IDcuMjgzNDMxLTIuNjM0NDMyIDEwLjg4NjQwNS03Ljc0ODMzMSAzMC40ODk2ODEtMTkuNDY3NjgxIDUxLjI5Mzk0OS0zNi43MDc3MTYgNjUuNDU0MDIzLTIxLjYxNzg0MiAxNy43MDQ5MzUtNTIuMTA3NTIzIDI1LjY2NjM0NS04NC4zNzkzMjEgMzQuMDczMjgzYTUyNi42MzQ2NTkgNTI2LjYzNDY1OSAwIDAgMC01MS4zNTIwNjEgMTUuMzAyOTUzYy01NC4yMzgzMTQgMjAuMjYxODg0LTk3Ljc4MzkzMiA1OC40ODA1MjUtMTE5LjU1Njc0MSAxMDQuODkzMDI2LTE1LjI0NDg0IDMyLjMyOTkwOS0yNi4zNDQzMjQgNjEuMjY5OTI0LTE3LjI3ODc3NyA5Ni44OTI4NzR6IiBmaWxsPSIjNjg0QzRCIiBwLWlkPSIxODA2Ij48L3BhdGg+PHBhdGggZD0iTTcxMi44MjcwNDMgNDg5LjczMzIzNWEyNi4wMzQzOTEgMjYuMDM0MzkxIDAgMCAwIDMuNjQxNzE2IDAuMjcxMTkyIDIwLjE2NTAzIDIwLjE2NTAzIDAgMCAwIDEwLjM0NDAyMS0yLjc3MDAyOSAyMC40OTQzMzQgMjAuNDk0MzM0IDAgMCAwIDcuNTM1MjUyLTI2LjQ0MTE3OCAyMy43ODczNzUgMjMuNzg3Mzc1IDAgMCAwLTMuNjYxMDg2LTUuNDYyNTczbC0zLjQwOTI2Ni01LjE3MjAxMS0zLjMxMjQxMS0xLjkzNzA4MmEyMC4xMjYyODkgMjAuMTI2Mjg5IDAgMCAwLTIwLjM5NzQ4MSAwLjE1NDk2NiAyMS41MDE2MTcgMjEuNTAxNjE3IDAgMCAwLTEwLjkwNTc3NSAxOC40MjE2NTYgMjMuNjEzMDM3IDIzLjYxMzAzNyAwIDAgMCAyMC4xNjUwMyAyMi45MzUwNTl6TTk5OC40NjkyNTEgNDU5Ljg0NDA1bC0zLjQ2NzM3OC01LjI0OTQ5NC0zLjMxMjQxMi0xLjkzNzA4M2EyMC4xNDU2NiAyMC4xNDU2NiAwIDAgMC0yMC4zNzgxMDkgMC4yMzI0NSAyMS41MDE2MTcgMjEuNTAxNjE3IDAgMCAwLTEwLjg4NjQwNCAxOC4zODI5MTQgMjMuOTYxNzEyIDIzLjk2MTcxMiAwIDAgMCAyMy44MDY3NDUgMjMuMjQ0OTkyIDIwLjA4NzU0NyAyMC4wODc1NDcgMCAwIDAgMTAuMzgyNzYzLTIuODA4NzcgMjAuNDk0MzM0IDIwLjQ5NDMzNCAwIDAgMCA3LjUxNTg4MS0yNi40MjE4MDcgMjMuNjUxNzc5IDIzLjY1MTc3OSAwIDAgMC0zLjY2MTA4Ni01LjQ0MzIwMnpNODguMjcyODU2IDMwMC4wNzM0NzNsLTMxLjI2NDUxNC03Ljc0ODMzMWEyNDQuNzExNjUxIDI0NC43MTE2NTEgMCAwIDAgMjEuMjQ5Nzk3IDE3MC43NTM4MzZsMjguNDU1NzQ0LTE1LjA3MDUwM2EyMTIuMDEzNjk2IDIxMi4wMTM2OTYgMCAwIDEtMTguNDQxMDI3LTE0Ny45MzUwMDJ6TTMyLjkzMDQwNSAzNjAuMTQyNDA2TDEuNDE0MDcgMzUzLjU5NTA2NmMtMy41NDQ4NjEgMTcuMTA0NDQgMC4zMjkzMDQgMzMuOTM3Njg4IDMuNDY3Mzc4IDQ3LjQ3Nzg5NiA2LjAyNDMyNyAyNi4wNTM3NjIgMTIuMjYxNzMzIDUyLjk1OTg0IDI0Ljk0OTYyNSA3OC4xNDE5MTRsMjguNzA3NTY1LTE0LjU0NzQ5Yy0xMC45ODMyNTktMjEuNjk1MzI2LTE2Ljc3NTEzNi00Ni43MDMwNjMtMjIuMzczMzA1LTcwLjg5NzIyNS0yLjU5NTY5MS0xMS40MDk0MTctNS4zNDYzNDgtMjMuNDU4MDcxLTMuMjM0OTI4LTMzLjYyNzc1NXpNMTUzMS4wNzAxMjUgOTIzLjY5Nzg2MWw5LjIzOTg4NCAzMC44MzgzNTVjMTEuMTk2MzM4LTMuMzUxMTUzIDE3LjQzMzc0NC0xMi41OTEwMzcgMjAuMjgxMjU1LTE3LjAwNzU4NWEyMjIuMDg2NTI2IDIyMi4wODY1MjYgMCAwIDAgMzYuNTMzMzc5LTE0MS4wNTgzNTlsLTMyLjA3ODA4OSAyLjY1MzgwM2ExODkuODM0MDk5IDE4OS44MzQwOTkgMCAwIDEtMzEuMjA2NDAxIDEyMC41MjUyODMgMzMuOTk1OCAzMy45OTU4IDAgMCAxLTIuNzcwMDI4IDQuMDQ4NTAzek0xNTk2Ljc5NTMzOSA4OTQuOTUxNTU0YTE0NS41MzMwMTkgMTQ1LjUzMzAxOSAwIDAgMS02Mi43NjE0NzggMTAyLjI5NzMzNWwxNy45MTgwMTUgMjYuNzUxMTExYTE3OC4yMTE2MDQgMTc4LjIxMTYwNCAwIDAgMCA3Ni44MDUzMjctMTI1LjIxMzAyMnpNNzg2LjMwMDU4OCAyOTYuOTU0NzdjNy4zOTk2NTYgOC4zMTAwODUgMTQuMzE1MDQxIDE2LjA3Nzc4NiAyMC4yNDI1MTQgMjMuMTQ4MTM4IDEyLjc4NDc0NSAxNS4zMDI5NTMgMjguNzA3NTY1IDM0LjMyNTEwNSA1MS4xMTk2MTEgNDQuNTUyOWwxMi4zMDA0NzUgNS41NTk0MjggNy42MzIxMDUtMTEuMTM4MjI2YTUyMC40MTY2MjQgNTIwLjQxNjYyNCAwIDAgMSA3Ni41NTM1MDctODguNTYzNDE4bDcuNzQ4MzMtNy4wNzAzNTJjMTEuNDI4Nzg4LTEwLjM4Mjc2MyAyMy4yNDQ5OTItMjEuMTMzNTcyIDMzLjE0MzQ4NC0zNC4xNzAxMzhhMTM4LjU0MDE1MSAxMzguNTQwMTUxIDAgMCAwIDI1LjM3NTc4My0xMDcuNDg4NzE2Yy00LjEyNTk4Ni0yMi40NTA3ODgtMTMuODY5NTEyLTQwLjAyMDEyNy0yOC4yMDM5MjMtNTAuODA5Njc4LTI1LjA2NTg0OS0xOC45MjUyOTctNjYuMDczODg5LTE0LjY4MzA4Ni05NC4yOTcxODQgOC4xNzQ0ODktMTMuMDM2NTY2IDEwLjU1NzEtMjguNTMzMjI3IDMxLjc4NzUyNi0zOS41MzU4NTYgNDguMjUyNzI5TDgyOS44NDYyMDYgODEuMDg2MjhsLTEuNDcyMTgzLTEuOTM3MDgzYy02LjYyNDgyMy03Ljc0ODMzMS0xNy44NzkyNzMtMTcuNjQ2ODIzLTMzLjcyNDYwOC0yMC45Nzg2MDVhOTQuMzE2NTU0IDk0LjMxNjU1NCAwIDAgMC0yMC4zMDA2MjctMi4xMzA3OTFjLTEwLjQ3OTYxNyAwLTI5Ljk4NjAzOSAxLjcyNDAwNC00Mi44Njc2MzkgMTMuMjg4Mzg3LTgyLjI0ODUyOSA3My43NjQxMDcgMy41NjQyMzIgMTcwLjA3NTg1NiA1NC44MTk0MzkgMjI3LjYyNjU4MnogbS0zMy4zMTc4MjEtMjAzLjc0MjM1M2MyLjgwODc3LTIuNTE4MjA3IDEwLjQ5ODk4OC01LjA3NTE1NyAyMS4zMDc5MDktNS4wNzUxNTdhNjMuMTY4MjY1IDYzLjE2ODI2NSAwIDAgMSAxMy40NDMzNTMgMS40MTQwNzEgMzAuMzczNDU2IDMwLjM3MzQ1NiAwIDAgMSAxNS4zODA0MzcgOS42ODU0MTNsNTUuMzIzMDggODkuNDE1NzM1IDEzLjU1OTU3OS0yMi43OTk0NjNjNy43NDgzMzEtMTMuMTUyNzkxIDMxLjM4MDczOS00OS44OTkyNDkgNDYuMTQxMzA4LTYxLjgxMjMwNyAxNi44NzE5OS0xMy43MzM5MTYgNDEuMjU5ODYtMTcuNTg4NzEgNTQuNjQ1MTAyLTcuNDk2NTEgOS44NDAzOCA3LjM5OTY1NiAxNC4xMDE5NjIgMjAuOTAxMTIyIDE1Ljk0MjE5IDMwLjk5MzMyM2ExMDUuOTU4NDIxIDEwNS45NTg0MjEgMCAwIDEtMTkuMzcwODI2IDgyLjE5MDQxNmMtOC4wNzc2MzUgMTAuNjUzOTU1LTE4LjMyNDgwMiAxOS45NTE5NTEtMjkuMDU2MjQgMjkuNzcyOTYxbC04LjAwMDE1MiA3LjI2NDA1OWE1NTIuNDk0NzEzIDU1Mi40OTQ3MTMgMCAwIDAtNzIuNjAxODU3IDgxLjc0NDg4OGMtMTAuNzUwODA5LTcuOTQyMDM5LTIwLjA0ODgwNS0xOS4wMjIxNTItMjguNDU1NzQ0LTI5LjA1NjI0LTYuMTIxMTgxLTcuMzAyODAyLTEzLjI2OTAxNi0xNS4zMjIzMjQtMjAuOTAxMTIyLTIzLjkwMzU5OS02My4zMjMyMzItNzEuMDkwOTMzLTExMS4zNDM1MTEtMTMzLjg3MTc4Mi01Ny4zNTcwMTctMTgyLjMzNzU5eiIgZmlsbD0iIzY4NEM0QiIgcC1pZD0iMTgwNyI+PC9wYXRoPjwvc3ZnPg==') 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:-550px;LEFT: 0px;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: 0px;
left: -50px;;
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> 好像页面坏了 亦是金老师给你发帖代码修改了一下，页面完好无损了{:5_150:} 路径代码这么多，厉害了{:5_150:} liumang 发表于 2023-12-28 21:05
好像页面坏了
问好管理！{:5_116:} liumang 发表于 2023-12-28 21:16
亦是金老师给你发帖代码修改了一下，页面完好无损了
谢谢管理！辛苦了！{:5_116:} liumang 发表于 2023-12-28 21:17
路径代码这么多，厉害了
我只是个搬运工！{:5_150:} 亦是金 发表于 2023-12-28 23:13
我只是个搬运工！
哈哈，可是个高级搬运工，一般人还做不了的 前辈这路径轻制作，轻车熟路的，这个鸽子路径要转换过吧，制作真精美，必须掌声送上{:5_150:} 小辣椒 发表于 2024-1-1 15:01
前辈这路径轻制作，轻车熟路的，这个鸽子路径要转换过吧，制作真精美，必须掌声送上 ...
问好小辣椒！谢谢欣赏点赞！{:5_116:}
页:
[1]
2