feat(display): add chairman speech page and refine layouts

This commit introduces a new page for the Chairman of the Board's speech and includes several visual refinements for the
event display.

- Add `speech/3.html` to display the chairman's video.
- Update the committee member list.
- Adjust font sizes, colors, and element positioning on the main and committee list pages for better visual
presentation.
- Fine-tune background video placement and scaling.

20251012/commitee-list/background.js

@@ -41,7 +41,7 @@
     // topOffset: -200,
     // scalePercent: 125
     leftMargin: 0,
-    topOffset: -200,
+    topOffset: -100,
     scalePercent: 125,
     rotationDeg: 0,
     opacityPercent: 100,

20251012/commitee-list/commitee.js

@@ -28,7 +28,6 @@ const members = [
   "张祥明",
   "黄升文",
   "陈照明",
-  "赵汶德",
   "陈世勇",
   "王畯杰",
   "黄伟宏",

20251012/commitee-list/index.html

@@ -57,14 +57,14 @@
 
       <!-- 副标题描边层 -->
       <h2
-        class="absolute top-28 w-full text-center font-bai-ge text-6xl text-transparent [-webkit-text-stroke:4px_yellow]"
+        class="absolute top-28 w-full text-center font-bai-ge text-8xl text-transparent [-webkit-text-stroke:4px_white]"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
 
       <!-- 副标题实色层 -->
       <h2
-        class="absolute top-28 text-center w-full font-bai-ge text-6xl text-red-500"
+        class="absolute top-28 text-center w-full font-bai-ge text-8xl text-red-500"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
@@ -72,7 +72,7 @@
       <!-- 筹委会名单（右侧） -->
       <div
         id="committeeTable"
-        class="absolute right-8 top-48 bg-white/20 text-black rounded-3xl shadow-2xl backdrop-blur-xl p-6 font-tang-ying w-[1100px] border border-yellow-400/40"
+        class="absolute right-8 top-64 bg-white/20 text-white rounded-3xl shadow-2xl backdrop-blur-xl p-6 font-tang-ying w-[1100px] border border-yellow-400/40"
       >
         <h3
           class="text-6xl text-yellow-400 font-bai-ge mb-6 text-center drop-shadow-[0_0_8px_rgba(255,255,0,0.5)]"
@@ -82,7 +82,7 @@
 
         <div id="committeeBody" class="grid grid-cols-4 text-4xl leading-relaxed"></div>
 
-        <div class="mt-8">
+        <div class="mt-4">
           <h4
             class="text-4xl text-yellow-300 font-bai-ge mb-3 text-center drop-shadow-[0_0_6px_rgba(255,255,0,0.4)]"
           >
@@ -90,7 +90,7 @@
           </h4>
           <div
             id="committeeMembers"
-            class="grid grid-cols-6 gap-x-4 gap-y-2 text-3xl leading-relaxed text-center"
+            class="grid grid-cols-6 gap-x-4 gap-y-1 text-3xl leading-relaxed text-center"
           ></div>
         </div>
       </div>
@@ -108,7 +108,7 @@
 
       <!-- Controls 面板（可关闭） -->
       <div
-        class="absolute right-2 top-2 w-[320px] bg-white p-2 rounded-md hidden"
+        class="absolute right-2 top-2 w-[320px] bg-white text-black p-2 rounded-md hidden"
         id="controlsPanel"
         role="region"
         aria-label="视频抠像控制面板"
@@ -164,6 +164,6 @@
     </div>
 
     <script src="commitee.js"></script>
-    <script src="background.js"></script>
+    <script src="background.js?rnd=1"></script>
   </body>
 </html>

20251012/main/background.js

@@ -40,9 +40,9 @@
     // leftMargin: 0,
     // topOffset: -200,
     // scalePercent: 125
-    leftMargin: 600,
+    leftMargin: 650,
-    topOffset: -200,
+    topOffset: 0,
-    scalePercent: 125,
+    scalePercent: 100,
     rotationDeg: 0,
     opacityPercent: 100,
   };

20251012/main/index.html

@@ -50,21 +50,21 @@
 
       <!-- 标题 -->
       <h1
-        class="absolute top-4 text-center w-full font-bai-ge text-8xl text-yellow-300"
+        class="absolute top-4 text-center w-full font-bai-ge text-7xl text-yellow-300"
       >
         永平赵子龙庙
       </h1>
 
       <!-- 副标题描边层 -->
       <h2
-        class="absolute top-28 w-full text-center font-bai-ge text-6xl text-transparent [-webkit-text-stroke:4px_yellow]"
+        class="absolute top-28 w-full text-center font-bai-ge text-8xl text-transparent [-webkit-text-stroke:4px_white]"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
 
       <!-- 副标题实色层 -->
       <h2
-        class="absolute top-28 text-center w-full font-bai-ge text-6xl text-red-500"
+        class="absolute top-28 text-center w-full font-bai-ge text-8xl text-red-500"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
@@ -115,7 +115,7 @@
 
       <!-- Controls 面板（可关闭） -->
       <div
-        class="absolute right-2 top-2 w-[320px] bg-white p-2 rounded-md hidden"
+        class="absolute right-2 top-2 w-[320px] bg-white text-black p-2 rounded-md hidden"
         id="controlsPanel"
         role="region"
         aria-label="视频抠像控制面板"

20251012/speech/3.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>理事会主席</title>
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <script src="../scripts/nav.js"></script>
+</head>
+<body>
+    <video src="../assets/理事会主席.mp4" class="w-full" autoplay loop muted></video>
+</body>
+</html>