diff --git a/.gitignore b/.gitignore
index a547bf3..6166478 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+vs100.zip
\ No newline at end of file
diff --git a/data/config.json b/data/config.json
index 846e4d5..9da7f4f 100644
--- a/data/config.json
+++ b/data/config.json
@@ -1,321 +1,835 @@
 {
   "individualRankings": [
+    {
+      "id": 8,
+      "name": "杨鑫鹏",
+      "score": 208600,
+      "level": "SSS",
+      "avatar": "/uploads/1763972044872.jpg",
+      "department": "销售部",
+      "completedTasks": 32,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763600399414,
+      "name": "王松根",
+      "score": 149000,
+      "level": "A",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763702198797,
+      "name": "岳杨",
+      "score": 149000,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763703428082,
+      "name": "刘博",
+      "score": 149000,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 1763606483656,
+      "name": "陈梦蝶",
+      "score": 149000,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
     {
       "id": 1,
-      "name": "张三",
-      "score": 985,
+      "name": "刘贵博",
+      "score": 149000,
       "level": "SSS",
       "avatar": "👑",
       "department": "销售部",
       "completedTasks": 48,
-      "bonus": 5000,
-      "team": "王者之师"
-    },
-    {
-      "id": 2,
-      "name": "李四",
-      "score": 972,
-      "level": "SSS",
-      "avatar": "🥇",
-      "department": "技术部",
-      "completedTasks": 45,
-      "bonus": 3000,
-      "team": "战无不胜"
+      "bonus": 0,
+      "team": "一战区"
     },
     {
       "id": 3,
-      "name": "王五",
-      "score": 958,
-      "level": "SS",
-      "avatar": "🥈",
-      "department": "市场部",
+      "name": "赵政行",
+      "score": 149000,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
       "completedTasks": 42,
-      "bonus": 2000,
-      "team": "超越极限"
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763703454998,
+      "name": "汪思柔",
+      "score": 119200,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 1763703551860,
+      "name": "刘正艺",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 1763703442159,
+      "name": "刘莉",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 2,
+      "name": "张政",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 45,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763702288912,
+      "name": "仝维茜",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702407090,
+      "name": "李明娣",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702548562,
+      "name": "高博祎",
+      "score": 89400,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763606463583,
+      "name": "刘天乐",
+      "score": 69600,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
     },
     {
       "id": 4,
-      "name": "赵六",
-      "score": 923,
-      "level": "SS",
-      "avatar": "🥉",
-      "department": "财务部",
-      "completedTasks": 40,
-      "bonus": 1500,
-      "team": "精英战区"
-    },
-    {
-      "id": 5,
-      "name": "钱七",
-      "score": 897,
-      "level": "S",
-      "avatar": "⭐",
-      "department": "人力资源部",
-      "completedTasks": 38,
-      "bonus": 1000,
-      "team": "梦想之巅"
-    },
-    {
-      "id": 6,
-      "name": "孙八",
-      "score": 876,
-      "level": "S",
-      "avatar": "⭐",
+      "name": "秦婧婧",
+      "score": 59600,
+      "level": "SSS",
+      "avatar": "👑",
       "department": "销售部",
-      "completedTasks": 36,
-      "bonus": 1000,
-      "team": "无敌战区"
+      "completedTasks": 40,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763606343912,
+      "name": "李胜豪",
+      "score": 59600,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606422126,
+      "name": "贾景杰",
+      "score": 59600,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763702177212,
+      "name": "东知",
+      "score": 59600,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702567245,
+      "name": "吕璐",
+      "score": 59600,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
     },
     {
       "id": 7,
-      "name": "周九",
-      "score": 854,
-      "level": "A",
-      "avatar": "🔥",
-      "department": "技术部",
-      "completedTasks": 34,
-      "bonus": 800,
-      "team": "冲锋陷阵"
-    },
-    {
-      "id": 8,
-      "name": "吴十",
-      "score": 832,
-      "level": "A",
-      "avatar": "🔥",
-      "department": "市场部",
-      "completedTasks": 32,
-      "bonus": 800,
-      "team": "锐不可当"
-    },
-    {
-      "id": 9,
-      "name": "郑十一",
-      "score": 810,
-      "level": "B",
-      "avatar": "⚡",
-      "department": "财务部",
-      "completedTasks": 30,
-      "bonus": 500,
-      "team": "同心协力"
-    },
-    {
-      "id": 10,
-      "name": "王十二",
-      "score": 795,
-      "level": "B",
-      "avatar": "⚡",
-      "department": "人力资源部",
-      "completedTasks": 28,
-      "bonus": 500,
-      "team": "众志成城"
-    },
-    {
-      "id": 11,
-      "name": "李十三",
-      "score": 782,
-      "level": "B",
-      "avatar": "⚡",
+      "name": "姜浩然",
+      "score": 39800,
+      "level": "SSS",
+      "avatar": "👑",
       "department": "销售部",
-      "completedTasks": 26,
-      "bonus": 500,
-      "team": "气势如虹"
+      "completedTasks": 34,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763702217482,
+      "name": "何盘珍",
+      "score": 29800,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
     },
     {
       "id": 12,
-      "name": "张十四",
-      "score": 765,
-      "level": "B",
-      "avatar": "⚡",
-      "department": "技术部",
+      "name": "孙珊珊",
+      "score": 26820,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "刘奔腾",
       "completedTasks": 24,
-      "bonus": 500,
-      "team": "披荆斩棘"
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763703508858,
+      "name": "毕艺超",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "/uploads/1763860106271.jpg",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 5,
+      "name": "李先锐",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 38,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 6,
+      "name": "孙悦",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 36,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 9,
+      "name": "曾焱平",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 30,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 10,
+      "name": "贺鸿飞",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 28,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 11,
+      "name": "齐文涛",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 26,
+      "bonus": 0,
+      "team": "二战区"
     },
     {
       "id": 13,
-      "name": "王十五",
-      "score": 748,
+      "name": "刘奔腾",
+      "score": 0,
       "level": "B",
-      "avatar": "⚡",
-      "department": "市场部",
+      "avatar": "🥇",
+      "department": "销售部",
       "completedTasks": 22,
-      "bonus": 500,
-      "team": "勇攀高峰"
+      "bonus": 0,
+      "team": "二战区"
     },
     {
       "id": 14,
-      "name": "赵十六",
-      "score": 732,
-      "level": "C",
-      "avatar": "🎯",
-      "department": "财务部",
+      "name": "刘硕",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
       "completedTasks": 20,
-      "bonus": 300,
-      "team": "力争上游"
+      "bonus": 0,
+      "team": "二战区"
     },
     {
       "id": 15,
-      "name": "钱十七",
-      "score": 715,
-      "level": "C",
-      "avatar": "🎯",
-      "department": "人力资源部",
+      "name": "王蓉",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
       "completedTasks": 18,
-      "bonus": 300,
-      "team": "蓄势待发"
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606252253,
+      "name": "朱宝林",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606266583,
+      "name": "宋鹏博",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606282323,
+      "name": "蔡令斐",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606298308,
+      "name": "李奉颖",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606312478,
+      "name": "张如意",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥇",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "二战区"
+    },
+    {
+      "id": 1763606387926,
+      "name": "李杰",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606403982,
+      "name": "刘丽",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606503187,
+      "name": "贾振颖",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606519461,
+      "name": "王雨晴",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606538022,
+      "name": "高俊圳",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606552741,
+      "name": "毕洁雨",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥈",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "三战区"
+    },
+    {
+      "id": 1763606570669,
+      "name": "熊春杰",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763606588683,
+      "name": "张频",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702274156,
+      "name": "杨李佳",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702306246,
+      "name": "吴玉洁",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702325175,
+      "name": "谢寒雪",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702340664,
+      "name": "袁如萍",
+      "score": 0,
+      "level": "A",
+      "avatar": "🥉",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "四战区"
+    },
+    {
+      "id": 1763702392030,
+      "name": "周顺凡",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702423195,
+      "name": "陈亚军",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702436351,
+      "name": "刘红珍",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702447900,
+      "name": "符引娣",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702460269,
+      "name": "郭天浩",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702472630,
+      "name": "申婷",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702487455,
+      "name": "胡飞宇",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702504527,
+      "name": "乌甜丽",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702516929,
+      "name": "蒋雪柔",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "⭐",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "五战区"
+    },
+    {
+      "id": 1763702537028,
+      "name": "刘家秀",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702585045,
+      "name": "孙丽霞",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702598899,
+      "name": "金芳林",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702614259,
+      "name": "班悦",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702630093,
+      "name": "吴玮良",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763702726441,
+      "name": "彭颖",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "👑",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "一战区"
+    },
+    {
+      "id": 1763703383063,
+      "name": "李子豪",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763703395440,
+      "name": "崔凤鸣",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🔥",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "六战区"
+    },
+    {
+      "id": 1763703414516,
+      "name": "曹恒",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 1763703472947,
+      "name": "刘孜一",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
+    },
+    {
+      "id": 1763703487798,
+      "name": "王灿佳",
+      "score": 0,
+      "level": "SSS",
+      "avatar": "🎯",
+      "department": "销售部",
+      "completedTasks": 0,
+      "bonus": 0,
+      "team": "七战区"
     }
   ],
   "teamRankings": [
     {
       "id": 1,
-      "name": "王者之师",
-      "totalScore": 4850,
-      "memberCount": 5,
+      "name": "一战区",
+      "totalScore": 844400,
+      "memberCount": 11,
       "level": "SSS",
-      "leader": "张三",
+      "leader": "王将军",
       "completedTasks": 210,
-      "bonus": 15000
-    },
-    {
-      "id": 2,
-      "name": "战无不胜",
-      "totalScore": 4680,
-      "memberCount": 5,
-      "level": "SS",
-      "leader": "李四",
-      "completedTasks": 198,
-      "bonus": 10000
-    },
-    {
-      "id": 3,
-      "name": "超越极限",
-      "totalScore": 4520,
-      "memberCount": 5,
-      "level": "SS",
-      "leader": "王五",
-      "completedTasks": 185,
-      "bonus": 8000
-    },
-    {
-      "id": 4,
-      "name": "精英战区",
-      "totalScore": 4280,
-      "memberCount": 5,
-      "level": "S",
-      "leader": "赵六",
-      "completedTasks": 172,
-      "bonus": 6000
-    },
-    {
-      "id": 5,
-      "name": "梦想之巅",
-      "totalScore": 4150,
-      "memberCount": 5,
-      "level": "S",
-      "leader": "钱七",
-      "completedTasks": 165,
-      "bonus": 6000
-    },
-    {
-      "id": 6,
-      "name": "无敌战区",
-      "totalScore": 3980,
-      "memberCount": 5,
-      "level": "A",
-      "leader": "孙八",
-      "completedTasks": 155,
-      "bonus": 4000
+      "bonus": 0
     },
     {
       "id": 7,
-      "name": "冲锋陷阵",
-      "totalScore": 3850,
-      "memberCount": 5,
+      "name": "七战区",
+      "totalScore": 447000,
+      "memberCount": 8,
       "level": "A",
-      "leader": "周九",
+      "leader": "曹将军",
       "completedTasks": 148,
-      "bonus": 4000
+      "bonus": 0
     },
     {
-      "id": 8,
-      "name": "锐不可当",
-      "totalScore": 3720,
-      "memberCount": 5,
+      "id": 4,
+      "name": "四战区",
+      "totalScore": 327800,
+      "memberCount": 10,
+      "level": "S",
+      "leader": "熊将军",
+      "completedTasks": 172,
+      "bonus": 0
+    },
+    {
+      "id": 3,
+      "name": "三战区",
+      "totalScore": 278200,
+      "memberCount": 9,
+      "level": "SS",
+      "leader": "李将军",
+      "completedTasks": 185,
+      "bonus": 0
+    },
+    {
+      "id": 6,
+      "name": "六战区",
+      "totalScore": 149000,
+      "memberCount": 10,
       "level": "A",
-      "leader": "吴十",
-      "completedTasks": 142,
-      "bonus": 4000
+      "leader": "刘将军",
+      "completedTasks": 155,
+      "bonus": 0
     },
     {
-      "id": 9,
-      "name": "同心协力",
-      "totalScore": 3600,
-      "memberCount": 5,
-      "level": "B",
-      "leader": "郑十一",
-      "completedTasks": 135,
-      "bonus": 2000
+      "id": 5,
+      "name": "五战区",
+      "totalScore": 89400,
+      "memberCount": 9,
+      "level": "S",
+      "leader": "周将军",
+      "completedTasks": 165,
+      "bonus": 0
     },
     {
-      "id": 10,
-      "name": "众志成城",
-      "totalScore": 3480,
-      "memberCount": 5,
-      "level": "B",
-      "leader": "王十二",
-      "completedTasks": 128,
-      "bonus": 2000
-    },
-    {
-      "id": 11,
-      "name": "气势如虹",
-      "totalScore": 3350,
-      "memberCount": 5,
-      "level": "B",
-      "leader": "李十三",
-      "completedTasks": 122,
-      "bonus": 2000
-    },
-    {
-      "id": 12,
-      "name": "披荆斩棘",
-      "totalScore": 3220,
-      "memberCount": 5,
-      "level": "B",
-      "leader": "张十四",
-      "completedTasks": 115,
-      "bonus": 2000
-    },
-    {
-      "id": 13,
-      "name": "勇攀高峰",
-      "totalScore": 3100,
-      "memberCount": 5,
-      "level": "C",
-      "leader": "王十五",
-      "completedTasks": 108,
-      "bonus": 1000
-    },
-    {
-      "id": 14,
-      "name": "力争上游",
-      "totalScore": 2980,
-      "memberCount": 5,
-      "level": "C",
-      "leader": "赵十六",
-      "completedTasks": 102,
-      "bonus": 1000
-    },
-    {
-      "id": 15,
-      "name": "蓄势待发",
-      "totalScore": 2850,
-      "memberCount": 5,
-      "level": "C",
-      "leader": "钱十七",
-      "completedTasks": 95,
-      "bonus": 1000
+      "id": 2,
+      "name": "二战区",
+      "totalScore": 86420,
+      "memberCount": 12,
+      "level": "SS",
+      "leader": "贺将军",
+      "completedTasks": 198,
+      "bonus": 0
     }
   ],
   "bonusRules": [
@@ -360,36 +874,77 @@
         "displayStyle": "amount"
       },
       "columnWidths": {
-        "rank": 60,
-        "avatar": 60,
+        "rank": 48,
+        "avatar": 48,
         "name": 100,
-        "score": 80,
+        "score": 150,
         "level": 80,
         "department": 1,
-        "bonus": 80
-      }
+        "bonus": 100,
+        "team": 100
+      },
+      "columnAlignments": {
+        "rank": "center",
+        "avatar": "left",
+        "name": "left",
+        "score": "left",
+        "level": "left",
+        "department": "left",
+        "bonus": "left"
+      },
+      "defaultDisplayRows": 0,
+      "filterZeroScore": true
+    },
+    "crown": {
+      "size": 72,
+      "animationEnabled": true
+    },
+    "crownPosition": {
+      "top": -80,
+      "left": null,
+      "right": null,
+      "bottom": null
     },
     "team": {
       "showMemberCount": false,
-      "showLeader": false,
+      "showLeader": true,
       "totalScoreColumn": {
         "displayName": "业绩",
         "displayStyle": "amount"
       },
       "columnWidths": {
-        "rank": 60,
-        "name": 200,
-        "score": 120,
+        "rank": 30,
+        "name": 100,
+        "score": 100,
         "memberCount": 60,
-        "leader": 1,
+        "leader": 100,
         "bonus": 80
-      }
+      },
+      "columnAlignments": {
+        "rank": "center",
+        "name": "center",
+        "score": "left",
+        "memberCount": "left",
+        "leader": "left",
+        "bonus": "left"
+      },
+      "defaultDisplayRows": 0,
+      "filterZeroScore": false
     },
     "championLogos": {
-      "teamChampion": "",
+      "teamChampion": "/uploads/1763979489455.png",
       "individualChampion": "",
-      "teamChampionSize": 120,
-      "individualChampionSize": 120
+      "teamChampionSize": 121,
+      "individualChampionSize": 120,
+      "teamChampionType": "photo",
+      "teamChampionPhotoWidth": 400,
+      "teamChampionPhotoHeight": 242
+    },
+    "subtitleImage": {
+      "src": "/completed_performance.png",
+      "width": 200,
+      "height": 60,
+      "alt": "总战绩"
     }
   },
   "battleEndTime": {
diff --git a/package.json b/package.json
index 8c4d9da..1551644 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "start": "npm run build && node server.js"
+    "server": "npm run build && node server.js",
+    "start": "node server.js"
   },
   "dependencies": {
     "cors": "^2.8.5",
diff --git a/public/award1.png b/public/award1.png
index 08914be..ee613a6 100644
Binary files a/public/award1.png and b/public/award1.png differ
diff --git a/public/award2.png b/public/award2.png
index ee613a6..08914be 100644
Binary files a/public/award2.png and b/public/award2.png differ
diff --git a/public/award3.png b/public/award3.png
index 7a9dd1f..7958574 100644
Binary files a/public/award3.png and b/public/award3.png differ
diff --git a/public/battle-background.jpg b/public/battle-background.jpg
index 9ed65aa..6ddf2a5 100644
Binary files a/public/battle-background.jpg and b/public/battle-background.jpg differ
diff --git a/public/completed_performance.png b/public/completed_performance.png
new file mode 100644
index 0000000..77cc7ac
Binary files /dev/null and b/public/completed_performance.png differ
diff --git a/public/crown.png b/public/crown.png
new file mode 100644
index 0000000..c09cc1d
Binary files /dev/null and b/public/crown.png differ
diff --git a/public/individual-propagation.png b/public/individual-propagation.png
new file mode 100644
index 0000000..4d82ec4
Binary files /dev/null and b/public/individual-propagation.png differ
diff --git a/public/team-propagation.png b/public/team-propagation.png
new file mode 100644
index 0000000..49dbc1b
Binary files /dev/null and b/public/team-propagation.png differ
diff --git a/src/App.vue b/src/App.vue
index 13e359a..5d2c926 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,7 +19,16 @@
       <img src="/banner2.png" alt="右侧标题语" class="banner-image" />
     </div>
     
-    <router-view />
+    <div class="main-content">
+        <router-view />
+
+        <!-- 页脚 -->
+        <footer class="game-footer">
+          <div class="footer-content">
+            <p>&copy; 2025-2026 聚上集团 | 云上企 版权所有.</p>
+          </div>
+        </footer>           
+    </div> 
   </div>
 </template>
 
@@ -69,6 +78,60 @@
   /* 不设置固定宽度，让logo保持原始尺寸 */
 }
 
