优化标题逻辑

templates/default.html

@@ -115,14 +115,14 @@
         .square-2 { top: 45%; right: 80px; }
         .square-3 { bottom: 20%; left: 100px; transform: rotate(45deg); }
         
-        /* Topic section */
-        .topic-wrapper {
+        /* Video title section */
+        .video-title-wrapper {
             position: relative;
             max-width: 800px;
             text-align: center;
         }
         
-        .topic-ornament-top {
+        .video-title-ornament-top {
             position: absolute;
             top: -40px;
             left: 50%;
@@ -145,7 +145,7 @@
             background: rgba(149, 165, 166, 0.65);
         }
         
-        .topic {
+        .video-title {
             font-size: 68px;
             font-weight: 600;
             color: #1a252f;
@@ -154,7 +154,7 @@
             position: relative;
         }
         
-        .topic::after {
+        .video-title::after {
             content: '';
             position: absolute;
             bottom: -20px;
@@ -460,15 +460,15 @@
     </div>
     
     <div class="page-container">
-        <div class="topic-wrapper">
+        <div class="video-title-wrapper">
             <!-- Top ornament -->
-            <div class="topic-ornament-top">
+            <div class="video-title-ornament-top">
                 <div class="ornament-line"></div>
                 <div class="ornament-dot"></div>
                 <div class="ornament-line"></div>
             </div>
             
-            <div class="topic">{{topic}}</div>
+            <div class="video-title">{{title}}</div>
         </div>
         
         <div class="image-wrapper">