【I Love You 3000】- Stephanie Poetri 前奏即爱上
<!-- ========== DZ帖内音乐卡片 【直接源码粘贴可用|纯行内样式无全局污染】 ========== --><!-- 【全局修改点0:卡片整体最大宽度调节】修改max-width数值,单位px,控制卡片整体宽窄 -->
<!-- 【全局修改点1:卡片外部上下外边距】margin:上方间距 auto 下方间距 auto;单位px,控制卡片和帖子上下空白 -->
<div style="max-width:500px;margin:50px auto 50px auto;font-family:system-ui,-apple-system;box-sizing:border-box;">
<!-- 主卡片容器
【修改点2:卡片内边距/圆角调节】border-radius圆角;padding:上下 左右 控制卡片内部留白
【渐变背景修改位置】background 修改渐变色彩
✅【卡片白色边框调节位置】border:0px solid rgba(255,255,255,0.5);
格式:border:边框粗细px solid rgba(255,255,255,透明度);
✅悬浮上浮动画,兼容DZ无hover环境,行内JS实现浮动效果
-->
<div style="background:linear-gradient(145deg,#000000,#A4A4AC);border-radius:30px;padding:30px 30px;
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)';">
<!-- 【修改点3:封面图片|强制自适应!!行内样式最高优先级】
替换src内链接为论坛附件完整地址,不要使用标签!
style强制:宽度铺满容器,高度自动,等比例,禁止拉伸
-->
<div style="border:0px solid #333;border-radius:30px;overflow:hidden;margin-bottom:22px;">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/a6/7d/46/a67d4670-0faf-5122-7dc1-2f4775343ed6/artwork.jpg/600x600bb.jpg" style="width:100%;height:auto;display:block;border:none;" alt="封面">
</div>
<!-- =========【网易云外链播放器区域】========= -->
<!-- 修改点4:网易云播放器参数
src:替换网易云外链
width 宽度 / height 高度 自由修改
auto=0关闭自动播放 auto=1开启自动播放
-->
<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=1374446646&auto=1&height=32"></iframe>
</div>
<!-- ============================================== -->
<!-- 【修改点5:歌曲名称】 -->
<h2 style="color:#ffffff;font-size:26px;margin:0 0 6px 0;font-weight:600;">I Love You 3000</h2>
<!-- 【修改点6:歌手名称】 -->
<p style="color:#ffffff;font-size:20px;margin:0 0 12px 0;">Stephanie Poetri</p>
<!-- 【修改点7:歌曲分类/年份信息】 -->
<p style="color:#ffffff;font-size:14px;margin:0 0 26px 0;">Stephanie Poetri· 2019年 · 无损</p>
<!-- 底部模拟播放按钮区域 -->
<div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;">
<!-- 随机按钮
透明度参数:rgba(0,0,0,0.35) 最后一位控制透明度
-->
<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>
<!-- 中间播放按钮【黑色半透明】
透明度可自行调整 0.35数值大小
-->
<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>
<!-- 下载按钮
透明度参数:rgba(0,0,0,0.35) 最后一位控制透明度
-->
<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>
<!-- ========== 底部折叠框【卡片内部|黑色半透明,透明度可调】 ========== -->
<!-- 透明度修改位置:background:rgba(0,0,0,0.28) 末尾数值=透明度 -->
<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;">
<!-- 【修改点8:折叠栏标题文字】 -->
<summary style="padding:12px 16px;color:#eee;cursor-pointer;list-style:none;text-align:center;">点击查看音乐链接</summary>
<!-- 【修改点9:折叠内部文本,自由编辑】 -->
<div style="padding:0 16px 16px;color:#cccccc;font-size:15px;line-height:1.6;text-align:center;">
**** Hidden Message *****
</div>
</details>
</div>
</div>
<!-- ========== DZ帖内音乐卡片 结束 ========== --> 舒服节奏,秒控我三分钟 列入常听歌单,多谢楼主 越听越有味道,感恩分享 慕名而来,感谢楼主分享音乐 曲风很棒,感谢楼主分享! 感谢分享,歌单音乐+1 听觉享受,辛苦楼主搬运 听觉享受,辛苦楼主搬运 听完心情变好,感谢分享曲目