diff --git a/src/components/AudioPlayer/PlayerCard.tsx b/src/components/AudioPlayer/PlayerCard.tsx
index 3858586..8622fca 100644
--- a/src/components/AudioPlayer/PlayerCard.tsx
+++ b/src/components/AudioPlayer/PlayerCard.tsx
@@ -112,12 +112,12 @@ export default function PlayerCard({ show, className }: Prop) {
             {/* 期刊号 */}
             {audioInfo?.journalNo && (
               <span
-                className="block w-fit mt-32px py-[3px] px-[8px] rounded-[15px] bg-[rgba(0,0,0,0.05)] text-[rgba(0,0,0,0.7)] text-[12px] leading-[12px] cursor-pointer"
+                className="block w-fit mt-24px py-[7px] px-[15px] rounded-[15px] bg-[rgba(0,0,0,0.05)] text-[rgba(0,0,0,0.7)] hover:text-brand text-[13px] leading-[17px] font-bold cursor-pointer transition-color-200"
                 onClick={() => handleGoVol(audioInfo?.journalNo)}
-              >{`VOL ${audioInfo.journalNo.toString().padStart(4, '0')}`}</span>
+              >{`VOL.${audioInfo.journalNo.toString().padStart(4, '0')}`}</span>
             )}
             {/* 歌曲名 */}
-            <p className="w-[340px] mt-[19px] text-[20px] leading-[28px] text-base text-overflow">
+            <p className="w-[340px] mt-[12px] text-[20px] leading-[28px] text-base text-overflow">
               {audioInfo?.title ?? ''}
             </p>
             {/* 歌手/专辑 */}