diff --git a/src/content/posts/generating-full-length-songs-with-yue2-comfyui.md b/src/content/posts/generating-full-length-songs-with-yue2-comfyui.md
index e4d5f06..aac2dd3 100644
--- a/src/content/posts/generating-full-length-songs-with-yue2-comfyui.md
+++ b/src/content/posts/generating-full-length-songs-with-yue2-comfyui.md
@@ -44,10 +44,10 @@ 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.4rem;align-items:flex-start;padding:1rem;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.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.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 160px;width:160px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
+.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 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}
@@ -60,9 +60,9 @@ individual 1024×1024 cover art and synchronized scrolling lyrics).
 .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-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:640px){
-  .subs-track{flex-direction:column;align-items:stretch;gap:1rem}
-  .subs-cover{width:130px;margin:0 auto}
+@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}
 }
 </style>
 
diff --git a/src/content/posts/generating-subtitles-for-songs-without-timestamps.md b/src/content/posts/generating-subtitles-for-songs-without-timestamps.md
index e2a2be0..bb7f522 100644
--- a/src/content/posts/generating-subtitles-for-songs-without-timestamps.md
+++ b/src/content/posts/generating-subtitles-for-songs-without-timestamps.md
@@ -211,8 +211,8 @@ 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.4rem;align-items:flex-start}
-.subs-cover{flex:0 0 160px;width:160px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:var(--card,#1e2025);box-shadow:0 6px 18px rgba(0,0,0,.15)}
+.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-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}
@@ -222,12 +222,12 @@ or open them in VLC.
 .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}
+.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-box p{margin:.18rem 0;opacity:.55}
 .subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
-@media(max-width:640px){
-  .subs-track{flex-direction:column;align-items:stretch;gap:1rem}
-  .subs-cover{width:120px;margin:0 auto}
+@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}
 }
 </style>
 
diff --git a/src/content/posts/zh/generating-full-length-songs-with-yue2-comfyui.md b/src/content/posts/zh/generating-full-length-songs-with-yue2-comfyui.md
index 80a190f..9a77f20 100644
--- a/src/content/posts/zh/generating-full-length-songs-with-yue2-comfyui.md
+++ b/src/content/posts/zh/generating-full-length-songs-with-yue2-comfyui.md
@@ -38,10 +38,10 @@ 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.4rem;align-items:flex-start;padding:1rem;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.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.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 160px;width:160px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:#000}
+.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 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}
@@ -54,9 +54,9 @@ draft: false
 .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-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:640px){
-  .subs-track{flex-direction:column;align-items:stretch;gap:1rem}
-  .subs-cover{width:130px;margin:0 auto}
+@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}
 }
 </style>
 
diff --git a/src/content/posts/zh/generating-subtitles-for-songs-without-timestamps.md b/src/content/posts/zh/generating-subtitles-for-songs-without-timestamps.md
index 7b6e14c..f8f19d9 100644
--- a/src/content/posts/zh/generating-subtitles-for-songs-without-timestamps.md
+++ b/src/content/posts/zh/generating-subtitles-for-songs-without-timestamps.md
@@ -152,8 +152,8 @@ a.dispatchEvent(new Event('timeupdate'));
 下面每个播放器都会滚动歌词、把当前句保持在中间，旁边还有 **.srt 下载** —— 想烧字进视频或在 VLC 里打开都行。
 
 <style>
-.subs-track{margin:2.4rem 0;display:flex;gap:1.4rem;align-items:flex-start}
-.subs-cover{flex:0 0 160px;width:160px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid var(--border,#3a3f47);background:var(--card,#1e2025);box-shadow:0 6px 18px rgba(0,0,0,.15)}
+.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-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}
@@ -163,12 +163,12 @@ a.dispatchEvent(new Event('timeupdate'));
 .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}
+.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-box p{margin:.18rem 0;opacity:.55}
 .subs-box p.on{opacity:1;font-weight:600;color:var(--accent,#22c55e)}
-@media(max-width:640px){
-  .subs-track{flex-direction:column;align-items:stretch;gap:1rem}
-  .subs-cover{width:120px;margin:0 auto}
+@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}
 }
 </style>