bingshuo/guanghulab
1
0
Fork 0
Code Issues 2 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🎨 播放器UI改光湖风格：暗色玻璃+青色边框+呼吸光晕+标题显示歌单名

Browse Source
This commit is contained in:
root 2026-05-20 23:12:26 +08:00
parent 2582ffbccf
commit 7035864178
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
homepage/index.html
View File

@ -971,9 +971,15 @@ async function sendMessage() {
</script>
</body>
<!-- Music Player -->
<div style="position:fixed;bottom:20px;right:20px;z-index:40;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4);opacity:.65;transition:opacity .3s" onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=.65">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=350 height=80 src="//music.163.com/outchain/player?type=0&id=3778678&auto=1&height=66"></iframe>
<!-- 光湖音律播放器 -->
<div style="position:fixed;bottom:24px;right:24px;z-index:40;width:350px;border-radius:16px;overflow:hidden;background:rgba(11,20,36,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(90,208,224,.12);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(90,208,224,.05);opacity:.7;transition:all .35s ease" onmouseover="this.style.opacity=1;this.style.boxShadow='0 8px 40px rgba(0,0,0,.5),0 0 30px rgba(90,208,224,.1)'" onmouseout="this.style.opacity=.7;this.style.boxShadow='0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(90,208,224,.05)'">
<div style="display:flex;align-items:center;gap:10px;padding:10px 16px 6px;border-bottom:1px solid rgba(90,208,224,.06)">
<span style="font-size:12px;letter-spacing:1px;color:rgba(90,208,224,.5)">◈ 光湖 · 音律</span>
<span style="font-size:11px;color:rgba(90,208,224,.25);margin-left:auto">网易云音乐</span>
</div>
<div style="padding:6px 0 0">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=350 height=80 src="//music.163.com/outchain/player?type=0&id=3778678&auto=1&height=80"></iframe>
</div>
</div>
</body>
</html>