diff --git a/src/components/FLVPLayer.astro b/src/components/FLVPLayer.astro
index 414918b..7c05bc7 100644
--- a/src/components/FLVPLayer.astro
+++ b/src/components/FLVPLayer.astro
@@ -33,6 +33,7 @@ const id = `vp_${Math.random().toString(36).slice(2)}`;
             {poster}
             autoplay={autoPlay}
             muted={muted}></video>
+        <div class="live-badge">LIVE</div>
 
         <!-- overlays -->
         <div id={`${id}_loading`} class="loading-overlay">
@@ -80,6 +81,31 @@ const id = `vp_${Math.random().toString(36).slice(2)}`;
         overflow: hidden;
         box-shadow: 0 8px 30px rgba(2, 6, 23, 0.6);
     }
+
+    .video-wrap {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        aspect-ratio: 16/9;
+        background: black;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .live-badge {
+        position: absolute;
+        top: 12px;
+        left: 12px;
+        background: red;
+        color: white;
+        font-size: 12px;
+        font-weight: bold;
+        padding: 4px 8px;
+        border-radius: 4px;
+        z-index: 10;
+    }
+
     video {
         width: 100%;
         height: 100%;