<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<style>
.player {
width: 520px;
padding: 28px 24px 32px 24px;
background: rgba(15, 15, 15, 0.9);
color: #e8e8e8;
font-family: 'Segoe UI', sans-serif;
margin: 40px auto;
border-radius: 18px;
backdrop-filter: blur(6px);
box-shadow:
0 0 30px #000,
inset 0 0 35px rgba(255,255,255,0.03),
inset 0 0 8px rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.06);
}
.album {
width: 360px;
height: 651px;
margin: 0 auto 20px auto;
background: url("https://t1.daumcdn.net/cafeattach/1FJiT/01ed88a47c5d07362d0849ae78f24f4eb4d509d7") center/cover no-repeat; border-radius: 14px;
box-shadow:
0 0 25px #000,
inset 0 0 25px rgba(0,0,0,0.6),
inset 0 0 6px rgba(255,255,255,0.07);
}
.title {
text-align: center;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
color: #fafafa;
text-shadow:
0 0 8px rgba(255,255,255,0.25),
0 0 2px rgba(255,255,255,0.15);
}
.artist {
text-align: center;
font-size: 14px;
margin-top: 6px;
margin-bottom: 18px;
color: #c3c3c3be;
letter-spacing: 0.2px;
}
audio {
width: 92%;
display: block;
margin: 0 auto;
filter: invert(1) brightness(0.4);
border-radius: 8px;
}
audio::-webkit-media-controls-enclosure {
background: transparent !important;
box-shadow: none !important;
}
audio::-webkit-media-controls-panel {
background: transparent !important;
}
</style>
<div class="player">
<div class="album"></div>
<div class="title">Love, on its Solitude</div>
<div class="artist">Han Young-ae</div>
<audio src="https://www.dropbox.com/scl/fi/jxm9xedoi1sx6hrj0strq/Han-Young-ae-Love-on-its-Solitude.mp3?rlkey=8gfh55ieqhfqlefhnozdqy33p&st=aqsk6efk&dl=1" controls autoplay loop>
</audio>
</div>
"><div data-ke-class="article"><style>
.player {
width: 520px;
padding: 28px 24px 32px 24px;
background: rgba(15, 15, 15, 0.9);
color: #e8e8e8;
font-family: 'Segoe UI', sans-serif;
margin: 40px auto;
border-radius: 18px;
backdrop-filter: blur(6px);
box-shadow:
0 0 30px #000,
inset 0 0 35px rgba(255,255,255,0.03),
inset 0 0 8px rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.06);
}
.album {
width: 360px;
height: 651px;
margin: 0 auto 20px auto;
background: url("https://t1.daumcdn.net/cafeattach/1FJiT/01ed88a47c5d07362d0849ae78f24f4eb4d509d7") center/cover no-repeat; border-radius: 14px;
box-shadow:
0 0 25px #000,
inset 0 0 25px rgba(0,0,0,0.6),
inset 0 0 6px rgba(255,255,255,0.07);
}
.title {
text-align: center;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
color: #fafafa;
text-shadow:
0 0 8px rgba(255,255,255,0.25),
0 0 2px rgba(255,255,255,0.15);
}
.artist {
text-align: center;
font-size: 14px;
margin-top: 6px;
margin-bottom: 18px;
color: #c3c3c3be;
letter-spacing: 0.2px;
}
audio {
width: 92%;
display: block;
margin: 0 auto;
filter: invert(1) brightness(0.4);
border-radius: 8px;
}
audio::-webkit-media-controls-enclosure {
background: transparent !important;
box-shadow: none !important;
}
audio::-webkit-media-controls-panel {
background: transparent !important;
}
</style>
<div class="player">
<div class="album"></div>
<div class="title">Love, on its Solitude</div>
<div class="artist">Han Young-ae</div>
<audio src="https://www.dropbox.com/scl/fi/jxm9xedoi1sx6hrj0strq/Han-Young-ae-Love-on-its-Solitude.mp3?rlkey=8gfh55ieqhfqlefhnozdqy33p&st=aqsk6efk&dl=1" controls autoplay loop>
</audio>
</div>
</div></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/3149b21732cff42ae80ed4ad59dcbf325434d78b" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/3149b21732cff42ae80ed4ad59dcbf325434d78b" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/c8215c02fdb8e87f2c920131df9d8a4f515cc81e" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/c8215c02fdb8e87f2c920131df9d8a4f515cc81e" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/260940c6d6cec3471754f96551ec02df82187f41" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/260940c6d6cec3471754f96551ec02df82187f41" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/1de1c549c05600e9069ea2a6e85e864aedede1ff" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/1de1c549c05600e9069ea2a6e85e864aedede1ff" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/17a93940cb4582dc9a9545d49f4633cd62ae27e4" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/17a93940cb4582dc9a9545d49f4633cd62ae27e4" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/c9d0a107a811f7b03c497f0989be5681b5c77a6d" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/c9d0a107a811f7b03c497f0989be5681b5c77a6d" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/16e45d2c57b8c710def78780a91974912295c746" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/16e45d2c57b8c710def78780a91974912295c746" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/2092ab3fcd7b221e6ce0534a1c7fd790094bc09f" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/2092ab3fcd7b221e6ce0534a1c7fd790094bc09f" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/cadaa954a9e8744bc298a2375b29249d89ff5cb1" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/cadaa954a9e8744bc298a2375b29249d89ff5cb1" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/75e6d77add938973a1feeff36f288641b18dc633" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/75e6d77add938973a1feeff36f288641b18dc633" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/852b33267e6da093abac9ccfe30742a25927fb59" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/852b33267e6da093abac9ccfe30742a25927fb59" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/14a6e6affbdb9403d93f39018a7295a7f32f1b56" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/14a6e6affbdb9403d93f39018a7295a7f32f1b56" data-origin-width="768" data-origin-height="1365"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/44838505395db5ae5b8e1bd24c0e3b0dff3986ca" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/44838505395db5ae5b8e1bd24c0e3b0dff3986ca" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/33493724e390855dd442a73f6e98c0789a92f560" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/33493724e390855dd442a73f6e98c0789a92f560" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/b7b854aa6de864bac5358561f08731137a257981" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/b7b854aa6de864bac5358561f08731137a257981" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/7e428035b48d23fc70c58e2a02ab99805deb249f" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/7e428035b48d23fc70c58e2a02ab99805deb249f" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/88e9f46d3bd37265ea62cd30d2009b1ec204bbf8" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/88e9f46d3bd37265ea62cd30d2009b1ec204bbf8" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/6aae3f7409013d284638359d969df879955799cf" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/6aae3f7409013d284638359d969df879955799cf" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/6243687fbca26d04b436675d0b1aaf3f3f75d537" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/6243687fbca26d04b436675d0b1aaf3f3f75d537" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/e499f7ccef4bae549c521ae2c43101cd1d8a9637" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/e499f7ccef4bae549c521ae2c43101cd1d8a9637" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/685283150d55cdc6a58c0e4fc5b357959acc29ec" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/685283150d55cdc6a58c0e4fc5b357959acc29ec" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/c91051239c0241667a8aaea601979690658267d6" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/c91051239c0241667a8aaea601979690658267d6" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/26bd3ba21e39b9d1345750d225c64b1bc94f454c" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/26bd3ba21e39b9d1345750d225c64b1bc94f454c" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/781d528113bc3cbf2416351a19395303293f0461" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/781d528113bc3cbf2416351a19395303293f0461" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/c19a678ba8f1bb535f94e53f736635fb7b53cafc" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/c19a678ba8f1bb535f94e53f736635fb7b53cafc" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/7be1353385786a6b90a6c9119bd0446bf048a270" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/7be1353385786a6b90a6c9119bd0446bf048a270" data-origin-width="1365" data-origin-height="768"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1FJiT/c8281af4557e6289f572e4dcf26ddb31c6b45485" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1FJiT/c8281af4557e6289f572e4dcf26ddb31c6b45485" data-origin-width="1365" data-origin-height="768"></div>
<!-- -->
]]>
