feat(界面): 为视频卡片添加集数显示功能

在视频卡片和标题前添加集数标签，使用模板函数提取标题中的集数
添加CSS样式美化集数标签显示

Author: yszl

main.go

@@ -563,7 +563,11 @@ func indexHandler(w http.ResponseWriter, r *http.Request) {
 			return seriesVideos[i].CreatedAt.Before(seriesVideos[j].CreatedAt)
 		})
 
-		tmpl, err := template.ParseFiles("templates/index.html")
+		funcMap := template.FuncMap{
+			"episodeNum": extractEpisodeNumber,
+		}
+
+		tmpl, err := template.New("index.html").Funcs(funcMap).ParseFiles("templates/index.html")
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return

static/style.css

@@ -53,6 +53,31 @@ h1 {
     border-radius: 8px;
     margin-bottom: 15px;
     overflow: hidden;
+    position: relative;
+}
+
+.episode-badge-thumb {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: rgba(187, 134, 252, 0.9);
+    color: black;
+    padding: 4px 8px;
+    border-bottom-left-radius: 8px;
+    font-weight: bold;
+    font-size: 1rem;
+    z-index: 5;
+}
+
+.episode-tag {
+    display: inline-block;
+    background-color: #bb86fc;
+    color: black;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.8em;
+    margin-right: 8px;
+    vertical-align: middle;
 }
 
 .video-thumbnail video {

templates/index.html

@@ -61,10 +61,17 @@ <h1>
         {{range .Videos}}
         <a href="/play?id={{.ID}}" class="video-card" tabindex="0">
             <div class="video-thumbnail">
+                {{$ep := episodeNum .Title}}
+                {{if gt $ep 0}}
+                <div class="episode-badge-thumb">{{printf "%02d" $ep}}</div>
+                {{end}}
                 <video src="{{.Path}}" preload="metadata"></video>
             </div>
             <div class="video-info">
-                <h2>{{.Title}}</h2>
+                <h2>
+                    {{if gt $ep 0}}<span class="episode-tag">{{printf "%02d" $ep}}</span>{{end}}
+                    {{.Title}}
+                </h2>
                 <p>
                     <span class="status-badge {{.Status}}" id="status-{{.ID}}">{{.Status}}</span>
                     {{.CreatedAt.Format "2006-01-02 15:04"}}