【Chasing You Tonight】- Richz 开场即秒单曲
<!-- ========== DZ帖内音乐卡片 【透明CD盒｜附件模式｜悬浮弹窗修复版】 ========== -->
<!-- 参数调节清单
--cd-width CD盒整体宽度
--cd-height CD盒整体高度
--cd-padding 封面距离CD盒内壁四周边距
--cover-radius 封面图片圆角
--box-radius CD塑料盒外框圆角
--card-margin-bottom CD盒距离下方文字间距
-->
<div style="max-width:500px;margin:50px auto 50px auto;font-family:system-ui,-apple-system;box-sizing:border-box;">
<!-- 主卡片容器 -->
<div style="background:linear-gradient(145deg,#000000,#212121);border-radius:30px;padding:50px 50px;
border:0px solid rgba(255,255,255,0.5);
box-shadow:0 8px 30px rgba(0,0,0,0.3);text-align:center;
transition: transform 0.6s ease, box-shadow 0.6s ease;transform: translateY(0);"
onmouseover="this.style.transform='translateY(-6px)';this.style.boxShadow='0 14px 40px rgba(0,0,0,0.45)';"
onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 8px 30px rgba(0,0,0,0.3)';">
<!-- 【隐藏区域：仅用来解析，页面不会显示图片】修改数字ID！ -->
<div style="display:none;visibility:hidden;height:0;overflow:hidden;" class="attach_source">
</div>
<!-- 【CD盒区域｜层级重构：底层图片，上层透明盒结构】 -->
<div style="position:relative;margin:0 auto;
--cd-width:400px;
--cd-height:400px;
--cd-padding:10px;
--cover-radius:25px;
--box-radius:30px;
--card-margin-bottom:22px;
width:var(--cd-width);
height:var(--cd-height);
margin-bottom:var(--card-margin-bottom);
border-radius:var(--box-radius);overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
box-shadow:0 0 2px rgba(255,255,255,0.1),
inset 0 0 18px rgba(255,255,255,0.06),
inset 0 0 30px rgba(0,0,0,0.08);">
<!-- 底层：封面图片容器 -->
<div style="position:absolute;top:var(--cd-padding);left:var(--cd-padding);right:var(--cd-padding);bottom:var(--cd-padding);overflow:hidden;border-radius:var(--cover-radius);">
<img class="cd-cover-img" alt="封面"
style="width:100%;height:100%;display:block;object-fit:cover;">
</div>
<!-- 上层：透明塑料盒高光层 -->
<div style="position:absolute;top:0;left:0;right:0;height:48%;
background:linear-gradient(135deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 60%);
pointer-events:none;"></div>
<!-- 上层：透明盒边缘反光 -->
<div style="position:absolute;top:0;left:0;right:0;bottom:0;
border:1px solid rgba(255,255,255,0.08);border-radius:var(--box-radius);
pointer-events:none;"></div>
<!-- 上层：底部轻微暗色折射 -->
<div style="position:absolute;bottom:0;left:0;right:0;height:24%;
background:linear-gradient(to top,rgba(0,0,0,0.12),transparent);
pointer-events:none;"></div>
</div>
<!-- =========【网易云外链播放器区域】========= -->
<div style="margin-bottom:20px;">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=1 src="//music.163.com/outchain/player?type=2&id=3322718649&auto=1&height=32"></iframe>
</div>
<!-- 【歌曲信息】 -->
<h2 style="color:#ffffff;font-size:26px;margin:0 0 6px 0;font-weight:600;">Chasing You Tonight</h2>
<p style="color:#ffffff;font-size:20px;margin:0 0 12px 0;">Richz</p>
<p style="color:#ffffff;font-size:14px;margin:0 0 26px 0;">发行时间：2025-05-20</p>
<!-- 底部模拟播放按钮区域 -->
<div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;">
<div style="width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:#fff;">⇄</div>
<div style="flex:1;height:46px;border-radius:99px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;">▶ 暂停</div>
<div style="width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:#fff;">↓</div>
</div>
<!-- ========== 底部折叠框 ========== -->
<details style="background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:0;box-sizing:border-box;">
<summary style="padding:12px 16px;color:#eee;cursor-pointer;list-style:none;text-align:center;">点击查看音乐链接</summary>
<div style="padding:0 16px 16px;color:#cccccc;font-size:15px;line-height:1.6;text-align:center;">
**** Hidden Message *****
</div>
</details>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
// 获取隐藏附件图片
let sourceImg = document.querySelector(".attach_source img");
let coverImg = document.querySelector(".cd-cover-img");
if(sourceImg && coverImg){
coverImg.src = sourceImg.src;
}
})
</script>
<!-- ========== DZ帖内音乐卡片 结束 ========== -->
舒服节奏，秒控我三分钟 舒服节奏，秒控我三分钟 慕名而来，感谢楼主分享音乐 越听上头，感恩无私分享 曲风很棒，感谢楼主分享！ 曲风很棒，感谢楼主分享！ 循环预定，感恩楼主分享曲目 宝藏曲目，十分感谢楼主 音色绝了，多谢用心整理