《假如有轮回》 - 欣宝儿
本帖最后由 亦是金 于 2025-12-31 15:07 编辑 <br /><br />《我唱赞歌献祖国》齐旦布
<style>
:root {
--ocean-dark: #0a3d62;
--ocean-medium: #3c6382;
--ocean-light: #60a3bc;
--sand-color: #f5e1b5;
--shell-light: #f0e6d2;
--shell-dark: #d9c9a3;
--color-1: #fa4887;
--color-2: #fc89e5;
--color-3: #fd27d2;
--color-4: #9cf9fc;
--color-5: #0dd7de;
--color-6: #fbcb6d;
--color-7: #fb8739;
--color-8: #fa5f57;
--starfish-body: #fb2f39;
--starfish-accent: #fb2f39;
--starfish-light: #fbb5b8;
}
body {
font-family:'华文新魏', Arial, sans-serif;
min-height: 100vh;
padding: 1rem;
position: relative;
overflow: hidden;
}
.video-bg {
position: fixed;
top: 0;
left: 0;
position: relative;
border-radius: 0px;
transform: none;
width: 1600px;
height: 800px;
background: url('') no-repeat center/cover;
object-fit: cover;
z-index: -1;
border-radius: 5px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
filter: brightness(1.3);
}
.btn-hover {
transition: all 0.3s ease;
}
.btn-hover:hover {
transform: scale(1.1);
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
}
.player-container {
width: 100%;
max-width: 1600px;
min-height: 800px;
background-color: transparent;
border-radius: 10px;
padding: 2rem;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
}
.song-info {
flex: 0 0 auto;
margin-bottom: 1.5rem;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.lyric-container {
position: absolute;
left: 680px;
top: 626px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 1.5rem;
height: 200px;
}
.lyric-display {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
padding: 0 1rem;
}
.lyric-char {
display: inline-block;
opacity: 0;
animation: charAppear 0.5s forwards;
margin: 0 1px;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
font-size: 2.8rem;
font-weight: 400;
}
@keyframes charAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
.player-controls {
position: absolute;
left: 30px;
top: 330px;
bottom: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
}
#starfish-player {
position: absolute;
top: 215px;
left:50px;
width: 150px;
height: 150px;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
perspective: 800px;
z-index: 1;
transform-style: preserve-3d;
cursor: pointer;
margin: 1rem auto;
}
#starfish-player:hover {
perspective: 300px;
filter: drop-shadow(0 0 40px rgba(255, 107, 107, 0.8)) hue-rotate(30deg);
}
.starfish-3d {
position: absolute;
width: 100%;
height: 80%;
cursor: pointer;
filter: drop-shadow(0 0 60px rgba(255, 107, 107, 0.6));
transform: rotateX(45deg) rotateY(-15deg) rotateZ(0);
background: radial-gradient(circle at center, var(--starfish-body) 0%, var(--starfish-accent) 100%);
clip-path: polygon(84% 22.8%, 83.877% 22.6226%, 83.7526% 22.4465%, 83.6271% 22.2717%, 83.5002% 22.0983%, 83.3721% 21.9261%, 83.2429% 21.7553%, 83.1124% 21.5858%, 82.9807% 21.4177%, 82.8478% 21.2509%, 82.7138% 21.0855%, 82.5786% 20.9215%, 82.4423% 20.7589%, 82.3049% 20.5977%, 82.1664% 20.4378%, 82.0268% 20.2794%, 81.8861% 20.1224%, 81.7444% 19.9669%, 81.6017% 19.8128%, 81.4579% 19.6601%, 81.3132% 19.5089%, 81.1675% 19.3591%, 81.0208% 19.2108%, 80.8731% 19.0639%, 80.7245% 18.9186%, 80.575% 18.7747%, 80.4246% 18.6323%, 80.2733% 18.4915%, 80.1212% 18.3521%, 79.9682% 18.2142%, 79.8143% 18.0779%, 79.6597% 17.943%, 79.5042% 17.8097%, 79.348% 17.678%, 79.191% 17.5477%, 79.0332% 17.419%, 78.8747% 17.2919%, 78.7155% 17.1662%, 78.5556% 17.0422%, 78.395% 16.9197%, 78.2338% 16.7987%, 78.0719% 16.6793%, 77.9094% 16.5615%, 77.7462% 16.4453%, 77.5825% 16.3306%, 77.4182% 16.2175%, 77.2533% 16.1059%, 77.0879% 15.996%, 76.922% 15.8876%, 76.7555% 15.7808%, 76.5886% 15.6756%, 76.4212% 15.572%, 76.2533% 15.4699%, 76.085% 15.3695%, 75.9162% 15.2706%, 75.7471% 15.1734%, 75.5776% 15.0777%, 75.4077% 14.9836%, 75.2374% 14.8911%, 75.0668% 14.8002%, 74.8959% 14.7108%, 74.7246% 14.6231%, 74.5531% 14.537%, 74.3813% 14.4524%, 74.2093% 14.3694%, 74.037% 14.288%, 73.8645% 14.2082%, 73.6918% 14.13%, 73.5189% 14.0534%, 73.3459% 13.9783%, 73.1727% 13.9048%, 72.9993% 13.8329%, 72.8259% 13.7626%, 72.6523% 13.6938%, 72.4786% 13.6266%, 72.3049% 13.561%, 72.1311% 13.4969%, 71.9573% 13.4344%, 71.7834% 13.3735%, 71.6096% 13.3141%, 71.4357% 13.2562%, 71.2619% 13.1999%, 71.0881% 13.1451%, 70.9144% 13.0919%, 70.7407% 13.0402%, 70.5671% 12.99%, 70.3937% 12.9413%, 70.2203% 12.8942%, 70.0471% 12.8485%, 69.8741% 12.8044%, 69.7012% 12.7618%, 69.5284% 12.7206%, 69.3559% 12.681%, 69.1836% 12.6428%, 69.0115% 12.6061%, 68.8397% 12.5709%, 68.6681% 12.5371%, 68.4967% 12.5048%, 68.3257% 12.474%, 68.155% 12.4446%, 67.9845% 12.4166%, 67.8144% 12.3901%, 67.6446% 12.365%, 67.4752% 12.3413%, 67.3062% 12.319%, 67.1375% 12.2981%, 66.9692% 12.2786%, 66.8014% 12.2605%, 66.6339% 12.2438%, 66.4669% 12.2284%, 66.3003% 12.2144%, 66.1342% 12.2018%, 65.9686% 12.1905%, 65.8035% 12.1805%, 65.6388% 12.1719%, 65.4747% 12.1645%, 65.3111% 12.1585%, 65.148% 12.1538%, 64.9855% 12.1504%, 64.8235% 12.1482%, 64.6621% 12.1473%, 64.5013% 12.1477%, 64.3411% 12.1493%, 64.1815% 12.1522%, 64.0225% 12.1563%, 63.8642% 12.1616%, 63.7065% 12.1682%, 63.5494% 12.1759%, 63.393% 12.1848%, 63.2373% 12.1949%, 63.0822% 12.2062%, 62.9279% 12.2187%, 62.7742% 12.2322%, 62.6213% 12.247%, 62.4691% 12.2628%, 62.3176% 12.2798%, 62.1669% 12.2978%, 62.0169% 12.317%, 61.8677% 12.3372%, 61.7192% 12.3585%, 61.5716% 12.3809%, 61.4247% 12.4043%, 61.2786% 12.4288%, 61.1333% 12.4543%, 60.9889% 12.4807%, 60.8453% 12.5082%, 60.7025% 12.5367%, 60.5605% 12.5662%, 60.4194% 12.5966%, 60.2791% 12.628%, 60.1397% 12.6603%, 60.0012% 12.6935%, 59.8635% 12.7277%, 59.7268% 12.7628%, 59.5909% 12.7987%, 59.4559% 12.8355%, 59.3218% 12.8732%, 59.1887% 12.9118%, 59.0564% 12.9512%, 58.9251% 12.9914%, 58.7947% 13.0325%, 58.6652% 13.0743%, 58.5367% 13.117%, 58.4091% 13.1604%, 58.2825% 13.2046%, 58.1568% 13.2496%, 58.0321% 13.2952%, 57.9084% 13.3417%, 57.7856% 13.3888%, 57.6638% 13.4366%, 57.543% 13.4852%, 57.4232% 13.5344%, 57.3043% 13.5842%, 57.1865% 13.6348%, 57.0696% 13.6859%, 56.9537% 13.7377%, 56.8389% 13.7901%, 56.725% 13.8431%, 56.6121% 13.8967%, 56.5003% 13.9509%, 56.3895% 14.0056%, 56.2797% 14.0609%, 56.1709% 14.1168%, 56.0631% 14.1731%, 55.9563% 14.23%, 55.8506% 14.2873%, 55.7459% 14.3452%, 55.6422% 14.4035%, 55.5396% 14.4623%, 55.4379% 14.5215%, 55.3374% 14.5812%, 55.2378% 14.6413%, 55.1393% 14.7018%, 55.0418% 14.7627%, 54.9453% 14.824%, 54.8499% 14.8857%, 54.7555% 14.9477%, 54.6622% 15.0101%, 54.5699% 15.0728%, 54.4786% 15.1358%, 54.3883% 15.1992%, 54.2991% 15.2629%, 54.2109% 15.3268%, 54.1238% 15.3911%, 54.0376% 15.4556%, 53.9525% 15.5203%, 53.8685% 15.5853%, 53.7854% 15.6506%, 53.7034% 15.716%, 53.6224% 15.7817%, 53.5424% 15.8476%, 53.4635% 15.9136%, 53.3855% 15.9799%, 53.3086% 16.0463%, 53.2327% 16.1128%, 53.1578% 16.1795%, 53.0839% 16.2464%, 53.011% 16.3133%, 52.9391% 16.3804%, 52.8682% 16.4476%, 52.7983% 16.5149%, 52.7294% 16.5822%, 52.6615% 16.6497%, 52.5945% 16.7172%, 52.5286% 16.7847%, 52.4636% 16.8523%, 52.3996% 16.92%, 52.3365% 16.9877%, 52.2745% 17.0554%, 52.2133% 17.1231%, 52.1532% 17.1908%, 52.0939% 17.2585%, 52.0357% 17.3262%, 51.9783% 17.3939%, 51.9219% 17.4616%, 51.8665% 17.5292%, 51.8119% 17.5968%, 51.7583% 17.6644%, 51.7056% 17.7319%, 51.6538% 17.7993%, 51.6029% 17.8667%, 51.5529% 17.934%, 51.5038% 18.0012%, 51.4556% 18.0684%, 51.4083% 18.1355%, 51.3618% 18.2025%, 51.3163% 18.2694%, 51.2715% 18.3362%, 51.2277% 18.403%, 51.1847% 18.4696%, 51.1425% 18.5362%, 51.1012% 18.6026%, 51.0607% 18.669%, 51.021% 18.7352%, 50.9822% 18.8014%, 50.9441% 18.8675%, 50.9069% 18.9335%, 50.8705% 18.9994%, 50.8348% 19.0652%, 50.8% 19.1309%, 50.7659% 19.1966%, 50.7326% 19.2622%, 50.7001% 19.3278%, 50.6684% 19.3933%, 50.6374% 19.4587%, 50.6071% 19.5242%, 50.5776% 19.5896%, 50.5489% 19.6551%, 50.5208% 19.7206%, 50.4935% 19.7861%, 50.467% 19.8518%, 50.4411% 19.9175%, 50.4159% 19.9833%, 50.3915% 20.0493%, 50.3677% 20.1155%, 50.3447% 20.182%, 50.3223% 20.2487%, 50.3006% 20.3157%, 50.2796% 20.3832%, 50.2593% 20.4511%, 50.2397% 20.5195%, 50.2207% 20.5886%, 50.2024% 20.6583%, 50.1848% 20.7289%, 50.1679% 20.8005%, 50.1516% 20.8732%, 50.1361% 20.9471%, 50.1212% 21.0226%, 50.107% 21.0999%, 50.0935% 21.1792%, 50.0807% 21.261%, 50.0686% 21.3457%, 50.0572% 21.4341%, 50.0467% 21.5269%, 50.0369% 21.6253%, 50.028% 21.7311%, 50.02% 21.8467%, 50.0129% 21.9765%, 50.007% 22.1291%, 50.0025% 22.3264%, 50% 22.8%, 49.9975% 22.3264%, 49.993% 22.1291%, 49.9871% 21.9765%, 49.98% 21.8467%, 49.972% 21.7311%, 49.9631% 21.6253%, 49.9533% 21.5269%, 49.9428% 21.4341%, 49.9314% 21.3457%, 49.9193% 21.261%, 49.9065% 21.1792%, 49.893% 21.0999%, 49.8788% 21.0226%, 49.8639% 20.9471%, 49.8484% 20.8732%, 49.8321% 20.8005%, 49.8152% 20.7289%, 49.7976% 20.6583%, 49.7793% 20.5886%, 49.7603% 20.5195%, 49.7407% 20.4511%, 49.7204% 20.3832%, 49.6994% 20.3157%, 49.6777% 20.2487%, 49.6553% 20.182%, 49.6323% 20.1155%, 49.6085% 20.0493%, 49.5841% 19.9833%, 49.5589% 19.9175%, 49.533% 19.8518%, 49.5065% 19.7861%, 49.4792% 19.7206%, 49.4511% 19.6551%, 49.4224% 19.5896%, 49.3929% 19.5242%, 49.3626% 19.4587%, 49.3316% 19.3933%, 49.2999% 19.3278%, 49.2674% 19.2622%, 49.2341% 19.1966%, 49.2% 19.1309%, 49.1652% 19.0652%, 49.1295% 18.9994%, 49.0931% 18.9335%, 49.0559% 18.8675%, 49.0178% 18.8014%, 48.979% 18.7352%, 48.9393% 18.669%, 48.8988% 18.6026%, 48.8575% 18.5362%, 48.8153% 18.4696%, 48.7723% 18.403%, 48.7285% 18.3362%, 48.6837% 18.2694%, 48.6382% 18.2025%, 48.5917% 18.1355%, 48.5444% 18.0684%, 48.4962% 18.0012%, 48.4471% 17.934%, 48.3971% 17.8667%, 48.3462% 17.7993%, 48.2944% 17.7319%, 48.2417% 17.6644%, 48.1881% 17.5968%, 48.1335% 17.5292%, 48.0781% 17.4616%, 48.0217% 17.3939%, 47.9643% 17.3262%, 47.9061% 17.2585%, 47.8468% 17.1908%, 47.7867% 17.1231%, 47.7255% 17.0554%, 47.6635% 16.9877%, 47.6004% 16.92%, 47.5364% 16.8523%, 47.4714% 16.7847%, 47.4055% 16.7172%, 47.3385% 16.6497%, 47.2706% 16.5822%, 47.2017% 16.5149%, 47.1318% 16.4476%, 47.0609% 16.3804%, 46.989% 16.3133%, 46.9161% 16.2464%, 46.8422% 16.1795%, 46.7673% 16.1128%, 46.6914% 16.0463%, 46.6145% 15.9799%, 46.5365% 15.9136%, 46.4576% 15.8476%, 46.3776% 15.7817%, 46.2966% 15.716%, 46.2146% 15.6506%, 46.1315% 15.5853%, 46.0475% 15.5203%, 45.9624% 15.4556%, 45.8762% 15.3911%, 45.7891% 15.3268%, 45.7009% 15.2629%, 45.6117% 15.1992%, 45.5214% 15.1358%, 45.4301% 15.0728%, 45.3378% 15.0101%, 45.2445% 14.9477%, 45.1501% 14.8857%, 45.0547% 14.824%, 44.9582% 14.7627%, 44.8607% 14.7018%, 44.7622% 14.6413%, 44.6626% 14.5812%, 44.5621% 14.5215%, 44.4604% 14.4623%, 44.3578% 14.4035%, 44.2541% 14.3452%, 44.1494% 14.2873%, 44.0437% 14.23%, 43.9369% 14.1731%, 43.8291% 14.1168%, 43.7203% 14.0609%, 43.6105% 14.0056%, 43.4997% 13.9509%, 43.3879% 13.8967%, 43.275% 13.8431%, 43.1611% 13.7901%, 43.0463% 13.7377%, 42.9304% 13.6859%, 42.8135% 13.6348%, 42.6957% 13.5842%, 42.5768% 13.5344%, 42.457% 13.4852%, 42.3362% 13.4366%, 42.2144% 13.3888%, 42.0916% 13.3417%, 41.9679% 13.2952%, 41.8432% 13.2496%, 41.7175% 13.2046%, 41.5909% 13.1604%, 41.4633% 13.117%, 41.3348% 13.0743%, 41.2053% 13.0325%, 41.0749% 12.9914%, 40.9436% 12.9512%, 40.8113% 12.9118%, 40.6782% 12.8732%, 40.5441% 12.8355%, 40.4091% 12.7987%, 40.2732% 12.7628%, 40.1365% 12.7277%, 39.9988% 12.6935%, 39.8603% 12.6603%, 39.7209% 12.628%, 39.5806% 12.5966%, 39.4395% 12.5662%, 39.2975% 12.5367%, 39.1547% 12.5082%, 39.0111% 12.4807%, 38.8667% 12.4543%, 38.7214% 12.4288%, 38.5753% 12.4043%, 38.4284% 12.3809%, 38.2808% 12.3585%, 38.1323% 12.3372%, 37.9831% 12.317%, 37.8331% 12.2978%, 37.6824% 12.2798%, 37.5309% 12.2628%, 37.3787% 12.247%, 37.2258% 12.2322%, 37.0721% 12.2187%, 36.9178% 12.2062%, 36.7627% 12.1949%, 36.607% 12.1848%, 36.4506% 12.1759%, 36.2935% 12.1682%, 36.1358% 12.1616%, 35.9775% 12.1563%, 35.8185% 12.1522%, 35.6589% 12.1493%, 35.4987% 12.1477%, 35.3379% 12.1473%, 35.1765% 12.1482%, 35.0145% 12.1504%, 34.852% 12.1538%, 34.6889% 12.1585%, 34.5253% 12.1645%, 34.3612% 12.1719%, 34.1965% 12.1805%, 34.0314% 12.1905%, 33.8658% 12.2018%, 33.6997% 12.2144%, 33.5331% 12.2284%, 33.3661% 12.2438%, 33.1986% 12.2605%, 33.0308% 12.2786%, 32.8625% 12.2981%, 32.6938% 12.319%, 32.5248% 12.3413%, 32.3554% 12.365%, 32.1856% 12.3901%, 32.0155% 12.4166%, 31.845% 12.4446%, 31.6743% 12.474%, 31.5033% 12.5048%, 31.3319% 12.5371%, 31.1603% 12.5709%, 30.9885% 12.6061%, 30.8164% 12.6428%, 30.6441% 12.681%, 30.4716% 12.7206%, 30.2988% 12.7618%, 30.1259% 12.8044%, 29.9529% 12.8485%, 29.7797% 12.8942%, 29.6063% 12.9413%, 29.4329% 12.99%, 29.2593% 13.0402%, 29.0856% 13.0919%, 28.9119% 13.1451%, 28.7381% 13.1999%, 28.5643% 13.2562%, 28.3904% 13.3141%, 28.2166% 13.3735%, 28.0427% 13.4344%, 27.8689% 13.4969%, 27.6951% 13.561%, 27.5214% 13.6266%, 27.3477% 13.6938%, 27.1742% 13.7626%, 27.0007% 13.8329%, 26.8273% 13.9048%, 26.6541% 13.9783%, 26.4811% 14.0534%, 26.3082% 14.13%, 26.1355% 14.2082%, 25.963% 14.288%, 25.7907% 14.3694%, 25.6187% 14.4524%, 25.4469% 14.537%, 25.2754% 14.6231%, 25.1041% 14.7108%, 24.9332% 14.8002%, 24.7626% 14.8911%, 24.5923% 14.9836%, 24.4224% 15.0777%, 24.2529% 15.1734%, 24.0838% 15.2706%, 23.915% 15.3695%, 23.7467% 15.4699%, 23.5788% 15.572%, 23.4114% 15.6756%, 23.2445% 15.7808%, 23.078% 15.8876%, 22.9121% 15.996%, 22.7467% 16.1059%, 22.5818% 16.2175%, 22.4175% 16.3306%, 22.2538% 16.4453%, 22.0906% 16.5615%, 21.9281% 16.6793%, 21.7662% 16.7987%, 21.605% 16.9197%, 21.4444% 17.0422%, 21.2845% 17.1662%, 21.1253% 17.2919%, 20.9668% 17.419%, 20.809% 17.5477%, 20.652% 17.678%, 20.4958% 17.8097%, 20.3403% 17.943%, 20.1857% 18.0779%, 20.0318% 18.2142%, 19.8788% 18.3521%, 19.7267% 18.4915%, 19.5754% 18.6323%, 19.425% 18.7747%, 19.2755% 18.9186%, 19.1269% 19.0639%, 18.9792% 19.2108%, 18.8325% 19.3591%, 18.6868% 19.5089%, 18.542% 19.6601%, 18.3983% 19.8128%, 18.2556% 19.9669%, 18.1139% 20.1224%, 17.9732% 20.2794%, 17.8336% 20.4378%, 17.6951% 20.5977%, 17.5577% 20.7589%, 17.4214% 20.9215%, 17.2862% 21.0855%, 17.1522% 21.2509%, 17.0193% 21.4177%, 16.8876% 21.5858%, 16.7571% 21.7553%, 16.6278% 21.9261%, 16.4998% 22.0983%, 16.3729% 22.2717%, 16.2474% 22.4465%, 16.123% 22.6226%, 16% 22.8%, 15.8783% 22.9787%, 15.7578% 23.1586%, 15.6387% 23.3398%, 15.521% 23.5222%, 15.4046% 23.7059%, 15.2895% 23.8908%, 15.1758% 24.0769%, 15.0636% 24.2643%, 14.9527% 24.4528%, 14.8433% 24.6425%, 14.7353% 24.8333%, 14.6288% 25.0254%, 14.5237% 25.2185%, 14.4201% 25.4128%, 14.318% 25.6082%, 14.2174% 25.8048%, 14.1183% 26.0024%, 14.0207% 26.201%, 13.9247% 26.4008%, 13.8302% 26.6016%, 13.7373% 26.8034%, 13.646% 27.0063%, 13.5563% 27.2102%, 13.4682% 27.415%, 13.3816% 27.6209%, 13.2967% 27.8277%, 13.2135% 28.0355%, 13.1319% 28.2442%, 13.0519% 28.4539%, 12.9736% 28.6644%, 12.897% 28.8758%, 12.8221% 29.0882%, 12.7489% 29.3014%, 12.6774% 29.5154%, 12.6076% 29.7303%, 12.5395% 29.946%, 12.4732% 30.1625%, 12.4086% 30.3798%, 12.3457% 30.5978%, 12.2847% 30.8166%, 12.2254% 31.0362%, 12.1679% 31.2565%, 12.1122% 31.4775%, 12.0582% 31.6992%, 12.0061% 31.9215%, 11.9558% 32.1445%, 11.9074% 32.3682%, 11.8607% 32.5925%, 11.8159% 32.8174%, 11.7729% 33.0429%, 11.7318% 33.269%, 11.6925% 33.4956%, 11.6551% 33.7228%, 11.6196% 33.9505%, 11.5859% 34.1788%, 11.5541% 34.4075%, 11.5242% 34.6367%, 11.4962% 34.8664%, 11.4701% 35.0965%, 11.4459% 35.327%, 11.4236% 35.5579%, 11.4032% 35.7893%, 11.3847% 36.021%, 11.3681% 36.2531%, 11.3534% 36.4855%, 11.3407% 36.7182%, 11.3299% 36.9512%, 11.321% 37.1846%, 11.3141% 37.4182%, 11.3091% 37.6521%, 11.306% 37.8862%, 11.3048% 38.1205%, 11.3056% 38.355%, 11.3084% 38.5898%, 11.3131% 38.8247%, 11.3197% 39.0597%, 11.3283% 39.2949%, 11.3388% 39.5302%, 11.3512% 39.7656%, 11.3657% 40.0011%, 11.382% 40.2367%, 11.4003% 40.4723%, 11.4205% 40.708%, 11.4427% 40.9437%, 11.4669% 41.1794%, 11.4929% 41.4151%, 11.5209% 41.6507%, 11.5509% 41.8863%, 11.5827% 42.1219%, 11.6166% 42.3573%, 11.6523% 42.5927%, 11.69% 42.828%, 11.7296% 43.0631%, 11.7711% 43.2982%, 11.8145% 43.533%, 11.8599% 43.7677%, 11.9071% 44.0022%, 11.9563% 44.2365%, 12.0074% 44.4706%, 12.0603% 44.7045%, 12.1152% 44.9381%, 12.1719% 45.1715%, 12.2306% 45.4045%, 12.2911% 45.6374%, 12.3534% 45.8699%, 12.4177% 46.102%, 12.4838% 46.3339%, 12.5517% 46.5654%, 12.6215% 46.7966%, 12.6931% 47.0274%, 12.7666% 47.2578%, 12.8419% 47.4878%, 12.919% 47.7174%, 12.9979% 47.9466%, 13.0786% 48.1754%, 13.1611% 48.4037%, 13.2454% 48.6316%, 13.3315% 48.859%, 13.4193% 49.0859%, 13.5089% 49.3123%, 13.6002% 49.5383%, 13.6933% 49.7637%, 13.7881% 49.9887%, 13.8847% 50.213%, 13.9829% 50.4369%, 14.0828% 50.6602%, 14.1845% 50.883%, 14.2878% 51.1051%, 14.3928% 51.3268%, 14.4994% 51.5478%, 14.6077% 51.7682%, 14.7177% 51.9881%, 14.8292% 52.2073%, 14.9424% 52.426%, 15.0572% 52.644%, 15.1736% 52.8614%, 15.2915% 53.0781%, 15.411% 53.2943%, 15.5321% 53.5098%, 15.6548% 53.7246%, 15.7789% 53.9388%, 15.9046% 54.1523%, 16.0318% 54.3652%, 16.1605% 54.5774%, 16.2907% 54.789%, 16.4223% 54.9998%, 16.5554% 55.21%, 16.69% 55.4196%, 16.826% 55.6284%, 16.9634% 55.8366%, 17.1022% 56.0441%, 17.2424% 56.2509%, 17.384% 56.4571%, 17.527% 56.6626%, 17.6713% 56.8673%, 17.817% 57.0714%, 17.964% 57.2749%, 18.1123% 57.4776%, 18.2619% 57.6797%, 18.4128% 57.8811%, 18.565% 58.0818%, 18.7185% 58.2819%, 18.8732% 58.4813%, 19.0292% 58.6801%, 19.1863% 58.8782%, 19.3447% 59.0756%, 19.5043% 59.2724%, 19.6651% 59.4686%, 19.8271% 59.6641%, 19.9902% 59.859%, 20.1545% 60.0533%, 20.3199% 60.247%, 20.4865% 60.44%, 20.6541% 60.6325%, 20.8229% 60.8244%, 20.9927% 61.0157%, 21.1637% 61.2064%, 21.3357% 61.3965%, 21.5087% 61.5861%, 21.6829% 61.7752%, 21.858% 61.9637%, 22.0342% 62.1517%, 22.2113% 62.3393%, 22.3895% 62.5263%, 22.5687% 62.7128%, 22.7489% 62.8988%, 22.93% 63.0844%, 23.1121% 63.2695%, 23.2952% 63.4542%, 23.4792% 63.6385%, 23.6641% 63.8224%, 23.85% 64.0059%, 24.0367% 64.189%, 24.2244% 64.3717%, 24.413% 64.5542%, 24.6025% 64.7362%, 24.7929% 64.918%, 24.9842% 65.0995%, 25.1763% 65.2807%, 25.3693% 65.4616%, 25.5632% 65.6423%, 25.7579% 65.8227%, 25.9535% 66.003%, 26.15% 66.1831%, 26.3472% 66.363%, 26.5454% 66.5427%, 26.7443% 66.7223%, 26.9441% 66.9018%, 27.1448% 67.0812%, 27.3462% 67.2606%, 27.5485% 67.4398%, 27.7516% 67.6191%, 27.9555% 67.7983%, 28.1603% 67.9776%, 28.3659% 68.1569%, 28.5723% 68.3362%, 28.7795% 68.5156%, 28.9876% 68.6952%, 29.1964% 68.8748%, 29.4061% 69.0546%, 29.6167% 69.2345%, 29.828% 69.4147%, 30.0402% 69.595%, 30.2533% 69.7756%, 30.4671% 69.9565%, 30.6819% 70.1376%, 30.8975% 70.319%, 31.1139% 70.5008%, 31.3312% 70.683%, 31.5494% 70.8655%, 31.7685% 71.0484%, 31.9884% 71.2317%, 32.2092% 71.4156%, 32.431% 71.5999%, 32.6536% 71.7847%, 32.8772% 71.97%, 33.1017% 72.156%, 33.3271% 72.3425%, 33.5535% 72.5296%, 33.7809% 72.7174%, 34.0092% 72.9059%, 34.2385% 73.095%, 34.4688% 73.285%, 34.7001% 73.4756%, 34.9325% 73.6671%, 35.1659% 73.8595%, 35.4003% 74.0527%, 35.6358% 74.2468%, 35.8724% 74.4418%, 36.1101% 74.6378%, 36.3489% 74.8349%, 36.5889% 75.033%, 36.83% 75.2321%, 37.0722% 75.4325%, 37.3157% 75.6339%, 37.5604% 75.8367%, 37.8063% 76.0407%, 38.0534% 76.246%, 38.3018% 76.4527%, 38.5515% 76.6609%, 38.8025% 76.8705%, 39.0549% 77.0817%, 39.3086% 77.2946%, 39.5637% 77.5091%, 39.8202% 77.7255%, 40.0781% 77.9437%, 40.3375% 78.1638%, 40.5983% 78.386%, 40.8607% 78.6104%, 41.1246% 78.8371%, 41.3901% 79.0661%, 41.6571% 79.2977%, 41.9258% 79.532%, 42.1962% 79.7691%, 42.4683% 80.0093%, 42.742% 80.2528%, 43.0176% 80.4997%, 43.2949% 80.7503%, 43.5741% 81.0049%, 43.8552% 81.2639%, 44.1382% 81.5276%, 44.4232% 81.7964%, 44.7102% 82.0708%, 44.9993% 82.3514%, 45.2906% 82.6387%, 45.5841% 82.9337%, 45.8798% 83.2372%, 46.1779% 83.5503%, 46.4785% 83.8743%, 46.7816% 84.2109%, 47.0874% 84.5623%, 47.3959% 84.9312%, 47.7075% 85.3211%, 48.0221% 85.7372%, 48.3402% 86.1867%, 48.6619% 86.6807%, 48.9877% 87.238%, 49.3183% 87.8956%, 49.6547% 88.7485%, 50% 90.8%, 50.3453% 88.7485%, 50.6817% 87.8956%, 51.0123% 87.238%, 51.3381% 86.6807%, 51.6598% 86.1867%, 51.9779% 85.7372%, 52.2925% 85.3211%, 52.6041% 84.9312%, 52.9126% 84.5623%, 53.2184% 84.2109%, 53.5215% 83.8743%, 53.8221% 83.5503%, 54.1202% 83.2372%, 54.4159% 82.9337%, 54.7094% 82.6387%, 55.0007% 82.3514%, 55.2898% 82.0708%, 55.5768% 81.7964%, 55.8618% 81.5276%, 56.1448% 81.2639%, 56.4259% 81.0049%, 56.7051% 80.7503%, 56.9824% 80.4997%, 57.258% 80.2528%, 57.5317% 80.0093%, 57.8038% 79.7691%, 58.0742% 79.532%, 58.3429% 79.2977%, 58.6099% 79.0661%, 58.8754% 78.8371%, 59.1393% 78.6104%, 59.4017% 78.386%, 59.6625% 78.1638%, 59.9219% 77.9437%, 60.1798% 77.7255%, 60.4363% 77.5091%, 60.6914% 77.2946%, 60.9451% 77.0817%, 61.1975% 76.8705%, 61.4485% 76.6609%, 61.6982% 76.4527%, 61.9466% 76.246%, 62.1937% 76.0407%, 62.4396% 75.8367%, 62.6843% 75.6339%, 62.9278% 75.4325%, 63.17% 75.2321%, 63.4111% 75.033%, 63.6511% 74.8349%, 63.8899% 74.6378%, 64.1276% 74.4418%, 64.3642% 74.2468%, 64.5997% 74.0527%, 64.8341% 73.8595%, 65.0675% 73.6671%, 65.2999% 73.4756%, 65.5312% 73.285%, 65.7615% 73.095%, 65.9908% 72.9059%, 66.2191% 72.7174%, 66.4465% 72.5296%, 66.6729% 72.3425%, 66.8983% 72.156%, 67.1228% 71.97%, 67.3464% 71.7847%, 67.569% 71.5999%, 67.7908% 71.4156%, 68.0116% 71.2317%, 68.2315% 71.0484%, 68.4506% 70.8655%, 68.6688% 70.683%, 68.8861% 70.5008%, 69.1025% 70.319%, 69.3181% 70.1376%, 69.5329% 69.9565%, 69.7467% 69.7756%, 69.9598% 69.595%, 70.172% 69.4147%, 70.3833% 69.2345%, 70.5939% 69.0546%, 70.8036% 68.8748%, 71.0125% 68.6952%, 71.2205% 68.5156%, 71.4277% 68.3362%, 71.6341% 68.1569%, 71.8397% 67.9776%, 72.0445% 67.7983%, 72.2484% 67.6191%, 72.4515% 67.4398%, 72.6538% 67.2606%, 72.8552% 67.0812%, 73.0559% 66.9018%, 73.2557% 66.7223%, 73.4546% 66.5427%, 73.6528% 66.363%, 73.85% 66.1831%, 74.0465% 66.003%, 74.2421% 65.8227%, 74.4368% 65.6423%, 74.6307% 65.4616%, 74.8237% 65.2807%, 75.0158% 65.0995%, 75.2071% 64.918%, 75.3975% 64.7362%, 75.587% 64.5542%, 75.7756% 64.3717%, 75.9633% 64.189%, 76.15% 64.0059%, 76.3359% 63.8224%, 76.5208% 63.6385%, 76.7048% 63.4542%, 76.8879% 63.2695%, 77.07% 63.0844%, 77.2511% 62.8988%, 77.4313% 62.7128%, 77.6105% 62.5263%, 77.7887% 62.3393%, 77.9658% 62.1517%, 78.142% 61.9637%, 78.3171% 61.7752%, 78.4913% 61.5861%, 78.6643% 61.3965%, 78.8363% 61.2064%, 79.0073% 61.0157%, 79.1771% 60.8244%, 79.3459% 60.6325%, 79.5135% 60.44%, 79.6801% 60.247%, 79.8455% 60.0533%, 80.0098% 59.859%, 80.1729% 59.6641%, 80.3349% 59.4686%, 80.4957% 59.2724%, 80.6553% 59.0756%, 80.8137% 58.8782%, 80.9708% 58.6801%, 81.1268% 58.4813%, 81.2815% 58.2819%, 81.435% 58.0818%, 81.5872% 57.8811%, 81.7381% 57.6797%, 81.8877% 57.4776%, 82.036% 57.2749%, 82.183% 57.0714%, 82.3287% 56.8673%, 82.473% 56.6626%, 82.616% 56.4571%, 82.7576% 56.2509%, 82.8978% 56.0441%, 83.0366% 55.8366%, 83.174% 55.6284%, 83.31% 55.4196%, 83.4446% 55.21%, 83.5777% 54.9998%, 83.7093% 54.789%, 83.8395% 54.5774%, 83.9682% 54.3652%, 84.0954% 54.1523%, 84.2211% 53.9388%, 84.3452% 53.7246%, 84.4679% 53.5098%, 84.589% 53.2943%, 84.7085% 53.0781%, 84.8264% 52.8614%, 84.9428% 52.644%, 85.0576% 52.426%, 85.1708% 52.2073%, 85.2823% 51.9881%, 85.3923% 51.7682%, 85.5006% 51.5478%, 85.6072% 51.3268%, 85.7122% 51.1051%, 85.8155% 50.883%, 85.9172% 50.6602%, 86.0171% 50.4369%, 86.1153% 50.213%, 86.2119% 49.9887%, 86.3067% 49.7637%, 86.3998% 49.5383%, 86.4911% 49.3123%, 86.5807% 49.0859%, 86.6685% 48.859%, 86.7546% 48.6316%, 86.8389% 48.4037%, 86.9214% 48.1754%, 87.0021% 47.9466%, 87.081% 47.7174%, 87.1581% 47.4878%, 87.2334% 47.2578%, 87.3069% 47.0274%, 87.3785% 46.7966%, 87.4483% 46.5654%, 87.5162% 46.3339%, 87.5823% 46.102%, 87.6466% 45.8699%, 87.7089% 45.6374%, 87.7694% 45.4045%, 87.8281% 45.1715%, 87.8848% 44.9381%, 87.9397% 44.7045%, 87.9926% 44.4706%, 88.0437% 44.2365%, 88.0929% 44.0022%, 88.1401% 43.7677%, 88.1855% 43.533%, 88.2289% 43.2982%, 88.2704% 43.0631%, 88.31% 42.828%, 88.3477% 42.5927%, 88.3834% 42.3573%, 88.4173% 42.1219%, 88.4491% 41.8863%, 88.4791% 41.6507%, 88.5071% 41.4151%, 88.5331% 41.1794%, 88.5573% 40.9437%, 88.5795% 40.708%, 88.5997% 40.4723%, 88.618% 40.2367%, 88.6343% 40.0011%, 88.6488% 39.7656%, 88.6612% 39.5302%, 88.6717% 39.2949%, 88.6803% 39.0597%, 88.6869% 38.8247%, 88.6916% 38.5898%, 88.6944% 38.355%, 88.6952% 38.1205%, 88.694% 37.8862%, 88.6909% 37.6521%, 88.6859% 37.4182%, 88.679% 37.1846%, 88.6701% 36.9512%, 88.6593% 36.7182%, 88.6466% 36.4855%, 88.6319% 36.2531%, 88.6153% 36.021%, 88.5968% 35.7893%, 88.5764% 35.5579%, 88.5541% 35.327%, 88.5299% 35.0965%, 88.5038% 34.8664%, 88.4758% 34.6367%, 88.4459% 34.4075%, 88.4141% 34.1788%, 88.3804% 33.9505%, 88.3449% 33.7228%, 88.3075% 33.4956%, 88.2682% 33.269%, 88.2271% 33.0429%, 88.1841% 32.8174%, 88.1393% 32.5925%, 88.0927% 32.3682%, 88.0442% 32.1445%, 87.9939% 31.9215%, 87.9418% 31.6992%, 87.8878% 31.4775%, 87.8321% 31.2565%, 87.7746% 31.0362%, 87.7153% 30.8166%, 87.6543% 30.5978%, 87.5914% 30.3798%, 87.5268% 30.1625%, 87.4605% 29.946%, 87.3924% 29.7303%, 87.3226% 29.5154%, 87.2511% 29.3014%, 87.1779% 29.0882%, 87.103% 28.8758%, 87.0264% 28.6644%, 86.9481% 28.4539%, 86.8681% 28.2442%, 86.7865% 28.0355%, 86.7033% 27.8277%, 86.6184% 27.6209%, 86.5318% 27.415%, 86.4437% 27.2102%, 86.354% 27.0063%, 86.2626% 26.8034%, 86.1698% 26.6016%, 86.0753% 26.4008%, 85.9793% 26.201%, 85.8817% 26.0024%, 85.7826% 25.8048%, 85.682% 25.6082%, 85.5799% 25.4128%, 85.4763% 25.2185%, 85.3712% 25.0254%, 85.2647% 24.8333%, 85.1567% 24.6425%, 85.0473% 24.4528%, 84.9364% 24.2643%, 84.8242% 24.0769%, 84.7105% 23.8908%, 84.5955% 23.7059%, 84.479% 23.5222%, 84.3613% 23.3398%, 84.2422% 23.1586%, 84.1217% 22.9787%);
box-shadow:
inset 0 0 30px rgba(255, 255, 255, 0.3),
0 0 40px rgba(255, 107, 107, 0.5);
}
.playing .starfish-3d {
animation: rot3d 3s linear infinite, swimColor 5s linear infinite, twinkle 1s ease-in-out infinite;
}
.paused .starfish-3d {
animation: none;
transform: rotateX(45deg) rotateY(-15deg) rotateZ(0);
}
.starfish-3d::before {
content: '';
position: absolute;
width: 80%;
height: 60%;
top: 10%;
left: 10%;
background: radial-gradient(circle at center, transparent 30%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 70%, transparent 70%);
clip-path: polygon(84% 22.8%, 83.877% 22.6226%, 83.7526% 22.4465%, 83.6271% 22.2717%, 83.5002% 22.0983%, 83.3721% 21.9261%, 83.2429% 21.7553%, 83.1124% 21.5858%, 82.9807% 21.4177%, 82.8478% 21.2509%, 82.7138% 21.0855%, 82.5786% 20.9215%, 82.4423% 20.7589%, 82.3049% 20.5977%, 82.1664% 20.4378%, 82.0268% 20.2794%, 81.8861% 20.1224%, 81.7444% 19.9669%, 81.6017% 19.8128%, 81.4579% 19.6601%, 81.3132% 19.5089%, 81.1675% 19.3591%, 81.0208% 19.2108%, 80.8731% 19.0639%, 80.7245% 18.9186%, 80.575% 18.7747%, 80.4246% 18.6323%, 80.2733% 18.4915%, 80.1212% 18.3521%, 79.9682% 18.2142%, 79.8143% 18.0779%, 79.6597% 17.943%, 79.5042% 17.8097%, 79.348% 17.678%, 79.191% 17.5477%, 79.0332% 17.419%, 78.8747% 17.2919%, 78.7155% 17.1662%, 78.5556% 17.0422%, 78.395% 16.9197%, 78.2338% 16.7987%, 78.0719% 16.6793%, 77.9094% 16.5615%, 77.7462% 16.4453%, 77.5825% 16.3306%, 77.4182% 16.2175%, 77.2533% 16.1059%, 77.0879% 15.996%, 76.922% 15.8876%, 76.7555% 15.7808%, 76.5886% 15.6756%, 76.4212% 15.572%, 76.2533% 15.4699%, 76.085% 15.3695%, 75.9162% 15.2706%, 75.7471% 15.1734%, 75.5776% 15.0777%, 75.4077% 14.9836%, 75.2374% 14.8911%, 75.0668% 14.8002%, 74.8959% 14.7108%, 74.7246% 14.6231%, 74.5531% 14.537%, 74.3813% 14.4524%, 74.2093% 14.3694%, 74.037% 14.288%, 73.8645% 14.2082%, 73.6918% 14.13%, 73.5189% 14.0534%, 73.3459% 13.9783%, 73.1727% 13.9048%, 72.9993% 13.8329%, 72.8259% 13.7626%, 72.6523% 13.6938%, 72.4786% 13.6266%, 72.3049% 13.561%, 72.1311% 13.4969%, 71.9573% 13.4344%, 71.7834% 13.3735%, 71.6096% 13.3141%, 71.4357% 13.2562%, 71.2619% 13.1999%, 71.0881% 13.1451%, 70.9144% 13.0919%, 70.7407% 13.0402%, 70.5671% 12.99%, 70.3937% 12.9413%, 70.2203% 12.8942%, 70.0471% 12.8485%, 69.8741% 12.8044%, 69.7012% 12.7618%, 69.5284% 12.7206%, 69.3559% 12.681%, 69.1836% 12.6428%, 69.0115% 12.6061%, 68.8397% 12.5709%, 68.6681% 12.5371%, 68.4967% 12.5048%, 68.3257% 12.474%, 68.155% 12.4446%, 67.9845% 12.4166%, 67.8144% 12.3901%, 67.6446% 12.365%, 67.4752% 12.3413%, 67.3062% 12.319%, 67.1375% 12.2981%, 66.9692% 12.2786%, 66.8014% 12.2605%, 66.6339% 12.2438%, 66.4669% 12.2284%, 66.3003% 12.2144%, 66.1342% 12.2018%, 65.9686% 12.1905%, 65.8035% 12.1805%, 65.6388% 12.1719%, 65.4747% 12.1645%, 65.3111% 12.1585%, 65.148% 12.1538%, 64.9855% 12.1504%, 64.8235% 12.1482%, 64.6621% 12.1473%, 64.5013% 12.1477%, 64.3411% 12.1493%, 64.1815% 12.1522%, 64.0225% 12.1563%, 63.8642% 12.1616%, 63.7065% 12.1682%, 63.5494% 12.1759%, 63.393% 12.1848%, 63.2373% 12.1949%, 63.0822% 12.2062%, 62.9279% 12.2187%, 62.7742% 12.2322%, 62.6213% 12.247%, 62.4691% 12.2628%, 62.3176% 12.2798%, 62.1669% 12.2978%, 62.0169% 12.317%, 61.8677% 12.3372%, 61.7192% 12.3585%, 61.5716% 12.3809%, 61.4247% 12.4043%, 61.2786% 12.4288%, 61.1333% 12.4543%, 60.9889% 12.4807%, 60.8453% 12.5082%, 60.7025% 12.5367%, 60.5605% 12.5662%, 60.4194% 12.5966%, 60.2791% 12.628%, 60.1397% 12.6603%, 60.0012% 12.6935%, 59.8635% 12.7277%, 59.7268% 12.7628%, 59.5909% 12.7987%, 59.4559% 12.8355%, 59.3218% 12.8732%, 59.1887% 12.9118%, 59.0564% 12.9512%, 58.9251% 12.9914%, 58.7947% 13.0325%, 58.6652% 13.0743%, 58.5367% 13.117%, 58.4091% 13.1604%, 58.2825% 13.2046%, 58.1568% 13.2496%, 58.0321% 13.2952%, 57.9084% 13.3417%, 57.7856% 13.3888%, 57.6638% 13.4366%, 57.543% 13.4852%, 57.4232% 13.5344%, 57.3043% 13.5842%, 57.1865% 13.6348%, 57.0696% 13.6859%, 56.9537% 13.7377%, 56.8389% 13.7901%, 56.725% 13.8431%, 56.6121% 13.8967%, 56.5003% 13.9509%, 56.3895% 14.0056%, 56.2797% 14.0609%, 56.1709% 14.1168%, 56.0631% 14.1731%, 55.9563% 14.23%, 55.8506% 14.2873%, 55.7459% 14.3452%, 55.6422% 14.4035%, 55.5396% 14.4623%, 55.4379% 14.5215%, 55.3374% 14.5812%, 55.2378% 14.6413%, 55.1393% 14.7018%, 55.0418% 14.7627%, 54.9453% 14.824%, 54.8499% 14.8857%, 54.7555% 14.9477%, 54.6622% 15.0101%, 54.5699% 15.0728%, 54.4786% 15.1358%, 54.3883% 15.1992%, 54.2991% 15.2629%, 54.2109% 15.3268%, 54.1238% 15.3911%, 54.0376% 15.4556%, 53.9525% 15.5203%, 53.8685% 15.5853%, 53.7854% 15.6506%, 53.7034% 15.716%, 53.6224% 15.7817%, 53.5424% 15.8476%, 53.4635% 15.9136%, 53.3855% 15.9799%, 53.3086% 16.0463%, 53.2327% 16.1128%, 53.1578% 16.1795%, 53.0839% 16.2464%, 53.011% 16.3133%, 52.9391% 16.3804%, 52.8682% 16.4476%, 52.7983% 16.5149%, 52.7294% 16.5822%, 52.6615% 16.6497%, 52.5945% 16.7172%, 52.5286% 16.7847%, 52.4636% 16.8523%, 52.3996% 16.92%, 52.3365% 16.9877%, 52.2745% 17.0554%, 52.2133% 17.1231%, 52.1532% 17.1908%, 52.0939% 17.2585%, 52.0357% 17.3262%, 51.9783% 17.3939%, 51.9219% 17.4616%, 51.8665% 17.5292%, 51.8119% 17.5968%, 51.7583% 17.6644%, 51.7056% 17.7319%, 51.6538% 17.7993%, 51.6029% 17.8667%, 51.5529% 17.934%, 51.5038% 18.0012%, 51.4556% 18.0684%, 51.4083% 18.1355%, 51.3618% 18.2025%, 51.3163% 18.2694%, 51.2715% 18.3362%, 51.2277% 18.403%, 51.1847% 18.4696%, 51.1425% 18.5362%, 51.1012% 18.6026%, 51.0607% 18.669%, 51.021% 18.7352%, 50.9822% 18.8014%, 50.9441% 18.8675%, 50.9069% 18.9335%, 50.8705% 18.9994%, 50.8348% 19.0652%, 50.8% 19.1309%, 50.7659% 19.1966%, 50.7326% 19.2622%, 50.7001% 19.3278%, 50.6684% 19.3933%, 50.6374% 19.4587%, 50.6071% 19.5242%, 50.5776% 19.5896%, 50.5489% 19.6551%, 50.5208% 19.7206%, 50.4935% 19.7861%, 50.467% 19.8518%, 50.4411% 19.9175%, 50.4159% 19.9833%, 50.3915% 20.0493%, 50.3677% 20.1155%, 50.3447% 20.182%, 50.3223% 20.2487%, 50.3006% 20.3157%, 50.2796% 20.3832%, 50.2593% 20.4511%, 50.2397% 20.5195%, 50.2207% 20.5886%, 50.2024% 20.6583%, 50.1848% 20.7289%, 50.1679% 20.8005%, 50.1516% 20.8732%, 50.1361% 20.9471%, 50.1212% 21.0226%, 50.107% 21.0999%, 50.0935% 21.1792%, 50.0807% 21.261%, 50.0686% 21.3457%, 50.0572% 21.4341%, 50.0467% 21.5269%, 50.0369% 21.6253%, 50.028% 21.7311%, 50.02% 21.8467%, 50.0129% 21.9765%, 50.007% 22.1291%, 50.0025% 22.3264%, 50% 22.8%, 49.9975% 22.3264%, 49.993% 22.1291%, 49.9871% 21.9765%, 49.98% 21.8467%, 49.972% 21.7311%, 49.9631% 21.6253%, 49.9533% 21.5269%, 49.9428% 21.4341%, 49.9314% 21.3457%, 49.9193% 21.261%, 49.9065% 21.1792%, 49.893% 21.0999%, 49.8788% 21.0226%, 49.8639% 20.9471%, 49.8484% 20.8732%, 49.8321% 20.8005%, 49.8152% 20.7289%, 49.7976% 20.6583%, 49.7793% 20.5886%, 49.7603% 20.5195%, 49.7407% 20.4511%, 49.7204% 20.3832%, 49.6994% 20.3157%, 49.6777% 20.2487%, 49.6553% 20.182%, 49.6323% 20.1155%, 49.6085% 20.0493%, 49.5841% 19.9833%, 49.5589% 19.9175%, 49.533% 19.8518%, 49.5065% 19.7861%, 49.4792% 19.7206%, 49.4511% 19.6551%, 49.4224% 19.5896%, 49.3929% 19.5242%, 49.3626% 19.4587%, 49.3316% 19.3933%, 49.2999% 19.3278%, 49.2674% 19.2622%, 49.2341% 19.1966%, 49.2% 19.1309%, 49.1652% 19.0652%, 49.1295% 18.9994%, 49.0931% 18.9335%, 49.0559% 18.8675%, 49.0178% 18.8014%, 48.979% 18.7352%, 48.9393% 18.669%, 48.8988% 18.6026%, 48.8575% 18.5362%, 48.8153% 18.4696%, 48.7723% 18.403%, 48.7285% 18.3362%, 48.6837% 18.2694%, 48.6382% 18.2025%, 48.5917% 18.1355%, 48.5444% 18.0684%, 48.4962% 18.0012%, 48.4471% 17.934%, 48.3971% 17.8667%, 48.3462% 17.7993%, 48.2944% 17.7319%, 48.2417% 17.6644%, 48.1881% 17.5968%, 48.1335% 17.5292%, 48.0781% 17.4616%, 48.0217% 17.3939%, 47.9643% 17.3262%, 47.9061% 17.2585%, 47.8468% 17.1908%, 47.7867% 17.1231%, 47.7255% 17.0554%, 47.6635% 16.9877%, 47.6004% 16.92%, 47.5364% 16.8523%, 47.4714% 16.7847%, 47.4055% 16.7172%, 47.3385% 16.6497%, 47.2706% 16.5822%, 47.2017% 16.5149%, 47.1318% 16.4476%, 47.0609% 16.3804%, 46.989% 16.3133%, 46.9161% 16.2464%, 46.8422% 16.1795%, 46.7673% 16.1128%, 46.6914% 16.0463%, 46.6145% 15.9799%, 46.5365% 15.9136%, 46.4576% 15.8476%, 46.3776% 15.7817%, 46.2966% 15.716%, 46.2146% 15.6506%, 46.1315% 15.5853%, 46.0475% 15.5203%, 45.9624% 15.4556%, 45.8762% 15.3911%, 45.7891% 15.3268%, 45.7009% 15.2629%, 45.6117% 15.1992%, 45.5214% 15.1358%, 45.4301% 15.0728%, 45.3378% 15.0101%, 45.2445% 14.9477%, 45.1501% 14.8857%, 45.0547% 14.824%, 44.9582% 14.7627%, 44.8607% 14.7018%, 44.7622% 14.6413%, 44.6626% 14.5812%, 44.5621% 14.5215%, 44.4604% 14.4623%, 44.3578% 14.4035%, 44.2541% 14.3452%, 44.1494% 14.2873%, 44.0437% 14.23%, 43.9369% 14.1731%, 43.8291% 14.1168%, 43.7203% 14.0609%, 43.6105% 14.0056%, 43.4997% 13.9509%, 43.3879% 13.8967%, 43.275% 13.8431%, 43.1611% 13.7901%, 43.0463% 13.7377%, 42.9304% 13.6859%, 42.8135% 13.6348%, 42.6957% 13.5842%, 42.5768% 13.5344%, 42.457% 13.4852%, 42.3362% 13.4366%, 42.2144% 13.3888%, 42.0916% 13.3417%, 41.9679% 13.2952%, 41.8432% 13.2496%, 41.7175% 13.2046%, 41.5909% 13.1604%, 41.4633% 13.117%, 41.3348% 13.0743%, 41.2053% 13.0325%, 41.0749% 12.9914%, 40.9436% 12.9512%, 40.8113% 12.9118%, 40.6782% 12.8732%, 40.5441% 12.8355%, 40.4091% 12.7987%, 40.2732% 12.7628%, 40.1365% 12.7277%, 39.9988% 12.6935%, 39.8603% 12.6603%, 39.7209% 12.628%, 39.5806% 12.5966%, 39.4395% 12.5662%, 39.2975% 12.5367%, 39.1547% 12.5082%, 39.0111% 12.4807%, 38.8667% 12.4543%, 38.7214% 12.4288%, 38.5753% 12.4043%, 38.4284% 12.3809%, 38.2808% 12.3585%, 38.1323% 12.3372%, 37.9831% 12.317%, 37.8331% 12.2978%, 37.6824% 12.2798%, 37.5309% 12.2628%, 37.3787% 12.247%, 37.2258% 12.2322%, 37.0721% 12.2187%, 36.9178% 12.2062%, 36.7627% 12.1949%, 36.607% 12.1848%, 36.4506% 12.1759%, 36.2935% 12.1682%, 36.1358% 12.1616%, 35.9775% 12.1563%, 35.8185% 12.1522%, 35.6589% 12.1493%, 35.4987% 12.1477%, 35.3379% 12.1473%, 35.1765% 12.1482%, 35.0145% 12.1504%, 34.852% 12.1538%, 34.6889% 12.1585%, 34.5253% 12.1645%, 34.3612% 12.1719%, 34.1965% 12.1805%, 34.0314% 12.1905%, 33.8658% 12.2018%, 33.6997% 12.2144%, 33.5331% 12.2284%, 33.3661% 12.2438%, 33.1986% 12.2605%, 33.0308% 12.2786%, 32.8625% 12.2981%, 32.6938% 12.319%, 32.5248% 12.3413%, 32.3554% 12.365%, 32.1856% 12.3901%, 32.0155% 12.4166%, 31.845% 12.4446%, 31.6743% 12.474%, 31.5033% 12.5048%, 31.3319% 12.5371%, 31.1603% 12.5709%, 30.9885% 12.6061%, 30.8164% 12.6428%, 30.6441% 12.681%, 30.4716% 12.7206%, 30.2988% 12.7618%, 30.1259% 12.8044%, 29.9529% 12.8485%, 29.7797% 12.8942%, 29.6063% 12.9413%, 29.4329% 12.99%, 29.2593% 13.0402%, 29.0856% 13.0919%, 28.9119% 13.1451%, 28.7381% 13.1999%, 28.5643% 13.2562%, 28.3904% 13.3141%, 28.2166% 13.3735%, 28.0427% 13.4344%, 27.8689% 13.4969%, 27.6951% 13.561%, 27.5214% 13.6266%, 27.3477% 13.6938%, 27.1742% 13.7626%, 27.0007% 13.8329%, 26.8273% 13.9048%, 26.6541% 13.9783%, 26.4811% 14.0534%, 26.3082% 14.13%, 26.1355% 14.2082%, 25.963% 14.288%, 25.7907% 14.3694%, 25.6187% 14.4524%, 25.4469% 14.537%, 25.2754% 14.6231%, 25.1041% 14.7108%, 24.9332% 14.8002%, 24.7626% 14.8911%, 24.5923% 14.9836%, 24.4224% 15.0777%, 24.2529% 15.1734%, 24.0838% 15.2706%, 23.915% 15.3695%, 23.7467% 15.4699%, 23.5788% 15.572%, 23.4114% 15.6756%, 23.2445% 15.7808%, 23.078% 15.8876%, 22.9121% 15.996%, 22.7467% 16.1059%, 22.5818% 16.2175%, 22.4175% 16.3306%, 22.2538% 16.4453%, 22.0906% 16.5615%, 21.9281% 16.6793%, 21.7662% 16.7987%, 21.605% 16.9197%, 21.4444% 17.0422%, 21.2845% 17.1662%, 21.1253% 17.2919%, 20.9668% 17.419%, 20.809% 17.5477%, 20.652% 17.678%, 20.4958% 17.8097%, 20.3403% 17.943%, 20.1857% 18.0779%, 20.0318% 18.2142%, 19.8788% 18.3521%, 19.7267% 18.4915%, 19.5754% 18.6323%, 19.425% 18.7747%, 19.2755% 18.9186%, 19.1269% 19.0639%, 18.9792% 19.2108%, 18.8325% 19.3591%, 18.6868% 19.5089%, 18.542% 19.6601%, 18.3983% 19.8128%, 18.2556% 19.9669%, 18.1139% 20.1224%, 17.9732% 20.2794%, 17.8336% 20.4378%, 17.6951% 20.5977%, 17.5577% 20.7589%, 17.4214% 20.9215%, 17.2862% 21.0855%, 17.1522% 21.2509%, 17.0193% 21.4177%, 16.8876% 21.5858%, 16.7571% 21.7553%, 16.6278% 21.9261%, 16.4998% 22.0983%, 16.3729% 22.2717%, 16.2474% 22.4465%, 16.123% 22.6226%, 16% 22.8%, 15.8783% 22.9787%, 15.7578% 23.1586%, 15.6387% 23.3398%, 15.521% 23.5222%, 15.4046% 23.7059%, 15.2895% 23.8908%, 15.1758% 24.0769%, 15.0636% 24.2643%, 14.9527% 24.4528%, 14.8433% 24.6425%, 14.7353% 24.8333%, 14.6288% 25.0254%, 14.5237% 25.2185%, 14.4201% 25.4128%, 14.318% 25.6082%, 14.2174% 25.8048%, 14.1183% 26.0024%, 14.0207% 26.201%, 13.9247% 26.4008%, 13.8302% 26.6016%, 13.7373% 26.8034%, 13.646% 27.0063%, 13.5563% 27.2102%, 13.4682% 27.415%, 13.3816% 27.6209%, 13.2967% 27.8277%, 13.2135% 28.0355%, 13.1319% 28.2442%, 13.0519% 28.4539%, 12.9736% 28.6644%, 12.897% 28.8758%, 12.8221% 29.0882%, 12.7489% 29.3014%, 12.6774% 29.5154%, 12.6076% 29.7303%, 12.5395% 29.946%, 12.4732% 30.1625%, 12.4086% 30.3798%, 12.3457% 30.5978%, 12.2847% 30.8166%, 12.2254% 31.0362%, 12.1679% 31.2565%, 12.1122% 31.4775%, 12.0582% 31.6992%, 12.0061% 31.9215%, 11.9558% 32.1445%, 11.9074% 32.3682%, 11.8607% 32.5925%, 11.8159% 32.8174%, 11.7729% 33.0429%, 11.7318% 33.269%, 11.6925% 33.4956%, 11.6551% 33.7228%, 11.6196% 33.9505%, 11.5859% 34.1788%, 11.5541% 34.4075%, 11.5242% 34.6367%, 11.4962% 34.8664%, 11.4701% 35.0965%, 11.4459% 35.327%, 11.4236% 35.5579%, 11.4032% 35.7893%, 11.3847% 36.021%, 11.3681% 36.2531%, 11.3534% 36.4855%, 11.3407% 36.7182%, 11.3299% 36.9512%, 11.321% 37.1846%, 11.3141% 37.4182%, 11.3091% 37.6521%, 11.306% 37.8862%, 11.3048% 38.1205%, 11.3056% 38.355%, 11.3084% 38.5898%, 11.3131% 38.8247%, 11.3197% 39.0597%, 11.3283% 39.2949%, 11.3388% 39.5302%, 11.3512% 39.7656%, 11.3657% 40.0011%, 11.382% 40.2367%, 11.4003% 40.4723%, 11.4205% 40.708%, 11.4427% 40.9437%, 11.4669% 41.1794%, 11.4929% 41.4151%, 11.5209% 41.6507%, 11.5509% 41.8863%, 11.5827% 42.1219%, 11.6166% 42.3573%, 11.6523% 42.5927%, 11.69% 42.828%, 11.7296% 43.0631%, 11.7711% 43.2982%, 11.8145% 43.533%, 11.8599% 43.7677%, 11.9071% 44.0022%, 11.9563% 44.2365%, 12.0074% 44.4706%, 12.0603% 44.7045%, 12.1152% 44.9381%, 12.1719% 45.1715%, 12.2306% 45.4045%, 12.2911% 45.6374%, 12.3534% 45.8699%, 12.4177% 46.102%, 12.4838% 46.3339%, 12.5517% 46.5654%, 12.6215% 46.7966%, 12.6931% 47.0274%, 12.7666% 47.2578%, 12.8419% 47.4878%, 12.919% 47.7174%, 12.9979% 47.9466%, 13.0786% 48.1754%, 13.1611% 48.4037%, 13.2454% 48.6316%, 13.3315% 48.859%, 13.4193% 49.0859%, 13.5089% 49.3123%, 13.6002% 49.5383%, 13.6933% 49.7637%, 13.7881% 49.9887%, 13.8847% 50.213%, 13.9829% 50.4369%, 14.0828% 50.6602%, 14.1845% 50.883%, 14.2878% 51.1051%, 14.3928% 51.3268%, 14.4994% 51.5478%, 14.6077% 51.7682%, 14.7177% 51.9881%, 14.8292% 52.2073%, 14.9424% 52.426%, 15.0572% 52.644%, 15.1736% 52.8614%, 15.2915% 53.0781%, 15.411% 53.2943%, 15.5321% 53.5098%, 15.6548% 53.7246%, 15.7789% 53.9388%, 15.9046% 54.1523%, 16.0318% 54.3652%, 16.1605% 54.5774%, 16.2907% 54.789%, 16.4223% 54.9998%, 16.5554% 55.21%, 16.69% 55.4196%, 16.826% 55.6284%, 16.9634% 55.8366%, 17.1022% 56.0441%, 17.2424% 56.2509%, 17.384% 56.4571%, 17.527% 56.6626%, 17.6713% 56.8673%, 17.817% 57.0714%, 17.964% 57.2749%, 18.1123% 57.4776%, 18.2619% 57.6797%, 18.4128% 57.8811%, 18.565% 58.0818%, 18.7185% 58.2819%, 18.8732% 58.4813%, 19.0292% 58.6801%, 19.1863% 58.8782%, 19.3447% 59.0756%, 19.5043% 59.2724%, 19.6651% 59.4686%, 19.8271% 59.6641%, 19.9902% 59.859%, 20.1545% 60.0533%, 20.3199% 60.247%, 20.4865% 60.44%, 20.6541% 60.6325%, 20.8229% 60.8244%, 20.9927% 61.0157%, 21.1637% 61.2064%, 21.3357% 61.3965%, 21.5087% 61.5861%, 21.6829% 61.7752%, 21.858% 61.9637%, 22.0342% 62.1517%, 22.2113% 62.3393%, 22.3895% 62.5263%, 22.5687% 62.7128%, 22.7489% 62.8988%, 22.93% 63.0844%, 23.1121% 63.2695%, 23.2952% 63.4542%, 23.4792% 63.6385%, 23.6641% 63.8224%, 23.85% 64.0059%, 24.0367% 64.189%, 24.2244% 64.3717%, 24.413% 64.5542%, 24.6025% 64.7362%, 24.7929% 64.918%, 24.9842% 65.0995%, 25.1763% 65.2807%, 25.3693% 65.4616%, 25.5632% 65.6423%, 25.7579% 65.8227%, 25.9535% 66.003%, 26.15% 66.1831%, 26.3472% 66.363%, 26.5454% 66.5427%, 26.7443% 66.7223%, 26.9441% 66.9018%, 27.1448% 67.0812%, 27.3462% 67.2606%, 27.5485% 67.4398%, 27.7516% 67.6191%, 27.9555% 67.7983%, 28.1603% 67.9776%, 28.3659% 68.1569%, 28.5723% 68.3362%, 28.7795% 68.5156%, 28.9876% 68.6952%, 29.1964% 68.8748%, 29.4061% 69.0546%, 29.6167% 69.2345%, 29.828% 69.4147%, 30.0402% 69.595%, 30.2533% 69.7756%, 30.4671% 69.9565%, 30.6819% 70.1376%, 30.8975% 70.319%, 31.1139% 70.5008%, 31.3312% 70.683%, 31.5494% 70.8655%, 31.7685% 71.0484%, 31.9884% 71.2317%, 32.2092% 71.4156%, 32.431% 71.5999%, 32.6536% 71.7847%, 32.8772% 71.97%, 33.1017% 72.156%, 33.3271% 72.3425%, 33.5535% 72.5296%, 33.7809% 72.7174%, 34.0092% 72.9059%, 34.2385% 73.095%, 34.4688% 73.285%, 34.7001% 73.4756%, 34.9325% 73.6671%, 35.1659% 73.8595%, 35.4003% 74.0527%, 35.6358% 74.2468%, 35.8724% 74.4418%, 36.1101% 74.6378%, 36.3489% 74.8349%, 36.5889% 75.033%, 36.83% 75.2321%, 37.0722% 75.4325%, 37.3157% 75.6339%, 37.5604% 75.8367%, 37.8063% 76.0407%, 38.0534% 76.246%, 38.3018% 76.4527%, 38.5515% 76.6609%, 38.8025% 76.8705%, 39.0549% 77.0817%, 39.3086% 77.2946%, 39.5637% 77.5091%, 39.8202% 77.7255%, 40.0781% 77.9437%, 40.3375% 78.1638%, 40.5983% 78.386%, 40.8607% 78.6104%, 41.1246% 78.8371%, 41.3901% 79.0661%, 41.6571% 79.2977%, 41.9258% 79.532%, 42.1962% 79.7691%, 42.4683% 80.0093%, 42.742% 80.2528%, 43.0176% 80.4997%, 43.2949% 80.7503%, 43.5741% 81.0049%, 43.8552% 81.2639%, 44.1382% 81.5276%, 44.4232% 81.7964%, 44.7102% 82.0708%, 44.9993% 82.3514%, 45.2906% 82.6387%, 45.5841% 82.9337%, 45.8798% 83.2372%, 46.1779% 83.5503%, 46.4785% 83.8743%, 46.7816% 84.2109%, 47.0874% 84.5623%, 47.3959% 84.9312%, 47.7075% 85.3211%, 48.0221% 85.7372%, 48.3402% 86.1867%, 48.6619% 86.6807%, 48.9877% 87.238%, 49.3183% 87.8956%, 49.6547% 88.7485%, 50% 90.8%, 50.3453% 88.7485%, 50.6817% 87.8956%, 51.0123% 87.238%, 51.3381% 86.6807%, 51.6598% 86.1867%, 51.9779% 85.7372%, 52.2925% 85.3211%, 52.6041% 84.9312%, 52.9126% 84.5623%, 53.2184% 84.2109%, 53.5215% 83.8743%, 53.8221% 83.5503%, 54.1202% 83.2372%, 54.4159% 82.9337%, 54.7094% 82.6387%, 55.0007% 82.3514%, 55.2898% 82.0708%, 55.5768% 81.7964%, 55.8618% 81.5276%, 56.1448% 81.2639%, 56.4259% 81.0049%, 56.7051% 80.7503%, 56.9824% 80.4997%, 57.258% 80.2528%, 57.5317% 80.0093%, 57.8038% 79.7691%, 58.0742% 79.532%, 58.3429% 79.2977%, 58.6099% 79.0661%, 58.8754% 78.8371%, 59.1393% 78.6104%, 59.4017% 78.386%, 59.6625% 78.1638%, 59.9219% 77.9437%, 60.1798% 77.7255%, 60.4363% 77.5091%, 60.6914% 77.2946%, 60.9451% 77.0817%, 61.1975% 76.8705%, 61.4485% 76.6609%, 61.6982% 76.4527%, 61.9466% 76.246%, 62.1937% 76.0407%, 62.4396% 75.8367%, 62.6843% 75.6339%, 62.9278% 75.4325%, 63.17% 75.2321%, 63.4111% 75.033%, 63.6511% 74.8349%, 63.8899% 74.6378%, 64.1276% 74.4418%, 64.3642% 74.2468%, 64.5997% 74.0527%, 64.8341% 73.8595%, 65.0675% 73.6671%, 65.2999% 73.4756%, 65.5312% 73.285%, 65.7615% 73.095%, 65.9908% 72.9059%, 66.2191% 72.7174%, 66.4465% 72.5296%, 66.6729% 72.3425%, 66.8983% 72.156%, 67.1228% 71.97%, 67.3464% 71.7847%, 67.569% 71.5999%, 67.7908% 71.4156%, 68.0116% 71.2317%, 68.2315% 71.0484%, 68.4506% 70.8655%, 68.6688% 70.683%, 68.8861% 70.5008%, 69.1025% 70.319%, 69.3181% 70.1376%, 69.5329% 69.9565%, 69.7467% 69.7756%, 69.9598% 69.595%, 70.172% 69.4147%, 70.3833% 69.2345%, 70.5939% 69.0546%, 70.8036% 68.8748%, 71.0125% 68.6952%, 71.2205% 68.5156%, 71.4277% 68.3362%, 71.6341% 68.1569%, 71.8397% 67.9776%, 72.0445% 67.7983%, 72.2484% 67.6191%, 72.4515% 67.4398%, 72.6538% 67.2606%, 72.8552% 67.0812%, 73.0559% 66.9018%, 73.2557% 66.7223%, 73.4546% 66.5427%, 73.6528% 66.363%, 73.85% 66.1831%, 74.0465% 66.003%, 74.2421% 65.8227%, 74.4368% 65.6423%, 74.6307% 65.4616%, 74.8237% 65.2807%, 75.0158% 65.0995%, 75.2071% 64.918%, 75.3975% 64.7362%, 75.587% 64.5542%, 75.7756% 64.3717%, 75.9633% 64.189%, 76.15% 64.0059%, 76.3359% 63.8224%, 76.5208% 63.6385%, 76.7048% 63.4542%, 76.8879% 63.2695%, 77.07% 63.0844%, 77.2511% 62.8988%, 77.4313% 62.7128%, 77.6105% 62.5263%, 77.7887% 62.3393%, 77.9658% 62.1517%, 78.142% 61.9637%, 78.3171% 61.7752%, 78.4913% 61.5861%, 78.6643% 61.3965%, 78.8363% 61.2064%, 79.0073% 61.0157%, 79.1771% 60.8244%, 79.3459% 60.6325%, 79.5135% 60.44%, 79.6801% 60.247%, 79.8455% 60.0533%, 80.0098% 59.859%, 80.1729% 59.6641%, 80.3349% 59.4686%, 80.4957% 59.2724%, 80.6553% 59.0756%, 80.8137% 58.8782%, 80.9708% 58.6801%, 81.1268% 58.4813%, 81.2815% 58.2819%, 81.435% 58.0818%, 81.5872% 57.8811%, 81.7381% 57.6797%, 81.8877% 57.4776%, 82.036% 57.2749%, 82.183% 57.0714%, 82.3287% 56.8673%, 82.473% 56.6626%, 82.616% 56.4571%, 82.7576% 56.2509%, 82.8978% 56.0441%, 83.0366% 55.8366%, 83.174% 55.6284%, 83.31% 55.4196%, 83.4446% 55.21%, 83.5777% 54.9998%, 83.7093% 54.789%, 83.8395% 54.5774%, 83.9682% 54.3652%, 84.0954% 54.1523%, 84.2211% 53.9388%, 84.3452% 53.7246%, 84.4679% 53.5098%, 84.589% 53.2943%, 84.7085% 53.0781%, 84.8264% 52.8614%, 84.9428% 52.644%, 85.0576% 52.426%, 85.1708% 52.2073%, 85.2823% 51.9881%, 85.3923% 51.7682%, 85.5006% 51.5478%, 85.6072% 51.3268%, 85.7122% 51.1051%, 85.8155% 50.883%, 85.9172% 50.6602%, 86.0171% 50.4369%, 86.1153% 50.213%, 86.2119% 49.9887%, 86.3067% 49.7637%, 86.3998% 49.5383%, 86.4911% 49.3123%, 86.5807% 49.0859%, 86.6685% 48.859%, 86.7546% 48.6316%, 86.8389% 48.4037%, 86.9214% 48.1754%, 87.0021% 47.9466%, 87.081% 47.7174%, 87.1581% 47.4878%, 87.2334% 47.2578%, 87.3069% 47.0274%, 87.3785% 46.7966%, 87.4483% 46.5654%, 87.5162% 46.3339%, 87.5823% 46.102%, 87.6466% 45.8699%, 87.7089% 45.6374%, 87.7694% 45.4045%, 87.8281% 45.1715%, 87.8848% 44.9381%, 87.9397% 44.7045%, 87.9926% 44.4706%, 88.0437% 44.2365%, 88.0929% 44.0022%, 88.1401% 43.7677%, 88.1855% 43.533%, 88.2289% 43.2982%, 88.2704% 43.0631%, 88.31% 42.828%, 88.3477% 42.5927%, 88.3834% 42.3573%, 88.4173% 42.1219%, 88.4491% 41.8863%, 88.4791% 41.6507%, 88.5071% 41.4151%, 88.5331% 41.1794%, 88.5573% 40.9437%, 88.5795% 40.708%, 88.5997% 40.4723%, 88.618% 40.2367%, 88.6343% 40.0011%, 88.6488% 39.7656%, 88.6612% 39.5302%, 88.6717% 39.2949%, 88.6803% 39.0597%, 88.6869% 38.8247%, 88.6916% 38.5898%, 88.6944% 38.355%, 88.6952% 38.1205%, 88.694% 37.8862%, 88.6909% 37.6521%, 88.6859% 37.4182%, 88.679% 37.1846%, 88.6701% 36.9512%, 88.6593% 36.7182%, 88.6466% 36.4855%, 88.6319% 36.2531%, 88.6153% 36.021%, 88.5968% 35.7893%, 88.5764% 35.5579%, 88.5541% 35.327%, 88.5299% 35.0965%, 88.5038% 34.8664%, 88.4758% 34.6367%, 88.4459% 34.4075%, 88.4141% 34.1788%, 88.3804% 33.9505%, 88.3449% 33.7228%, 88.3075% 33.4956%, 88.2682% 33.269%, 88.2271% 33.0429%, 88.1841% 32.8174%, 88.1393% 32.5925%, 88.0927% 32.3682%, 88.0442% 32.1445%, 87.9939% 31.9215%, 87.9418% 31.6992%, 87.8878% 31.4775%, 87.8321% 31.2565%, 87.7746% 31.0362%, 87.7153% 30.8166%, 87.6543% 30.5978%, 87.5914% 30.3798%, 87.5268% 30.1625%, 87.4605% 29.946%, 87.3924% 29.7303%, 87.3226% 29.5154%, 87.2511% 29.3014%, 87.1779% 29.0882%, 87.103% 28.8758%, 87.0264% 28.6644%, 86.9481% 28.4539%, 86.8681% 28.2442%, 86.7865% 28.0355%, 86.7033% 27.8277%, 86.6184% 27.6209%, 86.5318% 27.415%, 86.4437% 27.2102%, 86.354% 27.0063%, 86.2626% 26.8034%, 86.1698% 26.6016%, 86.0753% 26.4008%, 85.9793% 26.201%, 85.8817% 26.0024%, 85.7826% 25.8048%, 85.682% 25.6082%, 85.5799% 25.4128%, 85.4763% 25.2185%, 85.3712% 25.0254%, 85.2647% 24.8333%, 85.1567% 24.6425%, 85.0473% 24.4528%, 84.9364% 24.2643%, 84.8242% 24.0769%, 84.7105% 23.8908%, 84.5955% 23.7059%, 84.479% 23.5222%, 84.3613% 23.3398%, 84.2422% 23.1586%, 84.1217% 22.9787%);
}
.starfish-3d::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: radial-gradient(circle at 30% 30%, transparent 80%, rgba(255, 255, 255, 0.8) 80%, transparent 85%),
radial-gradient(circle at 70% 20%, transparent 80%, rgba(255, 255, 255, 0.8) 80%, transparent 85%),
radial-gradient(circle at 20% 70%, transparent 80%, rgba(255, 255, 255, 0.8) 80%, transparent 85%),
radial-gradient(circle at 80% 80%, transparent 80%, rgba(255, 255, 255, 0.8) 80%, transparent 85%);
animation: twinkle 3s ease-in-out infinite alternate;
}
@keyframes twinkle {
0%, 100% {
opacity: 0.3;
}
50% {
opacity: 1;
}
}
@keyframes rot3d {
to {
transform: rotateX(45deg) rotateY(-15deg) rotateZ(360deg);
}
}
@keyframes swimColor {
0%, 100% {
filter: drop-shadow(0 0 40px rgba(255, 107, 107, 0.8)) hue-rotate(0deg);
}
50% {
filter: drop-shadow(0 0 60px rgba(255, 107, 107, 0.9)) hue-rotate(30deg);
}
}
.starfish-sparkles {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
}
.sparkle {
position: absolute;
width: 6px;
height: 6px;
background-color: white;
border-radius: 50%;
filter: blur(1px);
animation: sparkleFloat 3s ease-in-out infinite;
opacity: 0;
}
@keyframes sparkleFloat {
0% {
transform: translate(0, 0) scale(0);
opacity: 0;
}
20% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
transform: translate(var(--tx, 30px), var(--ty, -40px)) scale(1.5);
opacity: 0;
}
}
.status-display {
position: absolute;
z-index: 1;
font-size: 1.5rem;//1.1rem;
font-weight: 500;
background: linear-gradient(90deg,
#ff0000, #ff0000, #ff4500, #ffd700, #00ff7f, #1e90ff, #9370db, #ff69b4);
background-size: 400% 400%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow 8s ease infinite;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
left: 50px;
top: 710px;
padding: 8px 16px;
border-radius: 20px;
background-color: rgba(0, 0, 0, 0);
backdrop-filter: blur(5px);
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0);
}
.status-display:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.5);
}
@keyframes rainbow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.video-controls {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
opacity: 0.7;
transition: opacity 0.3s;
}
.video-controls:hover {
opacity: 1;
}
.video-btn {
background: rgba(0,0,0,0.5);
color: white;
border: none;
border-radius: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 5px;
transition: all 0.3s;
}
.video-btn:hover {
transform: scale(1.1);
background: rgba(0,0,0,0.7);
}
.position-control {
position: absolute;
top: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.7);
border-radius: 10px;
padding: 15px;
z-index: 100;
color: white;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
}
.position-control h3 {
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 5px;
}
.position-control label {
display: block;
margin-bottom: 5px;
font-size: 0.9rem;
}
.position-control input {
width: 60px;
padding: 5px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
color: white;
}
.position-control .btn-group {
display: flex;
gap: 10px;
margin-top: 10px;
}
.position-control button {
flex: 1;
padding: 6px 0;
background: #3c6382;
border: none;
border-radius: 4px;
color: white;
cursor: pointer;
transition: background 0.3s;
}
.position-control button:hover {
background: #60a3bc;
}
.animated-image {
display: none;
position: absolute;
left: 0px;
top: 20px;
z-index: 1;
width: 120px;
height: 120px;
opacity: 0.9;
-webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 30%);
mask-image: radial-gradient(circle, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 30%);
}
.animated-image.active {display: block; }
.llz {
position: absolute;
left: 550px;
width: 200px;
top: 760px;
height: 40px;
text-align: center;
font-size: 14pt;
filter: drop-shadow(2px 2px 2px #080808);
color: #00ffff;
line-height: 100%;
font-family: "幼圆", cursive;
z-index:1;
text-shadow:
-1px -1px 0 #ff0000,
1px -1px 0 #ff0000,
-1px 1px 0 #ff0000,
1px 1px 0 #ff0000;
}
</style>
<div style="position: relative; width: 500px; height: 50px; top:800px;LEFT: 1380px;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>
<video id="bgVideo" class="video-bg" loop muted>
<meta name="referrer" content="never"><source src="https://video-qn.51miz.com/preview/video/00/00/60/32/V-zip-20230922DV_152-9CB750B9.mp4" ></video>
<div class="player-container">
<div class="song-info text-center">
<h1 class="text-white text-3xl font-bold mb-1"> </h1>
<p class="text-white/90 text-lg"> </p>
</div>
<div class="lyric-container">
<div class="lyric-display">
<div id="lyricDisplay" class="text-white font-medium text-center"></div>
</div>
</div>
<div class="player-controls">
<div id="starfish-player">
<div class="starfish-3d"></div>
<div class="starfish-sparkles" id="sparkles-container"></div>
</div>
</div>
<div class="status-display" id="statusDisplay">
如果长时间加载， 请点击星图标手动播放
</div>
<audio id="audioPlayer" loop>
<source src="https://chuangshicdn.data.mvbox.cn/music/yc/25/09/26/25092622165783158752.mp3" type="audio/mpeg">
您的浏览器不支持音频播放
</audio>
</div>
<div style="display:none;" class="video-controls">
<button id="muteBtn" class="video-btn" title="静音/取消静音">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
<path id="muteIcon" d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>//喇叭
</button>
</div>
<div style="display:none;" class="position-control">
<h3>状态显示位置</h3>
<div>
<label for="posX">水平位置 (px):</label>
<input type="number" id="posX" value="360">
</div>
<div>
<label for="posY">垂直位置 (px):</label>
<input type="number" id="posY" value="30">
</div>
<div class="btn-group">
<button id="applyPosition">应用位置</button>
<button id="resetPosition">重置位置</button>
</div>
</div>
<img id="animated-gif" class="animated-image" src="http://p2.music.126.net/wp2H95TVrfF9XDQ1Fi25YA==/109951171913057557.jpg?param=177y177">
<img id="static-image" class="animated-image active" src="http://p2.music.126.net/wp2H95TVrfF9XDQ1Fi25YA==/109951171913057557.jpg?param=177y177">
</div>
<div class="llz"> </div>
<script src=https://upfile.mp3.wf/down.php/91300f70619edf631897c30f75e04da6.txt&ysj147wf></script>
<script>
var outerContainer = document.createElement('div');
outerContainer.style.position = 'absolute';
outerContainer.style.width = '615px';
outerContainer.style.height = '20px';
outerContainer.style.zIndex = '3';
outerContainer.style.left = '360px';
outerContainer.style.top = '330px';
var neonContainer = document.createElement('div');
neonContainer.style.fontFamily = 'Arial, sans-serif';
outerContainer.style.fontSize = '24px';
outerContainer.appendChild(neonContainer);
document.body.appendChild(outerContainer);
var message = " ";
var flashspeed = 150;
var neonbasecolor = "#006400";
var neontextcolor = "#ff0000";
var n = 0;
var tempref = [];
var flashing;
for (var m = 0; m < message.length; m++) {
var span = document.createElement('span');
span.textContent = message.charAt(m);
span.style.color = neonbasecolor;
span.id = 'neonlight' + m;
neonContainer.appendChild(span);
tempref.push(span);
}
function neon() {
if (!window.isPlaying) return;
if (n == 0) {
for (var m = 0; m < message.length; m++) {
tempref.style.color = neonbasecolor;
}
}
tempref.style.color = neontextcolor;
if (n < tempref.length - 1) {
n++;
} else {
n = 0;
clearInterval(flashing);
setTimeout(beginneon, 1500);
return;
}
}
function beginneon() {
if (window.isPlaying) {
flashing = setInterval(neon, flashspeed);
}
}
// beginneon();
// 配置部分 - 可以自定义
const yourLogo = "";
const logoFont = "Arial";
const logoColor = "#ff0000";
const logoWidth = 100;
const logoHeight = -30;
const animationStep = 0.02;
const animationSpeed = 20; // 毫秒
// 初始化变量
let L, TrigSplit, ypos = 0, xpos = 0, currStep = 0;
let logoElements = [];
function initLogo() {
// 创建外层容器
const outer = document.createElement('div');
outer.id = 'logo-container';
outer.style.position = 'fixed';
outer.style.top = '0';
outer.style.left = '0';
outer.style.pointerEvents = 'none';
outer.style.zIndex = '9999';
const inner = document.createElement('div');
inner.style.position = 'relative';
outer.appendChild(inner);
// 创建每个字符元素
yourLogo.split('').forEach((char, i) => {
const element = document.createElement('div');
element.className = 'logo-char';
element.style.position = 'absolute';
element.style.top = '0';
element.style.left = '0';
element.style.width = '10px';
element.style.height = '10px';
element.style.fontFamily = logoFont;
element.style.fontSize = '13px';
element.style.color = logoColor;
element.style.textAlign = 'center';
element.textContent = char;
inner.appendChild(element);
logoElements.push(element);
});
document.body.appendChild(outer);
L = yourLogo.length;
TrigSplit = 360 / L;
}
function handleMouseMove(e) {
ypos = e.clientY;
xpos = e.clientX;
}
function animateLogo() {
// 只有在播放状态才执行动画
if (!window.isPlaying) {
requestAnimationFrame(animateLogo);
return;
}
logoElements.forEach((element, i) => {
const angle = currStep + i * TrigSplit * Math.PI / 180;
const top = ypos + logoHeight * Math.sin(angle);
const left = xpos + logoWidth * Math.cos(angle);
element.style.transform = `translate(${left}px, ${top}px)`;
const size = Math.abs(top - ypos);
element.style.fontSize = `${Math.max(5, size / 1.7)}px`;
});
currStep -= animationStep;
requestAnimationFrame(animateLogo);
}
// 初始化并启动动画
document.addEventListener('DOMContentLoaded', () => {
initLogo();
document.addEventListener('mousemove', handleMouseMove);
requestAnimationFrame(animateLogo);
});
</script>
<DIV style="HEIGHT: 50px"> 美人真养眼！ 梦油 发表于 2022-12-17 17:47
美人真养眼！
哈哈哈！谢谢欣赏！{:4_191:} 漂亮的帖，欣赏问好！{:4_185:} 亦是金 发表于 2022-12-17 17:52
哈哈哈！谢谢欣赏！
别客气。 梦缘 发表于 2022-12-17 19:25
漂亮的帖，欣赏问好！
谢谢欣赏！问好！{:4_191:} 背景和图片轮播都很漂亮，变色频谱更漂亮。欣赏亦是金老师好帖{:4_187:} 红影 发表于 2022-12-17 21:42
背景和图片轮播都很漂亮，变色频谱更漂亮。欣赏亦是金老师好帖
谢谢欣赏！问好！{:4_204:} 亦是金 发表于 2022-12-17 22:00
谢谢欣赏！问好！
问好亦是金老师，周日快乐{:4_187:} 红影 发表于 2022-12-18 11:33
问好亦是金老师，周日快乐
红影老师周日愉快！{:4_204:} 画面很漂亮，这歌还是第一次听的了，赞 亦是金 发表于 2022-12-18 18:29
红影老师周日愉快！
谢谢{:4_187:}
页:
[1]