【SPEECHLESS】- Denise Julia 示弱从来不是我的风格
<!-- ========== 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)';">
<!-- 【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
src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/c8/9f/63/c89f6380-2e9d-e8f0-8371-4854a6f451e4/199316579178_cover.jpg/600x600bb.jpg"
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=3379829161&auto=1&height=32"></iframe>
</div>
<!-- 【修改点5：歌曲名称】 -->
<h2 style="color:#ffffff;font-size:26px;margin:0 0 6px 0;font-weight:600;">SPEECHLESS</h2>
<!-- 【修改点6：歌手名称】 -->
<p style="color:#ffffff;font-size:20px;margin:0 0 12px 0;">Denise Julia</p>
<!-- 【修改点7：歌曲分类/年份信息】 -->
<p style="color:#ffffff;font-size:14px;margin:0 0 26px 0;">2nd Floor Entertainment Inc / EMPIRE· 2026年 · 无损</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>
<!-- ========== DZ帖内音乐卡片 结束 ========== -->
难得的好歌，感谢无私分享 难得的好歌，感谢无私分享 歌单新增成员，谢谢楼主 曲风很棒，感谢楼主分享！ 越听上头，感恩无私分享 歌荒救星，感谢楼主推荐 一直找这首歌，终于等到 感谢楼主分享，爱来爱了 越听上头，感恩无私分享