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

💿 播放器改回顶栏紧凑版：22px唱片+点击展开下拉面板

Browse Source
This commit is contained in:
root 2026-05-20 23:21:02 +08:00
parent c5e1daca30
commit 59fcef0dcd
1 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
homepage/index.html
View File

@ -321,9 +321,21 @@ table.tool-table td:last-child{text-align:right}
<span class="dot"></span>
<span><strong>TCS</strong> 通感语言核系统</span>
</div>
<div class="tb-right">
<div class="tb-right" style="position:relative">
<!-- 光湖音律 -->
<div style="padding:4px 12px;border-radius:16px;border:1px solid rgba(90,208,224,.15);background:rgba(90,208,224,.05);display:flex;align-items:center;gap:8px;cursor:pointer" onclick="var p=document.getElementById('music-panel');p.style.display=p.style.display==='none'?'block':'none'" onmouseover="this.style.borderColor='rgba(90,208,224,.3)'" onmouseout="this.style.borderColor='rgba(90,208,224,.15)'">
<div style="width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(90,208,224,.5) 0%,#0b1424 25%,#0b1424 50%,rgba(90,208,224,.12) 100%);border:1px solid rgba(90,208,224,.18);display:flex;align-items:center;justify-content:center;animation:spin 8s linear infinite">
<div style="width:5px;height:5px;border-radius:50%;background:rgba(90,208,224,.6)"></div>
</div>
<span style="font-size:12px;color:rgba(90,208,224,.5)">音律</span>
</div>
<div id="music-panel" style="display:none;position:absolute;top:48px;right:0;z-index:100;width:280px;background:rgba(11,20,36,.95);backdrop-filter:blur(16px);border:1px solid rgba(90,208,224,.1);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.5);padding:14px">
<div style="font-size:13px;color:rgba(90,208,224,.6);margin-bottom:10px;letter-spacing:1px">◈ 光湖 · 音律</div>
<div style="border-radius:8px;overflow:hidden">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=80 src="//music.163.com/outchain/player?type=0&id=3778678&auto=0&height=80"></iframe>
</div>
</div>
<span class="tb-tag" onclick="toggleLogin()" id="login-toggle">登录</span>
</div>
</div>
@ -343,25 +355,6 @@ table.tool-table td:last-child{text-align:right}
<div class="info-chip"><strong>2</strong> 人格体活跃</div>
</div>
<!-- 光湖音律播放器卡片 -->
<div class="card breathe-violet" style="padding:0;overflow:hidden">
<div style="display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(90,208,224,.08);background:rgba(90,208,224,.03)">
<div style="width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,rgba(90,208,224,.6) 0%,#0b1424 22%,#0b1424 45%,rgba(90,208,224,.25) 100%);border:1px solid rgba(90,208,224,.3);display:flex;align-items:center;justify-content:center;animation:spin 5s linear infinite;box-shadow:0 0 16px rgba(90,208,224,.15)">
<div style="width:12px;height:12px;border-radius:50%;background:rgba(90,208,224,.6);box-shadow:0 0 10px rgba(90,208,224,.4)"></div>
</div>
<div>
<div style="font-size:16px;font-weight:500;color:var(--light)">光湖 · 音律</div>
<div style="font-size:13px;color:rgba(90,208,224,.4);margin-top:2px">点击播放按钮开始放歌</div>
</div>
<div style="margin-left:auto;font-size:20px;color:rgba(90,208,224,.2)">♪</div>
</div>
<div style="padding:16px 20px 20px">
<div style="border-radius:12px;overflow:hidden;background:#000">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=100 src="//music.163.com/outchain/player?type=0&id=3778678&auto=1&height=100"></iframe>
</div>
</div>
</div>
<div class="dashboard">
<!-- 人格体 + 登录 -->