hoelee/hoelee-blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(styles): prevent info overflow with dedicated full-width line and enlarge desktop cover to 38%
Deploy / build (push) Successful in 24s
Details

Browse Source
This commit is contained in:
hoelee committed 2026-10-26 04:22:47 +08:00
1 parent af37f7ff1b
commit 6ad1288ec7
4 files changed
+292 -284
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/content/posts/generating-full-length-songs-with-yue2-comfyui.md
+133 -131
View File
@@ -44,25 +44,27 @@ individual 1024×1024 cover art and synchronized scrolling lyrics).
.track-grid-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:.35rem;max-height:160px;overflow-y:auto;padding:.4rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid var(--border,#3a3f47)}
.pill-btn{font-size:.78em;font-weight:600;padding:.3rem .1rem;text-align:center;border-radius:6px;border:1px solid var(--border,#3a3f47);background:var(--surface,#242831);color:var(--muted-foreground,#9ca3af);cursor:pointer;transition:all .12s}
.pill-btn:hover{background:rgba(34,197,94,.2);color:var(--accent,#22c55e);border-color:var(--accent,#22c55e)}
.subs-track{margin:2.4rem 0;display:flex;gap:1.5rem;align-items:flex-start;padding:1.2rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:border-color .3s,box-shadow .3s,transform .3s}
.subs-track{margin:2.4rem 0;display:flex;gap:1.6rem;align-items:flex-start;padding:1.25rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.subs-track.is-hidden{display:none!important}
.subs-track.track-pulse{border-color:var(--accent,#22c55e);box-shadow:0 0 0 3px rgba(34,197,94,.35),0 8px 30px rgba(34,197,94,.2);transform:scale(1.01)}
.subs-cover{flex:0 0 33.333%;width:33.333%;max-width:280px;min-width:200px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
.subs-cover{flex:0 0 38%;width:38%;max-width:325px;min-width:220px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000;box-sizing:border-box}
.subs-cover img{width:100%;height:100%;object-fit:cover;display:block}
.subs-content{flex:1 1 0;min-width:0}
.subs-content figcaption{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-weight:600;margin-bottom:.45rem}
.subs-title{flex:1 1 auto;min-width:0;font-size:1.05em;color:var(--foreground,#f3f4f6)}
.subs-meta{font-weight:400;opacity:.7;font-size:.85em;white-space:nowrap}
.subs-dl{margin-left:auto;flex:0 0 auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.16rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap}
.subs-content{flex:1 1 0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.subs-content figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.35rem .6rem;margin-bottom:.55rem;width:100%;box-sizing:border-box}
.subs-title{order:1;flex:1 1 auto;min-width:0;font-size:1.08em;font-weight:700;color:var(--foreground,#f3f4f6);line-height:1.35;word-break:break-word;overflow-wrap:break-word}
.subs-dl{order:2;flex:0 0 auto;margin-left:auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.18rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap;transition:all .15s}
.subs-dl:hover{background:rgba(34,197,94,.14)}
.subs-dl::before{content:"↓ "}
.subs-content audio{width:100%;margin-top:.2rem}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25)}
.subs-meta{order:3;flex:0 0 100%;width:100%;display:block;font-weight:400;opacity:.75;font-size:.85em;line-height:1.45;margin-top:.2rem;white-space:normal;word-break:break-word;overflow-wrap:break-word}
.subs-content audio{width:100%;margin-top:.35rem;box-sizing:border-box}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25);box-sizing:border-box}
.subs-box p{margin:.18rem 0;opacity:.55;transition:opacity .15s,color .15s}
.subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
@media(max-width:680px){
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem}
.subs-cover{flex:none;width:100%;max-width:none;min-width:0;aspect-ratio:1/1;margin:0}
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem;margin:1.8rem 0}
.subs-cover{flex:none;width:100%;max-width:100%;min-width:0;aspect-ratio:1/1;margin:0;border-radius:8px}
.subs-content{width:100%;min-width:0}
.subs-title{font-size:1.02em}
}
</style>
@@ -281,13 +283,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-01" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/01_The_Thimble_Under_the_Moss_借物小人的苔藓顶针.webp" alt="The Thimble Under the Moss cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/01_The_Thimble_Under_the_Moss_借物小人的苔藓顶针.webp" alt="The Thimble Under the Moss cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">01. The Thimble Under the Moss</span>
<span class="subs-meta">3分11秒 (191.1s) · Celtic Folk · 清脆稚气女童声（类似 Cécile Corbel《Arrietty&#x27;s Song》）｜中速轻快（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/01-The-Thimble-Under-the-Moss-借物小人的苔藓顶针.mp3" download>MP3</a>
<span class="subs-meta">3分11秒 (191.1s) · Celtic Folk · 清脆稚气女童声（类似 Cécile Corbel《Arrietty&#x27;s Song》）｜中速轻快（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-1" src="https://content.hoelee.com/file/hoelee/music/01-The-Thimble-Under-the-Moss-借物小人的苔藓顶针.mp3"></audio>
<pre id="lrc-60-1" hidden>[ti:The Thimble Under the Moss]
@@ -332,13 +334,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-02" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/02_Mist_of_Skellig_Michael_斯凯利格的晨雾.webp" alt="Mist of Skellig Michael cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/02_Mist_of_Skellig_Michael_斯凯利格的晨雾.webp" alt="Mist of Skellig Michael cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">02. Mist of Skellig Michael</span>
<span class="subs-meta">4分26秒 (266.2s) · Celtic Folk · 空灵圣洁的小女孩独唱（类似 Enya + 幼态音色）｜慢速悠长（约 72 BPM，字少音长）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/02-Mist-of-Skellig-Michael-斯凯利格的晨雾.mp3" download>MP3</a>
<span class="subs-meta">4分26秒 (266.2s) · Celtic Folk · 空灵圣洁的小女孩独唱（类似 Enya + 幼态音色）｜慢速悠长（约 72 BPM，字少音长）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-2" src="https://content.hoelee.com/file/hoelee/music/02-Mist-of-Skellig-Michael-斯凯利格的晨雾.mp3"></audio>
<pre id="lrc-60-2" hidden>[ti:Mist of Skellig Michael]
@@ -379,13 +381,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-03" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/03_The_Rose_of_Connemara_康内马拉的野玫瑰.webp" alt="The Rose of Connemara cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/03_The_Rose_of_Connemara_康内马拉的野玫瑰.webp" alt="The Rose of Connemara cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">03. The Rose of Connemara</span>
<span class="subs-meta">4分43秒 (283.1s) · Celtic Folk · 纯净稚气少女音（类似 Cara Dillon 早期清亮少女感）｜中慢速叙事（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/03-The-Rose-of-Connemara-康内马拉的野玫瑰.mp3" download>MP3</a>
<span class="subs-meta">4分43秒 (283.1s) · Celtic Folk · 纯净稚气少女音（类似 Cara Dillon 早期清亮少女感）｜中慢速叙事（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-3" src="https://content.hoelee.com/file/hoelee/music/03-The-Rose-of-Connemara-康内马拉的野玫瑰.mp3"></audio>
<pre id="lrc-60-3" hidden>[ti:The Rose of Connemara]
@@ -426,13 +428,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-04" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/04_Lanterns_on_the_Moor_荒原上的提灯舞.webp" alt="Lanterns on the Moor cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/04_Lanterns_on_the_Moor_荒原上的提灯舞.webp" alt="Lanterns on the Moor cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">04. Lanterns on the Moor</span>
<span class="subs-meta">3分31秒 (211.2s) · Celtic Folk · 俏皮精灵般的女童声（类似 Cécile Corbel 欢快舞曲风）｜快速三拍子（约 128 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/04-Lanterns-on-the-Moor-荒原上的提灯舞.mp3" download>MP3</a>
<span class="subs-meta">3分31秒 (211.2s) · Celtic Folk · 俏皮精灵般的女童声（类似 Cécile Corbel 欢快舞曲风）｜快速三拍子（约 128 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-4" src="https://content.hoelee.com/file/hoelee/music/04-Lanterns-on-the-Moor-荒原上的提灯舞.mp3"></audio>
<pre id="lrc-60-4" hidden>[ti:Lanterns on the Moor]
@@ -473,13 +475,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-05" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/05_The_Weaver_of_Raglan_Lane_拉格兰巷的织布人.webp" alt="The Weaver of Raglan Lane cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/05_The_Weaver_of_Raglan_Lane_拉格兰巷的织布人.webp" alt="The Weaver of Raglan Lane cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">05. The Weaver of Raglan Lane</span>
<span class="subs-meta">4分39秒 (279.3s) · Celtic Folk · 醇厚温暖的凯尔特民谣男声（类似 Luke Kelly，调剂男声）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/05-The-Weaver-of-Raglan-Lane-拉格兰巷的织布人.mp3" download>MP3</a>
<span class="subs-meta">4分39秒 (279.3s) · Celtic Folk · 醇厚温暖的凯尔特民谣男声（类似 Luke Kelly，调剂男声）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-5" src="https://content.hoelee.com/file/hoelee/music/05-The-Weaver-of-Raglan-Lane-拉格兰巷的织布人.mp3"></audio>
<pre id="lrc-60-5" hidden>[ti:The Weaver of Raglan Lane]
@@ -520,13 +522,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-06" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/06_硝子の花束_玻璃花束.webp" alt="硝子の花束 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/06_硝子の花束_玻璃花束.webp" alt="硝子の花束 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">06. 硝子の花束</span>
<span class="subs-meta">3分49秒 (230.0s) · Japanese Healing · 稚气通透、略带脆弱感的动漫少女音（祈妹风）｜中慢速钢琴弦乐（约 78 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/06-硝子の花束-玻璃花束.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (230.0s) · Japanese Healing · 稚气通透、略带脆弱感的动漫少女音（祈妹风）｜中慢速钢琴弦乐（约 78 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-6" src="https://content.hoelee.com/file/hoelee/music/06-硝子の花束-玻璃花束.mp3"></audio>
<pre id="lrc-60-6" hidden>[ti:硝子の花束]
@@ -567,13 +569,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-07" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/07_銀の時計塔と宵の歌_银之钟塔与宵之歌.webp" alt="銀の時計塔と宵の歌 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/07_銀の時計塔と宵の歌_银之钟塔与宵之歌.webp" alt="銀の時計塔と宵の歌 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">07. 銀の時計塔と宵の歌</span>
<span class="subs-meta">4分34秒 (274.8s) · Japanese Healing · 清亮圣洁少女音 + 梶浦语吟唱｜中速华尔兹三拍子（约 110 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/07-銀の時計塔と宵の歌-银之钟塔与宵之歌.mp3" download>MP3</a>
<span class="subs-meta">4分34秒 (274.8s) · Japanese Healing · 清亮圣洁少女音 + 梶浦语吟唱｜中速华尔兹三拍子（约 110 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-7" src="https://content.hoelee.com/file/hoelee/music/07-銀の時計塔と宵の歌-银之钟塔与宵之歌.mp3"></audio>
<pre id="lrc-60-7" hidden>[ti:銀の時計塔と宵の歌]
@@ -613,13 +615,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-08" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/08_森の郵便屋さん_森林邮差.webp" alt="森の郵便屋さん cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/08_森の郵便屋さん_森林邮差.webp" alt="森の郵便屋さん cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">08. 森の郵便屋さん</span>
<span class="subs-meta">3分44秒 (225.0s) · Japanese Healing · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与竖琴（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/08-森の郵便屋さん-森林邮差.mp3" download>MP3</a>
<span class="subs-meta">3分44秒 (225.0s) · Japanese Healing · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与竖琴（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-8" src="https://content.hoelee.com/file/hoelee/music/08-森の郵便屋さん-森林邮差.mp3"></audio>
<pre id="lrc-60-8" hidden>[ti:森の郵便屋さん]
@@ -660,13 +662,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-09" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/09_白鳥の祈り_白鸟的祈祷.webp" alt="白鳥の祈り cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/09_白鳥の祈り_白鸟的祈祷.webp" alt="白鳥の祈り cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">09. 白鳥の祈り</span>
<span class="subs-meta">4分06秒 (246.3s) · Japanese Healing · 空灵通透的高音少女/女童声，尾音带空灵共鸣｜慢速大气（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/09-白鳥の祈り-白鸟的祈祷.mp3" download>MP3</a>
<span class="subs-meta">4分06秒 (246.3s) · Japanese Healing · 空灵通透的高音少女/女童声，尾音带空灵共鸣｜慢速大气（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-9" src="https://content.hoelee.com/file/hoelee/music/09-白鳥の祈り-白鸟的祈祷.mp3"></audio>
<pre id="lrc-60-9" hidden>[ti:白鳥の祈り]
@@ -707,13 +709,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-10" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/10_星屑のオルゴール_星尘八音盒.webp" alt="星屑のオルゴール cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/10_星屑のオルゴール_星尘八音盒.webp" alt="星屑のオルゴール cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">10. 星屑のオルゴール</span>
<span class="subs-meta">3分31秒 (211.8s) · Japanese Healing · 清甜稚气的少女声｜中慢速轻盈感（约 88 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/10-星屑のオルゴール-星尘八音盒.mp3" download>MP3</a>
<span class="subs-meta">3分31秒 (211.8s) · Japanese Healing · 清甜稚气的少女声｜中慢速轻盈感（约 88 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-10" src="https://content.hoelee.com/file/hoelee/music/10-星屑のオルゴール-星尘八音盒.mp3"></audio>
<pre id="lrc-60-10" hidden>[ti:星屑のオルゴール]
@@ -753,13 +755,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-11" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/11_ひまわり行進曲_向日葵进行曲.webp" alt="ひまわり行進曲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/11_ひまわり行進曲_向日葵进行曲.webp" alt="ひまわり行進曲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">11. ひまわり行進曲</span>
<span class="subs-meta">3分18秒 (198.0s) · Japanese Energetic · 元气满满的小女孩独唱/齐唱感｜中快速欢快节奏（约 118 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/11-ひまわり行進曲-向日葵进行曲.mp3" download>MP3</a>
<span class="subs-meta">3分18秒 (198.0s) · Japanese Energetic · 元气满满的小女孩独唱/齐唱感｜中快速欢快节奏（约 118 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-11" src="https://content.hoelee.com/file/hoelee/music/11-ひまわり行進曲-向日葵进行曲.mp3"></audio>
<pre id="lrc-60-11" hidden>[ti:ひまわり行進曲]
@@ -807,13 +809,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-12" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/12_プリンは世界を救うのだ_布丁拯救世界.webp" alt="プリンは世界を救うのだ！ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/12_プリンは世界を救うのだ_布丁拯救世界.webp" alt="プリンは世界を救うのだ！ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">12. プリンは世界を救うのだ！</span>
<span class="subs-meta">3分23秒 (203.4s) · Japanese Energetic · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/12-プリンは世界を救うのだ-布丁拯救世界.mp3" download>MP3</a>
<span class="subs-meta">3分23秒 (203.4s) · Japanese Energetic · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-12" src="https://content.hoelee.com/file/hoelee/music/12-プリンは世界を救うのだ-布丁拯救世界.mp3"></audio>
<pre id="lrc-60-12" hidden>[ti:プリンは世界を救うのだ！]
@@ -858,13 +860,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-13" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/13_こねこ探偵団のテーマ_小猫侦探团主题曲.webp" alt="こねこ探偵団のテーマ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/13_こねこ探偵団のテーマ_小猫侦探团主题曲.webp" alt="こねこ探偵団のテーマ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">13. こねこ探偵団のテーマ</span>
<span class="subs-meta">2分16秒 (136.1s) · Japanese Energetic · 奶声奶气的女童声（6~8岁童音感）｜中速轻快爵士童谣（约 115 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/13-こねこ探偵団のテーマ-小猫侦探团主题曲.mp3" download>MP3</a>
<span class="subs-meta">2分16秒 (136.1s) · Japanese Energetic · 奶声奶气的女童声（6~8岁童音感）｜中速轻快爵士童谣（约 115 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-13" src="https://content.hoelee.com/file/hoelee/music/13-こねこ探偵団のテーマ-小猫侦探团主题曲.mp3"></audio>
<pre id="lrc-60-13" hidden>[ti:こねこ探偵団のテーマ]
@@ -910,13 +912,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-14" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/14_夏祭りのラムネ星_夏祭的波子汽水星.webp" alt="夏祭りのラムネ星 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/14_夏祭りのラムネ星_夏祭的波子汽水星.webp" alt="夏祭りのラムネ星 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">14. 夏祭りのラムネ星</span>
<span class="subs-meta">3分14秒 (195.0s) · Japanese Energetic · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/14-夏祭りのラムネ星-夏祭的波子汽水星.mp3" download>MP3</a>
<span class="subs-meta">3分14秒 (195.0s) · Japanese Energetic · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-14" src="https://content.hoelee.com/file/hoelee/music/14-夏祭りのラムネ星-夏祭的波子汽水星.mp3"></audio>
<pre id="lrc-60-14" hidden>[ti:夏祭りのラムネ星]
@@ -964,13 +966,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-15" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/15_ほうきに乗って宅配便_骑着扫帚宅急便.webp" alt="ほうきに乗って宅配便 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/15_ほうきに乗って宅配便_骑着扫帚宅急便.webp" alt="ほうきに乗って宅配便 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">15. ほうきに乗って宅配便</span>
<span class="subs-meta">3分16秒 (196.1s) · Japanese Energetic · 清脆阳光的小女孩声音｜中速轻快复古流行（约 116 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/15-ほうきに乗って宅配便-骑着扫帚宅急便.mp3" download>MP3</a>
<span class="subs-meta">3分16秒 (196.1s) · Japanese Energetic · 清脆阳光的小女孩声音｜中速轻快复古流行（约 116 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-15" src="https://content.hoelee.com/file/hoelee/music/15-ほうきに乗って宅配便-骑着扫帚宅急便.mp3"></audio>
<pre id="lrc-60-15" hidden>[ti:ほうきに乗って宅配便]
@@ -1017,13 +1019,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-16" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/16_白露·竹间灯.webp" alt="白露·竹间灯 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/16_白露·竹间灯.webp" alt="白露·竹间灯 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">16. 白露·竹间灯</span>
<span class="subs-meta">3分42秒 (222.6s) · Chinese Guofeng · 清甜稚气的少女/女童声｜中速轻快电子国风（约 108 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/16-白露竹间灯.mp3" download>MP3</a>
<span class="subs-meta">3分42秒 (222.6s) · Chinese Guofeng · 清甜稚气的少女/女童声｜中速轻快电子国风（约 108 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-16" src="https://content.hoelee.com/file/hoelee/music/16-白露竹间灯.mp3"></audio>
<pre id="lrc-60-16" hidden>[ti:白露·竹间灯]
@@ -1063,13 +1065,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-17" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/17_小鲤跃龙门.webp" alt="小鲤跃龙门 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/17_小鲤跃龙门.webp" alt="小鲤跃龙门 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">17. 小鲤跃龙门</span>
<span class="subs-meta">2分09秒 (129.9s) · Chinese Guofeng · 活泼软萌的稚气少女音（语速偏快、吐字灵动）｜中快速（约 120 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/17-小鲤跃龙门.mp3" download>MP3</a>
<span class="subs-meta">2分09秒 (129.9s) · Chinese Guofeng · 活泼软萌的稚气少女音（语速偏快、吐字灵动）｜中快速（约 120 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-17" src="https://content.hoelee.com/file/hoelee/music/17-小鲤跃龙门.mp3"></audio>
<pre id="lrc-60-17" hidden>[ti:小鲤跃龙门]
@@ -1108,13 +1110,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-18" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/18_云海归鲲.webp" alt="云海归鲲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/18_云海归鲲.webp" alt="云海归鲲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">18. 云海归鲲</span>
<span class="subs-meta">3分56秒 (236.9s) · Chinese Guofeng · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速悠远（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/18-云海归鲲.mp3" download>MP3</a>
<span class="subs-meta">3分56秒 (236.9s) · Chinese Guofeng · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速悠远（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-18" src="https://content.hoelee.com/file/hoelee/music/18-云海归鲲.mp3"></audio>
<pre id="lrc-60-18" hidden>[ti:云海归鲲]
@@ -1155,13 +1157,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-19" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/19_纸伞巷.webp" alt="纸伞巷 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/19_纸伞巷.webp" alt="纸伞巷 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">19. 纸伞巷</span>
<span class="subs-meta">3分34秒 (214.6s) · Chinese Guofeng · 清亮温婉的少女声（带一点点江南小调韵味）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/19-纸伞巷.mp3" download>MP3</a>
<span class="subs-meta">3分34秒 (214.6s) · Chinese Guofeng · 清亮温婉的少女声（带一点点江南小调韵味）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-19" src="https://content.hoelee.com/file/hoelee/music/19-纸伞巷.mp3"></audio>
<pre id="lrc-60-19" hidden>[ti:纸伞巷]
@@ -1202,13 +1204,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-20" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/20_山间小道士.webp" alt="山间小道士 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/20_山间小道士.webp" alt="山间小道士 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">20. 山间小道士</span>
<span class="subs-meta">3分07秒 (187.6s) · Chinese Guofeng · 纯真稚气的小女孩/少女声音｜中速轻快民谣古风（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/20-山间小道士.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.6s) · Chinese Guofeng · 纯真稚气的小女孩/少女声音｜中速轻快民谣古风（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-20" src="https://content.hoelee.com/file/hoelee/music/20-山间小道士.mp3"></audio>
<pre id="lrc-60-20" hidden>[ti:山间小道士]
@@ -1247,13 +1249,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-21" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/21_橘子汽水的夏天.webp" alt="橘子汽水的夏天 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/21_橘子汽水的夏天.webp" alt="橘子汽水的夏天 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">21. 橘子汽水的夏天</span>
<span class="subs-meta">2分48秒 (169.0s) · Gentle Acoustic · 清澈稚气的少女声｜中慢速木吉他民谣（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/21-橘子汽水的夏天.mp3" download>MP3</a>
<span class="subs-meta">2分48秒 (169.0s) · Gentle Acoustic · 清澈稚气的少女声｜中慢速木吉他民谣（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-21" src="https://content.hoelee.com/file/hoelee/music/21-橘子汽水的夏天.mp3"></audio>
<pre id="lrc-60-21" hidden>[ti:橘子汽水的夏天]
@@ -1294,13 +1296,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-22" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/22_外婆的小院.webp" alt="外婆的小院 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/22_外婆的小院.webp" alt="外婆的小院 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">22. 外婆的小院</span>
<span class="subs-meta">3分32秒 (212.4s) · Gentle Acoustic · 纯真软糯的小女孩声音｜慢速温情（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/22-外婆的小院.mp3" download>MP3</a>
<span class="subs-meta">3分32秒 (212.4s) · Gentle Acoustic · 纯真软糯的小女孩声音｜慢速温情（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-22" src="https://content.hoelee.com/file/hoelee/music/22-外婆的小院.mp3"></audio>
<pre id="lrc-60-22" hidden>[ti:外婆的小院]
@@ -1341,13 +1343,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-23" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/23_开往北方的绿皮车.webp" alt="开往北方的绿皮车 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/23_开往北方的绿皮车.webp" alt="开往北方的绿皮车 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">23. 开往北方的绿皮车</span>
<span class="subs-meta">3分36秒 (216.3s) · Gentle Acoustic · 低沉温暖的民谣男声（调剂男声）｜慢速叙事（约 75 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/23-开往北方的绿皮车.mp3" download>MP3</a>
<span class="subs-meta">3分36秒 (216.3s) · Gentle Acoustic · 低沉温暖的民谣男声（调剂男声）｜慢速叙事（约 75 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-23" src="https://content.hoelee.com/file/hoelee/music/23-开往北方的绿皮车.mp3"></audio>
<pre id="lrc-60-23" hidden>[ti:开往北方的绿皮车]
@@ -1388,13 +1390,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-24" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/24_写给流浪猫的信.webp" alt="写给流浪猫的信 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/24_写给流浪猫的信.webp" alt="写给流浪猫的信 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">24. 写给流浪猫的信</span>
<span class="subs-meta">2分09秒 (129.9s) · Gentle Acoustic · 俏皮温柔的稚气少女音｜中速轻快尤克里里/木吉他（约 98 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/24-写给流浪猫的信.mp3" download>MP3</a>
<span class="subs-meta">2分09秒 (129.9s) · Gentle Acoustic · 俏皮温柔的稚气少女音｜中速轻快尤克里里/木吉他（约 98 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-24" src="https://content.hoelee.com/file/hoelee/music/24-写给流浪猫的信.mp3"></audio>
<pre id="lrc-60-24" hidden>[ti:写给流浪猫的信]
@@ -1435,13 +1437,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-25" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/25_平凡的傍晚.webp" alt="平凡的傍晚 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/25_平凡的傍晚.webp" alt="平凡的傍晚 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">25. 平凡的傍晚</span>
<span class="subs-meta">3分41秒 (221.0s) · Gentle Acoustic · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/25-平凡的傍晚.mp3" download>MP3</a>
<span class="subs-meta">3分41秒 (221.0s) · Gentle Acoustic · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-25" src="https://content.hoelee.com/file/hoelee/music/25-平凡的傍晚.mp3"></audio>
<pre id="lrc-60-25" hidden>[ti:平凡的傍晚]
@@ -1482,13 +1484,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-26" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/26_Light_of_the_Eventide_暮光之礼.webp" alt="Light of the Eventide cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/26_Light_of_the_Eventide_暮光之礼.webp" alt="Light of the Eventide cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">26. Light of the Eventide</span>
<span class="subs-meta">4分09秒 (249.0s) · Angelic Choir · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严（约 66 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/26-Light-of-the-Eventide-暮光之礼.mp3" download>MP3</a>
<span class="subs-meta">4分09秒 (249.0s) · Angelic Choir · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严（约 66 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-26" src="https://content.hoelee.com/file/hoelee/music/26-Light-of-the-Eventide-暮光之礼.mp3"></audio>
<pre id="lrc-60-26" hidden>[ti:Light of the Eventide]
@@ -1528,13 +1530,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-27" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/27_Bells_of_the_Winter_Star_冬星之钟.webp" alt="Bells of the Winter Star cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/27_Bells_of_the_Winter_Star_冬星之钟.webp" alt="Bells of the Winter Star cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">27. Bells of the Winter Star</span>
<span class="subs-meta">2分47秒 (167.6s) · Angelic Choir · 清脆女童多声部齐唱與轮唱｜中快速灵动节奏（约 125 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/27-Bells-of-the-Winter-Star-冬星之钟.mp3" download>MP3</a>
<span class="subs-meta">2分47秒 (167.6s) · Angelic Choir · 清脆女童多声部齐唱與轮唱｜中快速灵动节奏（约 125 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-27" src="https://content.hoelee.com/file/hoelee/music/27-Bells-of-the-Winter-Star-冬星之钟.mp3"></audio>
<pre id="lrc-60-27" hidden>[ti:Bells of the Winter Star]
@@ -1584,13 +1586,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-28" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/28_Paper_Planes_in_the_Wind_风中的纸飞机.webp" alt="Paper Planes in the Wind cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/28_Paper_Planes_in_the_Wind_风中的纸飞机.webp" alt="Paper Planes in the Wind cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">28. Paper Planes in the Wind</span>
<span class="subs-meta">3分25秒 (205.5s) · Angelic Choir · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/28-Paper-Planes-in-the-Wind-风中的纸飞机.mp3" download>MP3</a>
<span class="subs-meta">3分25秒 (205.5s) · Angelic Choir · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-28" src="https://content.hoelee.com/file/hoelee/music/28-Paper-Planes-in-the-Wind-风中的纸飞机.mp3"></audio>
<pre id="lrc-60-28" hidden>[ti:Paper Planes in the Wind]
@@ -1631,13 +1633,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-29" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/29_Lullaby_of_the_Little_Star_小星星的摇篮曲.webp" alt="Lullaby of the Little Star cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/29_Lullaby_of_the_Little_Star_小星星的摇篮曲.webp" alt="Lullaby of the Little Star cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">29. Lullaby of the Little Star</span>
<span class="subs-meta">3分47秒 (227.8s) · Angelic Choir · 稚气纯净的小女孩独唱（突出童真独唱感）｜慢速温柔（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/29-Lullaby-of-the-Little-Star-小星星的摇篮曲.mp3" download>MP3</a>
<span class="subs-meta">3分47秒 (227.8s) · Angelic Choir · 稚气纯净的小女孩独唱（突出童真独唱感）｜慢速温柔（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-29" src="https://content.hoelee.com/file/hoelee/music/29-Lullaby-of-the-Little-Star-小星星的摇篮曲.mp3"></audio>
<pre id="lrc-60-29" hidden>[ti:Lullaby of the Little Star]
@@ -1678,13 +1680,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-30" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/30_Hymn_of_the_Morning_Meadow_晨曦草地的赞美诗.webp" alt="Hymn of the Morning Meadow cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/30_Hymn_of_the_Morning_Meadow_晨曦草地的赞美诗.webp" alt="Hymn of the Morning Meadow cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">30. Hymn of the Morning Meadow</span>
<span class="subs-meta">4分19秒 (259.9s) · Angelic Choir · 神圣清澈的女童领唱 + 宏大童声和声（帕赫贝尔卡农式递进）｜慢速治愈（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/30-Hymn-of-the-Morning-Meadow-晨曦草地的赞美诗.mp3" download>MP3</a>
<span class="subs-meta">4分19秒 (259.9s) · Angelic Choir · 神圣清澈的女童领唱 + 宏大童声和声（帕赫贝尔卡农式递进）｜慢速治愈（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-30" src="https://content.hoelee.com/file/hoelee/music/30-Hymn-of-the-Morning-Meadow-晨曦草地的赞美诗.mp3"></audio>
<pre id="lrc-60-30" hidden>[ti:Hymn of the Morning Meadow]
@@ -1724,13 +1726,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-31" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/31_地板下的借物小人.webp" alt="地板下的借物小人 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/31_地板下的借物小人.webp" alt="地板下的借物小人 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">31. 地板下的借物小人</span>
<span class="subs-meta">3分07秒 (187.7s) · Celtic Folk (ZH) · 清脆稚气女童声｜中速轻快凯尔特竖琴与锡哨（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/31-地板下的借物小人.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.7s) · Celtic Folk (ZH) · 清脆稚气女童声｜中速轻快凯尔特竖琴与锡哨（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-31" src="https://content.hoelee.com/file/hoelee/music/31-地板下的借物小人.mp3"></audio>
<pre id="lrc-60-31" hidden>[ti:地板下的借物小人]
@@ -1775,13 +1777,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-32" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/32_迷雾孤岛的竖琴.webp" alt="迷雾孤岛的竖琴 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/32_迷雾孤岛的竖琴.webp" alt="迷雾孤岛的竖琴 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">32. 迷雾孤岛的竖琴</span>
<span class="subs-meta">3分24秒 (204.4s) · Celtic Folk (ZH) · 空灵圣洁的小女孩独唱｜慢速悠长（约 70 BPM，字少音长）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/32-迷雾孤岛的竖琴.mp3" download>MP3</a>
<span class="subs-meta">3分24秒 (204.4s) · Celtic Folk (ZH) · 空灵圣洁的小女孩独唱｜慢速悠长（约 70 BPM，字少音长）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-32" src="https://content.hoelee.com/file/hoelee/music/32-迷雾孤岛的竖琴.mp3"></audio>
<pre id="lrc-60-32" hidden>[ti:迷雾孤岛的竖琴]
@@ -1822,13 +1824,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-33" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/33_石楠花开的高地.webp" alt="石楠花开的高地 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/33_石楠花开的高地.webp" alt="石楠花开的高地 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">33. 石楠花开的高地</span>
<span class="subs-meta">3分36秒 (216.9s) · Celtic Folk (ZH) · 纯净稚气少女音｜中慢速木吉他与凯尔特小提琴（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/33-石楠花开的高地.mp3" download>MP3</a>
<span class="subs-meta">3分36秒 (216.9s) · Celtic Folk (ZH) · 纯净稚气少女音｜中慢速木吉他与凯尔特小提琴（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-33" src="https://content.hoelee.com/file/hoelee/music/33-石楠花开的高地.mp3"></audio>
<pre id="lrc-60-33" hidden>[ti:石楠花开的高地]
@@ -1869,13 +1871,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-34" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/34_橡树下的萤火舞会.webp" alt="橡树下的萤火舞会 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/34_橡树下的萤火舞会.webp" alt="橡树下的萤火舞会 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">34. 橡树下的萤火舞会</span>
<span class="subs-meta">3分43秒 (223.1s) · Celtic Folk (ZH) · 俏皮精灵般的女童声（语速快、节奏感强）｜快速三拍子（约 128 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/34-橡树下的萤火舞会.mp3" download>MP3</a>
<span class="subs-meta">3分43秒 (223.1s) · Celtic Folk (ZH) · 俏皮精灵般的女童声（语速快、节奏感强）｜快速三拍子（约 128 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-34" src="https://content.hoelee.com/file/hoelee/music/34-橡树下的萤火舞会.mp3"></audio>
<pre id="lrc-60-34" hidden>[ti:橡树下的萤火舞会]
@@ -1920,13 +1922,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-35" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/35_老航海家的绿宝石.webp" alt="老航海家的绿宝石 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/35_老航海家的绿宝石.webp" alt="老航海家的绿宝石 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">35. 老航海家的绿宝石</span>
<span class="subs-meta">3分49秒 (229.8s) · Celtic Folk (ZH) · 醇厚温暖的凯尔特民谣男声（调剂男声）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/35-老航海家的绿宝石.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.8s) · Celtic Folk (ZH) · 醇厚温暖的凯尔特民谣男声（调剂男声）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-35" src="https://content.hoelee.com/file/hoelee/music/35-老航海家的绿宝石.mp3"></audio>
<pre id="lrc-60-35" hidden>[ti:老航海家的绿宝石]
@@ -1967,13 +1969,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-36" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/36_玻璃温室的告别.webp" alt="玻璃温室的告别 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/36_玻璃温室的告别.webp" alt="玻璃温室的告别 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">36. 玻璃温室的告别</span>
<span class="subs-meta">3分37秒 (217.0s) · Japanese Healing (ZH) · 稚气通透、略带脆弱感的动漫少女音｜中慢速钢琴与弦乐（约 78 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/36-玻璃温室的告别.mp3" download>MP3</a>
<span class="subs-meta">3分37秒 (217.0s) · Japanese Healing (ZH) · 稚气通透、略带脆弱感的动漫少女音｜中慢速钢琴与弦乐（约 78 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-36" src="https://content.hoelee.com/file/hoelee/music/36-玻璃温室的告别.mp3"></audio>
<pre id="lrc-60-36" hidden>[ti:玻璃温室的告别]
@@ -2014,13 +2016,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-37" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/37_银色钟塔与暮光咏叹.webp" alt="银色钟塔与暮光咏叹 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/37_银色钟塔与暮光咏叹.webp" alt="银色钟塔与暮光咏叹 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">37. 银色钟塔与暮光咏叹</span>
<span class="subs-meta">4分01秒 (241.4s) · Japanese Healing (ZH) · 清亮圣洁少女音 + 造语吟唱｜中速古典哥特华尔兹（约 110 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/37-银色钟塔与暮光咏叹.mp3" download>MP3</a>
<span class="subs-meta">4分01秒 (241.4s) · Japanese Healing (ZH) · 清亮圣洁少女音 + 造语吟唱｜中速古典哥特华尔兹（约 110 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-37" src="https://content.hoelee.com/file/hoelee/music/37-银色钟塔与暮光咏叹.mp3"></audio>
<pre id="lrc-60-37" hidden>[ti:银色钟塔与暮光咏叹]
@@ -2060,13 +2062,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-38" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/38_森林邮差的蒲公英.webp" alt="森林邮差的蒲公英 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/38_森林邮差的蒲公英.webp" alt="森林邮差的蒲公英 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">38. 森林邮差的蒲公英</span>
<span class="subs-meta">3分26秒 (206.7s) · Japanese Healing (ZH) · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与钢片琴（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/38-森林邮差的蒲公英.mp3" download>MP3</a>
<span class="subs-meta">3分26秒 (206.7s) · Japanese Healing (ZH) · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与钢片琴（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-38" src="https://content.hoelee.com/file/hoelee/music/38-森林邮差的蒲公英.mp3"></audio>
<pre id="lrc-60-38" hidden>[ti:森林邮差的蒲公英]
@@ -2107,13 +2109,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-39" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/39_白鸟与雪原的祈愿.webp" alt="白鸟与雪原的祈愿 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/39_白鸟与雪原的祈愿.webp" alt="白鸟与雪原的祈愿 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">39. 白鸟与雪原的祈愿</span>
<span class="subs-meta">3分39秒 (220.0s) · Japanese Healing (ZH) · 空灵通透的高音女童/少女声｜慢速大气钢琴与管弦（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/39-白鸟与雪原的祈愿.mp3" download>MP3</a>
<span class="subs-meta">3分39秒 (220.0s) · Japanese Healing (ZH) · 空灵通透的高音女童/少女声｜慢速大气钢琴与管弦（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-39" src="https://content.hoelee.com/file/hoelee/music/39-白鸟与雪原的祈愿.mp3"></audio>
<pre id="lrc-60-39" hidden>[ti:白鸟与雪原的祈愿]
@@ -2154,13 +2156,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-40" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/40_发条星尘八音盒.webp" alt="发条星尘八音盒 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/40_发条星尘八音盒.webp" alt="发条星尘八音盒 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">40. 发条星尘八音盒</span>
<span class="subs-meta">3分18秒 (198.2s) · Japanese Healing (ZH) · 清甜稚气的少女声｜中慢速八音盒与木吉他（约 88 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/40-发条星尘八音盒.mp3" download>MP3</a>
<span class="subs-meta">3分18秒 (198.2s) · Japanese Healing (ZH) · 清甜稚气的少女声｜中慢速八音盒与木吉他（约 88 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-40" src="https://content.hoelee.com/file/hoelee/music/40-发条星尘八音盒.mp3"></audio>
<pre id="lrc-60-40" hidden>[ti:发条星尘八音盒]
@@ -2200,13 +2202,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-41" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/41_向日葵小队出发.webp" alt="向日葵小队出发 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/41_向日葵小队出发.webp" alt="向日葵小队出发 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">41. 向日葵小队出发</span>
<span class="subs-meta">2分39秒 (159.4s) · Japanese Energetic (ZH) · 元气满满的小女孩领唱 + 童声合唱感｜中快速欢快节奏（约 118 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/41-向日葵小队出发.mp3" download>MP3</a>
<span class="subs-meta">2分39秒 (159.4s) · Japanese Energetic (ZH) · 元气满满的小女孩领唱 + 童声合唱感｜中快速欢快节奏（约 118 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-41" src="https://content.hoelee.com/file/hoelee/music/41-向日葵小队出发.mp3"></audio>
<pre id="lrc-60-41" hidden>[ti:向日葵小队出发]
@@ -2254,13 +2256,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-42" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/42_焦糖布丁保卫战.webp" alt="焦糖布丁保卫战！ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/42_焦糖布丁保卫战.webp" alt="焦糖布丁保卫战！ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">42. 焦糖布丁保卫战！</span>
<span class="subs-meta">3分38秒 (218.9s) · Japanese Energetic (ZH) · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/42-焦糖布丁保卫战.mp3" download>MP3</a>
<span class="subs-meta">3分38秒 (218.9s) · Japanese Energetic (ZH) · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-42" src="https://content.hoelee.com/file/hoelee/music/42-焦糖布丁保卫战.mp3"></audio>
<pre id="lrc-60-42" hidden>[ti:焦糖布丁保卫战！]
@@ -2306,13 +2308,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-43" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/43_猫咪侦探事务所.webp" alt="猫咪侦探事务所 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/43_猫咪侦探事务所.webp" alt="猫咪侦探事务所 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">43. 猫咪侦探事务所</span>
<span class="subs-meta">2分31秒 (151.4s) · Japanese Energetic (ZH) · 奶声奶气的女童声（6～8岁童音感）｜中速轻快木琴与铜管（约 115 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/43-猫咪侦探事务所.mp3" download>MP3</a>
<span class="subs-meta">2分31秒 (151.4s) · Japanese Energetic (ZH) · 奶声奶气的女童声（6～8岁童音感）｜中速轻快木琴与铜管（约 115 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-43" src="https://content.hoelee.com/file/hoelee/music/43-猫咪侦探事务所.mp3"></audio>
<pre id="lrc-60-43" hidden>[ti:猫咪侦探事务所]
@@ -2358,13 +2360,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-44" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/44_夏夜烟火与波子汽水.webp" alt="夏夜烟火与波子汽水 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/44_夏夜烟火与波子汽水.webp" alt="夏夜烟火与波子汽水 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">44. 夏夜烟火与波子汽水</span>
<span class="subs-meta">3分07秒 (187.8s) · Japanese Energetic (ZH) · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/44-夏夜烟火与波子汽水.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.8s) · Japanese Energetic (ZH) · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-44" src="https://content.hoelee.com/file/hoelee/music/44-夏夜烟火与波子汽水.mp3"></audio>
<pre id="lrc-60-44" hidden>[ti:夏夜烟火与波子汽水]
@@ -2412,13 +2414,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-45" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/45_骑上扫帚送快递.webp" alt="骑上扫帚送快递 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/45_骑上扫帚送快递.webp" alt="骑上扫帚送快递 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">45. 骑上扫帚送快递</span>
<span class="subs-meta">3分08秒 (188.5s) · Japanese Energetic (ZH) · 清脆阳光的小女孩声音｜中速轻快木吉他与手鼓（约 116 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/45-骑上扫帚送快递.mp3" download>MP3</a>
<span class="subs-meta">3分08秒 (188.5s) · Japanese Energetic (ZH) · 清脆阳光的小女孩声音｜中速轻快木吉他与手鼓（约 116 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-45" src="https://content.hoelee.com/file/hoelee/music/45-骑上扫帚送快递.mp3"></audio>
<pre id="lrc-60-45" hidden>[ti:骑上扫帚送快递]
@@ -2465,13 +2467,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-46" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/46_小满·青梅煮雨.webp" alt="小满·青梅煮雨 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/46_小满·青梅煮雨.webp" alt="小满·青梅煮雨 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">46. 小满·青梅煮雨</span>
<span class="subs-meta">3分34秒 (214.9s) · Chinese Guofeng New · 清甜稚气的少女/女童声｜中速轻快电子国风（约 106 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/46-小满青梅煮雨.mp3" download>MP3</a>
<span class="subs-meta">3分34秒 (214.9s) · Chinese Guofeng New · 清甜稚气的少女/女童声｜中速轻快电子国风（约 106 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-46" src="https://content.hoelee.com/file/hoelee/music/46-小满青梅煮雨.mp3"></audio>
<pre id="lrc-60-46" hidden>[ti:小满·青梅煮雨]
@@ -2510,13 +2512,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-47" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/47_糖画摊前的小狐仙.webp" alt="糖画摊前的小狐仙 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/47_糖画摊前的小狐仙.webp" alt="糖画摊前的小狐仙 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">47. 糖画摊前的小狐仙</span>
<span class="subs-meta">3分12秒 (192.2s) · Chinese Guofeng New · 活泼软萌的稚气少女音（字密语速快）｜中快速（约 124 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/47-糖画摊前的小狐仙.mp3" download>MP3</a>
<span class="subs-meta">3分12秒 (192.2s) · Chinese Guofeng New · 活泼软萌的稚气少女音（字密语速快）｜中快速（约 124 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-47" src="https://content.hoelee.com/file/hoelee/music/47-糖画摊前的小狐仙.mp3"></audio>
<pre id="lrc-60-47" hidden>[ti:糖画摊前的小狐仙]
@@ -2555,13 +2557,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-48" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/48_鲛人泪·沧海月.webp" alt="鲛人泪·沧海月 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/48_鲛人泪·沧海月.webp" alt="鲛人泪·沧海月 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">48. 鲛人泪·沧海月</span>
<span class="subs-meta">3分59秒 (239.8s) · Chinese Guofeng New · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速深邃（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/48-鲛人泪沧海月.mp3" download>MP3</a>
<span class="subs-meta">3分59秒 (239.8s) · Chinese Guofeng New · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速深邃（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-48" src="https://content.hoelee.com/file/hoelee/music/48-鲛人泪沧海月.mp3"></audio>
<pre id="lrc-60-48" hidden>[ti:鲛人泪·沧海月]
@@ -2602,13 +2604,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-49" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/49_兰亭旧墨.webp" alt="兰亭旧墨 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/49_兰亭旧墨.webp" alt="兰亭旧墨 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">49. 兰亭旧墨</span>
<span class="subs-meta">3分49秒 (229.3s) · Chinese Guofeng New · 清亮温婉的少女声｜中慢速古筝与二胡（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/49-兰亭旧墨.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.3s) · Chinese Guofeng New · 清亮温婉的少女声｜中慢速古筝与二胡（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-49" src="https://content.hoelee.com/file/hoelee/music/49-兰亭旧墨.mp3"></audio>
<pre id="lrc-60-49" hidden>[ti:兰亭旧墨]
@@ -2649,13 +2651,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-50" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/50_采药小童下山记.webp" alt="采药小童下山记 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/50_采药小童下山记.webp" alt="采药小童下山记 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">50. 采药小童下山记</span>
<span class="subs-meta">3分24秒 (204.4s) · Chinese Guofeng New · 纯真稚气的小女孩声音｜中速轻快木吉他与竹笛（约 104 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/50-采药小童下山记.mp3" download>MP3</a>
<span class="subs-meta">3分24秒 (204.4s) · Chinese Guofeng New · 纯真稚气的小女孩声音｜中速轻快木吉他与竹笛（约 104 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-50" src="https://content.hoelee.com/file/hoelee/music/50-采药小童下山记.mp3"></audio>
<pre id="lrc-60-50" hidden>[ti:采药小童下山记]
@@ -2694,13 +2696,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-51" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/51_晒太阳的旧毛衣.webp" alt="晒太阳的旧毛衣 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/51_晒太阳的旧毛衣.webp" alt="晒太阳的旧毛衣 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">51. 晒太阳的旧毛衣</span>
<span class="subs-meta">3分04秒 (184.9s) · Gentle Acoustic New · 清澈稚气的少女声｜中慢速木吉他民谣（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/51-晒太阳的旧毛衣.mp3" download>MP3</a>
<span class="subs-meta">3分04秒 (184.9s) · Gentle Acoustic New · 清澈稚气的少女声｜中慢速木吉他民谣（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-51" src="https://content.hoelee.com/file/hoelee/music/51-晒太阳的旧毛衣.mp3"></audio>
<pre id="lrc-60-51" hidden>[ti:晒太阳的旧毛衣]
@@ -2741,13 +2743,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-52" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/52_奶奶的桂花糕.webp" alt="奶奶的桂花糕 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/52_奶奶的桂花糕.webp" alt="奶奶的桂花糕 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">52. 奶奶的桂花糕</span>
<span class="subs-meta">3分42秒 (222.4s) · Gentle Acoustic New · 纯真软糯的小女孩声音｜慢速温情口琴与吉他（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/52-奶奶的桂花糕.mp3" download>MP3</a>
<span class="subs-meta">3分42秒 (222.4s) · Gentle Acoustic New · 纯真软糯的小女孩声音｜慢速温情口琴与吉他（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-52" src="https://content.hoelee.com/file/hoelee/music/52-奶奶的桂花糕.mp3"></audio>
<pre id="lrc-60-52" hidden>[ti:奶奶的桂花糕]
@@ -2788,13 +2790,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-53" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/53_北方的末班渡轮.webp" alt="北方的末班渡轮 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/53_北方的末班渡轮.webp" alt="北方的末班渡轮 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">53. 北方的末班渡轮</span>
<span class="subs-meta">3分49秒 (229.6s) · Gentle Acoustic New · 低沉温暖的民谣男声（调剂男声）｜慢速深沉（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/53-北方的末班渡轮.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.6s) · Gentle Acoustic New · 低沉温暖的民谣男声（调剂男声）｜慢速深沉（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-53" src="https://content.hoelee.com/file/hoelee/music/53-北方的末班渡轮.mp3"></audio>
<pre id="lrc-60-53" hidden>[ti:北方的末班渡轮]
@@ -2835,13 +2837,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-54" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/54_云朵收集指南.webp" alt="云朵收集指南 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/54_云朵收集指南.webp" alt="云朵收集指南 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">54. 云朵收集指南</span>
<span class="subs-meta">2分56秒 (176.4s) · Gentle Acoustic New · 俏皮温柔的稚气少女音｜中速轻快（约 98 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/54-云朵收集指南.mp3" download>MP3</a>
<span class="subs-meta">2分56秒 (176.4s) · Gentle Acoustic New · 俏皮温柔的稚气少女音｜中速轻快（约 98 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-54" src="https://content.hoelee.com/file/hoelee/music/54-云朵收集指南.mp3"></audio>
<pre id="lrc-60-54" hidden>[ti:云朵收集指南]
@@ -2881,13 +2883,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-55" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/55_街角二十四小时书店.webp" alt="街角二十四小时书店 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/55_街角二十四小时书店.webp" alt="街角二十四小时书店 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">55. 街角二十四小时书店</span>
<span class="subs-meta">4分13秒 (253.4s) · Gentle Acoustic New · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/55-街角二十四小时书店.mp3" download>MP3</a>
<span class="subs-meta">4分13秒 (253.4s) · Gentle Acoustic New · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-55" src="https://content.hoelee.com/file/hoelee/music/55-街角二十四小时书店.mp3"></audio>
<pre id="lrc-60-55" hidden>[ti:街角二十四小时书店]
@@ -2928,13 +2930,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-56" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/56_暮光归途.webp" alt="暮光归途 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/56_暮光归途.webp" alt="暮光归途 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">56. 暮光归途</span>
<span class="subs-meta">4分02秒 (242.6s) · Angelic Choir (ZH) · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严管风琴与弦乐（约 66 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/56-暮光归途.mp3" download>MP3</a>
<span class="subs-meta">4分02秒 (242.6s) · Angelic Choir (ZH) · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严管风琴与弦乐（约 66 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-56" src="https://content.hoelee.com/file/hoelee/music/56-暮光归途.mp3"></audio>
<pre id="lrc-60-56" hidden>[ti:暮光归途]
@@ -2974,13 +2976,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-57" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/57_冬夜银铃.webp" alt="冬夜银铃 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/57_冬夜银铃.webp" alt="冬夜银铃 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">57. 冬夜银铃</span>
<span class="subs-meta">2分59秒 (179.0s) · Angelic Choir (ZH) · 清脆女童多声部齐唱与轮唱｜中快速灵动三拍子（约 125 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/57-冬夜银铃.mp3" download>MP3</a>
<span class="subs-meta">2分59秒 (179.0s) · Angelic Choir (ZH) · 清脆女童多声部齐唱与轮唱｜中快速灵动三拍子（约 125 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-57" src="https://content.hoelee.com/file/hoelee/music/57-冬夜银铃.mp3"></audio>
<pre id="lrc-60-57" hidden>[ti:冬夜银铃]
@@ -3030,13 +3032,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-58" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/58_迎风飞翔的纸飞机.webp" alt="迎风飞翔的纸飞机 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/58_迎风飞翔的纸飞机.webp" alt="迎风飞翔的纸飞机 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">58. 迎风飞翔的纸飞机</span>
<span class="subs-meta">3分53秒 (233.2s) · Angelic Choir (ZH) · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/58-迎风飞翔的纸飞机.mp3" download>MP3</a>
<span class="subs-meta">3分53秒 (233.2s) · Angelic Choir (ZH) · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-58" src="https://content.hoelee.com/file/hoelee/music/58-迎风飞翔的纸飞机.mp3"></audio>
<pre id="lrc-60-58" hidden>[ti:迎风飞翔的纸飞机]
@@ -3077,13 +3079,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-59" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/59_小星星的晚安曲.webp" alt="小星星的晚安曲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/59_小星星的晚安曲.webp" alt="小星星的晚安曲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">59. 小星星的晚安曲</span>
<span class="subs-meta">3分51秒 (232.0s) · Angelic Choir (ZH) · 稚气纯净的小女孩独唱｜慢速竖琴与小提琴（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/59-小星星的晚安曲.mp3" download>MP3</a>
<span class="subs-meta">3分51秒 (232.0s) · Angelic Choir (ZH) · 稚气纯净的小女孩独唱｜慢速竖琴与小提琴（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-59" src="https://content.hoelee.com/file/hoelee/music/59-小星星的晚安曲.mp3"></audio>
<pre id="lrc-60-59" hidden>[ti:小星星的晚安曲]
@@ -3124,13 +3126,13 @@ WebP), and hosted on CDN with HTTP 206 range-seeking support.
<figure class="subs-track" id="track-60" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/60_晨曦草地的赞美诗.webp" alt="晨曦草地的赞美诗 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/60_晨曦草地的赞美诗.webp" alt="晨曦草地的赞美诗 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">60. 晨曦草地的赞美诗</span>
<span class="subs-meta">4分26秒 (266.0s) · Angelic Choir (ZH) · 神圣清澈的女童领唱 + 宏大童声和声（卡农式递进）｜慢速治愈（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/60-晨曦草地的赞美诗.mp3" download>MP3</a>
<span class="subs-meta">4分26秒 (266.0s) · Angelic Choir (ZH) · 神圣清澈的女童领唱 + 宏大童声和声（卡农式递进）｜慢速治愈（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-60" src="https://content.hoelee.com/file/hoelee/music/60-晨曦草地的赞美诗.mp3"></audio>
<pre id="lrc-60-60" hidden>[ti:晨曦草地的赞美诗]
src/content/posts/generating-subtitles-for-songs-without-timestamps.md
+13 -11
View File
@@ -211,23 +211,25 @@ a **.srt download** next to it if you want to burn the subtitles into a video
or open them in VLC.
<style>
.subs-track{margin:2.4rem 0;display:flex;gap:1.5rem;align-items:flex-start;padding:1.2rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.subs-cover{flex:0 0 33.333%;width:33.333%;max-width:280px;min-width:200px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
.subs-track{margin:2.4rem 0;display:flex;gap:1.6rem;align-items:flex-start;padding:1.25rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.subs-cover{flex:0 0 38%;width:38%;max-width:325px;min-width:220px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000;box-sizing:border-box}
.subs-cover img{width:100%;height:100%;object-fit:cover;display:block}
.subs-content{flex:1 1 0;min-width:0}
.subs-content figcaption{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-weight:600;margin-bottom:.35rem}
.subs-title{flex:1 1 auto;min-width:0}
.subs-meta{font-weight:400;opacity:.6;font-size:.9em;white-space:nowrap}
.subs-dl{margin-left:auto;flex:0 0 auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.16rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap}
.subs-content{flex:1 1 0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.subs-content figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem .6rem;margin-bottom:.55rem;width:100%;box-sizing:border-box}
.subs-title{flex:1 1 auto;min-width:0;font-size:1.08em;font-weight:700;color:var(--foreground,#f3f4f6);line-height:1.35;word-break:break-word;overflow-wrap:break-word}
.subs-meta{display:block;width:100%;font-weight:400;opacity:.75;font-size:.85em;line-height:1.45;margin-top:.2rem;white-space:normal;word-break:break-word;overflow-wrap:break-word}
.subs-dl{flex:0 0 auto;margin-left:auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.18rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap;transition:all .15s}
.subs-dl:hover{background:rgba(34,197,94,.14)}
.subs-dl::before{content:"↓ "}
.subs-content audio{width:100%}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25)}
.subs-content audio{width:100%;margin-top:.35rem;box-sizing:border-box}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25);box-sizing:border-box}
.subs-box p{margin:.18rem 0;opacity:.55}
.subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
@media(max-width:680px){
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem}
.subs-cover{flex:none;width:100%;max-width:none;min-width:0;aspect-ratio:1/1;margin:0}
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem;margin:1.8rem 0}
.subs-cover{flex:none;width:100%;max-width:100%;min-width:0;aspect-ratio:1/1;margin:0;border-radius:8px}
.subs-content{width:100%;min-width:0}
.subs-title{font-size:1.02em}
}
</style>
src/content/posts/zh/generating-full-length-songs-with-yue2-comfyui.md
+133 -131
View File
@@ -38,25 +38,27 @@ draft: false
.track-grid-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:.35rem;max-height:160px;overflow-y:auto;padding:.4rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid var(--border,#3a3f47)}
.pill-btn{font-size:.78em;font-weight:600;padding:.3rem .1rem;text-align:center;border-radius:6px;border:1px solid var(--border,#3a3f47);background:var(--surface,#242831);color:var(--muted-foreground,#9ca3af);cursor:pointer;transition:all .12s}
.pill-btn:hover{background:rgba(34,197,94,.2);color:var(--accent,#22c55e);border-color:var(--accent,#22c55e)}
.subs-track{margin:2.4rem 0;display:flex;gap:1.5rem;align-items:flex-start;padding:1.2rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:border-color .3s,box-shadow .3s,transform .3s}
.subs-track{margin:2.4rem 0;display:flex;gap:1.6rem;align-items:flex-start;padding:1.25rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.subs-track.is-hidden{display:none!important}
.subs-track.track-pulse{border-color:var(--accent,#22c55e);box-shadow:0 0 0 3px rgba(34,197,94,.35),0 8px 30px rgba(34,197,94,.2);transform:scale(1.01)}
.subs-cover{flex:0 0 33.333%;width:33.333%;max-width:280px;min-width:200px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
.subs-cover{flex:0 0 38%;width:38%;max-width:325px;min-width:220px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000;box-sizing:border-box}
.subs-cover img{width:100%;height:100%;object-fit:cover;display:block}
.subs-content{flex:1 1 0;min-width:0}
.subs-content figcaption{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-weight:600;margin-bottom:.45rem}
.subs-title{flex:1 1 auto;min-width:0;font-size:1.05em;color:var(--foreground,#f3f4f6)}
.subs-meta{font-weight:400;opacity:.7;font-size:.85em;white-space:nowrap}
.subs-dl{margin-left:auto;flex:0 0 auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.16rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap}
.subs-content{flex:1 1 0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.subs-content figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.35rem .6rem;margin-bottom:.55rem;width:100%;box-sizing:border-box}
.subs-title{order:1;flex:1 1 auto;min-width:0;font-size:1.08em;font-weight:700;color:var(--foreground,#f3f4f6);line-height:1.35;word-break:break-word;overflow-wrap:break-word}
.subs-dl{order:2;flex:0 0 auto;margin-left:auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.18rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap;transition:all .15s}
.subs-dl:hover{background:rgba(34,197,94,.14)}
.subs-dl::before{content:"↓ "}
.subs-content audio{width:100%;margin-top:.2rem}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25)}
.subs-meta{order:3;flex:0 0 100%;width:100%;display:block;font-weight:400;opacity:.75;font-size:.85em;line-height:1.45;margin-top:.2rem;white-space:normal;word-break:break-word;overflow-wrap:break-word}
.subs-content audio{width:100%;margin-top:.35rem;box-sizing:border-box}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25);box-sizing:border-box}
.subs-box p{margin:.18rem 0;opacity:.55;transition:opacity .15s,color .15s}
.subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
@media(max-width:680px){
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem}
.subs-cover{flex:none;width:100%;max-width:none;min-width:0;aspect-ratio:1/1;margin:0}
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem;margin:1.8rem 0}
.subs-cover{flex:none;width:100%;max-width:100%;min-width:0;aspect-ratio:1/1;margin:0;border-radius:8px}
.subs-content{width:100%;min-width:0}
.subs-title{font-size:1.02em}
}
</style>
@@ -259,13 +261,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-01" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/01_The_Thimble_Under_the_Moss_借物小人的苔藓顶针.webp" alt="The Thimble Under the Moss cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/01_The_Thimble_Under_the_Moss_借物小人的苔藓顶针.webp" alt="The Thimble Under the Moss cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">01. The Thimble Under the Moss</span>
<span class="subs-meta">3分11秒 (191.1s) · 凯尔特竖琴民谣 · 清脆稚气女童声（类似 Cécile Corbel《Arrietty&#x27;s Song》）｜中速轻快（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/01-The-Thimble-Under-the-Moss-借物小人的苔藓顶针.mp3" download>MP3</a>
<span class="subs-meta">3分11秒 (191.1s) · 凯尔特竖琴民谣 · 清脆稚气女童声（类似 Cécile Corbel《Arrietty&#x27;s Song》）｜中速轻快（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-1" src="https://content.hoelee.com/file/hoelee/music/01-The-Thimble-Under-the-Moss-借物小人的苔藓顶针.mp3"></audio>
<pre id="lrc-60-1" hidden>[ti:The Thimble Under the Moss]
@@ -310,13 +312,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-02" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/02_Mist_of_Skellig_Michael_斯凯利格的晨雾.webp" alt="Mist of Skellig Michael cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/02_Mist_of_Skellig_Michael_斯凯利格的晨雾.webp" alt="Mist of Skellig Michael cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">02. Mist of Skellig Michael</span>
<span class="subs-meta">4分26秒 (266.2s) · 凯尔特竖琴民谣 · 空灵圣洁的小女孩独唱（类似 Enya + 幼态音色）｜慢速悠长（约 72 BPM，字少音长）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/02-Mist-of-Skellig-Michael-斯凯利格的晨雾.mp3" download>MP3</a>
<span class="subs-meta">4分26秒 (266.2s) · 凯尔特竖琴民谣 · 空灵圣洁的小女孩独唱（类似 Enya + 幼态音色）｜慢速悠长（约 72 BPM，字少音长）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-2" src="https://content.hoelee.com/file/hoelee/music/02-Mist-of-Skellig-Michael-斯凯利格的晨雾.mp3"></audio>
<pre id="lrc-60-2" hidden>[ti:Mist of Skellig Michael]
@@ -357,13 +359,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-03" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/03_The_Rose_of_Connemara_康内马拉的野玫瑰.webp" alt="The Rose of Connemara cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/03_The_Rose_of_Connemara_康内马拉的野玫瑰.webp" alt="The Rose of Connemara cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">03. The Rose of Connemara</span>
<span class="subs-meta">4分43秒 (283.1s) · 凯尔特竖琴民谣 · 纯净稚气少女音（类似 Cara Dillon 早期清亮少女感）｜中慢速叙事（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/03-The-Rose-of-Connemara-康内马拉的野玫瑰.mp3" download>MP3</a>
<span class="subs-meta">4分43秒 (283.1s) · 凯尔特竖琴民谣 · 纯净稚气少女音（类似 Cara Dillon 早期清亮少女感）｜中慢速叙事（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-3" src="https://content.hoelee.com/file/hoelee/music/03-The-Rose-of-Connemara-康内马拉的野玫瑰.mp3"></audio>
<pre id="lrc-60-3" hidden>[ti:The Rose of Connemara]
@@ -404,13 +406,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-04" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/04_Lanterns_on_the_Moor_荒原上的提灯舞.webp" alt="Lanterns on the Moor cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/04_Lanterns_on_the_Moor_荒原上的提灯舞.webp" alt="Lanterns on the Moor cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">04. Lanterns on the Moor</span>
<span class="subs-meta">3分31秒 (211.2s) · 凯尔特竖琴民谣 · 俏皮精灵般的女童声（类似 Cécile Corbel 欢快舞曲风）｜快速三拍子（约 128 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/04-Lanterns-on-the-Moor-荒原上的提灯舞.mp3" download>MP3</a>
<span class="subs-meta">3分31秒 (211.2s) · 凯尔特竖琴民谣 · 俏皮精灵般的女童声（类似 Cécile Corbel 欢快舞曲风）｜快速三拍子（约 128 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-4" src="https://content.hoelee.com/file/hoelee/music/04-Lanterns-on-the-Moor-荒原上的提灯舞.mp3"></audio>
<pre id="lrc-60-4" hidden>[ti:Lanterns on the Moor]
@@ -451,13 +453,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-05" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/05_The_Weaver_of_Raglan_Lane_拉格兰巷的织布人.webp" alt="The Weaver of Raglan Lane cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/05_The_Weaver_of_Raglan_Lane_拉格兰巷的织布人.webp" alt="The Weaver of Raglan Lane cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">05. The Weaver of Raglan Lane</span>
<span class="subs-meta">4分39秒 (279.3s) · 凯尔特竖琴民谣 · 醇厚温暖的凯尔特民谣男声（类似 Luke Kelly，调剂男声）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/05-The-Weaver-of-Raglan-Lane-拉格兰巷的织布人.mp3" download>MP3</a>
<span class="subs-meta">4分39秒 (279.3s) · 凯尔特竖琴民谣 · 醇厚温暖的凯尔特民谣男声（类似 Luke Kelly，调剂男声）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-5" src="https://content.hoelee.com/file/hoelee/music/05-The-Weaver-of-Raglan-Lane-拉格兰巷的织布人.mp3"></audio>
<pre id="lrc-60-5" hidden>[ti:The Weaver of Raglan Lane]
@@ -498,13 +500,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-06" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/06_硝子の花束_玻璃花束.webp" alt="硝子の花束 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/06_硝子の花束_玻璃花束.webp" alt="硝子の花束 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">06. 硝子の花束</span>
<span class="subs-meta">3分49秒 (230.0s) · 日系治愈动漫 · 稚气通透、略带脆弱感的动漫少女音（祈妹风）｜中慢速钢琴弦乐（约 78 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/06-硝子の花束-玻璃花束.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (230.0s) · 日系治愈动漫 · 稚气通透、略带脆弱感的动漫少女音（祈妹风）｜中慢速钢琴弦乐（约 78 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-6" src="https://content.hoelee.com/file/hoelee/music/06-硝子の花束-玻璃花束.mp3"></audio>
<pre id="lrc-60-6" hidden>[ti:硝子の花束]
@@ -545,13 +547,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-07" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/07_銀の時計塔と宵の歌_银之钟塔与宵之歌.webp" alt="銀の時計塔と宵の歌 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/07_銀の時計塔と宵の歌_银之钟塔与宵之歌.webp" alt="銀の時計塔と宵の歌 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">07. 銀の時計塔と宵の歌</span>
<span class="subs-meta">4分34秒 (274.8s) · 日系治愈动漫 · 清亮圣洁少女音 + 梶浦语吟唱｜中速华尔兹三拍子（约 110 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/07-銀の時計塔と宵の歌-银之钟塔与宵之歌.mp3" download>MP3</a>
<span class="subs-meta">4分34秒 (274.8s) · 日系治愈动漫 · 清亮圣洁少女音 + 梶浦语吟唱｜中速华尔兹三拍子（约 110 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-7" src="https://content.hoelee.com/file/hoelee/music/07-銀の時計塔と宵の歌-银之钟塔与宵之歌.mp3"></audio>
<pre id="lrc-60-7" hidden>[ti:銀の時計塔と宵の歌]
@@ -591,13 +593,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-08" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/08_森の郵便屋さん_森林邮差.webp" alt="森の郵便屋さん cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/08_森の郵便屋さん_森林邮差.webp" alt="森の郵便屋さん cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">08. 森の郵便屋さん</span>
<span class="subs-meta">3分44秒 (225.0s) · 日系治愈动漫 · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与竖琴（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/08-森の郵便屋さん-森林邮差.mp3" download>MP3</a>
<span class="subs-meta">3分44秒 (225.0s) · 日系治愈动漫 · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与竖琴（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-8" src="https://content.hoelee.com/file/hoelee/music/08-森の郵便屋さん-森林邮差.mp3"></audio>
<pre id="lrc-60-8" hidden>[ti:森の郵便屋さん]
@@ -638,13 +640,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-09" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/09_白鳥の祈り_白鸟的祈祷.webp" alt="白鳥の祈り cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/09_白鳥の祈り_白鸟的祈祷.webp" alt="白鳥の祈り cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">09. 白鳥の祈り</span>
<span class="subs-meta">4分06秒 (246.3s) · 日系治愈动漫 · 空灵通透的高音少女/女童声，尾音带空灵共鸣｜慢速大气（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/09-白鳥の祈り-白鸟的祈祷.mp3" download>MP3</a>
<span class="subs-meta">4分06秒 (246.3s) · 日系治愈动漫 · 空灵通透的高音少女/女童声，尾音带空灵共鸣｜慢速大气（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-9" src="https://content.hoelee.com/file/hoelee/music/09-白鳥の祈り-白鸟的祈祷.mp3"></audio>
<pre id="lrc-60-9" hidden>[ti:白鳥の祈り]
@@ -685,13 +687,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-10" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/10_星屑のオルゴール_星尘八音盒.webp" alt="星屑のオルゴール cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/10_星屑のオルゴール_星尘八音盒.webp" alt="星屑のオルゴール cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">10. 星屑のオルゴール</span>
<span class="subs-meta">3分31秒 (211.8s) · 日系治愈动漫 · 清甜稚气的少女声｜中慢速轻盈感（约 88 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/10-星屑のオルゴール-星尘八音盒.mp3" download>MP3</a>
<span class="subs-meta">3分31秒 (211.8s) · 日系治愈动漫 · 清甜稚气的少女声｜中慢速轻盈感（约 88 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-10" src="https://content.hoelee.com/file/hoelee/music/10-星屑のオルゴール-星尘八音盒.mp3"></audio>
<pre id="lrc-60-10" hidden>[ti:星屑のオルゴール]
@@ -731,13 +733,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-11" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/11_ひまわり行進曲_向日葵进行曲.webp" alt="ひまわり行進曲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/11_ひまわり行進曲_向日葵进行曲.webp" alt="ひまわり行進曲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">11. ひまわり行進曲</span>
<span class="subs-meta">3分18秒 (198.0s) · 日系元气童趣 · 元气满满的小女孩独唱/齐唱感｜中快速欢快节奏（约 118 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/11-ひまわり行進曲-向日葵进行曲.mp3" download>MP3</a>
<span class="subs-meta">3分18秒 (198.0s) · 日系元气童趣 · 元气满满的小女孩独唱/齐唱感｜中快速欢快节奏（约 118 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-11" src="https://content.hoelee.com/file/hoelee/music/11-ひまわり行進曲-向日葵进行曲.mp3"></audio>
<pre id="lrc-60-11" hidden>[ti:ひまわり行進曲]
@@ -785,13 +787,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-12" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/12_プリンは世界を救うのだ_布丁拯救世界.webp" alt="プリンは世界を救うのだ！ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/12_プリンは世界を救うのだ_布丁拯救世界.webp" alt="プリンは世界を救うのだ！ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">12. プリンは世界を救うのだ！</span>
<span class="subs-meta">3分23秒 (203.4s) · 日系元气童趣 · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/12-プリンは世界を救うのだ-布丁拯救世界.mp3" download>MP3</a>
<span class="subs-meta">3分23秒 (203.4s) · 日系元气童趣 · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-12" src="https://content.hoelee.com/file/hoelee/music/12-プリンは世界を救うのだ-布丁拯救世界.mp3"></audio>
<pre id="lrc-60-12" hidden>[ti:プリンは世界を救うのだ！]
@@ -836,13 +838,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-13" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/13_こねこ探偵団のテーマ_小猫侦探团主题曲.webp" alt="こねこ探偵団のテーマ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/13_こねこ探偵団のテーマ_小猫侦探团主题曲.webp" alt="こねこ探偵団のテーマ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">13. こねこ探偵団のテーマ</span>
<span class="subs-meta">2分16秒 (136.1s) · 日系元气童趣 · 奶声奶气的女童声（6~8岁童音感）｜中速轻快爵士童谣（约 115 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/13-こねこ探偵団のテーマ-小猫侦探团主题曲.mp3" download>MP3</a>
<span class="subs-meta">2分16秒 (136.1s) · 日系元气童趣 · 奶声奶气的女童声（6~8岁童音感）｜中速轻快爵士童谣（约 115 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-13" src="https://content.hoelee.com/file/hoelee/music/13-こねこ探偵団のテーマ-小猫侦探团主题曲.mp3"></audio>
<pre id="lrc-60-13" hidden>[ti:こねこ探偵団のテーマ]
@@ -888,13 +890,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-14" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/14_夏祭りのラムネ星_夏祭的波子汽水星.webp" alt="夏祭りのラムネ星 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/14_夏祭りのラムネ星_夏祭的波子汽水星.webp" alt="夏祭りのラムネ星 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">14. 夏祭りのラムネ星</span>
<span class="subs-meta">3分14秒 (195.0s) · 日系元气童趣 · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/14-夏祭りのラムネ星-夏祭的波子汽水星.mp3" download>MP3</a>
<span class="subs-meta">3分14秒 (195.0s) · 日系元气童趣 · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-14" src="https://content.hoelee.com/file/hoelee/music/14-夏祭りのラムネ星-夏祭的波子汽水星.mp3"></audio>
<pre id="lrc-60-14" hidden>[ti:夏祭りのラムネ星]
@@ -942,13 +944,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-15" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/15_ほうきに乗って宅配便_骑着扫帚宅急便.webp" alt="ほうきに乗って宅配便 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/15_ほうきに乗って宅配便_骑着扫帚宅急便.webp" alt="ほうきに乗って宅配便 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">15. ほうきに乗って宅配便</span>
<span class="subs-meta">3分16秒 (196.1s) · 日系元气童趣 · 清脆阳光的小女孩声音｜中速轻快复古流行（约 116 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/15-ほうきに乗って宅配便-骑着扫帚宅急便.mp3" download>MP3</a>
<span class="subs-meta">3分16秒 (196.1s) · 日系元气童趣 · 清脆阳光的小女孩声音｜中速轻快复古流行（约 116 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-15" src="https://content.hoelee.com/file/hoelee/music/15-ほうきに乗って宅配便-骑着扫帚宅急便.mp3"></audio>
<pre id="lrc-60-15" hidden>[ti:ほうきに乗って宅配便]
@@ -995,13 +997,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-16" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/16_白露·竹间灯.webp" alt="白露·竹间灯 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/16_白露·竹间灯.webp" alt="白露·竹间灯 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">16. 白露·竹间灯</span>
<span class="subs-meta">3分42秒 (222.6s) · 中文国风古意 · 清甜稚气的少女/女童声｜中速轻快电子国风（约 108 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/16-白露竹间灯.mp3" download>MP3</a>
<span class="subs-meta">3分42秒 (222.6s) · 中文国风古意 · 清甜稚气的少女/女童声｜中速轻快电子国风（约 108 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-16" src="https://content.hoelee.com/file/hoelee/music/16-白露竹间灯.mp3"></audio>
<pre id="lrc-60-16" hidden>[ti:白露·竹间灯]
@@ -1041,13 +1043,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-17" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/17_小鲤跃龙门.webp" alt="小鲤跃龙门 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/17_小鲤跃龙门.webp" alt="小鲤跃龙门 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">17. 小鲤跃龙门</span>
<span class="subs-meta">2分09秒 (129.9s) · 中文国风古意 · 活泼软萌的稚气少女音（语速偏快、吐字灵动）｜中快速（约 120 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/17-小鲤跃龙门.mp3" download>MP3</a>
<span class="subs-meta">2分09秒 (129.9s) · 中文国风古意 · 活泼软萌的稚气少女音（语速偏快、吐字灵动）｜中快速（约 120 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-17" src="https://content.hoelee.com/file/hoelee/music/17-小鲤跃龙门.mp3"></audio>
<pre id="lrc-60-17" hidden>[ti:小鲤跃龙门]
@@ -1086,13 +1088,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-18" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/18_云海归鲲.webp" alt="云海归鲲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/18_云海归鲲.webp" alt="云海归鲲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">18. 云海归鲲</span>
<span class="subs-meta">3分56秒 (236.9s) · 中文国风古意 · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速悠远（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/18-云海归鲲.mp3" download>MP3</a>
<span class="subs-meta">3分56秒 (236.9s) · 中文国风古意 · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速悠远（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-18" src="https://content.hoelee.com/file/hoelee/music/18-云海归鲲.mp3"></audio>
<pre id="lrc-60-18" hidden>[ti:云海归鲲]
@@ -1133,13 +1135,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-19" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/19_纸伞巷.webp" alt="纸伞巷 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/19_纸伞巷.webp" alt="纸伞巷 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">19. 纸伞巷</span>
<span class="subs-meta">3分34秒 (214.6s) · 中文国风古意 · 清亮温婉的少女声（带一点点江南小调韵味）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/19-纸伞巷.mp3" download>MP3</a>
<span class="subs-meta">3分34秒 (214.6s) · 中文国风古意 · 清亮温婉的少女声（带一点点江南小调韵味）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-19" src="https://content.hoelee.com/file/hoelee/music/19-纸伞巷.mp3"></audio>
<pre id="lrc-60-19" hidden>[ti:纸伞巷]
@@ -1180,13 +1182,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-20" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/20_山间小道士.webp" alt="山间小道士 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/20_山间小道士.webp" alt="山间小道士 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">20. 山间小道士</span>
<span class="subs-meta">3分07秒 (187.6s) · 中文国风古意 · 纯真稚气的小女孩/少女声音｜中速轻快民谣古风（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/20-山间小道士.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.6s) · 中文国风古意 · 纯真稚气的小女孩/少女声音｜中速轻快民谣古风（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-20" src="https://content.hoelee.com/file/hoelee/music/20-山间小道士.mp3"></audio>
<pre id="lrc-60-20" hidden>[ti:山间小道士]
@@ -1225,13 +1227,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-21" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/21_橘子汽水的夏天.webp" alt="橘子汽水的夏天 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/21_橘子汽水的夏天.webp" alt="橘子汽水的夏天 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">21. 橘子汽水的夏天</span>
<span class="subs-meta">2分48秒 (169.0s) · 温暖民谣治愈 · 清澈稚气的少女声｜中慢速木吉他民谣（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/21-橘子汽水的夏天.mp3" download>MP3</a>
<span class="subs-meta">2分48秒 (169.0s) · 温暖民谣治愈 · 清澈稚气的少女声｜中慢速木吉他民谣（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-21" src="https://content.hoelee.com/file/hoelee/music/21-橘子汽水的夏天.mp3"></audio>
<pre id="lrc-60-21" hidden>[ti:橘子汽水的夏天]
@@ -1272,13 +1274,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-22" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/22_外婆的小院.webp" alt="外婆的小院 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/22_外婆的小院.webp" alt="外婆的小院 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">22. 外婆的小院</span>
<span class="subs-meta">3分32秒 (212.4s) · 温暖民谣治愈 · 纯真软糯的小女孩声音｜慢速温情（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/22-外婆的小院.mp3" download>MP3</a>
<span class="subs-meta">3分32秒 (212.4s) · 温暖民谣治愈 · 纯真软糯的小女孩声音｜慢速温情（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-22" src="https://content.hoelee.com/file/hoelee/music/22-外婆的小院.mp3"></audio>
<pre id="lrc-60-22" hidden>[ti:外婆的小院]
@@ -1319,13 +1321,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-23" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/23_开往北方的绿皮车.webp" alt="开往北方的绿皮车 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/23_开往北方的绿皮车.webp" alt="开往北方的绿皮车 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">23. 开往北方的绿皮车</span>
<span class="subs-meta">3分36秒 (216.3s) · 温暖民谣治愈 · 低沉温暖的民谣男声（调剂男声）｜慢速叙事（约 75 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/23-开往北方的绿皮车.mp3" download>MP3</a>
<span class="subs-meta">3分36秒 (216.3s) · 温暖民谣治愈 · 低沉温暖的民谣男声（调剂男声）｜慢速叙事（约 75 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-23" src="https://content.hoelee.com/file/hoelee/music/23-开往北方的绿皮车.mp3"></audio>
<pre id="lrc-60-23" hidden>[ti:开往北方的绿皮车]
@@ -1366,13 +1368,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-24" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/24_写给流浪猫的信.webp" alt="写给流浪猫的信 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/24_写给流浪猫的信.webp" alt="写给流浪猫的信 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">24. 写给流浪猫的信</span>
<span class="subs-meta">2分09秒 (129.9s) · 温暖民谣治愈 · 俏皮温柔的稚气少女音｜中速轻快尤克里里/木吉他（约 98 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/24-写给流浪猫的信.mp3" download>MP3</a>
<span class="subs-meta">2分09秒 (129.9s) · 温暖民谣治愈 · 俏皮温柔的稚气少女音｜中速轻快尤克里里/木吉他（约 98 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-24" src="https://content.hoelee.com/file/hoelee/music/24-写给流浪猫的信.mp3"></audio>
<pre id="lrc-60-24" hidden>[ti:写给流浪猫的信]
@@ -1413,13 +1415,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-25" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/25_平凡的傍晚.webp" alt="平凡的傍晚 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/25_平凡的傍晚.webp" alt="平凡的傍晚 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">25. 平凡的傍晚</span>
<span class="subs-meta">3分41秒 (221.0s) · 温暖民谣治愈 · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/25-平凡的傍晚.mp3" download>MP3</a>
<span class="subs-meta">3分41秒 (221.0s) · 温暖民谣治愈 · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-25" src="https://content.hoelee.com/file/hoelee/music/25-平凡的傍晚.mp3"></audio>
<pre id="lrc-60-25" hidden>[ti:平凡的傍晚]
@@ -1460,13 +1462,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-26" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/26_Light_of_the_Eventide_暮光之礼.webp" alt="Light of the Eventide cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/26_Light_of_the_Eventide_暮光之礼.webp" alt="Light of the Eventide cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">26. Light of the Eventide</span>
<span class="subs-meta">4分09秒 (249.0s) · 空灵天籁合唱 · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严（约 66 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/26-Light-of-the-Eventide-暮光之礼.mp3" download>MP3</a>
<span class="subs-meta">4分09秒 (249.0s) · 空灵天籁合唱 · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严（约 66 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-26" src="https://content.hoelee.com/file/hoelee/music/26-Light-of-the-Eventide-暮光之礼.mp3"></audio>
<pre id="lrc-60-26" hidden>[ti:Light of the Eventide]
@@ -1506,13 +1508,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-27" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/27_Bells_of_the_Winter_Star_冬星之钟.webp" alt="Bells of the Winter Star cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/27_Bells_of_the_Winter_Star_冬星之钟.webp" alt="Bells of the Winter Star cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">27. Bells of the Winter Star</span>
<span class="subs-meta">2分47秒 (167.6s) · 空灵天籁合唱 · 清脆女童多声部齐唱與轮唱｜中快速灵动节奏（约 125 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/27-Bells-of-the-Winter-Star-冬星之钟.mp3" download>MP3</a>
<span class="subs-meta">2分47秒 (167.6s) · 空灵天籁合唱 · 清脆女童多声部齐唱與轮唱｜中快速灵动节奏（约 125 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-27" src="https://content.hoelee.com/file/hoelee/music/27-Bells-of-the-Winter-Star-冬星之钟.mp3"></audio>
<pre id="lrc-60-27" hidden>[ti:Bells of the Winter Star]
@@ -1562,13 +1564,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-28" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/28_Paper_Planes_in_the_Wind_风中的纸飞机.webp" alt="Paper Planes in the Wind cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/28_Paper_Planes_in_the_Wind_风中的纸飞机.webp" alt="Paper Planes in the Wind cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">28. Paper Planes in the Wind</span>
<span class="subs-meta">3分25秒 (205.5s) · 空灵天籁合唱 · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/28-Paper-Planes-in-the-Wind-风中的纸飞机.mp3" download>MP3</a>
<span class="subs-meta">3分25秒 (205.5s) · 空灵天籁合唱 · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-28" src="https://content.hoelee.com/file/hoelee/music/28-Paper-Planes-in-the-Wind-风中的纸飞机.mp3"></audio>
<pre id="lrc-60-28" hidden>[ti:Paper Planes in the Wind]
@@ -1609,13 +1611,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-29" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/29_Lullaby_of_the_Little_Star_小星星的摇篮曲.webp" alt="Lullaby of the Little Star cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/29_Lullaby_of_the_Little_Star_小星星的摇篮曲.webp" alt="Lullaby of the Little Star cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">29. Lullaby of the Little Star</span>
<span class="subs-meta">3分47秒 (227.8s) · 空灵天籁合唱 · 稚气纯净的小女孩独唱（突出童真独唱感）｜慢速温柔（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/29-Lullaby-of-the-Little-Star-小星星的摇篮曲.mp3" download>MP3</a>
<span class="subs-meta">3分47秒 (227.8s) · 空灵天籁合唱 · 稚气纯净的小女孩独唱（突出童真独唱感）｜慢速温柔（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-29" src="https://content.hoelee.com/file/hoelee/music/29-Lullaby-of-the-Little-Star-小星星的摇篮曲.mp3"></audio>
<pre id="lrc-60-29" hidden>[ti:Lullaby of the Little Star]
@@ -1656,13 +1658,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-30" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/30_Hymn_of_the_Morning_Meadow_晨曦草地的赞美诗.webp" alt="Hymn of the Morning Meadow cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/30_Hymn_of_the_Morning_Meadow_晨曦草地的赞美诗.webp" alt="Hymn of the Morning Meadow cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">30. Hymn of the Morning Meadow</span>
<span class="subs-meta">4分19秒 (259.9s) · 空灵天籁合唱 · 神圣清澈的女童领唱 + 宏大童声和声（帕赫贝尔卡农式递进）｜慢速治愈（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/30-Hymn-of-the-Morning-Meadow-晨曦草地的赞美诗.mp3" download>MP3</a>
<span class="subs-meta">4分19秒 (259.9s) · 空灵天籁合唱 · 神圣清澈的女童领唱 + 宏大童声和声（帕赫贝尔卡农式递进）｜慢速治愈（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-30" src="https://content.hoelee.com/file/hoelee/music/30-Hymn-of-the-Morning-Meadow-晨曦草地的赞美诗.mp3"></audio>
<pre id="lrc-60-30" hidden>[ti:Hymn of the Morning Meadow]
@@ -1702,13 +1704,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-31" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/31_地板下的借物小人.webp" alt="地板下的借物小人 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/31_地板下的借物小人.webp" alt="地板下的借物小人 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">31. 地板下的借物小人</span>
<span class="subs-meta">3分07秒 (187.7s) · 凯尔特童话民谣 (中文) · 清脆稚气女童声｜中速轻快凯尔特竖琴与锡哨（约 105 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/31-地板下的借物小人.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.7s) · 凯尔特童话民谣 (中文) · 清脆稚气女童声｜中速轻快凯尔特竖琴与锡哨（约 105 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-31" src="https://content.hoelee.com/file/hoelee/music/31-地板下的借物小人.mp3"></audio>
<pre id="lrc-60-31" hidden>[ti:地板下的借物小人]
@@ -1753,13 +1755,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-32" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/32_迷雾孤岛的竖琴.webp" alt="迷雾孤岛的竖琴 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/32_迷雾孤岛的竖琴.webp" alt="迷雾孤岛的竖琴 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">32. 迷雾孤岛的竖琴</span>
<span class="subs-meta">3分24秒 (204.4s) · 凯尔特童话民谣 (中文) · 空灵圣洁的小女孩独唱｜慢速悠长（约 70 BPM，字少音长）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/32-迷雾孤岛的竖琴.mp3" download>MP3</a>
<span class="subs-meta">3分24秒 (204.4s) · 凯尔特童话民谣 (中文) · 空灵圣洁的小女孩独唱｜慢速悠长（约 70 BPM，字少音长）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-32" src="https://content.hoelee.com/file/hoelee/music/32-迷雾孤岛的竖琴.mp3"></audio>
<pre id="lrc-60-32" hidden>[ti:迷雾孤岛的竖琴]
@@ -1800,13 +1802,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-33" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/33_石楠花开的高地.webp" alt="石楠花开的高地 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/33_石楠花开的高地.webp" alt="石楠花开的高地 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">33. 石楠花开的高地</span>
<span class="subs-meta">3分36秒 (216.9s) · 凯尔特童话民谣 (中文) · 纯净稚气少女音｜中慢速木吉他与凯尔特小提琴（约 82 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/33-石楠花开的高地.mp3" download>MP3</a>
<span class="subs-meta">3分36秒 (216.9s) · 凯尔特童话民谣 (中文) · 纯净稚气少女音｜中慢速木吉他与凯尔特小提琴（约 82 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-33" src="https://content.hoelee.com/file/hoelee/music/33-石楠花开的高地.mp3"></audio>
<pre id="lrc-60-33" hidden>[ti:石楠花开的高地]
@@ -1847,13 +1849,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-34" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/34_橡树下的萤火舞会.webp" alt="橡树下的萤火舞会 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/34_橡树下的萤火舞会.webp" alt="橡树下的萤火舞会 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">34. 橡树下的萤火舞会</span>
<span class="subs-meta">3分43秒 (223.1s) · 凯尔特童话民谣 (中文) · 俏皮精灵般的女童声（语速快、节奏感强）｜快速三拍子（约 128 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/34-橡树下的萤火舞会.mp3" download>MP3</a>
<span class="subs-meta">3分43秒 (223.1s) · 凯尔特童话民谣 (中文) · 俏皮精灵般的女童声（语速快、节奏感强）｜快速三拍子（约 128 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-34" src="https://content.hoelee.com/file/hoelee/music/34-橡树下的萤火舞会.mp3"></audio>
<pre id="lrc-60-34" hidden>[ti:橡树下的萤火舞会]
@@ -1898,13 +1900,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-35" data-group="celtic">
<div class="subs-cover">
<img src="/covers/60songs/35_老航海家的绿宝石.webp" alt="老航海家的绿宝石 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/35_老航海家的绿宝石.webp" alt="老航海家的绿宝石 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">35. 老航海家的绿宝石</span>
<span class="subs-meta">3分49秒 (229.8s) · 凯尔特童话民谣 (中文) · 醇厚温暖的凯尔特民谣男声（调剂男声）｜中慢速（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/35-老航海家的绿宝石.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.8s) · 凯尔特童话民谣 (中文) · 醇厚温暖的凯尔特民谣男声（调剂男声）｜中慢速（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-35" src="https://content.hoelee.com/file/hoelee/music/35-老航海家的绿宝石.mp3"></audio>
<pre id="lrc-60-35" hidden>[ti:老航海家的绿宝石]
@@ -1945,13 +1947,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-36" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/36_玻璃温室的告别.webp" alt="玻璃温室的告别 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/36_玻璃温室的告别.webp" alt="玻璃温室的告别 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">36. 玻璃温室的告别</span>
<span class="subs-meta">3分37秒 (217.0s) · 日系治愈物语 (中文) · 稚气通透、略带脆弱感的动漫少女音｜中慢速钢琴与弦乐（约 78 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/36-玻璃温室的告别.mp3" download>MP3</a>
<span class="subs-meta">3分37秒 (217.0s) · 日系治愈物语 (中文) · 稚气通透、略带脆弱感的动漫少女音｜中慢速钢琴与弦乐（约 78 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-36" src="https://content.hoelee.com/file/hoelee/music/36-玻璃温室的告别.mp3"></audio>
<pre id="lrc-60-36" hidden>[ti:玻璃温室的告别]
@@ -1992,13 +1994,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-37" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/37_银色钟塔与暮光咏叹.webp" alt="银色钟塔与暮光咏叹 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/37_银色钟塔与暮光咏叹.webp" alt="银色钟塔与暮光咏叹 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">37. 银色钟塔与暮光咏叹</span>
<span class="subs-meta">4分01秒 (241.4s) · 日系治愈物语 (中文) · 清亮圣洁少女音 + 造语吟唱｜中速古典哥特华尔兹（约 110 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/37-银色钟塔与暮光咏叹.mp3" download>MP3</a>
<span class="subs-meta">4分01秒 (241.4s) · 日系治愈物语 (中文) · 清亮圣洁少女音 + 造语吟唱｜中速古典哥特华尔兹（约 110 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-37" src="https://content.hoelee.com/file/hoelee/music/37-银色钟塔与暮光咏叹.mp3"></audio>
<pre id="lrc-60-37" hidden>[ti:银色钟塔与暮光咏叹]
@@ -2038,13 +2040,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-38" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/38_森林邮差的蒲公英.webp" alt="森林邮差的蒲公英 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/38_森林邮差的蒲公英.webp" alt="森林邮差的蒲公英 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">38. 森林邮差的蒲公英</span>
<span class="subs-meta">3分26秒 (206.7s) · 日系治愈物语 (中文) · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与钢片琴（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/38-森林邮差的蒲公英.mp3" download>MP3</a>
<span class="subs-meta">3分26秒 (206.7s) · 日系治愈物语 (中文) · 极度轻柔、如耳语般的稚气女童声｜慢速木吉他与钢片琴（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-38" src="https://content.hoelee.com/file/hoelee/music/38-森林邮差的蒲公英.mp3"></audio>
<pre id="lrc-60-38" hidden>[ti:森林邮差的蒲公英]
@@ -2085,13 +2087,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-39" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/39_白鸟与雪原的祈愿.webp" alt="白鸟与雪原的祈愿 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/39_白鸟与雪原的祈愿.webp" alt="白鸟与雪原的祈愿 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">39. 白鸟与雪原的祈愿</span>
<span class="subs-meta">3分39秒 (220.0s) · 日系治愈物语 (中文) · 空灵通透的高音女童/少女声｜慢速大气钢琴与管弦（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/39-白鸟与雪原的祈愿.mp3" download>MP3</a>
<span class="subs-meta">3分39秒 (220.0s) · 日系治愈物语 (中文) · 空灵通透的高音女童/少女声｜慢速大气钢琴与管弦（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-39" src="https://content.hoelee.com/file/hoelee/music/39-白鸟与雪原的祈愿.mp3"></audio>
<pre id="lrc-60-39" hidden>[ti:白鸟与雪原的祈愿]
@@ -2132,13 +2134,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-40" data-group="jp_heal">
<div class="subs-cover">
<img src="/covers/60songs/40_发条星尘八音盒.webp" alt="发条星尘八音盒 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/40_发条星尘八音盒.webp" alt="发条星尘八音盒 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">40. 发条星尘八音盒</span>
<span class="subs-meta">3分18秒 (198.2s) · 日系治愈物语 (中文) · 清甜稚气的少女声｜中慢速八音盒与木吉他（约 88 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/40-发条星尘八音盒.mp3" download>MP3</a>
<span class="subs-meta">3分18秒 (198.2s) · 日系治愈物语 (中文) · 清甜稚气的少女声｜中慢速八音盒与木吉他（约 88 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-40" src="https://content.hoelee.com/file/hoelee/music/40-发条星尘八音盒.mp3"></audio>
<pre id="lrc-60-40" hidden>[ti:发条星尘八音盒]
@@ -2178,13 +2180,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-41" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/41_向日葵小队出发.webp" alt="向日葵小队出发 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/41_向日葵小队出发.webp" alt="向日葵小队出发 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">41. 向日葵小队出发</span>
<span class="subs-meta">2分39秒 (159.4s) · 元气童趣流行 (中文) · 元气满满的小女孩领唱 + 童声合唱感｜中快速欢快节奏（约 118 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/41-向日葵小队出发.mp3" download>MP3</a>
<span class="subs-meta">2分39秒 (159.4s) · 元气童趣流行 (中文) · 元气满满的小女孩领唱 + 童声合唱感｜中快速欢快节奏（约 118 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-41" src="https://content.hoelee.com/file/hoelee/music/41-向日葵小队出发.mp3"></audio>
<pre id="lrc-60-41" hidden>[ti:向日葵小队出发]
@@ -2232,13 +2234,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-42" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/42_焦糖布丁保卫战.webp" alt="焦糖布丁保卫战！ cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/42_焦糖布丁保卫战.webp" alt="焦糖布丁保卫战！ cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">42. 焦糖布丁保卫战！</span>
<span class="subs-meta">3分38秒 (218.9s) · 元气童趣流行 (中文) · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/42-焦糖布丁保卫战.mp3" download>MP3</a>
<span class="subs-meta">3分38秒 (218.9s) · 元气童趣流行 (中文) · 软萌夸张的稚气萝莉音（高音、语速快、字密）｜快速电音流行（约 145 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-42" src="https://content.hoelee.com/file/hoelee/music/42-焦糖布丁保卫战.mp3"></audio>
<pre id="lrc-60-42" hidden>[ti:焦糖布丁保卫战！]
@@ -2284,13 +2286,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-43" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/43_猫咪侦探事务所.webp" alt="猫咪侦探事务所 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/43_猫咪侦探事务所.webp" alt="猫咪侦探事务所 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">43. 猫咪侦探事务所</span>
<span class="subs-meta">2分31秒 (151.4s) · 元气童趣流行 (中文) · 奶声奶气的女童声（6～8岁童音感）｜中速轻快木琴与铜管（约 115 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/43-猫咪侦探事务所.mp3" download>MP3</a>
<span class="subs-meta">2分31秒 (151.4s) · 元气童趣流行 (中文) · 奶声奶气的女童声（6～8岁童音感）｜中速轻快木琴与铜管（约 115 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-43" src="https://content.hoelee.com/file/hoelee/music/43-猫咪侦探事务所.mp3"></audio>
<pre id="lrc-60-43" hidden>[ti:猫咪侦探事务所]
@@ -2336,13 +2338,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-44" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/44_夏夜烟火与波子汽水.webp" alt="夏夜烟火与波子汽水 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/44_夏夜烟火与波子汽水.webp" alt="夏夜烟火与波子汽水 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">44. 夏夜烟火与波子汽水</span>
<span class="subs-meta">3分07秒 (187.8s) · 元气童趣流行 (中文) · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/44-夏夜烟火与波子汽水.mp3" download>MP3</a>
<span class="subs-meta">3分07秒 (187.8s) · 元气童趣流行 (中文) · 清亮少年男声 + 稚气少女声（调剂少年音）｜中快速夏日流行（约 122 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-44" src="https://content.hoelee.com/file/hoelee/music/44-夏夜烟火与波子汽水.mp3"></audio>
<pre id="lrc-60-44" hidden>[ti:夏夜烟火与波子汽水]
@@ -2390,13 +2392,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-45" data-group="jp_cute">
<div class="subs-cover">
<img src="/covers/60songs/45_骑上扫帚送快递.webp" alt="骑上扫帚送快递 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/45_骑上扫帚送快递.webp" alt="骑上扫帚送快递 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">45. 骑上扫帚送快递</span>
<span class="subs-meta">3分08秒 (188.5s) · 元气童趣流行 (中文) · 清脆阳光的小女孩声音｜中速轻快木吉他与手鼓（约 116 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/45-骑上扫帚送快递.mp3" download>MP3</a>
<span class="subs-meta">3分08秒 (188.5s) · 元气童趣流行 (中文) · 清脆阳光的小女孩声音｜中速轻快木吉他与手鼓（约 116 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-45" src="https://content.hoelee.com/file/hoelee/music/45-骑上扫帚送快递.mp3"></audio>
<pre id="lrc-60-45" hidden>[ti:骑上扫帚送快递]
@@ -2443,13 +2445,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-46" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/46_小满·青梅煮雨.webp" alt="小满·青梅煮雨 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/46_小满·青梅煮雨.webp" alt="小满·青梅煮雨 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">46. 小满·青梅煮雨</span>
<span class="subs-meta">3分34秒 (214.9s) · 国风新篇古韵 (中文) · 清甜稚气的少女/女童声｜中速轻快电子国风（约 106 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/46-小满青梅煮雨.mp3" download>MP3</a>
<span class="subs-meta">3分34秒 (214.9s) · 国风新篇古韵 (中文) · 清甜稚气的少女/女童声｜中速轻快电子国风（约 106 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-46" src="https://content.hoelee.com/file/hoelee/music/46-小满青梅煮雨.mp3"></audio>
<pre id="lrc-60-46" hidden>[ti:小满·青梅煮雨]
@@ -2488,13 +2490,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-47" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/47_糖画摊前的小狐仙.webp" alt="糖画摊前的小狐仙 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/47_糖画摊前的小狐仙.webp" alt="糖画摊前的小狐仙 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">47. 糖画摊前的小狐仙</span>
<span class="subs-meta">3分12秒 (192.2s) · 国风新篇古韵 (中文) · 活泼软萌的稚气少女音（字密语速快）｜中快速（约 124 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/47-糖画摊前的小狐仙.mp3" download>MP3</a>
<span class="subs-meta">3分12秒 (192.2s) · 国风新篇古韵 (中文) · 活泼软萌的稚气少女音（字密语速快）｜中快速（约 124 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-47" src="https://content.hoelee.com/file/hoelee/music/47-糖画摊前的小狐仙.mp3"></audio>
<pre id="lrc-60-47" hidden>[ti:糖画摊前的小狐仙]
@@ -2533,13 +2535,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-48" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/48_鲛人泪·沧海月.webp" alt="鲛人泪·沧海月 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/48_鲛人泪·沧海月.webp" alt="鲛人泪·沧海月 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">48. 鲛人泪·沧海月</span>
<span class="subs-meta">3分59秒 (239.8s) · 国风新篇古韵 (中文) · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速深邃（约 68 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/48-鲛人泪沧海月.mp3" download>MP3</a>
<span class="subs-meta">3分59秒 (239.8s) · 国风新篇古韵 (中文) · 空灵仙气的少年假声/美声男声（调剂男声）｜慢速深邃（约 68 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-48" src="https://content.hoelee.com/file/hoelee/music/48-鲛人泪沧海月.mp3"></audio>
<pre id="lrc-60-48" hidden>[ti:鲛人泪·沧海月]
@@ -2580,13 +2582,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-49" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/49_兰亭旧墨.webp" alt="兰亭旧墨 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/49_兰亭旧墨.webp" alt="兰亭旧墨 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">49. 兰亭旧墨</span>
<span class="subs-meta">3分49秒 (229.3s) · 国风新篇古韵 (中文) · 清亮温婉的少女声｜中慢速古筝与二胡（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/49-兰亭旧墨.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.3s) · 国风新篇古韵 (中文) · 清亮温婉的少女声｜中慢速古筝与二胡（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-49" src="https://content.hoelee.com/file/hoelee/music/49-兰亭旧墨.mp3"></audio>
<pre id="lrc-60-49" hidden>[ti:兰亭旧墨]
@@ -2627,13 +2629,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-50" data-group="guofeng">
<div class="subs-cover">
<img src="/covers/60songs/50_采药小童下山记.webp" alt="采药小童下山记 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/50_采药小童下山记.webp" alt="采药小童下山记 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">50. 采药小童下山记</span>
<span class="subs-meta">3分24秒 (204.4s) · 国风新篇古韵 (中文) · 纯真稚气的小女孩声音｜中速轻快木吉他与竹笛（约 104 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/50-采药小童下山记.mp3" download>MP3</a>
<span class="subs-meta">3分24秒 (204.4s) · 国风新篇古韵 (中文) · 纯真稚气的小女孩声音｜中速轻快木吉他与竹笛（约 104 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-50" src="https://content.hoelee.com/file/hoelee/music/50-采药小童下山记.mp3"></audio>
<pre id="lrc-60-50" hidden>[ti:采药小童下山记]
@@ -2672,13 +2674,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-51" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/51_晒太阳的旧毛衣.webp" alt="晒太阳的旧毛衣 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/51_晒太阳的旧毛衣.webp" alt="晒太阳的旧毛衣 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">51. 晒太阳的旧毛衣</span>
<span class="subs-meta">3分04秒 (184.9s) · 温暖民谣新篇 (中文) · 清澈稚气的少女声｜中慢速木吉他民谣（约 80 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/51-晒太阳的旧毛衣.mp3" download>MP3</a>
<span class="subs-meta">3分04秒 (184.9s) · 温暖民谣新篇 (中文) · 清澈稚气的少女声｜中慢速木吉他民谣（约 80 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-51" src="https://content.hoelee.com/file/hoelee/music/51-晒太阳的旧毛衣.mp3"></audio>
<pre id="lrc-60-51" hidden>[ti:晒太阳的旧毛衣]
@@ -2719,13 +2721,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-52" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/52_奶奶的桂花糕.webp" alt="奶奶的桂花糕 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/52_奶奶的桂花糕.webp" alt="奶奶的桂花糕 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">52. 奶奶的桂花糕</span>
<span class="subs-meta">3分42秒 (222.4s) · 温暖民谣新篇 (中文) · 纯真软糯的小女孩声音｜慢速温情口琴与吉他（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/52-奶奶的桂花糕.mp3" download>MP3</a>
<span class="subs-meta">3分42秒 (222.4s) · 温暖民谣新篇 (中文) · 纯真软糯的小女孩声音｜慢速温情口琴与吉他（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-52" src="https://content.hoelee.com/file/hoelee/music/52-奶奶的桂花糕.mp3"></audio>
<pre id="lrc-60-52" hidden>[ti:奶奶的桂花糕]
@@ -2766,13 +2768,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-53" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/53_北方的末班渡轮.webp" alt="北方的末班渡轮 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/53_北方的末班渡轮.webp" alt="北方的末班渡轮 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">53. 北方的末班渡轮</span>
<span class="subs-meta">3分49秒 (229.6s) · 温暖民谣新篇 (中文) · 低沉温暖的民谣男声（调剂男声）｜慢速深沉（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/53-北方的末班渡轮.mp3" download>MP3</a>
<span class="subs-meta">3分49秒 (229.6s) · 温暖民谣新篇 (中文) · 低沉温暖的民谣男声（调剂男声）｜慢速深沉（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-53" src="https://content.hoelee.com/file/hoelee/music/53-北方的末班渡轮.mp3"></audio>
<pre id="lrc-60-53" hidden>[ti:北方的末班渡轮]
@@ -2813,13 +2815,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-54" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/54_云朵收集指南.webp" alt="云朵收集指南 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/54_云朵收集指南.webp" alt="云朵收集指南 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">54. 云朵收集指南</span>
<span class="subs-meta">2分56秒 (176.4s) · 温暖民谣新篇 (中文) · 俏皮温柔的稚气少女音｜中速轻快（约 98 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/54-云朵收集指南.mp3" download>MP3</a>
<span class="subs-meta">2分56秒 (176.4s) · 温暖民谣新篇 (中文) · 俏皮温柔的稚气少女音｜中速轻快（约 98 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-54" src="https://content.hoelee.com/file/hoelee/music/54-云朵收集指南.mp3"></audio>
<pre id="lrc-60-54" hidden>[ti:云朵收集指南]
@@ -2859,13 +2861,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-55" data-group="folk">
<div class="subs-cover">
<img src="/covers/60songs/55_街角二十四小时书店.webp" alt="街角二十四小时书店 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/55_街角二十四小时书店.webp" alt="街角二十四小时书店 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">55. 街角二十四小时书店</span>
<span class="subs-meta">4分13秒 (253.4s) · 温暖民谣新篇 (中文) · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/55-街角二十四小时书店.mp3" download>MP3</a>
<span class="subs-meta">4分13秒 (253.4s) · 温暖民谣新篇 (中文) · 温柔治愈的青年男声（调剂男声）｜慢速钢琴与木吉他（约 74 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-55" src="https://content.hoelee.com/file/hoelee/music/55-街角二十四小时书店.mp3"></audio>
<pre id="lrc-60-55" hidden>[ti:街角二十四小时书店]
@@ -2906,13 +2908,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-56" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/56_暮光归途.webp" alt="暮光归途 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/56_暮光归途.webp" alt="暮光归途 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">56. 暮光归途</span>
<span class="subs-meta">4分02秒 (242.6s) · 天籁童声圣咏 (中文) · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严管风琴与弦乐（约 66 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/56-暮光归途.mp3" download>MP3</a>
<span class="subs-meta">4分02秒 (242.6s) · 天籁童声圣咏 (中文) · 天籁女童高音领唱 + 纯净童声合唱｜极慢速庄严管风琴与弦乐（约 66 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-56" src="https://content.hoelee.com/file/hoelee/music/56-暮光归途.mp3"></audio>
<pre id="lrc-60-56" hidden>[ti:暮光归途]
@@ -2952,13 +2954,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-57" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/57_冬夜银铃.webp" alt="冬夜银铃 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/57_冬夜银铃.webp" alt="冬夜银铃 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">57. 冬夜银铃</span>
<span class="subs-meta">2分59秒 (179.0s) · 天籁童声圣咏 (中文) · 清脆女童多声部齐唱与轮唱｜中快速灵动三拍子（约 125 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/57-冬夜银铃.mp3" download>MP3</a>
<span class="subs-meta">2分59秒 (179.0s) · 天籁童声圣咏 (中文) · 清脆女童多声部齐唱与轮唱｜中快速灵动三拍子（约 125 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-57" src="https://content.hoelee.com/file/hoelee/music/57-冬夜银铃.mp3"></audio>
<pre id="lrc-60-57" hidden>[ti:冬夜银铃]
@@ -3008,13 +3010,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-58" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/58_迎风飞翔的纸飞机.webp" alt="迎风飞翔的纸飞机 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/58_迎风飞翔的纸飞机.webp" alt="迎风飞翔的纸飞机 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">58. 迎风飞翔的纸飞机</span>
<span class="subs-meta">3分53秒 (233.2s) · 天籁童声圣咏 (中文) · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/58-迎风飞翔的纸飞机.mp3" download>MP3</a>
<span class="subs-meta">3分53秒 (233.2s) · 天籁童声圣咏 (中文) · 清亮纯真的女童领唱 + 学院风童声合唱｜中速温暖（约 96 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-58" src="https://content.hoelee.com/file/hoelee/music/58-迎风飞翔的纸飞机.mp3"></audio>
<pre id="lrc-60-58" hidden>[ti:迎风飞翔的纸飞机]
@@ -3055,13 +3057,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-59" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/59_小星星的晚安曲.webp" alt="小星星的晚安曲 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/59_小星星的晚安曲.webp" alt="小星星的晚安曲 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">59. 小星星的晚安曲</span>
<span class="subs-meta">3分51秒 (232.0s) · 天籁童声圣咏 (中文) · 稚气纯净的小女孩独唱｜慢速竖琴与小提琴（约 70 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/59-小星星的晚安曲.mp3" download>MP3</a>
<span class="subs-meta">3分51秒 (232.0s) · 天籁童声圣咏 (中文) · 稚气纯净的小女孩独唱｜慢速竖琴与小提琴（约 70 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-59" src="https://content.hoelee.com/file/hoelee/music/59-小星星的晚安曲.mp3"></audio>
<pre id="lrc-60-59" hidden>[ti:小星星的晚安曲]
@@ -3102,13 +3104,13 @@ cd /d/app/ComfyUI
<figure class="subs-track" id="track-60" data-group="choir">
<div class="subs-cover">
<img src="/covers/60songs/60_晨曦草地的赞美诗.webp" alt="晨曦草地的赞美诗 cover art" loading="lazy" decoding="async" width="160" height="160" />
<img src="/covers/60songs/60_晨曦草地的赞美诗.webp" alt="晨曦草地的赞美诗 cover art" loading="lazy" decoding="async" width="320" height="320" />
</div>
<div class="subs-content">
<figcaption>
<span class="subs-title">60. 晨曦草地的赞美诗</span>
<span class="subs-meta">4分26秒 (266.0s) · 天籁童声圣咏 (中文) · 神圣清澈的女童领唱 + 宏大童声和声（卡农式递进）｜慢速治愈（约 72 BPM）</span>
<a class="subs-dl" href="https://content.hoelee.com/download/hoelee/music/60-晨曦草地的赞美诗.mp3" download>MP3</a>
<span class="subs-meta">4分26秒 (266.0s) · 天籁童声圣咏 (中文) · 神圣清澈的女童领唱 + 宏大童声和声（卡农式递进）｜慢速治愈（约 72 BPM）</span>
</figcaption>
<audio controls preload="none" oncontextmenu="return false;" controlslist="nodownload" data-lrc="lrc-60-60" src="https://content.hoelee.com/file/hoelee/music/60-晨曦草地的赞美诗.mp3"></audio>
<pre id="lrc-60-60" hidden>[ti:晨曦草地的赞美诗]
src/content/posts/zh/generating-subtitles-for-songs-without-timestamps.md
+13 -11
View File
@@ -152,23 +152,25 @@ a.dispatchEvent(new Event('timeupdate'));
下面每个播放器都会滚动歌词、把当前句保持在中间，旁边还有 **.srt 下载** —— 想烧字进视频或在 VLC 里打开都行。
<style>
.subs-track{margin:2.4rem 0;display:flex;gap:1.5rem;align-items:flex-start;padding:1.2rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.subs-cover{flex:0 0 33.333%;width:33.333%;max-width:280px;min-width:200px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
.subs-track{margin:2.4rem 0;display:flex;gap:1.6rem;align-items:flex-start;padding:1.25rem;border-radius:12px;background:var(--card,#1e2025);border:1px solid var(--border,#3a3f47);box-shadow:0 4px 16px rgba(0,0,0,.1);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.subs-cover{flex:0 0 38%;width:38%;max-width:325px;min-width:220px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000;box-sizing:border-box}
.subs-cover img{width:100%;height:100%;object-fit:cover;display:block}
.subs-content{flex:1 1 0;min-width:0}
.subs-content figcaption{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-weight:600;margin-bottom:.35rem}
.subs-title{flex:1 1 auto;min-width:0}
.subs-meta{font-weight:400;opacity:.6;font-size:.9em;white-space:nowrap}
.subs-dl{margin-left:auto;flex:0 0 auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.16rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap}
.subs-content{flex:1 1 0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.subs-content figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem .6rem;margin-bottom:.55rem;width:100%;box-sizing:border-box}
.subs-title{flex:1 1 auto;min-width:0;font-size:1.08em;font-weight:700;color:var(--foreground,#f3f4f6);line-height:1.35;word-break:break-word;overflow-wrap:break-word}
.subs-meta{display:block;width:100%;font-weight:400;opacity:.75;font-size:.85em;line-height:1.45;margin-top:.2rem;white-space:normal;word-break:break-word;overflow-wrap:break-word}
.subs-dl{flex:0 0 auto;margin-left:auto;font-size:.8em;font-weight:600;text-decoration:none;border:1px solid var(--accent,#22c55e);border-radius:6px;padding:.18rem .55rem;color:var(--accent,#22c55e);background:transparent;white-space:nowrap;transition:all .15s}
.subs-dl:hover{background:rgba(34,197,94,.14)}
.subs-dl::before{content:"↓ "}
.subs-content audio{width:100%}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25)}
.subs-content audio{width:100%;margin-top:.35rem;box-sizing:border-box}
.subs-box{position:relative;max-height:220px;overflow-y:auto;border:1px solid var(--border,#3a3f47);border-radius:8px;padding:.7rem 1rem;margin-top:.6rem;font-size:.95em;line-height:1.6;background:rgba(0,0,0,.25);box-sizing:border-box}
.subs-box p{margin:.18rem 0;opacity:.55}
.subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
@media(max-width:680px){
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem}
.subs-cover{flex:none;width:100%;max-width:none;min-width:0;aspect-ratio:1/1;margin:0}
.subs-track{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1rem;margin:1.8rem 0}
.subs-cover{flex:none;width:100%;max-width:100%;min-width:0;aspect-ratio:1/1;margin:0;border-radius:8px}
.subs-content{width:100%;min-width:0}
.subs-title{font-size:1.02em}
}
</style>