+/* 主容器 */
+.main-content {
+  min-height: 100vh;
+  position: relative;
+}
+
+/* 背景覆盖层，确保文本可读性 */
+.main-content::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: transparent;
+  z-index: -1;
+}
+
+.game-footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--dark-bg);
+  color: var(--gold-secondary);
+  padding: 20px 0;
+  text-align: center;
+}
+
+.footer-content {
+  font-size: 14px;
+  /* 雕刻效果：使用多层text-shadow创建凸起感 */
+  text-shadow: 
+    -1px -1px 0 rgba(255, 255, 255, 0.3),  /* 高光 - 左上 */
+    1px 1px 0 rgba(0, 0, 0, 0.5),           /* 阴影 - 右下 */
+    0 0 5px rgba(17, 17, 17, 0.5);         /* 光晕 */
+  /* 背景和内边距 */
+  padding: 8px 16px;
+  border-radius: 4px;
+  
+  /* 添加轻微的3D效果 */
+  transform: perspective(1000px) rotateX(0deg);
+  transition: all 0.3s ease;
+}
+
+/* 鼠标悬停时增强3D效果 */
+.footer-content:hover {
+  transform: perspective(1000px) rotateX(2deg) translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+  text-shadow: 
+    -1px -1px 0 rgba(255, 255, 255, 0.4),
+    1px 1px 0 rgba(0, 0, 0, 0.6),
+    0 0 8px rgba(15, 15, 15, 0.7);
+}
+
 /* 针对1920x1080分辨率的banner精确定位 */
 @media (width: 1920px) and (height: 1080px) {
   .banner-left {
@@ -86,6 +149,17 @@
 
 /* 移动设备响应式设计 */
 @media (max-width: 768px) {
+  /* 1. 背景图片全屏显示并固定 */
+  .main-content {
+    padding: 0 !important;
+    margin-top: 50px;
+    background-image: url('/battle-background.jpg');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+    min-height: 100vh;
+  }
+
   /* 移动设备上隐藏左右标题语，避免遮挡主要内容 */
   .banner-left,
   .banner-right {
@@ -119,5 +193,20 @@
   .app-logo {
     width: 200px; /* 移动设备上设置固定宽度为200px */
   }
+  
+  /* 移动设备上的页脚雕刻效果适配 */
+  .footer-content {
+    font-size: 12px;
+    padding: 6px 12px;
+    text-shadow: 
+      -1px -1px 0 rgba(255, 255, 255, 0.2),
+      1px 1px 0 rgba(0, 0, 0, 0.4),
+      0 0 3px rgba(255, 215, 0, 0.4);
+  }
+  
+  .footer-content:hover {
+    transform: none; /* 移动设备上禁用悬停效果 */
+    box-shadow: none;
+  }
 }
 </style>
diff --git a/src/data/mockData.js b/src/data/mockData.js
index 0206599..a9416f7 100644
--- a/src/data/mockData.js
+++ b/src/data/mockData.js
@@ -100,7 +100,6 @@ export const validateUser = (username, password) => {
 export const initializeData = async () => {
   try {
     await refreshData();
-    console.log('数据初始化成功');
   } catch (error) {
     console.error('数据初始化失败:', error);
   }
diff --git a/src/style.css b/src/style.css
index 2f5dcf6..7fafc5e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -5,6 +5,13 @@
   box-sizing: border-box;
 }
 
+/* 图片预加载 - 提升移动端加载性能 */
+body::before {
+  content: "";
+  display: none;
+  background-image: url(/battle-background.jpg);
+}
+
 /* 根元素样式 */
 :root {
   /* 王者荣耀风格字体 - 使用系统默认字体但设置更多样化 */
@@ -135,6 +142,7 @@ h2.game-subtitle {
   font-size: 1.8rem;
   font-weight: 700;
   letter-spacing: 0.5px;
+  text-align: center;
 }
 
 /* 游戏化链接样式 */
@@ -528,14 +536,15 @@ table {
     font-size: 14px;
   }
   
-  /* 移动端body不设置任何背景相关属性 */
+  /* 移动端背景图片优化：保留图片但优化加载性能 */
   html, body {
-    background: none !important;
-    background-image: none !important;
-    background-color: var(--dark-color) !important;
-    background-size: auto !important;
-    background-position: static !important;
-    background-repeat: repeat !important;
+    background-color: var(--dark-color);
+    background-image: url(/battle-background.jpg);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+    /* 预加载优化 */
     background-attachment: scroll !important;
   }
 
@@ -548,6 +557,16 @@ table {
   :root {
     font-size: 13px;
   }
+  
+  /* 小屏幕手机背景图片优化 */
+  html, body {
+    background-color: var(--dark-color);
+    background-image: url(/battle-background.jpg);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+  }
 
   .content-container {
     padding: 0;
@@ -697,4 +716,4 @@ table {
 .text-gold:hover {
   color: var(--gold-secondary);
   text-shadow: 0 0 10px rgba(255, 193, 7, 0.7);
-}
+}
\ No newline at end of file
diff --git a/src/views/AdminPanel.vue b/src/views/AdminPanel.vue
index cc8d5a7..8db4ade 100644
--- a/src/views/AdminPanel.vue
+++ b/src/views/AdminPanel.vue
@@ -6,23 +6,11 @@
         <h2 class="game-title">🔐 管理员登录</h2>
         <div class="form-group">
           <label for="username" class="text-gold">用户名:</label>
-          <input
-            id="username"
-            v-model="loginForm.username"
-            type="text"
-            placeholder="请输入用户名"
-            class="form-input"
-          />
+          <input id="username" v-model="loginForm.username" type="text" placeholder="请输入用户名" class="form-input" />
         </div>
         <div class="form-group">
           <label for="password" class="text-gold">密码:</label>
-          <input
-            id="password"
-            v-model="loginForm.password"
-            type="password"
-            placeholder="请输入密码"
-            class="form-input"
-          />
+          <input id="password" v-model="loginForm.password" type="password" placeholder="请输入密码" class="form-input" />
         </div>
         <div style="display: flex; gap: 15px; margin-top: 25px;">
           <button @click="login" type="submit" class="btn-game" style="flex: 1; padding: 12px;">登录</button>
@@ -32,50 +20,40 @@
       </div>
     </div>
 
-    <!-- 管理界面 --><div v-else class="management-container">
+    <!-- 管理界面 -->
+    <div v-else class="management-container">
       <!-- 顶部导航 -->
       <div class="top-nav">
         <h1 class="game-title">📊 百日大战管理系统</h1>
         <div class="nav-actions">
-      <span class="welcome-text">欢迎您，{{ currentUser.username }}！</span>
-      <button @click="handleRefreshData" class="btn-game" style="margin-right: 10px;">刷新数据</button>
-      <button @click="logout" class="btn-game-secondary">退出登录</button>
-    </div>
+          <span class="welcome-text">欢迎您，{{ currentUser.username }}！</span>
+          <button @click="handleRefreshData" class="btn-game" style="margin-right: 10px;">刷新数据</button>
+          <button @click="logout" class="btn-game-secondary">退出登录</button>
+        </div>
       </div>
 
       <!-- 功能选项卡 -->
       <div class="tabs">
-        <button
-          v-for="tab in tabs"
-          :key="tab.key"
-          @click="currentTab = tab.key"
-          :class="['btn-game', { active: currentTab === tab.key }]"
-        >{{ tab.label }}</button>
+        <button v-for="tab in tabs" :key="tab.key" @click="currentTab = tab.key"
+          :class="['btn-game', { active: currentTab === tab.key }]">{{ tab.label }}</button>
       </div>
 
-      <!-- 内容区域 --><div class="tab-content" style="max-height: calc(100vh - 200px); overflow-y: auto;">
-        <!-- 结束时间设置 --><div v-if="currentTab === 'endTime'" class="end-time-content">
+      <!-- 内容区域 -->
+      <div class="tab-content" style="max-height: calc(100vh - 200px); overflow-y: auto;">
+        <!-- 结束时间设置 -->
+        <div v-if="currentTab === 'endTime'" class="end-time-content">
           <h2 class="game-subtitle">⏰ 百日大战结束时间设置</h2>
           <div class="time-setting-section">
             <div class="config-item">
               <label class="checkbox-label text-gold">
                 <span>结束日期：</span>
-                <input 
-                  type="date" 
-                  v-model="localBattleEndTime.date"
-                  class="text-input"
-                >
+                <input type="date" v-model="localBattleEndTime.date" class="text-input">
               </label>
             </div>
             <div class="config-item">
               <label class="checkbox-label">
                 <span>结束时间：</span>
-                <input 
-                  type="time" 
-                  step="1"
-                  v-model="localBattleEndTime.time"
-                  class="text-input"
-                >
+                <input type="time" step="1" v-model="localBattleEndTime.time" class="text-input">
               </label>
             </div>
             <div class="config-item">
@@ -83,37 +61,50 @@
             </div>
           </div>
         </div>
-        
-        <!-- 显示配置管理 --><div v-if="currentTab === 'config'" class="config-content">
+
+        <!-- 显示配置管理 -->
+        <div v-if="currentTab === 'config'" class="config-content">
           <h2 class="game-subtitle">⚙️ 显示配置管理</h2>
-          
+
           <!-- 个人排名显示配置 -->
           <div class="config-section">
             <h3 class="text-gold">👤 个人排名显示选项</h3>
             <div class="config-options">
               <div class="config-item">
                 <label class="checkbox-label text-gold">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDisplayConfig.individual.showLevel"
-                  >
+                  <input type="checkbox" v-model="localDisplayConfig.individual.showLevel">
                   <span class="text-gold">显示等级列</span>
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDisplayConfig.individual.showDepartment"
-                  >
+                  <input type="checkbox" v-model="localDisplayConfig.individual.showDepartment">
                   <span class="text-gold">显示部门列</span>
                 </label>
               </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <input type="checkbox" v-model="localDisplayConfig.individual.showAvatar">
+                  <span class="text-gold">显示头像列</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <input type="checkbox" v-model="localDisplayConfig.individual.filterZeroScore">
+                  <span class="text-gold">过滤业绩为0的记录</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span class="text-gold">移动端默认显示行数：</span>
+                  <input type="number" v-model.number="localDisplayConfig.individual.defaultDisplayRows" min="1" max="50" class="number-input">
+                </label>
+              </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span class="text-gold">业绩列显示名称：</span>
                   <input type="text" v-model="localDisplayConfig.individual.scoreColumn.displayName"
-                           placeholder="输入显示名称" class="text-input">
+                    placeholder="输入显示名称" class="text-input">
                 </label>
               </div>
               <div class="config-item">
@@ -125,37 +116,96 @@
                   </select>
                 </label>
               </div>
+
+              <div class="column-alignment-section">
+                <h4 style="color: #007bff;">英雄排名列表-列对齐设置</h4>
+                <div class="column-alignment-item">
+                  <label class="text-gold">排名列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.rank" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">姓名列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.name" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">业绩列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.score" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item" v-if="localDisplayConfig.individual.showLevel">
+                  <label class="text-gold">等级列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.level" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item" v-if="localDisplayConfig.individual.showDepartment">
+                  <label class="text-gold">部门列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.department" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item" v-if="localDisplayConfig.individual.showTeam">
+                  <label class="text-gold">战区列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.team" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">奖金列对齐：</label>
+                  <select v-model="localDisplayConfig.individual.columnAlignments.bonus" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+              </div>
               
+
               <div class="column-widths-section">
                 <h4 class="text-gold">列宽设置（单位：像素）</h4>
                 <div class="column-width-item">
-                  <label class="text-gold">排名列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.rank" min="40" max="200" class="width-input">
+                  <label class="text-gold">排名：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.rank" min="40"
+                    max="200" class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">头像列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40" max="200" class="width-input">
+                  <label class="text-gold">头像：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
+                    max="200" class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">姓名列：</label>
-                  <select v-model.number="localDisplayConfig.individual.columnWidths.name" class="width-select">
-                    <option :value="1">自动填充</option>
-                    <option value="100">100px</option>
-                    <option value="150">150px</option>
-                    <option value="200">200px</option>
-                    <option value="250">250px</option>
-                  </select>
+                  <label class="text-gold">姓名：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.name" min="40" max="300" class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">业绩列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.score" min="60" max="200" class="width-input">
+                  <label class="text-gold">业绩：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.score" min="60"
+                    max="200" class="width-input">
                 </div>
                 <div class="column-width-item" v-if="localDisplayConfig.individual.showLevel">
-                  <label class="text-gold">等级列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.level" min="60" max="200" class="width-input">
+                  <label class="text-gold">等级：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.level" min="60"
+                    max="200" class="width-input">
                 </div>
                 <div class="column-width-item" v-if="localDisplayConfig.individual.showDepartment">
-                  <label class="text-gold">部门列：</label>
+                  <label class="text-gold">部门：</label>
                   <select v-model.number="localDisplayConfig.individual.columnWidths.department" class="width-select">
                     <option :value="1">自动填充</option>
                     <option value="100">100px</option>
@@ -164,40 +214,56 @@
                   </select>
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">奖金列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.bonus" min="60" max="200" class="width-input">
+                  <label class="text-gold">战区：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.team" min="10" max="300" class="width-input">
+                </div>
+                <div class="column-width-item" v-if="localDisplayConfig.individual.showAvatar">
+                  <label class="text-gold">头像：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.avatar" min="40"
+                    max="200" class="width-input">
+                </div>
+                <div class="column-width-item">
+                  <label class="text-gold">奖金：</label>
+                  <input type="number" v-model.number="localDisplayConfig.individual.columnWidths.bonus" min="60"
+                    max="200" class="width-input">
                 </div>
               </div>
             </div>
           </div>
-          
+
           <!-- 战区排名显示配置 -->
           <div class="config-section">
             <h3 class="text-gold">👥 战区排名显示选项</h3>
             <div class="config-options">
               <div class="config-item">
                 <label class="checkbox-label">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDisplayConfig.team.showMemberCount"
-                  >
+                  <input type="checkbox" v-model="localDisplayConfig.team.showMemberCount">
                   <span class="text-gold">显示人数列</span>
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDisplayConfig.team.showLeader"
-                  >
+                  <input type="checkbox" v-model="localDisplayConfig.team.showLeader">
                   <span class="text-gold">显示队长列</span>
                 </label>
               </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <input type="checkbox" v-model="localDisplayConfig.team.filterZeroScore">
+                  <span class="text-gold">过滤业绩为0的记录</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span class="text-gold">移动端默认显示行数：</span>
+                  <input type="number" v-model.number="localDisplayConfig.team.defaultDisplayRows" min="0" max="50" class="number-input" placeholder="留空或0表示显示所有行">
+                </label>
+              </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span class="text-gold">业绩列显示名称：</span>
-                  <input type="text" v-model="localDisplayConfig.team.totalScoreColumn.displayName"
-                           placeholder="输入显示名称" class="text-input">
+                  <input type="text" v-model="localDisplayConfig.team.totalScoreColumn.displayName" placeholder="输入显示名称"
+                    class="text-input">
                 </label>
               </div>
               <div class="config-item">
@@ -209,50 +275,95 @@
                   </select>
                 </label>
               </div>
+              <div class="column-alignment-section">
+                <h4 style="color: #007bff;">战区排名列表-列对齐设置</h4>
+                <div class="column-alignment-item">
+                  <label class="text-gold">排名列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.rank" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">战区名列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.name" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">业绩列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.score" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item" v-if="localDisplayConfig.team.showMemberCount">
+                  <label class="text-gold">人数列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.memberCount" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item" v-if="localDisplayConfig.team.showLeader">
+                  <label class="text-gold">队长列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.leader" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+                <div class="column-alignment-item">
+                  <label class="text-gold">奖金列对齐：</label>
+                  <select v-model="localDisplayConfig.team.columnAlignments.bonus" class="align-select">
+                    <option value="left">靠左</option>
+                    <option value="center">居中</option>
+                    <option value="right">靠右</option>
+                  </select>
+                </div>
+              </div>
               
               <div class="column-widths-section">
                 <h4 class="text-gold">列宽设置（单位：像素）</h4>
                 <div class="column-width-item">
-                  <label class="text-gold">排名列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.rank" min="40" max="200" class="width-input">
+                  <label class="text-gold">排名：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.rank" min="40" max="200"
+                    class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">战区名列：</label>
-                  <select v-model.number="localDisplayConfig.team.columnWidths.name" class="width-select">
-                    <option :value="1">自动填充</option>
-                    <option value="150">150px</option>
-                    <option value="200">200px</option>
-                    <option value="250">250px</option>
-                    <option value="300">300px</option>
-                  </select>
+                  <label class="text-gold">战区名：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.name" min="100" max="400" class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">业绩列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.score" min="60" max="200" class="width-input">
+                  <label class="text-gold">业绩：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.score" min="60" max="200"
+                    class="width-input">
                 </div>
                 <div class="column-width-item" v-if="localDisplayConfig.team.showMemberCount">
-                  <label class="text-gold">人数列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.memberCount" min="60" max="100" class="width-input">
+                  <label class="text-gold">人数：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.memberCount" min="60"
+                    max="100" class="width-input">
                 </div>
                 <div class="column-width-item" v-if="localDisplayConfig.team.showLeader">
-                  <label class="text-gold">队长列：</label>
-                  <select v-model.number="localDisplayConfig.team.columnWidths.leader" class="width-select">
-                    <option :value="1">自动填充</option>
-                    <option value="100">100px</option>
-                    <option value="150">150px</option>
-                    <option value="200">200px</option>
-                  </select>
+                  <label class="text-gold">队长：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.leader" min="80" max="250" class="width-input">
                 </div>
                 <div class="column-width-item">
-                  <label class="text-gold">奖金列：</label>
-                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.bonus" min="60" max="200" class="width-input">
+                  <label class="text-gold">奖金：</label>
+                  <input type="number" v-model.number="localDisplayConfig.team.columnWidths.bonus" min="60" max="200"
+                    class="width-input">
                 </div>
               </div>
             </div>
           </div>
         </div>
-        
-        <!-- 个人排名管理 --><div v-if="currentTab === 'individual'" class="rank-content">
+
+        <!-- 个人排名管理 -->
+        <div v-if="currentTab === 'individual'" class="rank-content">
           <div class="management-header">
             <h2 class="game-subtitle">👤 个人排名管理</h2>
             <button @click="showAddIndividual = true" class="btn-game">➕ 添加人员</button>
@@ -268,20 +379,18 @@
               <span class="bonus-col">奖金</span>
               <span class="action-col">操作</span>
             </div>
-            <div
-              v-for="(item, index) in localIndividualRankings"
-              :key="item.id"
-              class="table-row"
-              :class="{ 'highlight': index === 0 }"
-            >
+            <div v-for="(item, index) in localIndividualRankings" :key="item.id" class="table-row"
+              :class="{ 'highlight': index === 0 }">
               <span class="rank-col">{{ index + 1 }}</span>
               <span class="avatar-col">
                 <img v-if="item.avatar && item.avatar.startsWith('/')" :src="item.avatar" alt="头像" class="table-avatar">
                 <span v-else>{{ item.avatar || '👤' }}</span>
               </span>
               <span class="name-col">{{ item.name }}</span>
-              <span class="score-col">{{ localDisplayConfig.individual.scoreColumn.displayStyle === 'amount' ? '¥' + item.score : item.score }}</span>
-              <span v-if="localDisplayConfig.individual.showLevel" class="level-col" :class="`level-${item.level}`">{{ item.level }}</span>
+              <span class="score-col">{{ localDisplayConfig.individual.scoreColumn.displayStyle === 'amount' ? '¥' +
+                item.score : item.score }}</span>
+              <span v-if="localDisplayConfig.individual.showLevel" class="level-col" :class="`level-${item.level}`">{{
+                item.level }}</span>
               <span v-if="localDisplayConfig.individual.showDepartment" class="dept-col">{{ item.department }}</span>
               <span class="bonus-col">¥{{ item.bonus }}</span>
               <span class="action-col">
@@ -292,7 +401,8 @@
           </div>
         </div>
 
-        <!-- 战区排名管理 --><div v-if="currentTab === 'team'" class="rank-content">
+        <!-- 战区排名管理 -->
+        <div v-if="currentTab === 'team'" class="rank-content">
           <div class="management-header">
             <h2 class="game-subtitle">👥 战区排名管理</h2>
             <button @click="showAddTeam = true" class="btn-game">➕ 添加战区</button>
@@ -307,37 +417,30 @@
               <span class="bonus-col">奖金</span>
               <span class="action-col">操作</span>
             </div>
-            <div
-              v-for="(item, index) in localTeamRankings"
-              :key="item.id"
-              class="table-row"
-              :class="{ 'highlight': index === 0 }"
-            >
+            <div v-for="(item, index) in localTeamRankings" :key="item.id" class="table-row"
+              :class="{ 'highlight': index === 0 }">
               <span class="rank-col">{{ index + 1 }}</span>
               <span class="name-col">{{ item.name }}</span>
-              <span class="score-col">{{ localDisplayConfig.team.totalScoreColumn.displayStyle === 'amount' ? '¥' + item.totalScore : item.totalScore }}</span>
+              <span class="score-col">{{ localDisplayConfig.team.totalScoreColumn.displayStyle === 'amount' ? '¥' +
+                item.totalScore : item.totalScore }}</span>
               <span v-if="localDisplayConfig.team.showMemberCount" class="member-col">{{ item.memberCount }}人</span>
               <span v-if="localDisplayConfig.team.showLeader" class="leader-col">{{ item.leader }}</span>
               <span class="bonus-col">¥{{ item.bonus }}</span>
               <span class="action-col">
                 <button @click="editTeam(item)" class="btn-game-secondary btn-edit">✏️</button>
-              <button @click="deleteTeam(item.id)" class="btn-game-secondary btn-delete">🗑️</button>
+                <button @click="deleteTeam(item.id)" class="btn-game-secondary btn-delete">🗑️</button>
               </span>
             </div>
           </div>
         </div>
-        
+
         <!-- 奖金设置 -->
         <div v-if="currentTab === 'bonus'" class="bonus-config-content">
           <h2 class="game-subtitle">🎯 奖金设置</h2>
           <div class="config-section">
             <h3 class="text-gold">🏆 奖金规则配置</h3>
             <div class="bonus-rules-list">
-              <div
-                v-for="(rule, index) in localBonusRules"
-                :key="index"
-                class="bonus-rule-item"
-              >
+              <div v-for="(rule, index) in localBonusRules" :key="index" class="bonus-rule-item">
                 <div class="rule-form">
                   <div class="form-group">
                     <label class="text-gold">名次范围:</label>
@@ -349,11 +452,13 @@
                   </div>
                   <div class="form-group">
                     <label class="text-gold">个人奖励:</label>
-                    <input v-model="rule.individualBonus" type="text" class="form-input" placeholder="如: ¥10000, ¥8000, ¥5000">
+                    <input v-model="rule.individualBonus" type="text" class="form-input"
+                      placeholder="如: ¥10000, ¥8000, ¥5000">
                   </div>
                   <div class="form-group">
                     <label class="text-gold">团队奖励:</label>
-                    <input v-model="rule.teamBonus" type="text" class="form-input" placeholder="如: ¥50000, ¥30000, ¥20000">
+                    <input v-model="rule.teamBonus" type="text" class="form-input"
+                      placeholder="如: ¥50000, ¥30000, ¥20000">
                   </div>
                   <div class="form-actions">
                     <button @click="deleteBonusRule(index)" class="btn-game-secondary">🗑️ 删除</button>
@@ -364,132 +469,225 @@
             </div>
           </div>
         </div>
-        
+
         <!-- 冠军Logo配置 -->
         <div v-if="currentTab === 'champion'" class="champion-config-content">
           <h2 class="game-subtitle">🏆 冠军Logo配置</h2>
-          
+
           <div class="config-section">
-            <h3 class="text-gold">🎯 战区冠军Logo</h3>
+            <h3 class="text-gold">🎯 战区冠军配置</h3>
             <div class="logo-upload-section">
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>显示类型：</span>
+                  <select v-model="championLogos.teamChampionType" class="select-input">
+                    <option value="avatar">头像</option>
+                    <option value="photo">照片</option>
+                  </select>
+                </label>
+              </div>
               <div class="logo-preview">
                 <div v-if="championLogos.teamChampion" class="logo-image-container">
-              <img :src="championLogos.teamChampion" alt="战区冠军Logo" class="logo-preview-image">
-            </div>
+                  <img :src="championLogos.teamChampion" alt="战区冠军" class="logo-preview-image" :style="championLogos.teamChampionType === 'photo' ? { width: championLogos.teamChampionPhotoWidth + 'px', height: championLogos.teamChampionPhotoHeight + 'px', objectFit: 'cover' } : {}">
+                </div>
                 <div v-else class="logo-placeholder">
-                  <span>未上传Logo</span>
+                  <span>未上传图片</span>
                 </div>
               </div>
               <div class="upload-controls">
-                <input type="file" accept="image/*" @change="(e) => handleChampionLogoUpload(e, 'teamChampion')" class="logo-input">
+                <input type="file" accept="image/*" @change="(e) => handleChampionLogoUpload(e, 'teamChampion')"
+                  class="logo-input">
                 <button v-if="championLogos.teamChampion" @click="clearChampionLogo('teamChampion')" class="btn-clear">
-                  清除Logo
+                  清除图片
                 </button>
               </div>
-              <div class="size-control">
-                <label class="text-gold">显示大小：</label>
-                <input 
-                  type="number" 
-                  v-model.number="championLogos.teamChampionSize" 
-                  min="30" 
-                  max="200" 
-                  class="width-input"
-                  placeholder="输入大小（像素）"
-                >
+              <div v-if="championLogos.teamChampionType === 'avatar'" class="size-control">
+                <label class="text-gold">头像大小：</label>
+                <input type="number" v-model.number="championLogos.teamChampionSize" min="30" max="200"
+                  class="width-input" placeholder="输入大小（像素）">
                 <span class="size-unit">px</span>
               </div>
-              <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素，文件大小不超过5MB</p>
+              <div v-if="championLogos.teamChampionType === 'photo'" class="size-controls">
+                <div class="size-control">
+                  <label class="text-gold">照片宽度：</label>
+                  <input type="number" v-model.number="championLogos.teamChampionPhotoWidth" min="50" max="400"
+                    class="width-input" placeholder="输入宽度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+                <div class="size-control">
+                  <label class="text-gold">照片高度：</label>
+                  <input type="number" v-model.number="championLogos.teamChampionPhotoHeight" min="30" max="300"
+                    class="width-input" placeholder="输入高度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+              </div>
+              <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素（头像）或400x300像素（照片），文件大小不超过5MB</p>
             </div>
           </div>
-          
+
           <div class="config-section">
             <h3 class="text-gold">👤 英雄冠军Logo</h3>
             <div class="logo-upload-section">
               <div class="logo-preview">
                 <div v-if="championLogos.individualChampion" class="logo-image-container">
-              <img :src="championLogos.individualChampion" alt="英雄冠军Logo" class="logo-preview-image">
-            </div>
+                  <img :src="championLogos.individualChampion" alt="英雄冠军Logo" class="logo-preview-image">
+                </div>
                 <div v-else class="logo-placeholder">
                   <span>未上传Logo</span>
                 </div>
               </div>
               <div class="upload-controls">
-                <input type="file" accept="image/*" @change="(e) => handleChampionLogoUpload(e, 'individualChampion')" class="logo-input">
-                <button v-if="championLogos.individualChampion" @click="clearChampionLogo('individualChampion')" class="btn-clear">
+                <input type="file" accept="image/*" @change="(e) => handleChampionLogoUpload(e, 'individualChampion')"
+                  class="logo-input">
+                <button v-if="championLogos.individualChampion" @click="clearChampionLogo('individualChampion')"
+                  class="btn-clear">
                   清除Logo
                 </button>
               </div>
               <div class="size-control">
                 <label class="text-gold">显示大小：</label>
-                <input 
-                  type="number" 
-                  v-model.number="championLogos.individualChampionSize" 
-                  min="30" 
-                  max="200" 
-                  class="width-input"
-                  placeholder="输入大小（像素）"
-                >
+                <input type="number" v-model.number="championLogos.individualChampionSize" min="30" max="200"
+                  class="width-input" placeholder="输入大小（像素）">
                 <span class="size-unit">px</span>
               </div>
               <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素，文件大小不超过5MB</p>
             </div>
           </div>
+          
+          <!-- 总战绩标题图像配置 -->
+          <div class="config-section">
+            <h3 class="text-gold">📊 总战绩标题图像配置</h3>
+            <div class="subtitle-image-section">
+              <div class="logo-preview">
+                <div v-if="localDisplayConfig.subtitleImage?.src" class="logo-image-container">
+                  <img :src="localDisplayConfig.subtitleImage.src" alt="总战绩标题图像" class="logo-preview-image">
+                </div>
+                <div v-else class="logo-placeholder">
+                  <span>未上传图像</span>
+                </div>
+              </div>
+              <div class="upload-controls">
+                <input type="file" accept="image/*" @change="(e) => handleSubtitleImageUpload(e)"
+                  class="logo-input">
+                <button v-if="localDisplayConfig.subtitleImage.src" @click="clearSubtitleImage()"
+                  class="btn-clear">
+                  清除图像
+                </button>
+              </div>
+              <div class="size-controls">
+                <div class="size-control">
+                  <label class="text-gold">图像宽度：</label>
+                  <input type="number" v-model.number="localDisplayConfig.subtitleImage.width" min="1" max="1000"
+                    class="width-input" placeholder="输入宽度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+                <div class="size-control">
+                  <label class="text-gold">图像高度：</label>
+                  <input type="number" v-model.number="localDisplayConfig.subtitleImage.height" min="1" max="1000"
+                    class="width-input" placeholder="输入高度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span class="text-gold">替代文本：</span>
+                  <input type="text" v-model="localDisplayConfig.subtitleImage.alt" 
+                    class="text-input" placeholder="输入图像替代文本">
+                </label>
+              </div>
+              <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x60像素，文件大小不超过2MB</p>
+            </div>
+          </div>
+
+          <!-- 皇冠配置 -->
+          <div class="config-section">
+            <h3 class="text-gold">👑 英雄冠军皇冠配置</h3>
+            <div class="crown-config-section">
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>皇冠大小（像素）：</span>
+                  <input type="number" v-model.number="localDisplayConfig.crown.size" min="30" max="300"
+                    class="width-input" placeholder="输入大小（像素）">
+                  <span class="size-unit">px</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>皇冠位置 - 上（px）：</span>
+                  <input type="number" v-model.number="localDisplayConfig.crownPosition.top" 
+                    class="width-input" placeholder="默认-100">
+                  <span class="size-unit">px</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>皇冠位置 - 下（px）：</span>
+                  <input type="number" v-model.number="localDisplayConfig.crownPosition.bottom" 
+                    class="width-input" placeholder="默认不设置">
+                  <span class="size-unit">px</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>皇冠位置 - 左（px）：</span>
+                  <input type="number" v-model.number="localDisplayConfig.crownPosition.left" 
+                    class="width-input" placeholder="默认居中">
+                  <span class="size-unit">px</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>皇冠位置 - 右（px）：</span>
+                  <input type="number" v-model.number="localDisplayConfig.crownPosition.right" 
+                    class="width-input" placeholder="默认不设置">
+                  <span class="size-unit">px</span>
+                </label>
+              </div>
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <input type="checkbox" v-model="localDisplayConfig.crown.animationEnabled">
+                  <span>启用皇冠浮动动画效果</span>
+                </label>
+              </div>
+              <p class="upload-hint">皇冠大小默认为英雄冠军头像的1.2倍，建议设置为合适的大小以确保美观</p>
+              <p class="upload-hint">皇冠位置默认值为顶部-100px且水平居中；负值向上/左偏移，正值向下/右偏移</p>
+            </div>
+          </div>
         </div>
-        
+
         <!-- 战鼓配置 -->
         <div v-if="currentTab === 'drum'" class="drum-config-content">
           <h2 class="game-subtitle">🥁 战鼓配置管理</h2>
-          
+
           <!-- 音效配置 -->
           <div class="config-section">
             <h3 class="text-gold">🔊 音效配置</h3>
             <div class="config-options">
               <div class="config-item">
                 <label class="checkbox-label">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDrumConfig.sound.enabled"
-                  >
+                  <input type="checkbox" v-model="localDrumConfig.sound.enabled">
                   <span>启用音效</span>
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>音量 (0-1)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.sound.volume" 
-                    min="0" 
-                    max="1" 
-                    step="0.1" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.sound.volume" min="0" max="1" step="0.1"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>起音时间 (s)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.sound.attackTime" 
-                    min="0.001" 
-                    max="0.5" 
-                    step="0.01" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.sound.attackTime" min="0.001" max="0.5"
+                    step="0.01" class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>衰减时间 (s)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.sound.decayTime" 
-                    min="0.05" 
-                    max="1" 
-                    step="0.05" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.sound.decayTime" min="0.05" max="1" step="0.05"
+                    class="width-input">
                 </label>
               </div>
               <h4 style="margin-top: 15px; color: #666;">🎵 第一个音调</h4>
@@ -507,13 +705,8 @@
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>频率 (Hz)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.sound.frequency1" 
-                    min="50" 
-                    max="500" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.sound.frequency1" min="50" max="500"
+                    class="width-input">
                 </label>
               </div>
               <h4 style="margin-top: 15px; color: #666;">🎵 第二个音调</h4>
@@ -531,95 +724,61 @@
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>频率 (Hz)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.sound.frequency2" 
-                    min="50" 
-                    max="500" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.sound.frequency2" min="50" max="500"
+                    class="width-input">
                 </label>
               </div>
             </div>
           </div>
-          
+
           <!-- 动画配置 -->
           <div class="config-section">
             <h3>🎬 动画配置</h3>
             <div class="config-options">
               <div class="config-item">
                 <label class="checkbox-label">
-                  <input 
-                    type="checkbox" 
-                    v-model="localDrumConfig.animation.enabled"
-                  >
+                  <input type="checkbox" v-model="localDrumConfig.animation.enabled">
                   <span>启用动画</span>
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>节拍间隔 (ms)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.animation.beatInterval" 
-                    min="50" 
-                    max="1000" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.animation.beatInterval" min="50" max="1000"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>跳动缩放比例：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.animation.beatScale" 
-                    min="1.0" 
-                    max="2.0" 
-                    step="0.1" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.animation.beatScale" min="1.0" max="2.0"
+                    step="0.1" class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>跳动上下位移 (px)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.animation.beatTranslateY" 
-                    min="-50" 
-                    max="50" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.animation.beatTranslateY" min="-50" max="50"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>跳动旋转角度 (deg)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.animation.beatRotate" 
-                    min="0" 
-                    max="20" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.animation.beatRotate" min="0" max="20"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>单次跳动持续时间 (ms)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.animation.beatDuration" 
-                    min="50" 
-                    max="500" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.animation.beatDuration" min="50" max="500"
+                    class="width-input">
                 </label>
               </div>
             </div>
           </div>
-          
+
           <!-- 节拍模式配置 -->
           <div class="config-section">
             <h3>🎵 节拍模式配置</h3>
@@ -627,62 +786,36 @@
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>每小节总拍数：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.pattern.totalBeats" 
-                    min="1" 
-                    max="8" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.pattern.totalBeats" min="1" max="8"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>强拍位置 (1-4)：</span>
-                  <input 
-                    type="text" 
-                    v-model="localDrumConfig.pattern.strongBeatsStr" 
-                    placeholder="如: 1,4"
-                    class="text-input"
-                    @input="updateStrongBeats"
-                  >
+                  <input type="text" v-model="localDrumConfig.pattern.strongBeatsStr" placeholder="如: 1,4"
+                    class="text-input" @input="updateStrongBeats">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>强拍音量倍数：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.pattern.accentMultiplier" 
-                    min="1" 
-                    max="3" 
-                    step="0.1" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.pattern.accentMultiplier" min="1" max="3"
+                    step="0.1" class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>强拍频率偏移 (%)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.pattern.accentFrequencyOffset" 
-                    min="-50" 
-                    max="50" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.pattern.accentFrequencyOffset" min="-50" max="50"
+                    class="width-input">
                 </label>
               </div>
               <div class="config-item">
                 <label class="checkbox-label">
                   <span>强拍动画增强 (%)：</span>
-                  <input 
-                    type="number" 
-                    v-model.number="localDrumConfig.pattern.accentAnimation" 
-                    min="0" 
-                    max="100" 
-                    class="width-input"
-                  >
+                  <input type="number" v-model.number="localDrumConfig.pattern.accentAnimation" min="0" max="100"
+                    class="width-input">
                 </label>
               </div>
             </div>
@@ -690,13 +823,15 @@
         </div>
       </div>
 
-      <!-- 保存按钮 --><div class="save-section">
+      <!-- 保存按钮 -->
+      <div class="save-section">
         <button @click="saveData" class="save-btn">💾 保存所有数据</button>
         <button @click="goBack" class="back-btn">🏠 返回首页</button>
       </div>
     </div>
 
-    <!-- 添加/编辑个人对话框 --><div v-if="showAddIndividual || showEditIndividual" class="modal-overlay">
+    <!-- 添加/编辑个人对话框 -->
+    <div v-if="showAddIndividual || showEditIndividual" class="modal-overlay">
       <div class="modal">
         <h3 class="modal-title">{{ editingIndividual ? '编辑人员' : '添加人员' }}</h3>
         <form @submit.prevent="saveIndividual">
@@ -722,14 +857,16 @@
             <label>头像:</label>
             <div class="avatar-upload">
               <div v-if="individualForm.avatar && individualForm.avatar.startsWith('/')" class="avatar-preview">
-                <img :src="individualForm.avatar" alt="头像预览" style="width: 80px; height: 80px; object-fit: cover; border-radius: 50%;">
+                <img :src="individualForm.avatar" alt="头像预览"
+                  style="width: 80px; height: 80px; object-fit: cover; border-radius: 50%;">
               </div>
               <div v-else class="avatar-emoji-preview">
                 {{ individualForm.avatar }}
               </div>
               <input type="file" accept="image/*" @change="handleAvatarUpload" class="avatar-input">
               <label for="emoji-select">或选择表情:</label>
-              <select v-model="individualForm.avatar" id="emoji-select" class="form-input" v-if="!individualForm.avatar.startsWith('/')">
+              <select v-model="individualForm.avatar" id="emoji-select" class="form-input"
+                v-if="!individualForm.avatar.startsWith('/')">
                 <option value="👑">👑 皇冠</option>
                 <option value="🥇">🥇 金牌</option>
                 <option value="🥈">🥈 银牌</option>
@@ -767,7 +904,8 @@
       </div>
     </div>
 
-    <!-- 添加/编辑战区对话框 --><div v-if="showAddTeam || showEditTeam" class="modal-overlay">
+    <!-- 添加/编辑战区对话框 -->
+    <div v-if="showAddTeam || showEditTeam" class="modal-overlay">
       <div class="modal">
         <h3 class="modal-title">{{ editingTeam ? '编辑战区' : '添加战区' }}</h3>
         <form @submit.prevent="saveTeam">
@@ -865,18 +1003,24 @@ onMounted(async () => {
     localIndividualRankings.value = [...individualRankings];
     localTeamRankings.value = [...teamRankings];
     localBonusRules.value = [...bonusRules];
-    localDisplayConfig.value = {...displayConfig};
-    localBattleEndTime.value = {...battleEndTime};
-    localDrumConfig.value = {...drumConfig};
-    
+    localDisplayConfig.value = { ...displayConfig };
+    // 确保皇冠位置配置存在
+    if (!localDisplayConfig.value.crownPosition) {
+      localDisplayConfig.value.crownPosition = { top: '-100px' };
+    } else if (!localDisplayConfig.value.crownPosition.top) {
+      localDisplayConfig.value.crownPosition.top = '-100px';
+    }
+    localBattleEndTime.value = { ...battleEndTime };
+    localDrumConfig.value = { ...drumConfig };
+
     // 初始化冠军Logo配置
     if (displayConfig.championLogos) {
-      championLogos.value = {...displayConfig.championLogos};
+      championLogos.value = { ...displayConfig.championLogos };
     }
-    
+
     // 重新处理强拍位置
     if (localDrumConfig.value.pattern && localDrumConfig.value.pattern.strongBeats) {
-      localDrumConfig.value.pattern.strongBeatsStr = 
+      localDrumConfig.value.pattern.strongBeatsStr =
         localDrumConfig.value.pattern.strongBeats.join(',') || '1,4';
     }
   } catch (error) {
@@ -888,16 +1032,16 @@ onMounted(async () => {
 const handleChampionLogoUpload = async (event, type) => {
   const file = event.target.files[0];
   if (!file) return;
-  
+
   const formData = new FormData();
   formData.append('image', file);
-  
+
   try {
     const response = await fetch('/api/upload', {
       method: 'POST',
       body: formData
     });
-    
+
     const result = await response.json();
     if (result.success) {
       // 删除旧的图片
@@ -909,7 +1053,7 @@ const handleChampionLogoUpload = async (event, type) => {
           console.error('删除旧文件失败:', error);
         });
       }
-      
+
       championLogos.value[type] = result.filePath;
     } else {
       alert('上传失败: ' + result.error);
@@ -918,7 +1062,7 @@ const handleChampionLogoUpload = async (event, type) => {
     console.error('上传失败:', error);
     alert('上传失败，请重试');
   }
-  
+
   // 清空文件输入
   event.target.value = '';
 };
@@ -936,6 +1080,54 @@ const clearChampionLogo = (type) => {
   championLogos.value[type] = '';
 };
 
+// 处理总战绩标题图像上传
+const handleSubtitleImageUpload = async (event) => {
+  const file = event.target.files[0];
+  if (!file) return;
+
+  const formData = new FormData();
+  formData.append('file', file);
+
+  try {
+    const response = await fetch('/api/upload', {
+      method: 'POST',
+      body: formData
+    });
+
+    if (response.ok) {
+      const data = await response.json();
+      // 确保subtitleImage对象存在
+      if (!localDisplayConfig.value.subtitleImage) {
+        localDisplayConfig.value.subtitleImage = {};
+      }
+      // 清除旧的文件（如果是上传的文件）
+      if (localDisplayConfig.value.subtitleImage.src && localDisplayConfig.value.subtitleImage.src.startsWith('/uploads/')) {
+        const oldFilename = localDisplayConfig.value.subtitleImage.src.split('/').pop();
+        fetch(`/api/upload/${oldFilename}`, { method: 'DELETE' })
+          .catch(error => console.error('删除旧文件失败:', error));
+      }
+      // 设置新的图像路径
+      localDisplayConfig.value.subtitleImage.src = data.filePath;
+    } else {
+      console.error('上传失败:', response.status);
+    }
+  } catch (error) {
+    console.error('上传文件时出错:', error);
+  }
+};
+
+// 清除总战绩标题图像
+const clearSubtitleImage = () => {
+  if (localDisplayConfig.value.subtitleImage?.src && localDisplayConfig.value.subtitleImage.src.startsWith('/uploads/')) {
+    const filename = localDisplayConfig.value.subtitleImage.src.split('/').pop();
+    fetch(`/api/upload/${filename}`, { method: 'DELETE' })
+      .catch(error => console.error('删除文件失败:', error));
+  }
+  // 重置为默认图像
+  localDisplayConfig.value.subtitleImage = localDisplayConfig.value.subtitleImage || {};
+  localDisplayConfig.value.subtitleImage.src = '/completed_performance.png';
+};
+
 // 刷新数据
 const handleRefreshData = () => {
   try {
@@ -944,16 +1136,16 @@ const handleRefreshData = () => {
     localIndividualRankings.value = [...individualRankings];
     localTeamRankings.value = [...teamRankings];
     localBonusRules.value = [...bonusRules];
-    localDisplayConfig.value = {...displayConfig};
-    localBattleEndTime.value = {...battleEndTime};
-    localDrumConfig.value = {...drumConfig};
-    
+    localDisplayConfig.value = { ...displayConfig };
+    localBattleEndTime.value = { ...battleEndTime };
+    localDrumConfig.value = { ...drumConfig };
+
     // 重新处理强拍位置
     if (localDrumConfig.value.pattern && localDrumConfig.value.pattern.strongBeats) {
-      localDrumConfig.value.pattern.strongBeatsStr = 
+      localDrumConfig.value.pattern.strongBeatsStr =
         localDrumConfig.value.pattern.strongBeats.join(',') || '1,4';
     }
-    
+
     if (success) {
       alert('数据刷新成功！');
     } else {
@@ -970,10 +1162,10 @@ const currentTab = ref('individual');
 const localIndividualRankings = ref([...individualRankings]);
 const localTeamRankings = ref([...teamRankings]);
 const localBonusRules = ref([...bonusRules]);
-const localDisplayConfig = ref({...displayConfig});
-const localBattleEndTime = ref({...battleEndTime});
+const localDisplayConfig = ref({ ...displayConfig });
+const localBattleEndTime = ref({ ...battleEndTime });
 // 初始化本地战鼓配置副本
-const localDrumConfig = ref({...drumConfig});
+const localDrumConfig = ref({ ...drumConfig });
 // 添加强拍位置的字符串表示，用于输入框
 if (localDrumConfig.value.pattern && localDrumConfig.value.pattern.strongBeats) {
   localDrumConfig.value.pattern.strongBeatsStr = localDrumConfig.value.pattern.strongBeats.join(',') || '1,4';
@@ -991,13 +1183,13 @@ onMounted(async () => {
     localIndividualRankings.value = [...individualRankings];
     localTeamRankings.value = [...teamRankings];
     localBonusRules.value = [...bonusRules];
-    localDisplayConfig.value = {...displayConfig};
-    localBattleEndTime.value = {...battleEndTime};
-    localDrumConfig.value = {...drumConfig};
-    
+    localDisplayConfig.value = { ...displayConfig };
+    localBattleEndTime.value = { ...battleEndTime };
+    localDrumConfig.value = { ...drumConfig };
+
     // 重新处理强拍位置
     if (localDrumConfig.value.pattern && localDrumConfig.value.pattern.strongBeats) {
-      localDrumConfig.value.pattern.strongBeatsStr = 
+      localDrumConfig.value.pattern.strongBeatsStr =
         localDrumConfig.value.pattern.strongBeats.join(',') || '1,4';
     }
   } catch (error) {
@@ -1049,16 +1241,16 @@ const individualForm = reactive({
 const handleAvatarUpload = async (event) => {
   const file = event.target.files[0];
   if (!file) return;
-  
+
   const formData = new FormData();
   formData.append('image', file);
-  
+
   try {
     const response = await fetch('/api/upload', {
       method: 'POST',
       body: formData
     });
-    
+
     const result = await response.json();
     if (result.success) {
       individualForm.avatar = result.filePath;
@@ -1069,7 +1261,7 @@ const handleAvatarUpload = async (event) => {
     console.error('上传失败:', error);
     alert('上传失败，请重试');
   }
-  
+
   // 清空文件输入，允许重新选择相同文件
   event.target.value = '';
 };
@@ -1104,7 +1296,7 @@ const login = () => {
   const user = systemUsers.find(
     u => u.username === loginForm.username && u.password === loginForm.password
   );
-  
+
   if (user) {
     isLoggedIn.value = true;
     currentUser.value = user;
@@ -1133,19 +1325,19 @@ const saveData = async () => {
     // 按分数重新排序
     localIndividualRankings.value.sort((a, b) => b.score - a.score);
     localTeamRankings.value.sort((a, b) => b.totalScore - a.totalScore);
-    
+
     // 保存战鼓配置前，确保强拍位置数组是最新的
     updateStrongBeats();
     // 移除临时的字符串表示，避免保存到配置中
-    const configToSave = {...localDrumConfig.value};
+    const configToSave = { ...localDrumConfig.value };
     delete configToSave.pattern.strongBeatsStr;
-    
+
     // 导入必要的配置服务函数
     const { readConfig, writeConfig } = await import('../services/configService');
-    
+
     // 一次性读取、修改并保存所有配置，避免竞态条件
     const currentConfig = await readConfig();
-    
+
     // 更新所有配置项
     currentConfig.individualRankings = localIndividualRankings.value;
     currentConfig.teamRankings = localTeamRankings.value;
@@ -1155,10 +1347,10 @@ const saveData = async () => {
     currentConfig.displayConfig.championLogos = championLogos.value;
     currentConfig.battleEndTime = localBattleEndTime.value;
     currentConfig.drumConfig = configToSave;
-    
+
     // 一次性保存所有配置
     const result = await writeConfig(currentConfig);
-    
+
     // 检查保存是否成功
     if (result) {
       alert('数据保存成功！');
@@ -1293,8 +1485,8 @@ const deleteBonusRule = (index) => {
 </script>
 
 <style lang="scss" scoped>
-
-.btn-edit, .btn-delete {
+.btn-edit,
+.btn-delete {
   padding: 0;
   cursor: pointer;
   transition: background-color 0.3s;
@@ -1350,17 +1542,20 @@ const deleteBonusRule = (index) => {
   border-radius: 8px;
   font-size: 1rem;
   transition: border-color 0.3s, box-shadow 0.3s;
-  min-height: 44px; /* 增加最小高度，符合可访问性标准 */
+  min-height: 44px;
+  /* 增加最小高度，符合可访问性标准 */
 }
 
 .form-input:focus {
   outline: none;
   border-color: #667eea;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); /* 增加聚焦效果 */
+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+  /* 增加聚焦效果 */
 }
 
 .form-input:hover {
-  border-color: #99a5f0; /* 悬停效果 */
+  border-color: #99a5f0;
+  /* 悬停效果 */
 }
 
 .login-btn {
@@ -1571,6 +1766,30 @@ const deleteBonusRule = (index) => {
   border-radius: 5px;
 }
 
+.column-alignment-section {
+  margin-top: 20px;
+  padding: 15px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+}
+
+.column-alignment-item {
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.align-select {
+  padding: 8px 12px;
+  border: 1px solid #6c5ce7;
+  border-radius: 4px;
+  background: #2d3748;
+  color: white;
+  font-size: 0.9rem;
+  min-width: 100px;
+}
+
 .column-width-item label {
   width: 100px;
   font-weight: 500;
@@ -1741,7 +1960,8 @@ const deleteBonusRule = (index) => {
   gap: 10px;
 }
 
-.avatar-preview, .avatar-emoji-preview {
+.avatar-preview,
+.avatar-emoji-preview {
   width: 80px;
   height: 80px;
   display: flex;
@@ -1969,16 +2189,16 @@ const deleteBonusRule = (index) => {
     flex-direction: column;
     gap: 15px;
   }
-  
+
   .table-header,
   .table-row {
     font-size: 0.8rem;
   }
-  
+
   .action-col {
     flex-direction: column;
   }
-  
+
   .modal {
     min-width: auto;
     margin: 20px;
diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue
index bf8b8b4..7193d7e 100644
--- a/src/views/BattleRanking.vue
+++ b/src/views/BattleRanking.vue
@@ -1,43 +1,40 @@
 <template>
-  <div class="battle-ranking">
+  <div>
     <!-- 第一部分：百日大战主题 - 使用banner0.png图片 -->
     <section class="theme-section card-game">
       <div class="theme-container">
         <img src="/banner0.png" alt="百日大战主题" class="banner-image bai-day-battle">
       </div>
     </section>
-    
+
     <!-- 第二部分：战鼓动画（浮动并支持拖放） -->
-    <section 
-      v-if="localDisplayConfig.showDrum"
-      class="drums-section card-game" 
-      @mousedown="startDrag"
-      @click="handleDrumClick"
-      :style="{ left: drumsPosition.x + 'px', top: drumsPosition.y + 'px' }"
-    >
+    <section v-if="localDisplayConfig.showDrum" class="drums-section card-game" @mousedown="startDrag"
+      @click="handleDrumClick" :style="{ left: drumsPosition.x + 'px', top: drumsPosition.y + 'px' }">
       <div class="drums-container">
         <!-- 战鼓动画在上面 -->
         <div class="drums-animation">
-            <div class="drum glow-border" :class="{ beating: isBeating }">🥁</div>
-            <div class="drum" :class="{ beating: isBeating }">🥁</div>
-            <div class="trophy" style="font-size: 2.5rem; filter: drop-shadow(0 0 10px var(--gold-primary));">🏆</div>
-            <div class="drum" :class="{ beating: isBeating }">🥁</div>
-            <div class="drum" :class="{ beating: isBeating }">🥁</div>
-          </div>
+          <div class="drum glow-border" :class="{ beating: isBeating }">🥁</div>
+          <div class="drum" :class="{ beating: isBeating }">🥁</div>
+          <div class="trophy" style="font-size: 2.5rem; filter: drop-shadow(0 0 10px var(--gold-primary));">🏆</div>
+          <div class="drum" :class="{ beating: isBeating }">🥁</div>
+          <div class="drum" :class="{ beating: isBeating }">🥁</div>
+        </div>
       </div>
     </section>
-    
+
     <!-- 任务设置模块 -->
     <section class="task-settings-section card-game">
       <div class="task-title-container">
-        <h1 class="game-title" v-if="taskSettings?.mainTitle">任务: <span class="game-title-highlight">{{ taskSettings.mainTitle }} </span> </h1>
+        <h1 class="game-title" v-if="taskSettings?.mainTitle">任务: <span class="game-title-highlight">{{
+          taskSettings.mainTitle }} </span> </h1>
         <p class="game-subtitle" v-if="taskSettings?.subtitle">{{ taskSettings.subtitle }}</p>
       </div>
     </section>
 
     <!-- 第三部分：奖金设置（图片形式） -->
-    <section v-if="localDisplayConfig.showBonusModule" class="bonus-section card-game"
+    <section v-if="localDisplayConfig.showBonusModule" class="bonus-section card-game" 
       @mousedown="startBonusDrag"
+      @touchstart="startBonusTouch"
       @click.stop>
       <div class="bonus-awards-container">
         <div><img src="/award1.png" alt="一等奖" class="award-image"></div>
@@ -46,127 +43,164 @@
       </div>
     </section>
 
-    <!-- 第四部分：排名明细 -->
+    <!-- 第四部分：总战绩 -->
+    <section class="total-score-section card-game">
+      <div class="total-score-container">
+        <div class="game-subtitle total-score-total-title">
+          <img src="/completed_performance.png" 
+  alt="总战绩" 
+  style="width: 600px; display: block; margin: 0 auto; height: auto;" 
+  class="total-score-total-image">
+          <img src="/completed_performance.png" 
+  alt="总战绩" 
+  style="width: 880px; display: block; margin: 0 auto; height: auto;" 
+  class="total-score-total-image">
+        </div>
+        <div class="total-score-content">
+          <div class="total-score-item">
+            <span class="score-value total-score-total-value">{{ localDisplayConfig.team?.totalScoreColumn?.displayStyle === 'amount' ? '¥' : '' }}{{ totalTeamScore }}</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- 第五部分：排名明细 -->
     <section class="rankings-section card-game">
       <div class="rankings-container">
-      
+
         <!-- 战区排名 -->
         <div class="team-rankings">
+          <!-- 战区排名宣传语 -->
+          <div class="team-rankings-propagation">
+            <img src="/team-propagation.png" alt="虎狼之师" class="team-rankings-propagation-image"
+            style="width: 500px; height: auto">
+          </div>
           <!-- 战区冠军 -->
           <div class="team-champion">
-            <div class="team-logo">
-              <img v-if="localDisplayConfig.championLogos?.teamChampion" 
-                   :src="localDisplayConfig.championLogos.teamChampion" 
-                   alt="战区冠军" 
-                   class="champion-logo"
-                   :style="{ width: localDisplayConfig.championLogos?.teamChampionSize + 'px', height: localDisplayConfig.championLogos?.teamChampionSize + 'px' }">
-              <span v-else :style="{ fontSize: localDisplayConfig.championLogos?.teamChampionSize ? (localDisplayConfig.championLogos.teamChampionSize * 0.8) + 'px' : '2rem' }">🏅</span>
+            <div class="team-logo" :class="{ 'photo-container': localDisplayConfig.championLogos?.teamChampionType === 'photo' }">
+              <img v-if="localDisplayConfig.championLogos?.teamChampion"
+                :src="localDisplayConfig.championLogos.teamChampion" alt="战区冠军" 
+                class="champion-logo"
+                :style="localDisplayConfig.championLogos?.teamChampionType === 'photo' 
+                  ? { 
+                      width: localDisplayConfig.championLogos?.teamChampionPhotoWidth + 'px', 
+                      height: localDisplayConfig.championLogos?.teamChampionPhotoHeight + 'px',
+                      objectFit: 'cover'
+                    } 
+                  : { 
+                      width: localDisplayConfig.championLogos?.teamChampionSize + 'px', 
+                      height: localDisplayConfig.championLogos?.teamChampionSize + 'px'
+                    }
+                ">
+              <img v-else src="/crown.png" alt="战区冠军" class="champion-logo" />
             </div>
             <div class="champion-name">
               {{ teamRankings[0]?.name || '暂无冠军' }}
             </div>
           </div>
           <div class="team-rankings-container">
-            <h2 class="game-subtitle">👥 战区排名</h2>
+            <h2 class="game-subtitle">战区排名</h2>
             <div class="rank-table">
               <div class="table-header" :style="{ 'grid-template-columns': teamGridTemplate }">
-                <span class="rank-col">排名</span>
-                <span class="name-col">战区名称</span>
-                <span class="score-col">{{ localDisplayConfig.team?.totalScoreColumn?.displayName || '业绩' }}</span>
-                <span v-if="localDisplayConfig.team?.showMemberCount" class="member-col">人数</span>
-                <span v-if="localDisplayConfig.team?.showLeader" class="leader-col">队长</span>
-                <span v-if="localDisplayConfig.team?.showBonus" class="bonus-col">奖金</span>
+                <span class="rank-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.rank || 'left' }">排名</span>
+                <span class="name-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.name || 'left' }">战区名称</span>
+                <span class="score-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.score || 'left' }">{{ localDisplayConfig.team?.totalScoreColumn?.displayName || '业绩' }}</span>
+                <span v-if="localDisplayConfig.team?.showMemberCount" class="member-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.memberCount || 'left' }">人数</span>
+                <span v-if="localDisplayConfig.team?.showLeader" class="leader-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.leader || 'left' }">将军</span>
+                <span v-if="localDisplayConfig.team?.showBonus" class="bonus-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.bonus || 'left' }">奖金</span>
               </div>
-              <div 
-                v-for="(item, index) in teamRankings" 
-                :key="item.id"
-                class="table-row"
-                :style="{ 'grid-template-columns': teamGridTemplate }"
-                :class="{
+              <div v-for="(item, index) in filteredTeamRankings" :key="item.id" class="table-row"
+                :style="{ 'grid-template-columns': teamGridTemplate }" :class="{
                   'top-three': index < 3,
                   'highlight': index === 0
-                }"
-              >
-                <span class="rank-col">{{ index + 1 }}</span>
-                <span class="name-col">{{ item.name }}</span>
-                <span class="score-col">{{ localDisplayConfig.team?.totalScoreColumn?.displayStyle === 'amount' ? '¥' + item.totalScore : item.totalScore }}</span>
-                <span v-if="localDisplayConfig.team?.showMemberCount" class="member-col">{{ item.memberCount }}人</span>
-                <span v-if="localDisplayConfig.team?.showLeader" class="leader-col">{{ item.leader }}</span>
-                <span v-if="localDisplayConfig.team?.showBonus" class="bonus-col">¥{{ item.bonus }}</span>
+                }">
+                <span class="rank-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.rank || 'left' }">{{ index + 1 }}</span>
+                <span class="name-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.name || 'left' }">{{ item.name }}</span>
+                <span class="score-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.score || 'left' }">{{ localDisplayConfig.team?.totalScoreColumn?.displayStyle === 'amount' ? '¥' : '' }}{{ formatNumber(item.totalScore) }}</span>
+                <span v-if="localDisplayConfig.team?.showMemberCount" class="member-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.memberCount || 'left' }">{{ item.memberCount }}人</span>
+                <span v-if="localDisplayConfig.team?.showLeader" class="leader-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.leader || 'left' }">{{ item.leader }}</span>
+                <span v-if="localDisplayConfig.team?.showBonus" class="bonus-col" :style="{ textAlign: localDisplayConfig.team?.columnAlignments?.bonus || 'left' }">¥{{ item.bonus }}</span>
               </div>
-            
+
             </div>
           </div>
         </div>
 
         <div class="individual-rankings">
+          <!-- 英雄排名宣传语 -->
+          <div class="individual-rankings-propagation">
+            <img src="/individual-propagation.png" alt="虎狼之师" class="individual-rankings-propagation-image"
+    style="width: 500px; height: auto">
+          </div>          
           <!-- 英雄冠军 -->
           <div class="individual-champion">
-            <div class="individual-avatar">
-              <img v-if="individualRankings[0]?.avatar && individualRankings[0].avatar.startsWith('/')" 
-                   :src="individualRankings[0].avatar" 
-                   alt="冠军头像" 
-                   class="avatar-image avatar-image-champion"
-                   :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
-              <img v-else-if="localDisplayConfig.championLogos?.individualChampion" 
-                   :src="localDisplayConfig.championLogos.individualChampion" 
-                   alt="英雄冠军" 
-                   class="champion-logo"
-                   :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
-              <span v-else :style="{ fontSize: localDisplayConfig.championLogos?.individualChampionSize ? (localDisplayConfig.championLogos.individualChampionSize * 0.8) + 'px' : '2rem' }">
-                {{ individualRankings[0]?.avatar || '👤' }}
-              </span>
+              <div class="champion-content">
+                <div class="individual-avatar champion-container">
+                  <div class="crown-animation" :class="{'crown-animation-run': localDisplayConfig.crown?.animationEnabled}" v-if="filteredIndividualRankings.length > 0" :style="{
+                    fontSize: (localDisplayConfig.crown?.size || localDisplayConfig.championLogos?.individualChampionSize * 0.8) + 'px'
+                  }">
+                    👑
+                  </div>
+                  <img v-if="filteredIndividualRankings[0]?.avatar && filteredIndividualRankings[0].avatar.startsWith('/')"
+                    :src="filteredIndividualRankings[0].avatar" alt="冠军头像" class="avatar-image avatar-image-champion"
+                    :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
+                  <img v-else-if="localDisplayConfig.championLogos?.individualChampion"
+                    :src="localDisplayConfig.championLogos.individualChampion" alt="英雄冠军" class="champion-logo"
+                    :style="{ width: localDisplayConfig.championLogos?.individualChampionSize + 'px', height: localDisplayConfig.championLogos?.individualChampionSize + 'px' }">
+                  <div v-else class="champion-log">
+                    <span 
+                    :style="{ fontSize: localDisplayConfig.championLogos?.individualChampionSize ? (localDisplayConfig.championLogos.individualChampionSize * 0.8) + 'px' : '2rem' }">
+                    {{ filteredIndividualRankings[0]?.avatar || '👤' }}
+                  </span>
+                  </div>                  
+                </div>
+                <div class="champion-name">
+                  {{ filteredIndividualRankings[0]?.name || '暂无冠军' }}
+                </div>
+              </div>
             </div>
-            <div class="champion-name">
-              {{ individualRankings[0]?.name || '暂无冠军' }}
-            </div>
-          </div>
           <!-- 英雄排名 -->
           <div class="individual-rankings-container">
-            <h2 class="game-subtitle">👤 英雄排名</h2>
+            <h2 class="game-subtitle">英雄排名</h2>
             <div class="rank-table">
               <div class="table-header" :style="{ 'grid-template-columns': individualGridTemplate }">
-                <span class="rank-col">排名</span>
-              <span class="avatar-col">头像</span>
-              <span class="name-col">姓名</span>
-              <span v-if="localDisplayConfig.individual?.showTeam" class="team-col">{{ localDisplayConfig.individual?.teamColumn?.displayName || '战区' }}</span>
-              <span class="score-col">{{ localDisplayConfig.individual?.scoreColumn?.displayName || '业绩' }}</span>
-              <span v-if="localDisplayConfig.individual?.showLevel" class="level-col">等级</span>
-              <span v-if="localDisplayConfig.individual?.showDepartment" class="dept-col">部门</span>
-              <span v-if="localDisplayConfig.individual?.showBonus" class="bonus-col">奖金</span>
-            </div>
-            <div
-              v-for="(item, index) in individualRankings" 
-              :key="item.id"
-              class="table-row"
-              :style="{ 'grid-template-columns': individualGridTemplate }"
-              :class="{
+                <span class="rank-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.rank || 'left' }">排名</span>
+                <span v-if="localDisplayConfig.individual?.showAvatar" class="avatar-col">头像</span>
+                <span class="name-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.name || 'left' }">姓名</span>
+                <span v-if="localDisplayConfig.individual?.showTeam" class="team-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.team || 'left' }">{{
+                  localDisplayConfig.individual?.teamColumn?.displayName || '战区' }}</span>
+                <span class="score-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.score || 'left' }">{{ localDisplayConfig.individual?.scoreColumn?.displayName || '业绩' }}</span>
+                <span v-if="localDisplayConfig.individual?.showLevel" class="level-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.level || 'left' }">等级</span>
+                <span v-if="localDisplayConfig.individual?.showDepartment" class="dept-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.department || 'left' }">部门</span>
+                <span v-if="localDisplayConfig.individual?.showBonus" class="bonus-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.bonus || 'left' }">奖金</span>
+              </div>
+              <div v-for="(item, index) in filteredIndividualRankings" :key="item.id" class="table-row"
+                :style="{ 'grid-template-columns': individualGridTemplate }" :class="{
                 'top-three': index < 3,
                 'highlight': index === 0
-              }"
-            >
-              <span class="rank-col">{{ index + 1 }}</span>
-              <span class="avatar-col">
-                <img v-if="item.avatar && item.avatar.startsWith('/')" :src="item.avatar" alt="头像" class="avatar-image">
-                <span v-else>{{ item.avatar }}</span>
-              </span>
-              <span class="name-col">{{ item.name }}</span>
-              <span v-if="localDisplayConfig.individual?.showTeam" class="team-col">{{ item.team || '-' }}</span>
-              <span class="score-col">{{ localDisplayConfig.individual?.scoreColumn?.displayStyle === 'amount' ? '¥' + item.score : item.score }}</span>
-              <span v-if="localDisplayConfig.individual?.showLevel" class="level-col" :class="`level-${item.level}`">{{ item.level }}</span>
-              <span v-if="localDisplayConfig.individual?.showDepartment" class="dept-col">{{ item.department }}</span>
-              <span v-if="localDisplayConfig.individual?.showBonus" class="bonus-col">¥{{ item.bonus }}</span>
+              }">
+                <span class="rank-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.rank || 'left' }">{{ index + 1 }}</span>
+                <span v-if="localDisplayConfig.individual?.showAvatar" class="avatar-col">
+                  <img v-if="item.avatar && item.avatar.startsWith('/')" :src="item.avatar" alt="头像"
+                    class="avatar-image">
+                  <span v-else>{{ item.avatar || '👤' }}</span>
+                </span>
+                <span class="name-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.name || 'left' }">{{ item.name || '-' }}</span>
+                <span v-if="localDisplayConfig.individual?.showTeam" class="team-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.team || 'left' }">{{ item.team || '-' }}</span>
+                <span class="score-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.score || 'left' }">{{ localDisplayConfig.individual?.scoreColumn?.displayStyle === 'amount' ? '¥' : '' }}{{ formatNumber(item.score) }}</span>
+                <span v-if="localDisplayConfig.individual?.showLevel" class="level-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.level || 'left' }"
+                  :class="`level-${item.level}`">{{ item.level }}</span>
+                <span v-if="localDisplayConfig.individual?.showDepartment" class="dept-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.department || 'left' }">{{ item.department }}</span>
+                <span v-if="localDisplayConfig.individual?.showBonus" class="bonus-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.bonus || 'left' }">¥{{ item.bonus }}</span>
+              </div>
             </div>
           </div>
-          </div>
         </div>
       </div>
     </section>
 
     <!-- 浮动倒计时组件 -->
-    <div class="timer-float glow-border"
-      :style="{ right: '20px', top: '10px' }"
-    >
+    <div class="timer-float glow-border" :style="{ right: '20px', top: '10px' }">
       <span class="label">距离结束还有：</span>
       <div class="countdown" style="display: flex; gap: 15px;">
         <span class="time-item timer-number">{{ days }}天</span>
@@ -175,7 +209,7 @@
         <span class="time-item timer-number">{{ seconds }}秒</span>
       </div>
     </div>
-    
+
     <!-- 浮动管理员入口 -->
     <div class="admin-entry-float">
       <button @click="goToAdmin" class="btn-game-secondary">
@@ -186,7 +220,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch, computed, reactive } from 'vue';
+import { ref,  onBeforeMount, onMounted, onUnmounted, watch, computed, reactive, proxyRefs } from 'vue';
 import { useRouter } from 'vue-router';
 import {
   individualRankings as importedIndividualRankings,
@@ -202,21 +236,53 @@ import { readConfig } from '../services/configService.js';
 // 创建默认显示配置的函数
 function createDefaultDisplayConfig() {
   return {
+    championLogos: {
+      teamChampion: '',
+      teamChampionSize: 60,
+      teamChampionType: 'avatar', // 'avatar' 或 'photo'
+      teamChampionPhotoWidth: 120,
+      teamChampionPhotoHeight: 80,
+      individualChampion: '',
+      individualChampionSize: 60
+    },
+    crownPosition: {
+      top: -100, // 皇冠位置的top值，默认-100px
+      left: null, // 皇冠位置的left值，默认null（使用居中）
+      right: null, // 皇冠位置的right值，默认null
+      bottom: null // 皇冠位置的bottom值，默认null
+    },
+    subtitleImage: {
+      src: '/completed_performance.png',
+      width: 200,
+      height: 60,
+      alt: '总战绩'
+    },
     individual: {
       scoreColumn: {
-        displayName: '战绩',
+        displayName: '业绩',
         displayStyle: 'number'
       },
       teamColumn: {
-        displayName: '战区',
-        displayStyle: 'text'
+        displayName: '战区'
       },
       showLevel: true,
       showDepartment: true,
       showBonus: false,
       showTeam: true, // 默认显示战区列
+      showAvatar: false, // 默认不显示头像列
+      defaultDisplayRows: 0, // 默认显示所有行
+      filterZeroScore: false, // 默认不过滤业绩为0的记录
       columnWidths: {
         team: 120 // 默认战区列宽
+      },
+      columnAlignments: {
+        rank: 'left',
+        name: 'left',
+        score: 'left',
+        level: 'left',
+        department: 'left',
+        team: 'left',
+        bonus: 'left'
       }
     },
     team: {
@@ -227,7 +293,17 @@ function createDefaultDisplayConfig() {
       showMemberCount: true,
       showLeader: true,
       showBonus: false,
-      columnWidths: {}
+      defaultDisplayRows: 0, // 默认显示所有行
+      filterZeroScore: false, // 默认不过滤业绩为0的记录
+      columnWidths: {},
+      columnAlignments: {
+        rank: 'left',
+        name: 'left',
+        score: 'left',
+        memberCount: 'left',
+        leader: 'left',
+        bonus: 'left'
+      }
     }
   };
 }
@@ -264,22 +340,90 @@ function mergeConfig(config1, config2) {
 // 响应式数据 - 使用ref包装导入的数据，确保响应式更新
 const individualRankings = ref(importedIndividualRankings || []);
 const teamRankings = ref(importedTeamRankings || []);
+
+// 计算属性 - 过滤后的个人排名数据
+const filteredIndividualRankings = computed(() => {
+  let filtered = individualRankings.value;
+  // 如果配置了过滤业绩为0的记录
+  if (localDisplayConfig.value?.individual?.filterZeroScore) {
+    filtered = filtered.filter(item => item.score > 0);
+  }
+  return filtered;
+});
+
+// 计算属性 - 过滤后的战区排名数据
+const filteredTeamRankings = computed(() => {
+  let filtered = teamRankings.value;
+  // 如果配置了过滤业绩为0的记录
+  if (localDisplayConfig.value?.team?.filterZeroScore) {
+    filtered = filtered.filter(item => item.totalScore > 0);
+  }
+  return filtered;
+});
+
+// 格式化数字为中国人习惯的金额表达方式（使用万分位分隔符）
+function formatNumber(num) {
+  if (num === null || num === undefined || isNaN(num)) return '0';
+  const numStr = num.toString();
+  // 先处理小数部分
+  const parts = numStr.split('.');
+  let integerPart = parts[0];
+  const decimalPart = parts.length > 1 ? '.' + parts[1] : '';
+  
+  // 对于整数部分，从右往左每四位添加一个逗号（万分位分隔）
+  const formattedInteger = integerPart.replace(/\B(?=(\d{4})+(?!\d))/g, ',');
+  
+  return formattedInteger + decimalPart;
+}
+
+// 计算属性 - 所有战区业绩总和
+const totalTeamScore = computed(() => {
+  const total = teamRankings.value.reduce((total, team) => {
+    return total + (team.totalScore || 0);
+  }, 0);
+  return formatNumber(total);
+});
 // 确保即使displayConfig存在，也要和默认配置合并，保证结构完整性
-const localDisplayConfig = ref(displayConfig 
-  ? mergeConfig(defaultDisplayConfig, JSON.parse(JSON.stringify(displayConfig))) 
-  : defaultDisplayConfig
-);
+const localDisplayConfig = ref(() => {
+  if (displayConfig) {
+    const configCopy = JSON.parse(JSON.stringify(displayConfig));
+    const merged = mergeConfig(defaultDisplayConfig, configCopy);
+    
+    // 确保所有必要属性都存在
+    if (!merged.individual) merged.individual = { ...defaultDisplayConfig.individual };
+    if (!merged.team) merged.team = { ...defaultDisplayConfig.team };
+    
+    // 确保columnAlignments属性存在
+    if (!merged.individual.columnAlignments) {
+      merged.individual.columnAlignments = { ...defaultDisplayConfig.individual.columnAlignments };
+    }
+    if (!merged.team.columnAlignments) {
+      merged.team.columnAlignments = { ...defaultDisplayConfig.team.columnAlignments };
+    }
+    
+    // 确保defaultDisplayRows属性存在
+    if (merged.individual.defaultDisplayRows === undefined) {
+      merged.individual.defaultDisplayRows = defaultDisplayConfig.individual.defaultDisplayRows;
+    }
+    if (merged.team.defaultDisplayRows === undefined) {
+      merged.team.defaultDisplayRows = defaultDisplayConfig.team.defaultDisplayRows;
+    }
+    
+    return merged;
+  }
+  return defaultDisplayConfig;
+});
 const taskSettings = ref({
   mainTitle: '3000万',
   subtitle: '时间: 2025-11-12 - 2026-02-08'
 });
 
 // 加载任务设置和初始化所有数据
-onMounted(async () => {
+onBeforeMount(async () => {
   try {
     // 首先初始化所有数据，确保从服务器获取最新配置
     await initializeData();
-    
+
     // 然后重新获取最新的数据
     const config = await readConfig();
     if (config) {
@@ -287,34 +431,179 @@ onMounted(async () => {
       if (config.taskSettings) {
         taskSettings.value = config.taskSettings;
       }
-      
+
       // 直接从config中更新排名数据，确保使用最新的服务器数据
       if (config.individualRankings && config.individualRankings.length > 0) {
         individualRankings.value = config.individualRankings;
       }
-      
+
       if (config.teamRankings && config.teamRankings.length > 0) {
         teamRankings.value = config.teamRankings;
       }
-      
+
       // 更新显示配置
       if (config.displayConfig) {
-        localDisplayConfig.value = mergeConfig(defaultDisplayConfig, JSON.parse(JSON.stringify(config.displayConfig)));
+        const configCopy = JSON.parse(JSON.stringify(config.displayConfig));
+        localDisplayConfig.value = mergeConfig(defaultDisplayConfig, configCopy);
       }
-      
-      console.log('成功从服务器加载最新数据');
     }
   } catch (error) {
     console.error('加载数据失败:', error);
   }
 });
 
-// 确保原有onMounted逻辑不被覆盖
+// 定义英雄排名表中每行默认高度
+const tableIndividualTopThreeHeight = 3 * 47.5; // 前三名高度px
+const tableIndividualRowHeight = 34.5; // 其他行高度px
+const tableIndividualReserveHeight = 10; // 保留空间高度px
+
+// 更新CSS变量，将默认显示行数传递给样式
+watch(
+  () => localDisplayConfig.value?.individual?.defaultDisplayRows,
+  (newValue) => {
+    if (newValue && newValue > 0) {
+      const otherRowsHeight = (newValue - 3) * tableIndividualRowHeight;
+      const actualHeight = tableIndividualTopThreeHeight + otherRowsHeight + tableIndividualReserveHeight;
+      document.documentElement.style.setProperty('--individual-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--individual-overflow-y', 'auto');
+      document.documentElement.style.setProperty('--individual-overflow-x', 'auto');
+      document.documentElement.style.setProperty('--individual-scroll-lock', '');
+    } else {
+      // 根据实际数据条数计算高度
+      const otherRowsHeight = (filteredIndividualRankings.value.length - 3) * tableIndividualRowHeight;
+      const actualHeight = tableIndividualTopThreeHeight + otherRowsHeight + tableIndividualReserveHeight;
+      document.documentElement.style.setProperty('--individual-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--individual-overflow-y', 'hidden');
+      document.documentElement.style.setProperty('--individual-overflow-x', 'hidden');
+      document.documentElement.style.setProperty('--individual-scroll-lock', 'lock');
+    }
+  },
+  { immediate: true }
+);
+
+// 当英雄排名数据变化时，重新计算高度（如果当前是显示所有行模式）
+watch(
+  () => filteredIndividualRankings.value.length,
+  () => {
+    console.log('filteredIndividualRankings.value.length', filteredIndividualRankings.value.length);
+    const displayRows = localDisplayConfig.value?.individual?.defaultDisplayRows;
+    if (!displayRows || displayRows === 0) {
+      // 根据实际数据条数计算高度
+      const otherRowsHeight = (filteredIndividualRankings.value.length - 3) * tableIndividualRowHeight;
+      const actualHeight = tableIndividualTopThreeHeight + otherRowsHeight + tableIndividualReserveHeight;
+      document.documentElement.style.setProperty('--individual-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--individual-overflow-y', 'hidden');
+      document.documentElement.style.setProperty('--individual-overflow-x', 'hidden');
+      document.documentElement.style.setProperty('--individual-scroll-lock', 'lock');
+    }
+  }
+);
+
+// 定义战区排名表中每行默认高度
+const tableTeamTopThreeHeight = 3 * 48; // 前三名高度px
+const tableTeamRowHeight = 48; // 其他行高度px
+const tableTeamReserveHeight = 20; // 保留空间高度px
+
+// 添加监听以同步战区排名默认显示行数配置到CSS变量
+watch(
+  () => localDisplayConfig.value?.team?.defaultDisplayRows,
+  (newValue) => {
+    if (newValue && newValue > 0) {
+      const otherRowsHeight = (newValue - 3) * tableTeamRowHeight;
+      const actualHeight = tableTeamTopThreeHeight + otherRowsHeight + tableTeamReserveHeight;
+      document.documentElement.style.setProperty('--team-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--team-overflow-y', 'auto');
+      document.documentElement.style.setProperty('--team-overflow-x', 'auto');
+      document.documentElement.style.setProperty('--team-scroll-lock', '');
+    } else {
+      // 根据实际数据条数计算高度
+      const otherRowsHeight = (teamRankings.value.length - 3) * tableTeamRowHeight;
+      const actualHeight = tableTeamTopThreeHeight + otherRowsHeight + tableTeamReserveHeight;
+      document.documentElement.style.setProperty('--team-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--team-overflow-y', 'hidden');
+      document.documentElement.style.setProperty('--team-overflow-x', 'hidden');
+      document.documentElement.style.setProperty('--team-scroll-lock', 'lock');
+    }
+  },
+  { immediate: true }
+);
+
+// 当战区数据变化时，重新计算高度（如果当前是显示所有行模式）
+watch(
+  () => teamRankings.value.length,
+  () => {
+    const displayRows = localDisplayConfig.value?.team?.defaultDisplayRows;
+    if (!displayRows || displayRows === 0) {
+      // 根据实际数据条数计算高度
+      const otherRowsHeight = (teamRankings.value.length - 3) * tableTeamRowHeight;
+      const actualHeight = tableTeamTopThreeHeight + otherRowsHeight + tableTeamReserveHeight;
+      document.documentElement.style.setProperty('--team-default-height', `${actualHeight}px`);
+      document.documentElement.style.setProperty('--team-overflow-y', 'hidden');
+      document.documentElement.style.setProperty('--team-overflow-x', 'hidden');
+      document.documentElement.style.setProperty('--team-scroll-lock', 'lock');
+    }
+  }
+);
+
+// 监听冠军字体大小配置变化，更新CSS变量
+watch(
+  () => localDisplayConfig.value?.championLogos,
+  (newConfig) => {
+    if (newConfig) {
+      // 设置战区冠军字体大小
+      if (newConfig.teamChampionFontSize) {
+        document.documentElement.style.setProperty('--team-champion-font-size', newConfig.teamChampionFontSize + 'rem');
+      }
+      // 设置英雄冠军字体大小
+      if (newConfig.individualChampionFontSize) {
+        document.documentElement.style.setProperty('--individual-champion-font-size', newConfig.individualChampionFontSize + 'rem');
+      }
+    }
+  },
+  { immediate: true, deep: true }
+);
+
+// 监听皇冠位置配置变化，更新皇冠位置
+watch(
+  () => localDisplayConfig.value?.crownPosition,
+  (newConfig) => {
+    if (newConfig) {
+      // 更新top值
+      if (newConfig.top !== null && newConfig.top !== undefined) {
+        document.documentElement.style.setProperty('--crown-top', newConfig.top + 'px');
+      } else {
+        document.documentElement.style.removeProperty('--crown-top');
+      }
+      
+      // 更新left值
+      if (newConfig.left !== null && newConfig.left !== undefined) {
+        document.documentElement.style.setProperty('--crown-left', newConfig.left + 'px');
+      } else {
+        document.documentElement.style.removeProperty('--crown-left');
+      }
+      
+      // 更新right值
+      if (newConfig.right !== null && newConfig.right !== undefined) {
+        document.documentElement.style.setProperty('--crown-right', newConfig.right + 'px');
+      } else {
+        document.documentElement.style.removeProperty('--crown-right');
+      }
+      
+      // 更新bottom值
+      if (newConfig.bottom !== null && newConfig.bottom !== undefined) {
+        document.documentElement.style.setProperty('--crown-bottom', newConfig.bottom + 'px');
+      } else {
+        document.documentElement.style.removeProperty('--crown-bottom');
+      }
+    }
+  },
+  { deep: true, immediate: true }
+);
 
 // 确保奖金规则有默认值
 const displayBonusRules = computed(() => {
-  return Array.isArray(bonusRules) && bonusRules.length > 0 
-    ? bonusRules 
+  return Array.isArray(bonusRules) && bonusRules.length > 0
+    ? bonusRules
     : createDefaultBonusRules();
 });
 
@@ -324,43 +613,48 @@ const router = useRouter();
 const individualGridTemplate = computed(() => {
   try {
     const config = localDisplayConfig.value?.individual;
-    if (!config) return '60px 60px 1fr 120px 80px 80px';
-    
+    if (!config) return '60px 1fr 120px 80px 80px';
+
     // 确保showTeam默认为true
     if (config.showTeam === undefined) {
       config.showTeam = true;
     }
-    
+
     const widths = config.columnWidths || {};
     const cols = [];
-    
+
     cols.push((widths.rank || 60) + 'px'); // 排名
-    cols.push((widths.avatar || 60) + 'px'); // 头像
+
+    // 头像列 - 根据配置决定是否显示
+    if (config.showAvatar) {
+      cols.push((widths.avatar || 60) + 'px'); // 头像
+    }
+
     cols.push((widths.name === 1 || widths.name === '1') ? '1fr' : (widths.name || 120) + 'px'); // 姓名
-    
+
     // 战区列（在姓名列后面）
     if (config.showTeam) {
       cols.push((widths.team === 1 || widths.team === '1') ? '1fr' : (widths.team || 120) + 'px'); // 战区
     }
-    
+
     cols.push((widths.score || 80) + 'px'); // 分数
-    
+
     if (config.showLevel) {
       cols.push((widths.level || 80) + 'px'); // 等级
     }
-    
+
     if (config.showDepartment) {
       cols.push((widths.department === 1 || widths.department === '1') ? '1fr' : (widths.department || 100) + 'px'); // 部门
     }
-    
+
     if (config.showBonus) {
       cols.push((widths.bonus || 80) + 'px'); // 奖金
     }
-    
+
     return cols.join(' ');
   } catch (error) {
     console.error('计算英雄排名表格布局出错:', error);
-    return '60px 60px 1fr 120px 80px 80px'; // 兜底布局（包含战区列）
+    return '60px 1fr 120px 80px 80px'; // 兜底布局（不包含头像列）
   }
 });
 
@@ -369,26 +663,26 @@ const teamGridTemplate = computed(() => {
   try {
     const config = localDisplayConfig.value?.team;
     if (!config) return '60px 1fr 80px 80px';
-    
+
     const widths = config.columnWidths || {};
     const cols = [];
-    
+
     cols.push((widths.rank || 60) + 'px'); // 排名
     cols.push((widths.name === 1 || widths.name === '1') ? '1fr' : (widths.name || 150) + 'px'); // 战区名
     cols.push((widths.score || 80) + 'px'); // 分数
-    
+
     if (config.showMemberCount) {
       cols.push((widths.memberCount || 60) + 'px'); // 人数
     }
-    
+
     if (config.showLeader) {
       cols.push((widths.leader === 1 || widths.leader === '1') ? '1fr' : (widths.leader || 120) + 'px'); // 队长
     }
-    
+
     if (config.showBonus) {
       cols.push((widths.bonus || 80) + 'px'); // 奖金
     }
-    
+
     return cols.join(' ');
   } catch (error) {
     console.error('计算战区排名表格布局出错:', error);
@@ -425,7 +719,7 @@ let bonusDragOffset = { x: 0, y: 0 };
 // 节流函数
 function throttle(func, limit) {
   let inThrottle;
-  return function() {
+  return function () {
     const args = arguments;
     const context = this;
     if (!inThrottle) {
@@ -444,7 +738,7 @@ const startDrag = (e) => {
   e.preventDefault();
 };
 
-// 开始拖动奖金模块
+// 开始拖动奖金模块（鼠标事件）
 const startBonusDrag = (e) => {
   e.stopPropagation(); // 阻止事件冒泡
   isBonusDragging = true;
@@ -457,10 +751,27 @@ const startBonusDrag = (e) => {
   e.preventDefault();
 };
 
-// 结束拖动
+// 开始拖动奖金模块（触摸事件）
+const startBonusTouch = (e) => {
+  e.stopPropagation(); // 阻止事件冒泡
+  e.preventDefault(); // 阻止默认行为，如滚动
+  
+  const touch = e.touches[0];
+  isBonusDragging = true;
+  
+  // 计算触摸点相对于元素左上角的偏移量
+  const rect = e.currentTarget.getBoundingClientRect();
+  bonusDragOffset.x = touch.clientX - rect.left;
+  bonusDragOffset.y = touch.clientY - rect.top;
+  
+  // 提高拖动时的性能，临时禁用动画效果
+  e.currentTarget.style.transition = 'none';
+};
+
+// 结束拖动（鼠标和触摸事件）
 const endDrag = (e) => {
   isDragging = false;
-  
+
   if (isBonusDragging) {
     // 恢复动画效果
     const bonusElement = document.querySelector('.bonus-section');
@@ -471,7 +782,19 @@ const endDrag = (e) => {
   isBonusDragging = false;
 };
 
-// 优化的拖动函数 - 使用节流减少更新频率
+// 结束触摸拖动
+const endTouch = (e) => {
+  if (isBonusDragging) {
+    // 恢复动画效果
+    const bonusElement = document.querySelector('.bonus-section');
+    if (bonusElement) {
+      bonusElement.style.transition = '';
+    }
+  }
+  isBonusDragging = false;
+};
+
+// 优化的拖动函数 - 使用节流减少更新频率（鼠标事件）
 const drag = throttle((e) => {
   if (isDragging) {
     drumsPosition.value.x = e.clientX - dragOffset.x;
@@ -481,20 +804,57 @@ const drag = throttle((e) => {
     // 计算新的位置
     const newX = e.clientX - bonusDragOffset.x;
     const newY = e.clientY - bonusDragOffset.y;
-    
+
     // 确保元素不会被拖出视口
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
     const element = document.querySelector('.bonus-section');
-    
+
     if (element) {
       const elementWidth = element.offsetWidth;
       const elementHeight = element.offsetHeight;
-      
+
       // 限制在视口内，添加一些边距
       const limitedX = Math.max(10, Math.min(newX, windowWidth - elementWidth - 10));
       const limitedY = Math.max(10, Math.min(newY, windowHeight - elementHeight - 10));
-      
+
+      // 使用优化的更新函数更新奖金模块位置
+      requestAnimationFrame(() => {
+        bonusPosition.x = limitedX;
+        bonusPosition.y = limitedY;
+        // 直接设置元素样式确保实时更新
+        element.style.left = `${limitedX}px`;
+        element.style.top = `${limitedY}px`;
+        element.style.right = 'auto';
+        element.style.bottom = 'auto';
+      });
+    }
+  }
+}, 10); // 10ms节流，约100FPS
+
+// 优化的触摸拖动函数 - 使用节流减少更新频率
+const touchMove = throttle((e) => {
+  if (isBonusDragging) {
+    e.preventDefault(); // 阻止页面滚动
+    
+    const touch = e.touches[0];
+    // 计算新的位置
+    const newX = touch.clientX - bonusDragOffset.x;
+    const newY = touch.clientY - bonusDragOffset.y;
+
+    // 确保元素不会被拖出视口
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const element = document.querySelector('.bonus-section');
+
+    if (element) {
+      const elementWidth = element.offsetWidth;
+      const elementHeight = element.offsetHeight;
+
+      // 限制在视口内，添加一些边距
+      const limitedX = Math.max(10, Math.min(newX, windowWidth - elementWidth - 10));
+      const limitedY = Math.max(10, Math.min(newY, windowHeight - elementHeight - 10));
+
       // 使用优化的更新函数更新奖金模块位置
       requestAnimationFrame(() => {
         bonusPosition.x = limitedX;
@@ -547,7 +907,7 @@ const loadAudioFile = async (filePath) => {
     const response = await fetch(filePath);
     const arrayBuffer = await response.arrayBuffer();
     const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
-    
+
     // 缓存音频缓冲区
     audioBufferCache.value[filePath] = audioBuffer;
     return audioBuffer;
@@ -561,100 +921,100 @@ const loadAudioFile = async (filePath) => {
 const playDrumSound = async (isStrongBeat = false) => {
   // 检查是否启用声音播放
   if (!audioContext || isPlayingSound.value || drumConfig?.sound?.enabled === false) return;
-  
+
   isPlayingSound.value = true;
-  
+
   try {
     // 使用配置的音效参数
     const soundConfig = drumConfig?.sound || {};
     const patternConfig = drumConfig?.pattern || {};
-    
+
     // 检查是否配置了MP3文件路径
     if (soundConfig.soundSrc && soundConfig.soundSrc.trim() !== '') {
       // 使用MP3文件播放
       const audioBuffer = await loadAudioFile(soundConfig.soundSrc);
-      
+
       if (audioBuffer) {
         // 创建音频源节点
         const source = audioContext.createBufferSource();
         const gainNode = audioContext.createGain();
-        
+
         // 连接节点
         source.buffer = audioBuffer;
         source.connect(gainNode);
         gainNode.connect(audioContext.destination);
-        
+
         // 设置音量，支持强拍音量增强
         const baseVolume = soundConfig.volume || 1.0;
         const accentMultiplier = patternConfig.accentMultiplier || 1.2;
         const volume = isStrongBeat ? baseVolume * accentMultiplier : baseVolume;
         gainNode.gain.value = volume;
-        
+
         // 播放声音
         source.start(0);
-        
+
         // 设置完成后重置播放状态
         setTimeout(() => {
           isPlayingSound.value = false;
         }, audioBuffer.duration * 1000 + 100);
-        
+
         return;
       }
     }
-    
+
     // 如果没有配置MP3文件或加载失败，回退到合成音效
     // 创建振荡器节点
     const oscillator = audioContext.createOscillator();
     const gainNode = audioContext.createGain();
-    
+
     // 连接节点
     oscillator.connect(gainNode);
     gainNode.connect(audioContext.destination);
-    
+
     // 设置战鼓音效参数，支持强拍
     const baseVolume = soundConfig.volume || 1.0;
     // 使用pattern配置中的强拍音量倍数
     const accentMultiplier = patternConfig.accentMultiplier || 1.2;
     const volume = isStrongBeat ? baseVolume * accentMultiplier : baseVolume;
-    
+
     // 使用soundConfig中的type1
     oscillator.type = soundConfig.type1 || 'sine';
-    
+
     // 基础频率，支持强拍频率偏移
     const baseFrequency = soundConfig.frequency1 || 150;
     const frequencyOffset = isStrongBeat ? (patternConfig.accentFrequencyOffset || 0) / 100 : 0;
     const actualFrequency = baseFrequency * (1 + frequencyOffset);
-    
+
     oscillator.frequency.setValueAtTime(actualFrequency, audioContext.currentTime);
     // 频率渐变
     oscillator.frequency.exponentialRampToValueAtTime(actualFrequency * 0.5, audioContext.currentTime + 0.1);
-    
+
     // 设置音量包络
     gainNode.gain.setValueAtTime(0, audioContext.currentTime);
     gainNode.gain.linearRampToValueAtTime(volume, audioContext.currentTime + (soundConfig.attackTime || 0.01));
     gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + (soundConfig.decayTime || 0.3));
-    
+
     // 播放声音
     oscillator.start();
     oscillator.stop(audioContext.currentTime + (soundConfig.decayTime || 0.3));
-    
+
     // 双音调效果 - 始终使用
     const oscillator2 = audioContext.createOscillator();
     const gainNode2 = audioContext.createGain();
-    
+
     oscillator2.connect(gainNode2);
     gainNode2.connect(audioContext.destination);
-    
+
     oscillator2.type = soundConfig.type2 || 'triangle';
     oscillator2.frequency.setValueAtTime(soundConfig.frequency2 || 100, audioContext.currentTime);
-    
+
     gainNode2.gain.setValueAtTime(0, audioContext.currentTime);
     gainNode2.gain.linearRampToValueAtTime(volume * 0.8, audioContext.currentTime + (soundConfig.attackTime || 0.01));
     gainNode2.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + (soundConfig.decayTime || 0.3) + 0.2);
-    
+
     oscillator2.start();
     oscillator2.stop(audioContext.currentTime + (soundConfig.decayTime || 0.3) + 0.2);
-    
+
     // 设置完成后重置播放状态
     setTimeout(() => {
       isPlayingSound.value = false;
@@ -671,17 +1031,17 @@ const handleDrumClick = async () => {
   if (!audioContext) {
     initAudioContext();
   }
-  
+
   // 如果音频上下文被暂停，恢复它
   if (audioContext.state === 'suspended') {
     audioContext.resume();
   }
-  
+
   // 触发战鼓动画和音效，使用配置的点击效果
   const animationConfig = drumConfig?.animation || {};
   isBeating.value = true;
   await playDrumSound(true); // 点击总是强拍
-  
+
   setTimeout(() => {
     isBeating.value = false;
   }, animationConfig.clickBeatDuration || 250);
@@ -691,54 +1051,54 @@ const handleDrumClick = async () => {
 const startDrumAnimation = () => {
   // 检查是否显示战鼓
   if (drumConfig?.showDrum === false) return;
-  
+
   // 使用配置的动画和节拍参数
   const animationConfig = drumConfig?.animation || {};
   const patternConfig = drumConfig?.pattern || {};
-  
+
   // 检查是否启用动画
   if (animationConfig.enabled === false) return;
-  
+
   let beatCount = 0;
   // 使用配置的节拍间隔
   const interval = animationConfig.beatInterval || 200;
-  
+
   beatInterval = setInterval(() => {
     beatCount++;
     // 使用配置的节拍模式和总拍数
     const totalBeats = patternConfig.totalBeats || 4;
     const currentBeat = ((beatCount - 1) % totalBeats) + 1;
-    
+
     // 根据节拍模式确定是否是强拍
     const strongBeats = patternConfig.strongBeats || [1, 4];
     const isStrongBeat = strongBeats.includes(currentBeat);
-    
+
     // 执行动画和音效
     isBeating.value = true;
-    
+
     // 根据是否是强拍播放音效
     playDrumSound(isStrongBeat);
-    
+
     // 设置CSS变量，支持强拍动画增强
     const drums = document.querySelectorAll('.drum');
     drums.forEach(drum => {
       // 使用配置的动画参数
-      drum.style.setProperty('--drum-scale', isStrongBeat ? 
-        (animationConfig.beatScale || 1.3) * (1 + (patternConfig.accentAnimation || 0) / 100) : 
+      drum.style.setProperty('--drum-scale', isStrongBeat ?
+        (animationConfig.beatScale || 1.3) * (1 + (patternConfig.accentAnimation || 0) / 100) :
         (animationConfig.beatScale || 1.3));
-      drum.style.setProperty('--drum-translate-y', isStrongBeat ? 
-        `${(animationConfig.beatTranslateY || -15) * (1 + (patternConfig.accentAnimation || 0) / 100)}px` : 
+      drum.style.setProperty('--drum-translate-y', isStrongBeat ?
+        `${(animationConfig.beatTranslateY || -15) * (1 + (patternConfig.accentAnimation || 0) / 100)}px` :
         `${animationConfig.beatTranslateY || -15}px`);
       drum.style.setProperty('--drum-rotate', `${animationConfig.beatRotate || 5}deg`);
       drum.style.setProperty('--drum-brightness', isStrongBeat ? '1.4' : '1.3');
       drum.style.setProperty('--drum-saturation', isStrongBeat ? '1.3' : '1.2');
     });
-    
+
     // 根据节拍类型设置持续时间
-    const beatDuration = isStrongBeat 
+    const beatDuration = isStrongBeat
       ? (animationConfig.beatDuration || 150)
       : (animationConfig.beatDuration || 100);
-    
+
     setTimeout(() => {
       isBeating.value = false;
     }, beatDuration);
@@ -773,24 +1133,46 @@ onMounted(async () => {
   try {
     // 异步初始化数据
     await initializeData();
-    // 更新本地显示配置
-    localDisplayConfig.value = displayConfig ? JSON.parse(JSON.stringify(displayConfig)) : createDefaultDisplayConfig();
+    
+    // 更新本地显示配置，确保columnAlignments属性存在
+    if (displayConfig) {
+      const configCopy = JSON.parse(JSON.stringify(displayConfig));
+      const defaultConfig = createDefaultDisplayConfig();
+      const merged = mergeConfig(defaultConfig, configCopy);
+      
+      // 确保columnAlignments属性存在
+      if (!merged.individual.columnAlignments) {
+        merged.individual.columnAlignments = { ...defaultConfig.individual.columnAlignments };
+      }
+      if (!merged.team.columnAlignments) {
+        merged.team.columnAlignments = { ...defaultConfig.team.columnAlignments };
+      }
+      
+      localDisplayConfig.value = merged;
+    } else {
+      localDisplayConfig.value = createDefaultDisplayConfig();
+    }
   } catch (error) {
     console.error('初始化数据失败:', error);
     // 使用默认配置
     localDisplayConfig.value = createDefaultDisplayConfig();
   }
-  
+
   calculateCountdown();
   countdownInterval = setInterval(calculateCountdown, 10); // 改为10ms更新一次以显示毫秒
   startDrumAnimation();
   // 监听窗口大小变化，确保排名明细与底部对齐
   window.addEventListener('resize', handleResize);
   handleResize(); // 初始调整
-  
+
   // 添加拖放相关的事件监听
   document.addEventListener('mousemove', drag);
   document.addEventListener('mouseup', endDrag);
+  
+  // 添加触摸事件监听
+  document.addEventListener('touchmove', touchMove, { passive: false });
+  document.addEventListener('touchend', endTouch);
+  document.addEventListener('touchcancel', endTouch);
 });
 
 // 监听结束时间变化（在真实环境中，可能需要通过props或store来监听）
@@ -801,7 +1183,7 @@ const handleBattleEndTimeChange = () => {
 // 监听显示配置变化（在真实环境中，可能需要通过props或store来监听）
 const handleDisplayConfigChange = () => {
   // 更新本地配置
-  localDisplayConfig.value = {...displayConfig};
+  localDisplayConfig.value = { ...displayConfig };
 };
 
 // 这里模拟监听配置变化
@@ -811,11 +1193,16 @@ onUnmounted(() => {
   if (countdownInterval) clearInterval(countdownInterval);
   if (beatInterval) clearInterval(beatInterval);
   window.removeEventListener('resize', handleResize);
-  
+
   // 移除拖放相关的事件监听
   document.removeEventListener('mousemove', drag);
   document.removeEventListener('mouseup', endDrag);
   
+  // 移除触摸事件监听
+  document.removeEventListener('touchmove', touchMove);
+  document.removeEventListener('touchend', endTouch);
+  document.removeEventListener('touchcancel', endTouch);
+  
   // 清理音频资源
   if (audioContext) {
     audioContext.close();
@@ -825,9 +1212,20 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
-
+@keyframes crownFloat {
+  0% {
+    transform: translateY(0px) rotate(0deg);
+  }
+  50% {
+    transform: translateY(-5px) rotate(2deg);
+  }
+  100% {
+    transform: translateY(0px) rotate(0deg);
+  }
+}
 .avatar-image-champion {
-  object-fit: contain;
+  object-fit: cover;
+  border-radius: 50%;
 }
 
 /* 冠军模块样式 */
@@ -846,12 +1244,12 @@ onUnmounted(() => {
   justify-content: center;
   text-align: center;
   padding: 15px;
-  margin-bottom: 10px;
+  margin-bottom: 0; 
 }
 
 .team-logo {
-  font-size: 2rem;
-  margin-bottom: 5px;
+  font-size: 0;
+  margin-bottom: 0;
   display: inline-block;
   color: gold;
 }
@@ -862,15 +1260,79 @@ onUnmounted(() => {
   display: inline-block;
 }
 
-.champion-logo {
-  object-fit: contain;
+/* 冠军头像容器 */
+.champion-container {
+  position: relative;
+  display: inline-block;
 }
 
+/* 皇冠动画效果 */
+.crown-animation {
+  position: absolute;
+  left: var(--crown-left, 50%);
+  right: var(--crown-right, auto);
+  top: var(--crown-top, -100px);
+  bottom: var(--crown-bottom, auto);
+  transform: var(--crown-left, translateX(-50%));
+  z-index: 10;
+  text-shadow: 0 0 10px var(--gold-primary), 0 0 20px var(--gold-secondary);
+}
+
+.crown-animation-run {
+  animation: crownFloat 2s ease-in-out infinite, crownGlow 3s ease-in-out infinite;
+}
+
+/* 皇冠浮动动画 */
+@keyframes crownFloat {
+  0% {
+    transform: translateX(-50%) translateY(0) rotate(-10deg);
+  }
+  50% {
+    transform: translateX(-50%) translateY(-5px) rotate(10deg);
+  }
+  100% {
+    transform: translateX(-50%) translateY(0) rotate(-10deg);
+  }
+}
+
+/* 皇冠发光效果动画 */
+@keyframes crownGlow {
+  0%, 100% {
+    text-shadow: 0 0 10px var(--gold-primary), 0 0 20px var(--gold-secondary);
+  }
+  50% {
+    text-shadow: 0 0 15px var(--gold-primary), 0 0 30px var(--gold-secondary), 0 0 40px var(--gold-tertiary);
+  }
+}
+
+
+@keyframes crownGlow {
+  0%, 100% {
+    text-shadow: 0 0 10px var(--gold-primary), 0 0 20px var(--gold-secondary);
+  }
+  50% {
+    text-shadow: 0 0 15px var(--gold-primary), 0 0 30px var(--gold-secondary), 0 0 40px rgba(255, 215, 0, 0.5);
+  }
+}
+
+.champion-logo {
+  object-fit: cover;
+  max-width: 120px;
+  border-radius: 50%;
+}
+
+.photo-container .champion-logo {
+  max-width: unset !important;
+  border-radius: 0 !important;
+}
+
+
 .avatar-image {
   width: 30px;
   height: 30px;
-  object-fit: contain;
+  object-fit: cover;
   vertical-align: middle;
+  border-radius: 50%;
 }
 
 .champion-title {
@@ -880,10 +1342,16 @@ onUnmounted(() => {
 }
 
 .champion-name {
-  font-size: 1.1rem;
+  font-size: var(--individual-champion-font-size, 1.8rem);
   font-weight: bold;
   color: gold;
 }
+
+/* 战区冠军名称特殊样式 */
+.team-champion .champion-name {
+  font-size: var(--team-champion-font-size, 1.8rem);
+}
+
 /* 基础样式 */
 :root {
   --gold-primary: #ffd700;
@@ -914,6 +1382,7 @@ onUnmounted(() => {
   position: fixed;
   cursor: move;
   transition: transform 0.2s ease;
+  z-index: 9999; /* 设置最高层级，确保在最上层显示 */
 }
 
 /* 奖金图片容器样式 - Flex布局居中且保持一行 */
@@ -921,7 +1390,7 @@ onUnmounted(() => {
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: 15px;
+  gap: 5px;
   flex-wrap: nowrap;
 }
 
@@ -942,16 +1411,84 @@ onUnmounted(() => {
 
 /* 响应式设计 */
 @media (max-width: 768px) {
+
+  .total-score-total-image {
+    width: 280px !important; /* 调整总战绩图片大小，覆盖内联样式 */
+    width: 340px !important; /* 调整总战绩图片大小，覆盖内联样式 */
+  }
+  
+  /* 移动端总战绩金额字体调小 */
+  .total-score-total-value {
+    font-size: 5rem !important; /* 调小总战绩金额字体 */
+    margin-top: -40px !important; /* 调整与图片的间距 */
+  }
+
+  .team-rankings-propagation-image {
+    width: 200px !important; /* 覆盖内联样式 */
+  }
+
+  .individual-rankings-propagation-image {
+    width: 200px !important; /* 覆盖内联样式 */
+  }
+  
+  /* 战区排名宣传语容器调整 */
+  .team-rankings-propagation {
+    position: relative;
+    z-index: 5; /* 提高z-index避免被其他元素遮挡 */
+    margin-bottom: 70px; /* 进一步增大战区冠军的间距 */
+  }
+  
+  /* 英雄排名宣传语容器调整 */
+  .individual-rankings-propagation {
+    position: relative;
+    z-index: 5; /* 提高z-index避免被其他元素遮挡 */
+    margin-bottom: 10px; /* 减小英雄榜虎狼之师图片与个人英雄图片的距离 */
+  }
+  
+  /* 移动端战区冠军布局调整，与个人英雄冠军保持一致 */
+  .team-champion {
+    margin-bottom: 30px; /* 增加与下方战区排名标题的间距 */
+    padding: 10px; /* 调整内边距 */
+    min-height: 120px; /* 确保与英雄冠军有相同的视觉权重 */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  /* 移动端英雄冠军布局调整 */
+  .individual-champion {
+    margin-bottom: -10px; /* 恢复为修改之前的间距 */
+    padding: 10px; /* 与战区冠军保持一致的内边距 */
+    min-height: 120px; /* 确保与战区冠军有相同的视觉权重 */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  /* 确保两个排名区域在移动端有相同的起始位置 */
+  .team-rankings,
+  .individual-rankings {
+    position: relative;
+    z-index: 2; /* 统一的层级 */
+    padding-top: 10px; /* 统一的顶部内边距 */
+  }
+  
+  /* 战区和英雄排名容器在移动端的统一样式 */
+  .team-rankings-container,
+  .individual-rankings-container {
+    margin-top: 20px; /* 与上方冠军图片的统一间距 */
+  }
+
   /* 隐藏倒计时模块 */
   .timer-float {
     display: none !important;
   }
-  
+
   /* 隐藏管理员入口 */
   .admin-entry-float {
     display: none !important;
   }
-  
+
   /* 奖金模块垂直居中显示，两侧20px间距 */
   .bonus-section {
     /* 背景全部取消设置 **/
@@ -966,19 +1503,27 @@ onUnmounted(() => {
     top: 0 !important;
     bottom: 0 !important;
   }
+
   /* 保留响应式中的padding设置，但移除其他可能冲突的位置样式 */
   .bonus-section {
-    padding: 10px;
+    padding: 8px; /* 减小padding */
   }
-  
+
   .bonus-awards-container {
     gap: 10px;
+    scale: 0.8;
   }
-    
+  
+  /* 确保图片容器有足够的显示空间 */
+  .team-rankings, .individual-rankings {
+    position: relative;
+    z-index: 2; /* 确保排名区域在奖金模块之上 */
+  }
+
   .timer-float {
     font-size: 0.9rem;
   }
-  
+
   .timer-float .countdown {
     gap: 8px;
   }
@@ -988,11 +1533,11 @@ onUnmounted(() => {
   .banner-image {
     margin-bottom: 15px;
   }
-  
+
   .award-image {
     max-width: 100%;
   }
-  
+
   .timer-float {
     font-size: 0.8rem;
   }
@@ -1008,7 +1553,7 @@ onUnmounted(() => {
   cursor: move;
   backdrop-filter: blur(10px);
   border: 1px solid #3a3f51;
-  box-shadow: 
+  box-shadow:
     0 0 15px rgba(0, 255, 255, 0.3),
     inset 0 0 10px rgba(0, 255, 255, 0.1);
   animation: borderPulse 3s infinite alternate;
@@ -1017,19 +1562,20 @@ onUnmounted(() => {
 
 .timer-float:hover {
   transform: scale(1.05);
-  box-shadow: 
+  box-shadow:
     0 0 25px rgba(0, 255, 255, 0.5),
     inset 0 0 15px rgba(0, 255, 255, 0.2);
 }
 
 @keyframes borderPulse {
   0% {
-    box-shadow: 
+    box-shadow:
       0 0 10px rgba(0, 255, 255, 0.2),
       inset 0 0 5px rgba(0, 255, 255, 0.1);
   }
+
   100% {
-    box-shadow: 
+    box-shadow:
       0 0 20px rgba(0, 255, 255, 0.5),
       inset 0 0 15px rgba(0, 255, 255, 0.3);
   }
@@ -1044,23 +1590,7 @@ onUnmounted(() => {
   border: 0;
 }
 
-/* 主容器 */
-.battle-ranking {
-  min-height: 100vh;
-  position: relative;
-}
 
-/* 背景覆盖层，确保文本可读性 */
-.battle-ranking::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: transparent;
-  z-index: -1;
-}
 
 /* 主题部分 */
 .theme-section {
@@ -1096,7 +1626,8 @@ onUnmounted(() => {
   padding: 12px 25px;
   border-radius: 50px;
   font-weight: bold;
-  margin-bottom: 14px; /* 下移4px */
+  margin-bottom: 14px;
+  /* 下移4px */
 }
 
 /* 科技感倒计时标签 */
@@ -1123,7 +1654,7 @@ onUnmounted(() => {
   color: #00e5ff;
   text-shadow: 0 0 10px rgba(0, 229, 255, 0.8);
   border: 1px solid #00e5ff;
-  box-shadow: 
+  box-shadow:
     0 0 10px rgba(0, 229, 255, 0.3),
     inset 0 0 5px rgba(0, 229, 255, 0.2);
   transition: all 0.2s ease;
@@ -1146,7 +1677,7 @@ onUnmounted(() => {
 
 .time-item:hover {
   transform: translateY(-2px);
-  box-shadow: 
+  box-shadow:
     0 0 15px rgba(0, 229, 255, 0.5),
     inset 0 0 10px rgba(0, 229, 255, 0.3);
 }
@@ -1171,12 +1702,13 @@ onUnmounted(() => {
 
 @keyframes pulse {
   0% {
-    box-shadow: 
+    box-shadow:
       0 0 10px rgba(255, 61, 0, 0.3),
       inset 0 0 5px rgba(255, 61, 0, 0.2);
   }
+
   100% {
-    box-shadow: 
+    box-shadow:
       0 0 15px rgba(255, 61, 0, 0.6),
       inset 0 0 10px rgba(255, 61, 0, 0.4);
   }
@@ -1184,8 +1716,18 @@ onUnmounted(() => {
 
 /* 毫秒闪烁动画增强紧张感 */
 @keyframes blink {
-  0%, 50% { opacity: 1; transform: scale(1); }
-  51%, 100% { opacity: 0.7; transform: scale(0.95); }
+
+  0%,
+  50% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  51%,
+  100% {
+    opacity: 0.7;
+    transform: scale(0.95);
+  }
 }
 
 /* 战鼓部分 - 浮动并支持拖放 */
@@ -1197,7 +1739,7 @@ onUnmounted(() => {
   background: rgba(255, 255, 255, 0.95);
   border-radius: 20px;
   cursor: move;
-  z-index: 100;
+  z-index: 1000;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
   transition: box-shadow 0.3s ease;
 }
@@ -1234,7 +1776,7 @@ onUnmounted(() => {
   --drum-rotate: 5deg;
   --drum-brightness: 1.3;
   --drum-saturation: 1.2;
-  
+
   transform: scale(var(--drum-scale)) translateY(var(--drum-translate-y)) rotate(var(--drum-rotate));
   filter: brightness(var(--drum-brightness)) saturate(var(--drum-saturation));
   animation: drumBeat 0.1s ease-in-out;
@@ -1242,15 +1784,28 @@ onUnmounted(() => {
 
 /* 战鼓闲置时的轻微脉动动画 */
 @keyframes idlePulse {
-  0% { transform: scale(1); }
-  100% { transform: scale(1.05); }
+  0% {
+    transform: scale(1);
+  }
+
+  100% {
+    transform: scale(1.05);
+  }
 }
 
 /* 增强跳动效果的关键帧动画 */
 @keyframes drumBeat {
-  0% { transform: scale(1); }
-  50% { transform: scale(var(--drum-scale, 1.3)) translateY(var(--drum-translate-y, -15px)) rotate(var(--drum-rotate, 5deg)); }
-  100% { transform: scale(1); }
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(var(--drum-scale, 1.3)) translateY(var(--drum-translate-y, -15px)) rotate(var(--drum-rotate, 5deg));
+  }
+
+  100% {
+    transform: scale(1);
+  }
 }
 
 .trophy {
@@ -1258,8 +1813,13 @@ onUnmounted(() => {
 }
 
 @keyframes bounce {
-  from { transform: translateY(0); }
-  to { transform: translateY(-10px); }
+  from {
+    transform: translateY(0);
+  }
+
+  to {
+    transform: translateY(-10px);
+  }
 }
 
 /* 按钮样式 */
@@ -1355,6 +1915,7 @@ onUnmounted(() => {
   0% {
     text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
   }
+
   100% {
     text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 255, 255, 0.8);
   }
@@ -1363,10 +1924,33 @@ onUnmounted(() => {
 .rank-table {
   border-radius: 10px;
   overflow: hidden;
-  min-height: 480px;
-  max-height: 480px;
   overflow-y: auto;
   position: relative;
+  margin-top: 0.8rem;
+  max-height: 420px;
+  max-height: 420px;
+ // 只对左侧战区的.rank-table生效（通过父容器限定）
+  .team-rankings-container & {
+    -ms-overflow-style: none; /* IE/Edge 隐藏 */
+    scrollbar-width: none; /* Firefox 隐藏 */
+  }
+  // Chrome/Safari 隐藏左侧滚动条（伪元素必须单独写）
+  .team-rankings-container &::-webkit-scrollbar {
+    display: none !important;
+    width: 0 !important;
+  }
+
+  // ========== 新增：右侧英雄排名滚动条保留原样 ==========
+  .individual-rankings-container & {
+    -ms-overflow-style: auto; /* 恢复IE/Edge默认 */
+    scrollbar-width: auto; /* 恢复Firefox默认 */
+  }
+  // Chrome/Safari 恢复右侧滚动条
+  .individual-rankings-container &::-webkit-scrollbar {
+    display: block !important;
+    width: 6px !important; // 恢复默认滚动条宽度
+  }
+ 
 }
 
 .table-header {
@@ -1425,20 +2009,23 @@ onUnmounted(() => {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 }
 
-/* 前三名特殊背景色，增强亮度和对比度 */
-.table-row:nth-child(1) {
-  background: linear-gradient(135deg, #ffd700, #ffed4a);
+/* 前三名特殊背景色，增强亮度和对比度 - 确保英雄排名和战区排名样式一致 */
+.team-rankings-container .table-row:nth-child(1),
+.individual-rankings-container .table-row:nth-child(1) {
+  background: linear-gradient(135deg, #ffd700, #403f3c);
   color: #333;
   box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
 }
 
-.table-row:nth-child(2) {
+.team-rankings-container .table-row:nth-child(2),
+.individual-rankings-container .table-row:nth-child(2) {
   background: linear-gradient(135deg, #c0c0c0, #e0e0e0);
   color: #333;
   box-shadow: 0 6px 20px rgba(192, 192, 192, 0.4);
 }
 
-.table-row:nth-child(3) {
+.team-rankings-container .table-row:nth-child(3),
+.individual-rankings-container .table-row:nth-child(3) {
   background: linear-gradient(135deg, #cd7f32, #d7ccc8);
   color: #333;
   box-shadow: 0 6px 20px rgba(205, 127, 50, 0.4);
@@ -1474,12 +2061,12 @@ onUnmounted(() => {
 }
 
 /* 浮动管理员入口 */
-  .admin-entry-float {
-    position: fixed;
-    bottom: 20px;
-    left: 20px;
-    z-index: 1000;
-  }
+.admin-entry-float {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  z-index: 1000;
+}
 
 /* 管理员按钮使用通用按钮样式 */
 .admin-entry-float .btn-game-secondary {
@@ -1490,65 +2077,262 @@ onUnmounted(() => {
 }
 
 /* 针对高度大于1080分辨率的精确优化 */
-@media (min-height: 1080px) {
-  /* 优化表格布局 - 设置高度确保只显示5行 */
-  .rank-table {
-    min-height: 280px !important;
-    max-height: 280px !important;
-    margin: 0 auto;
-    width: 100%;
-  }
-  
-  /* 优化表格行高，确保5行内容完美显示 */
-  .table-row {
-    min-height: 38px;
-    padding: 10px;
-  }
-  
-  /* 优化前三名特殊样式 */
-  .table-row:nth-child(1),
-  .table-row:nth-child(2),
-  .table-row:nth-child(3) {
-    font-size: 1.05rem;
-  }
-}
+
 
 /* 移动端背景图片设置 - 全局样式 */
+  /* 总战绩部分样式 */
+.total-score-section {
+  margin: 20px auto;
+  max-width: 1200px;
+  padding: 20px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  animation: fadeIn 0.5s ease-in-out;
+}
+
+.total-score-container {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+/* 移除空的total-score-content规则集以避免SCSS警告 */
+
+
+.total-score-item {
+  display: flex;
+  justify-content: center; /* 水平居中 */
+  align-items: center; /* 垂直居中 */
+  padding: 10px;
+  min-height: 60px; /* 确保有足够的高度来展示垂直居中效果 */
+}
+
+.score-value {
+  font-size: calc(var(--individual-champion-font-size, 5rem) * 2);
+  font-size: calc(var(--individual-champion-font-size, 6rem) * 2);
+  font-weight: bold;
+  color: #fff2c4;
+  text-shadow: 0 0 10px rgba(0, 0, 0, .8), 0 0 20px rgb(16 16 16 / 30%), 1px 1px 2px rgba(0, 0, 0, .8);
+}
+
+.total-score-total-value {
+  margin-top: -40px;
+}
+
+/* 战区冠军分数特殊样式 */
+.team-champion .score-value {
+  font-size: calc(var(--team-champion-font-size, 1.8rem) * 4);
+  text-shadow: 
+    0 0 15px rgba(255, 215, 0, 0.7),
+    0 0 30px rgba(255, 215, 0, 0.4),
+    2px 2px 3px rgba(0, 0, 0, 0.9);
+}
+
+/* 照片容器样式 */
+.team-logo.photo-container {
+  overflow: hidden;
+  margin-top: -97px;
+}
+
+.individual-champion {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 20px;
+  gap: 30px;
+}
+
+.team-rankings-propagation {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.individual-rankings-propagation {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
 @media (max-width: 768px) {
-  /* 1. 背景图片全屏显示并固定 */
-  .battle-ranking {
-    padding: 0 !important;
-    margin-top: 50px;
-    background-image: url('/battle-background.jpg');
-    background-size: cover;
-    background-position: center;
-    background-attachment: fixed;
-    min-height: 100vh;
+
+    .total-score-total-title {
+      align-items: center;
+      display: flex;
+      justify-content: center;
+    }
+    
+    /* 战区排名容器设置 - 根据配置决定显示行数和滚动行为 */
+    .team-rankings-container .rank-table {
+      position: relative;
+      min-height: auto;
+      /* 移动端强制显示所有行，覆盖JS动态设置的CSS变量 */
+      height: auto !important;
+      max-height: none !important;
+      overflow-y: visible !important;
+      overflow-x: auto !important;
+      /* 强制覆盖CSS变量 */
+      --team-default-height: auto !important;
+      --team-overflow-y: visible !important;
+      --team-overflow-x: auto !important;
+    }
+    
+    /* 移动端战区排名显示所有内容，不受滚动锁定影响 */
+    :root[style*="--team-scroll-lock: lock"] .team-rankings-container .rank-table {
+      overflow-y: visible !important;
+      overflow-x: auto !important;
+      height: auto !important;
+      min-width: auto !important;
+      width: 100% !important;
+    }
+    
+    /* 确保表格内容在移动端正确显示 */
+    :root[style*="--team-scroll-lock: lock"] .team-rankings-container .rank-table .table-header,
+    :root[style*="--team-scroll-lock: lock"] .team-rankings-container .rank-table .table-row {
+      min-width: auto !important;
+      width: 100% !important;
+      overflow-x: visible !important;
+      white-space: nowrap !important;
+    }
+
+    .individual-rankings-propagation {
+      margin-top: -40px;
+      padding-bottom: 10px;
+      margin-bottom: 20px; /* 恢复为修改之前的间距 */
+    }
+      
+    .individual-rankings {
+      margin-top: 60px; /* 增加排名列表的顶部间距 */
+    }
+    
+    /* 移动端战区排名容器位置调整 */
+    .team-rankings {
+      margin-top: 0; /* 确保与英雄排名区域在统一水平线 */
+    }
+    
+    /* 英雄排名容器设置 - 根据配置决定显示行数和滚动行为 */
+    .individual-rankings-container .rank-table {
+      position: relative;
+      min-height: auto;
+      /* 移动端强制显示所有行，覆盖JS动态设置的CSS变量 */
+      height: auto !important;
+      max-height: none !important;
+      overflow-y: visible !important;
+      overflow-x: auto !important;
+      /* 隐藏滚动条 */
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      /* 强制覆盖CSS变量 */
+      --individual-default-height: auto !important;
+      --individual-overflow-y: visible !important;
+      --individual-overflow-x: auto !important;
+    }
+    
+    /* 移动端英雄排名显示所有内容，不受滚动锁定影响 */
+    :root[style*="--individual-scroll-lock: lock"] .individual-rankings-container .rank-table {
+      overflow-y: visible !important;
+      overflow-x: auto !important;
+      height: auto !important;
+      min-width: auto !important;
+      width: 100% !important;
+    }
+    
+    /* 确保表格内容在移动端正确显示 */
+    :root[style*="--individual-scroll-lock: lock"] .individual-rankings-container .rank-table .table-header,
+    :root[style*="--individual-scroll-lock: lock"] .individual-rankings-container .rank-table .table-row {
+      min-width: auto !important;
+      width: 100% !important;
+      overflow-x: visible !important;
+      white-space: nowrap !important;
+    }
+    
+    /* 移动端非前三名字体放大 */
+    .team-rankings-container .table-row:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
+    .individual-rankings-container .table-row:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
+      font-size: 1.1rem;
+    }
+    
+    /* 移动端名次列水平垂直居中 */
+    .team-rankings-container .table-header > :first-child,
+    .individual-rankings-container .table-header > :first-child,
+    .team-rankings-container .table-row > :first-child,
+    .individual-rankings-container .table-row > :first-child {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+    
+    /* 确保前三名特殊样式在移动端正确显示 */
+  .team-rankings-container .table-row.top-three,
+  .individual-rankings-container .table-row.top-three {
+    transform: scale(1);
+    box-shadow: none;
+    position: static;
   }
   
+  .team-rankings-container .table-row:nth-child(1),
+  .team-rankings-container .table-row:nth-child(2),
+  .team-rankings-container .table-row:nth-child(3),
+  .individual-rankings-container .table-row:nth-child(1),
+  .individual-rankings-container .table-row:nth-child(2),
+  .individual-rankings-container .table-row:nth-child(3) {
+    box-shadow: none;
+    z-index: 1;
+  }
+  
+  /* 当设置为禁止滚动时，确保战区排名容器不允许滚动 */
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container {
+    overflow: visible !important;
+    height: auto !important;
+  }
+  
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container .rank-table {
+    overflow: hidden !important;
+    display: block;
+    min-width: auto !important;
+    width: 100% !important;
+  }
+  
+  /* 确保表格头部和行在禁止滚动模式下能够完整显示内容 */
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container .table-header,
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container .table-row {
+    min-width: auto !important;
+    width: 100% !important;
+    overflow-x: visible !important;
+    white-space: normal !important;
+  }
+  
+  /* 英雄排名列表隐藏水平滚动条 */
+  .individual-rankings-container .rank-table::-webkit-scrollbar {
+    width: 6px; /* 保留垂直滚动条 */
+    height: 0; /* 隐藏水平滚动条 */
+  }
+
   /* 移除原有卡片背景，让内容在背景图上显示 */
   .card-game {
     background: transparent;
     box-shadow: none;
   }
-  
+
   /* 主题部分调整 */
   .theme-section {
     width: 100%;
     margin: 0;
     padding: 0;
   }
-  
+
   .banner-image {
     width: 100%;
     height: auto;
   }
-  
+
   /* 战鼓部分调整 */
   .drums-section {
-    transform: scale(0.8); /* 缩小战鼓元素 */
+    transform: scale(0.8);
+    /* 缩小战鼓元素 */
   }
-  
+
   /* 2. 倒计时模块调整 - 移至冠军战区上方，缩小时间显示为一行 */
   .timer-float {
     position: relative;
@@ -1562,13 +2346,13 @@ onUnmounted(() => {
     color: white;
     text-align: center;
   }
-  
+
   .timer-float .label {
     font-size: 0.9rem;
     display: block;
     margin-bottom: 5px;
   }
-  
+
   .countdown {
     display: flex;
     justify-content: center;
@@ -1576,7 +2360,7 @@ onUnmounted(() => {
     gap: 8px;
     flex-wrap: nowrap;
   }
-  
+
   .time-item {
     font-size: 0.85rem;
     padding: 4px 6px;
@@ -1584,38 +2368,39 @@ onUnmounted(() => {
     border-radius: 4px;
     border: 1px solid rgba(255, 215, 0, 0.5);
   }
-  
+
   /* 任务设置调整 */
   .task-settings-section {
-    margin-top: -100px; /* 调整负边距 */
+    margin-top: -100px;
+    /* 调整负边距 */
   }
-  
+
   .task-title-container {
     padding: 15px;
   }
-  
+
   .task-title-container .game-title {
     font-size: 1.6rem;
   }
-  
+
   .task-title-container .game-title-highlight {
     font-size: 2rem;
   }
-  
+
   .task-title-container .game-subtitle {
     font-size: 1rem;
   }
-  
+
   /* 排名部分调整 */
   .rankings-section {
     margin: 0 10px 20px 10px;
   }
-  
+
   .rankings-container {
     flex-direction: column;
     gap: 10px;
   }
-  
+
   .individual-rankings,
   .team-rankings {
     min-width: auto;
@@ -1624,45 +2409,105 @@ onUnmounted(() => {
     display: flex;
     flex-direction: column;
   }
-  
+
   /* 将倒计时移动到冠军上方的位置 */
   .team-rankings {
     order: -1;
   }
-  
+
   .team-rankings-container,
   .individual-rankings-container {
     padding: 10px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.95);
   }
-    
+  
+  /* 当设置为禁止滚动时，确保战区排名容器不允许滚动 */
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container {
+    overflow: visible !important;
+    height: auto !important;
+  }
+  
+  :root[style*="--team-scroll-lock: lock"] .team-rankings-container .rank-table {
+    overflow: hidden !important;
+    white-space: nowrap;
+    display: block;
+  }
+
   /* 表格调整 */
   .rank-table {
     min-height: 250px;
-    max-height: 250px;
-    overflow-x: auto; /* 允许横向滚动 */
+    /* 移除最大高度限制，允许显示所有行 */
+    overflow-x: hidden;
+    /* 禁止横向滚动 */
+    overflow-y: auto;
+    /* 允许纵向滚动 */
+    /* 隐藏移动端滚动条 */
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    display: flex;
+    flex-direction: column;
   }
   
+  /* 隐藏WebKit浏览器移动端滚动条 */
+  .rank-table::-webkit-scrollbar {
+    display: none;
+  }
+  
+  /* 英雄排名列表设置 - 根据配置决定显示行数和滚动行为 */
+    .individual-rankings-container .rank-table {
+      overflow-x: hidden !important;
+      /* 禁止横向滚动 */
+      height: var(--individual-default-height, auto) !important;
+      overflow-y: var(--individual-overflow-y, auto) !important;
+      /* 确保英雄排名列表隐藏滚动条 */
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      display: flex;
+      flex-direction: column;
+    }
+    
+    /* 当设置了滚动锁定时，禁止所有滚动 */
+    :root[style*="--individual-scroll-lock: lock"] .individual-rankings-container {
+      overflow: visible !important;
+      height: auto !important;
+    }
+    
+    :root[style*="--individual-scroll-lock: lock"] .individual-rankings-container .rank-table {
+      overflow: hidden !important;
+      white-space: nowrap;
+      display: block;
+    }
+  
+  .individual-rankings-container .rank-table::-webkit-scrollbar {
+    display: none;
+  }
+
   .table-header {
     font-size: 1rem;
     padding: 8px 6px;
-    min-width: 500px;    
+    min-width: 500px;
+    /* 固定表头，防止滚动时移动 */
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: rgba(255, 255, 255, 0.95);
   }
 
   .table-row {
     font-size: 0.9rem;
     padding: 8px 6px;
     min-width: 500px;
+    /* 确保行内容不会被截断 */
+    overflow: visible;
   }
-  
+
   /* 冠军部分调整 */
   .team-champion,
   .individual-champion {
-    transform: scale(0.9);
     margin: 5px 0;
   }
-  
+
   /* 管理员入口调整 */
   .admin-entry-float {
     position: relative;
@@ -1671,12 +2516,12 @@ onUnmounted(() => {
     margin: 10px;
     text-align: center;
   }
-  
+
   .btn-game-secondary {
     padding: 10px 15px;
     font-size: 0.9rem;
   }
-  
+
   /* 3. 奖金模块调整 - 移至底部显示 */
   .bonus-section {
     position: fixed;
@@ -1691,30 +2536,30 @@ onUnmounted(() => {
     transition: transform 0.3s ease;
     box-shadow: none;
   }
-  
+
   .bonus-awards-container {
     display: flex;
     justify-content: space-around;
     align-items: center;
   }
-  
+
   .award-image {
     height: 120px;
     width: auto;
   }
-  
+
   /* 确保重要内容优先显示 */
   .rank-col,
   .name-col,
   .score-col {
     font-weight: bold;
   }
-  
+
   /* 为底部奖金模块留出空间 */
   .admin-entry-float {
     margin-bottom: 100px;
   }
-  
+
   /* 针对极小屏幕的特殊处理 */
   @media (max-width: 480px) {
     .table-header {
@@ -1728,23 +2573,23 @@ onUnmounted(() => {
       font-size: 0.75rem;
       padding: 6px 4px;
     }
-    
+
     .game-title {
       font-size: 1.4rem;
     }
-    
+
     .game-title-highlight {
       font-size: 1.7rem;
     }
-    
+
     .award-image {
       height: 120px;
     }
-    
+
     .countdown {
       gap: 6px;
     }
-    
+
     .time-item {
       font-size: 0.8rem;
       padding: 3px 5px;
@@ -1754,18 +2599,19 @@ onUnmounted(() => {
 
 /* 触摸设备优化 */
 @media (hover: none) and (pointer: coarse) {
+
   /* 增大点击区域 */
   .btn-game-secondary {
     padding: 12px 24px;
     font-size: 1rem;
   }
-  
+
   /* 移除hover效果，添加触摸反馈 */
   .table-row:active {
     background-color: rgba(255, 255, 255, 0.95);
     transform: scale(1.01);
   }
-  
+
   .btn-game-secondary:active {
     transform: scale(0.98);
   }
@@ -1785,10 +2631,17 @@ onUnmounted(() => {
     position: fixed;
     top: 360px;
     left: 720px;
-    z-index: 100;
+    z-index: 9999; /* 设置最高层级，确保在最上层显示 */
     cursor: move;
     transition: transform 0.2s ease;
-  }  
+  }
+}
+.team-rankings-container .rank-table {
+  -ms-overflow-style: none !important;
+  scrollbar-width: none !important;
+}
+.team-rankings-container .rank-table::-webkit-scrollbar {
+  display: none !important;
+  width: 0 !important;
 }
-
 </style>
\ No newline at end of file
diff --git a/ui/手表.png b/ui/手表.png
new file mode 100644
index 0000000..7958574
Binary files /dev/null and b/ui/手表.png differ
diff --git a/uploads/1763860106271.jpg b/uploads/1763860106271.jpg
new file mode 100644
index 0000000..c9bf9af
Binary files /dev/null and b/uploads/1763860106271.jpg differ
diff --git a/uploads/1763956859312.jpg b/uploads/1763956859312.jpg
new file mode 100644
index 0000000..6818653
Binary files /dev/null and b/uploads/1763956859312.jpg differ
diff --git a/uploads/1763972044872.jpg b/uploads/1763972044872.jpg
new file mode 100644
index 0000000..2218650
Binary files /dev/null and b/uploads/1763972044872.jpg differ
diff --git a/uploads/1763979489455.png b/uploads/1763979489455.png
new file mode 100644
index 0000000..88b8774
Binary files /dev/null and b/uploads/1763979489455.png differ